.language-picker{display:flex;align-items:center;gap:6px;border:1px solid currentColor;border-radius:5px;padding:0 8px;min-height:44px;min-width:0;color:inherit}
.language-picker svg{flex:none}.language-picker select{font:inherit;font-size:12px;color:inherit;background:transparent;border:0;min-width:0;width:100%;min-height:42px;cursor:pointer}.language-picker option{background:#fff;color:#172d3e}.language-picker:focus-within{outline:2px solid #d95654;outline-offset:3px}
.stage-button,.document-button,.stage-purpose,.handoff-line p,.checklist li{white-space:pre-line;overflow-wrap:anywhere}
html[data-language=both] .hero h1{font-size:clamp(27px,3vw,42px)}
html[dir=rtl]{font-family:Tahoma,Arial,sans-serif}html[dir=rtl] .hero h1,html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:0;line-height:1.4}
html[dir=rtl] .main-nav a[aria-current=page]{border-left:0;border-inline-start:3px solid #f08079}html[dir=rtl] .stage-button,html[dir=rtl] .document-button,html[dir=rtl] .field,html[dir=rtl] .brief-preview{text-align:start}
html[dir=rtl] .wordmark strong,html[dir=rtl] input[type=email]{direction:ltr}html[dir=rtl] .wordmark strong{display:block;text-align:start}
.header-actions .view-mode button{white-space:normal;overflow-wrap:anywhere}.header-actions .button-small{white-space:normal;text-align:center}
@media(max-width:760px){
 .site-header .header-actions{min-width:0;max-width:none!important;display:grid!important;grid-template-columns:1fr 1fr;gap:5px!important;width:100%}
 .header-actions .language-picker{grid-column:1;min-height:44px;padding:0 5px}.language-picker select{font-size:11px}
 .header-actions .button-small{grid-column:2;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1.3;padding:5px}
 .header-actions .view-mode{grid-column:1/-1;grid-row:2;width:100%;min-width:0}.view-mode button{flex:1;min-width:0}
 html[data-view-mode=software] .site-header{grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr);grid-template-rows:96px 42px;height:164px;gap:0 8px}
 html[data-view-mode=software] body{grid-template-rows:164px minmax(0,1fr) 30px}
 .main-nav a{overflow-wrap:anywhere}html[data-language=both] .main-nav a{white-space:normal}
 html[dir=rtl] .main-nav a[aria-current=page]{border-inline-start:0;border-bottom:2px solid #f08079}
 html[data-language=both] .hero h1{font-size:27px}
 html[data-view-mode=website] .header-actions{grid-column:1/-1;grid-row:auto}
}

/* Mobile website header: all seven routes and the three controls remain readable. */
@media(max-width:760px){
 html[data-view-mode=website] .site-header{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 42px 46px;align-items:center;min-height:166px;height:auto;padding:16px 0 0;row-gap:8px}
 html[data-view-mode=website] .wordmark{grid-column:1;grid-row:1}
 html[data-view-mode=website] .header-actions{grid-column:1;grid-row:2;display:grid!important;grid-template-columns:84px minmax(112px,1fr) 96px;gap:6px!important;align-items:stretch;width:100%;margin:0}
 html[data-view-mode=website] .header-actions .language-picker{grid-column:1;grid-row:1;min-height:40px;height:40px;padding:0 4px;gap:3px}
 html[data-view-mode=website] .header-actions .language-picker svg{width:16px;height:16px}
 html[data-view-mode=website] .header-actions .language-picker select{min-height:38px;font-size:10px}
 html[data-view-mode=website] .header-actions .view-mode{grid-column:2;grid-row:1;order:initial;width:100%;min-height:40px;height:40px;padding:2px}
 html[data-view-mode=website] .header-actions .view-mode button{min-height:34px;min-width:0;padding:4px 5px;font-size:10px;line-height:1.1}
 html[data-view-mode=website] .header-actions .button-small{grid-column:3;grid-row:1;min-height:40px;height:40px;padding:5px;font-size:9px;line-height:1.15}
 html[data-view-mode=website] .main-nav,html:lang(en) .main-nav{grid-column:1;grid-row:3;display:flex;gap:18px;align-items:center;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-bottom:2px}
 html[data-view-mode=website] .main-nav::-webkit-scrollbar{display:none}
 html[data-view-mode=website] .main-nav a,html:lang(en) .main-nav a{flex:none;min-width:auto;overflow:visible;text-overflow:clip;white-space:nowrap;font-size:10px;padding:12px 0}
 html[data-view-mode=website] .page{min-height:calc(100svh - 244px)}
}
@media(max-width:360px){
 html[data-view-mode=website] .header-actions{grid-template-columns:72px minmax(106px,1fr) 82px;gap:4px!important}
 html[data-view-mode=website] .header-actions .button-small{font-size:8px}
}