/* Cross-page layout fixes. Loaded last in <head> on every page so it wins over the inline page styles. */

/* Nothing may push the page wider than the viewport (hero collages overflowed at 1025–1280px). */
html{overflow-x:clip}
.hero{overflow-x:clip}

/* Logo icon after a title follows the font size, so it never outgrows the text on small screens. */
.title-icon{height:.78em;width:auto;margin-left:.2em;vertical-align:baseline}
.display-96 .title-icon,.hero h1 img{height:.6em;width:auto;margin-left:.16em}

/* Small phones: keep the nav CTA from running into the logo. */
@media (max-width:420px){
  .nav-inner{gap:8px}
  .nav-links{gap:6px}
  .nav-links .btn,.nav-links a.btn-light{height:30px;min-width:0;padding:0 10px;font-size:11.5px;border-radius:9999px;white-space:nowrap}
  .lang-switch button{padding:0 8px;font-size:11px}
}

/* ---------- partnership.html ---------- */
/* Checklist: keep each tick next to its own label. */
.aud-check{display:flex;flex-wrap:wrap;gap:8px 28px}
.aud-check img:not(:first-child){margin-left:0}
.aud-check .ck{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}

/* 4 steps: cards size to their content instead of a fixed 360px with the list pinned to the bottom. */
.step-card{height:auto;min-height:230px;display:flex;flex-direction:column}
.step-card ul{position:static;margin-top:auto;padding-top:28px}

/* Partner FAQ: list aligned with its title, answers not indented for a missing icon. */
.partner-faq .faq-list{max-width:none;margin:32px 0 0}
.partner-faq .acc-body{padding:0 20px 18px}
.partner-faq .acc-head .t{white-space:normal}
@media (max-width:1024px){
  .partner-faq .acc-body{padding:0 18px 16px}
  .aud-check{gap:8px 18px}
}

/* Desktop widths between 1281px and 1440px: fixed 1440 columns must shrink instead of overflowing. */
@media (min-width:1281px){
  .mb-grid{grid-template-columns:repeat(2,minmax(0,550px));column-gap:20px}
  .value{height:auto;min-height:512px}
  .pt-grid{grid-template-columns:repeat(2,minmax(0,401px))}
}