:root{--mobile-edge:16px;--mobile-radius:16px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:0}
body{width:100%;min-width:0;overflow-x:hidden}
.container{width:calc(100% - (2 * var(--mobile-edge)));max-width:none;margin-inline:auto}
img,svg,canvas,video,audio{max-width:100%;height:auto}

.site-header{position:relative;inset:auto;background:#080b10;backdrop-filter:none}
.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;min-height:0;padding:1rem 0}
.brand{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);column-gap:.55rem;align-items:center}
.brand-mark{grid-row:1/3;width:3.6rem;border-radius:.4rem}
.brand-name{min-width:0;font-size:1.05rem;letter-spacing:.1em;white-space:nowrap}
.brand-tagline{min-width:0;margin-top:.28rem;font-size:.52rem;letter-spacing:.22em;white-space:nowrap}
.menu-button{display:inline-flex;grid-column:2;grid-row:1;align-items:center;justify-content:center;min-width:4.75rem;min-height:48px;padding:.65rem .75rem}
.header-live-button{grid-column:1/-1;grid-row:2;width:100%;min-height:52px;margin:0;padding:.75rem 1rem;order:initial}
.site-nav{position:static;grid-column:1/-1;width:100%;margin:0;padding:.5rem 0 0;border:0;background:transparent}
.site-nav.open{display:block}
.nav-list{display:grid;grid-template-columns:1fr;gap:.2rem}
.nav-list a{display:flex;width:100%;min-height:48px;align-items:center;padding:.7rem .75rem;border:1px solid transparent;border-radius:10px;text-align:left}
.nav-list a[aria-current="page"]{border-color:var(--gold);background:rgba(217,173,74,.08)}
.hit-live-panel{position:static;top:auto}
.hit-live-inner{display:grid;grid-template-columns:1fr;gap:.8rem;padding:1rem 0;text-align:center}
.hit-live-volume{justify-self:center}

main{display:block;width:100%;min-width:0;overflow:hidden}
.hero,.home-hero{min-height:0}
.home-hero-grid{display:block;padding:0}
.home-hero .hero-content{max-width:none;margin:0;padding:3rem 0 1.5rem;text-align:left}
.home-hero h1{max-width:12ch;margin:.75rem 0 1.1rem;font-size:clamp(2.25rem,11vw,3rem);line-height:1}
.home-hero .eyebrow{font-size:.72rem;letter-spacing:.13em}
.home-hero .hero-content>p:last-child{max-width:none;margin:0;font-size:1.05rem;line-height:1.55}
.hero-brand-stage{display:grid;min-height:0;padding:.75rem 0 2.5rem;place-items:center}
.hero-brand-ring{width:min(11rem,52vw)}

.section{padding:3.25rem 0}
.page-hero,.compact-hero{padding:3rem 0 2rem}
.page-hero::before,.hero::before{display:none}
.section-heading{max-width:none;margin-bottom:1.5rem}
.section-heading h2,.page-hero h1{font-size:clamp(2rem,9vw,2.65rem);line-height:1.05}
.cards,.home-destination-grid,.shows-grid,.statement,.contact-grid,.feedback-layout,
.feedback-hero-inner,.article-card,.ethics-layout,.vote-summary,.form-grid,
.admin-control-grid,.admin-tool-grid,.hit-lineup-editor,.credential-form-grid,
.credential-custom-period-grid,.credential-photo-editor,.credential-photo-controls,
.editorial-compact-form,.editorial-date-selects,.editorial-choice-set,
.editorial-document-details,.editorial-signature-grid,.verification-result-body{
  display:grid;grid-template-columns:1fr;gap:1rem
}
.card{min-width:0;padding:1.25rem;border-radius:var(--mobile-radius)}
.home-destination-card{min-height:0;margin:0;padding:1.25rem 1.35rem}
.home-destinations{display:none}
.section.home-destinations{padding:3rem 0 1.5rem}
.article-card,.show-card,.episode-link{grid-template-columns:1fr}
.topic-mark{min-height:100px}
.episode-link{gap:.5rem}

.toolbar,.admin-page-actions,.admin-action-group,.admin-session-actions{
  display:flex;align-items:stretch;flex-direction:column;gap:.75rem
}
.toolbar .field,.toolbar .button,.admin-page-actions .button,.admin-page-actions form,
.admin-page-actions form .button,.admin-form .button,.contact-form .button,
.feedback-form .button,.admin-action-group .button{width:100%;min-width:0;max-width:none}
.field,fieldset{min-width:0}
input,select,textarea,button{max-width:100%;font-size:1rem}
input,select,textarea{width:100%;min-height:48px}
textarea{min-height:9rem}
.checkbox-field input[type="checkbox"],.document-consent input[type="checkbox"]{width:1.65rem;min-width:1.65rem;min-height:1.65rem}
.edition-date-fields,.credential-date-selects{display:grid;grid-template-columns:1fr;gap:.75rem}
.player-controls{display:grid;grid-template-columns:1fr;gap:1rem}
.volume-control{grid-column:auto}
.volume-slider-row{grid-template-columns:48px minmax(0,1fr) 48px}

.admin-brand-hero .container{display:grid;grid-template-columns:1fr;gap:1rem}
.admin-brand-logo{width:min(10rem,52vw)}
.admin-tool-card,.admin-tool-panel,.admin-login,.request-toggle,.request-details,
.correspondence-entry,.credential-record,.editorial-document-record{min-width:0}
.request-toggle{align-items:flex-start;flex-direction:column}
.request-summary-meta{justify-items:start;text-align:left}
.request-details{grid-template-columns:1fr}
.admin-action-group+.admin-action-group{padding:.75rem 0 0;border-top:1px solid var(--border);border-left:0}
.admin-session-actions{margin-left:0}

.hit-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:.75rem;padding:1rem}
.hit-preview-button,.hit-vote-button{grid-column:1/-1;width:100%}
.results-table-wrapper,.admin-table-wrapper{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

.credential-date-selects,.credential-photo-controls{grid-template-columns:1fr}
.credential-photo-preview{width:min(100%,15rem)}
.credential-photo-field{grid-column:auto}
.credential-issue-submit{align-items:stretch;flex-direction:column}
.credential-issue-submit .button{width:100%}
.press-card{width:100%;border-radius:1rem}
.press-card-header{display:grid;grid-template-columns:1fr;gap:.75rem;padding:1rem}
.press-card-body{display:grid;grid-template-columns:1fr;gap:1rem;padding:1rem;justify-items:start}
.press-card-body>img,.press-card-photo-placeholder{width:8rem}
.press-card-identity{width:100%}
.press-card dl div,.verification-result dl div{grid-template-columns:1fr}
.credential-bilingual-meta,.verification-bilingual-meta{grid-template-columns:1fr!important}
.press-card-qr{width:8rem}
.credential-record-actions{display:flex;align-items:stretch;flex-direction:column}
.credential-record-actions form,.credential-record-actions .button{width:100%}

.editorial-tool-launchers{padding:.8rem}
.editorial-tool-grid,.editorial-document-record{grid-template-columns:1fr}
.editorial-document-actions,.editorial-print-actions{align-items:stretch;flex-direction:column}
.editorial-document-actions .button,.editorial-print-actions .button{width:100%}
.editorial-signature-block{min-width:0}
.document-signing-shell{width:100%}

.verification-result-header{align-items:flex-start;flex-direction:column}
.verification-seal{white-space:normal;text-align:center}
.verification-portrait{width:8.5rem}
.credential-verification-page .verification-invalid{grid-template-columns:1fr}

.institution-bar-footer{margin-top:0}
.institution-inner{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.25rem 1rem;padding:1rem 0;overflow:visible;white-space:normal}
.institution-inner h2{flex:0 0 100%;margin-bottom:.25rem}
.footer-inner{display:grid;gap:1.25rem}
.footer-links{display:grid;gap:.25rem}
.footer-links a{width:100%}

:where(h1,h2,h3,p,a,label,legend,dt,dd,strong,span){max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:none;-webkit-hyphens:none}
.admin-index-help span{white-space:normal}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){.card,.button,input,select,textarea,.press-card,.verification-result{border:1px solid CanvasText}}
