/* Shared fit and touch rules. Text may grow without forcing its grid track wider. */
main :where(section,article,aside,div,form,fieldset,label,dl,dd){min-width:0}
main{overflow-wrap:anywhere}
.button>span:first-child,.text-link>span:first-child{min-width:0;overflow-wrap:anywhere}
.wordmark{display:flex;align-items:center;min-height:44px}
.footer-brand>a{display:flex;align-items:center;min-height:44px;width:fit-content}
.footer-links a,.footer-bottom a,.chapter-index a,.back-link,.hero-foot a{min-height:44px;display:flex;align-items:center}
.footer-links a,.footer-bottom a{line-height:1.6}
/* Let fieldsets and input tracks shrink below their browser min-content default. */
.intent-picker{min-inline-size:0}
.intent-picker legend{max-width:100%;overflow-wrap:anywhere}
.field input,.field textarea{min-width:0;max-width:100%}
.large-text .hero-copy h1 .italic{white-space:normal}
@media(max-width:700px){
 .large-text .header-shell{padding-inline:12px;top:8px;margin-top:8px}
 .large-text .site-header{position:relative;height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px 16px;border-radius:var(--radius-card)}
 .large-text .wordmark{grid-column:1;grid-row:1}
 .large-text .menu-toggle{grid-column:2;grid-row:1;min-height:44px;min-width:44px;padding:12px}
 .large-text .header-cta{grid-column:1/-1;grid-row:2;margin:0;width:100%;justify-content:space-between}
 .large-text .site-header nav{left:0;right:0;max-height:calc(100dvh - 200px);overflow-y:auto;overscroll-behavior:contain}
 .large-text .shell{padding-inline:20px}
 .large-text :is(.org-hero-ground,.candidate-hero-ground,.method-hero-ground,.about-hero-ground,.contact-copy){padding-inline:20px}
 .large-text :is(.org-context,.candidate-dossier,.method-dossier,.dossier-paper,.contact-page form){padding-inline:20px;rotate:0deg}
 .large-text :is(.candidate-question-grid,.org-benefit,.method-step-paper){padding-inline:16px}
 .large-text :is(.org-brief,.method-note,.talent-panel,.talent-note,.definition-paper,.about-purpose-layout){padding-inline:20px;rotate:0deg}
 .large-text .footer-links{grid-template-columns:minmax(0,1fr)}
 .large-text .definition-word{font-size:min(3.8rem,17vw)}
 .large-text .about-hero .definition-word{font-size:min(4.5rem,18vw)}
 .large-text .candidate-question>p,.large-text .about-principle>p{margin-left:0}
 .large-text .candidate-question>div,.large-text .about-principle>div{grid-template-columns:var(--gold-icon-size) minmax(0,1fr);gap:.5rem}
 .large-text .intent-picker label>span{grid-template-columns:var(--gold-icon-size) minmax(0,1fr) 1rem;padding-inline:12px;gap:12px}
 .large-text .button{gap:.6rem}
 .large-text .hero-actions .button{padding-left:.65rem}
}
/* Grid headings must participate in shrinking too, not only their containers. */
main :is(h1,h2,h3,p){min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){
 .large-text .method-responsibility{width:100%;max-width:100%;padding-inline:20px;rotate:0deg}
}

/* Explicit review environment: visible on every page, independent of JavaScript. */
.review-notice{margin-top:6.5rem;padding-block:.8rem;font-size:.85rem;line-height:1.5;border-bottom:1px solid var(--color-line);color:var(--color-petrol,#173a3d)}