/* Phone readability fixes, 2026-10-02. Every rule lives inside the 560px media query, so desktop and tablet are untouched. */
@media (max-width:560px){
  /* 1. Contact: the e-mail address stays on one line instead of breaking mid-word. */
  .px-general .px-email{font-size:clamp(14px,4.7vw,22px);overflow-wrap:normal;word-break:normal;white-space:nowrap;max-width:100%}

  /* 2. Market and sector sub-nav: full-bleed scroll strip with snap, a right-edge fade and room for the last tab. */
  .ix-jumpbar>.ix-container{width:100%;box-sizing:border-box;padding:0 44px 0 22px;scroll-snap-type:x proximity;scroll-padding-inline:22px;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent)}
  .ix-jumpbar a{scroll-snap-align:start;flex:none}

  /* 3. Counter badges stay legible on bright photographs. */
  .ix-sector-card__image>span{left:16px;top:16px;padding:4px 8px;border-radius:2px;background:rgba(7,10,13,.82);text-shadow:none;z-index:2}
  .px-topic-image::after{content:'';position:absolute;inset:auto 0 0 0;height:78%;background:linear-gradient(0deg,rgba(7,10,13,.86),rgba(7,10,13,.5) 55%,transparent);pointer-events:none;z-index:1}
  .px-topic-image>span{z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.7),0 2px 14px rgba(0,0,0,.6)}

  /* 4. Stronger overlays under white headlines and the red eyebrow. */
  html.pt-home-plus .service-film__shade{background:linear-gradient(180deg,rgba(7,10,13,.34),rgba(7,10,13,.52) 38%,rgba(7,10,13,.92) 100%),linear-gradient(90deg,rgba(7,10,13,.22),transparent 70%)}
  .ix-hero__backdrop::after{background:linear-gradient(180deg,#0710108c,#0710108c),linear-gradient(90deg,#0a1118dd,#0a111844 75%),linear-gradient(0deg,#0b141ae6,transparent 75%)}
  .ix-page[data-sector-slug] .ix-hero__backdrop::after{background:linear-gradient(180deg,#0710108c,#0710108c),linear-gradient(180deg,#07101488,transparent 30%),linear-gradient(90deg,#0a1118dd,#0a111844 75%),linear-gradient(0deg,#0b141ae6,transparent 75%)}
  .ix-page[data-sector-slug] .ix-hero--split .ix-hero__backdrop::after,.ix-hero--split .ix-hero__backdrop::after{background:linear-gradient(180deg,#0710108c,#0710108c),linear-gradient(180deg,#07101466,transparent 30%),linear-gradient(90deg,#11191ef0,#11191e88)}
  .ix-hero .ix-kicker{color:#ffbcbe}

  /* 5. Tap targets of at least 44px for footer links, footer legal buttons and breadcrumbs. */
  .site-footer .footer-col a,.site-footer .footer-col .footer-link-disabled{display:flex;align-items:center;min-height:44px;margin:0}
  .site-footer .footer-col__title{margin-bottom:2px}
  .site-footer .footer-nav{row-gap:12px}
  .site-footer .footer-bottom__meta{align-items:center;gap:0 22px}
  .site-footer .footer-bottom__meta>a,.site-footer .footer-bottom__meta>.footer-legal-button{display:inline-flex;align-items:center;min-height:44px}
  .ix-breadcrumb{display:inline-flex;align-items:center;min-height:44px;margin-bottom:12px}
}