/* additions for the audience pages, guides and owner pages; loaded after style.css */
.langsw { font-size: 14px; font-weight: 600; color: var(--navy); text-decoration: none; padding: 8px 10px; border-radius: 6px; box-shadow: inset 0 0 0 1.5px var(--line); white-space: nowrap; }
.langsw:hover { box-shadow: inset 0 0 0 1.5px var(--navy); }
@media (max-width: 420px) { .langsw { padding: 7px 8px; font-size: 13px; } }
.crumbs { font-size: 14px; color: var(--mute); margin: 0 0 18px; }
.crumbs a { color: var(--mute); }
.crumbs span[aria-hidden] { margin: 0 6px; }
.film img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.page-hero .film { margin-top: 40px; }
.how-row .media figure { min-width: 0; }
.how-row p + p { margin-top: -0.3em; }
.related { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 40px; margin-top: 24px; }
.related ul { list-style: none; margin: 0; padding: 0; }
.related li { border-top: 1px solid var(--line); }
.related li:last-child { border-bottom: 1px solid var(--line); }
.related a { display: block; padding: 13px 0; text-decoration: none; font-weight: 500; color: var(--navy); }
.related a:hover { text-decoration: underline; }
.related h3 { font-size: 15px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--mute); font-weight: 600; margin-bottom: 8px; }
@media (max-width: 900px) { .related { grid-template-columns: 1fr; gap: 24px; } }
.cta-band .wrap { align-items: center; }
.cta-band .cta-side { display: flex; }
@media (max-width: 900px) { .cta-band .cta-side { justify-self: start; } }

/* guides */
.article-head { padding-block: 48px 8px; }
.article-head .inner, .article .inner { max-width: 760px; }
.article-head h1 { font-size: clamp(30px, 4vw, 44px); }
.answer { border-left: 4px solid var(--gold); background: var(--band); padding: 18px 22px; border-radius: 0 8px 8px 0; font-size: 19px; line-height: 1.55; color: var(--ink); margin: 22px 0 0; }
.answer p { margin: 0; }
.meta { font-size: 14px; color: var(--mute); margin: 14px 0 0; }
.article { padding-block: 28px 40px; }
.article h2 { margin-top: 40px; font-size: clamp(23px, 2.6vw, 30px); }
.article h3 { margin-top: 24px; }
.article p, .article li { max-width: 68ch; }
.article ul, .article ol { padding-left: 1.2em; margin: 0 0 1.2em; }
.article li { margin-bottom: 6px; }
.tablewrap { overflow-x: auto; margin: 20px 0 26px; border: 1px solid var(--line); border-radius: 8px; max-width: 100%; }
.tablewrap table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: 15.5px; }
.tablewrap th, .tablewrap td { text-align: left; vertical-align: top; padding: 11px 14px; border-top: 1px solid var(--line); }
.tablewrap thead th { background: var(--band); color: var(--navy); border-top: 0; font-weight: 600; }
.tablewrap tbody th { font-weight: 600; color: var(--navy); }
.inline-cta { background: var(--band); border-radius: 8px; padding: 22px 24px; margin: 34px 0; }
.inline-cta p { margin: 0 0 14px; }
.article .faq { max-width: 760px; }
.next-guides { margin-top: 30px; }

/* owner pages */
.owner .wrap { max-width: 1100px; }
.owner h2 { margin-top: 44px; }
.owner p, .owner li { max-width: 80ch; }
.owner .tablewrap table { min-width: 720px; font-size: 14.5px; }
.owner code { background: var(--band); padding: 1px 6px; border-radius: 4px; font-size: 0.92em; overflow-wrap: anywhere; }
.owner .note { background: #FFF8E6; border-left: 4px solid var(--gold); padding: 14px 18px; border-radius: 0 8px 8px 0; margin: 18px 0; }
.owner ol li { margin-bottom: 8px; }
.owner .tablewrap td, .owner .tablewrap th { overflow-wrap: anywhere; }

footer.site .wrap { grid-template-columns: minmax(0, 1.2fr) repeat(4, minmax(0, 1fr)); }
@media (max-width: 1000px) { footer.site .wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { footer.site .wrap { grid-template-columns: 1fr; } }

/* v2: three languages, who-it-is-for chips, grant page */
.langs { display: inline-flex; gap: 6px; }
.chips { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.chips a { display: inline-block; padding: 9px 14px; border-radius: 999px; box-shadow: inset 0 0 0 1.5px var(--line); text-decoration: none; color: var(--navy); font-weight: 500; font-size: 15px; }
.chips a:hover { box-shadow: inset 0 0 0 1.5px var(--navy); }
.whofor { padding-block: 40px; }
.grantnote { background: var(--band); border-left: 4px solid var(--gold); padding: 16px 20px; border-radius: 0 8px 8px 0; margin: 20px 0; }
.grantnote p { margin: 0 0 8px; }
.grantnote p:last-child { margin: 0; }
@media (max-width: 560px) { .langs { gap: 4px; } }
.ln-short { display: none; }
@media (max-width: 560px) { .ln-full { display: none; } .ln-short { display: inline; } .langsw { padding: 7px 9px; } }
.article code, .article .tablewrap td { overflow-wrap: anywhere; }
.article .inner { min-width: 0; }