/* Essential status text stays readable at narrow widths and text enlargement. */
input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.topbar,.top-actions,.dialog-head,.editor-toolbar,.editor-tools,.studio-context,.repair-probe,.boundary-head,.verdict{flex-wrap:wrap}
.studio-stages button,.step{overflow-wrap:anywhere;min-width:0}.studio-stages{grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr))}
.steps{flex-wrap:wrap}.step{flex:1 1 5rem}.prediction-row{grid-template-columns:minmax(0,1fr);gap:12px}.prediction-row [role=group]{justify-content:flex-start;flex-wrap:wrap}.probe-buttons{flex-wrap:wrap}.probe-buttons button{flex:1 1 3rem}
.comparison-pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}.result-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}.result-row>*{min-width:0;overflow-wrap:anywhere}
.editor-toolbar>label,.workbench-tabs button{overflow-wrap:anywhere;min-width:0}.workbench-tabs{flex-wrap:wrap}.workbench-tabs button{flex:1 1 4rem}.studio-shell,.home-main{min-width:0}.code-editor{min-height:15rem}.theme-label select{max-width:none}
.home-sidebar nav button{overflow-wrap:normal;flex-wrap:wrap}
.workbench-tabs button{flex:1 1 6em;overflow-wrap:normal}
.studio-stages{grid-template-columns:repeat(auto-fit,minmax(min(100%,7em),1fr))}.studio-stages button{overflow-wrap:normal}
.comparison-pair{display:flex;flex-wrap:wrap}.comparison-pair>div{flex:1 1 8em;min-width:0}.comparison-pair code{overflow-wrap:anywhere}
.studio-stages button>span:first-child{opacity:1;font-size:.875rem}.workbench-tabs{position:static}
@media(max-width:850px){.home-sidebar nav{flex-wrap:wrap}.home-sidebar nav button{flex:1 1 7em}}
.home-shell{font-size:1rem}.home-heading p:last-child,.home-continue p,.home-focus p,.home-saved p{font-size:1rem}.home-shell .home-kicker,.home-shell .eyebrow,.home-nav-label,.section-heading>span,.home-focus small,.home-ring small,.code-art-label,.code-art-check{font-size:.75rem}
.home-shell .home-text-button,.home-shell .home-cta,.home-sidebar nav button,.home-shell .evidence-row p,.home-shell .evidence-tag,.home-shell .home-stage-list,.home-shell .topic-status,.home-shell .home-topic small,.home-shell .overall-line,.home-shell .overall-summary p,.home-shell .evidence-footnote,.home-shell .home-overall .small,.home-shell .continue-progress>div,.home-shell .continue-progress>div span{font-size:.875rem}
.home-shell .home-topic strong,.home-shell .evidence-row h3,.home-shell .overall-summary>div:last-child>b,.home-shell .home-saved>strong{font-size:1rem}
.home-stage-list{justify-content:flex-start;gap:10px 18px}.continue-progress>div{flex-wrap:wrap}.evidence-row{flex-wrap:wrap}.evidence-row>div{flex-basis:65%}.evidence-tag{white-space:normal}.section-heading{flex-wrap:wrap}.home-topic>span:nth-child(2){min-width:0}.home-topic small{overflow-wrap:anywhere}.overall-summary{flex-wrap:wrap}.home-shell progress{height:10px}.home-continue progress::-webkit-progress-bar{background:#173783}.home-continue progress{background:#173783}.home-sidebar nav button{overflow-wrap:anywhere}
.storage-banner{margin:16px auto;padding:18px 22px;max-width:1150px;background:var(--warning-bg);border:2px solid var(--warning);color:var(--warning);border-radius:12px}.storage-banner p{margin-bottom:12px}.storage-banner button{margin:0 12px 8px 0}.migration-notice{padding:12px 4%;margin:0;background:var(--soft);color:var(--ink);font-size:.875rem}
@media(max-width:1150px){.home-top-grid,.home-middle-grid,.home-bottom-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}}
@media(max-width:850px){.home-top-grid,.home-middle-grid,.home-bottom-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:500px){.home-stage-list{display:flex;flex-wrap:wrap}.home-sidebar nav button{flex-direction:column;gap:4px;line-height:1.4}.home-topic{flex-wrap:wrap}.topic-status{margin-left:42px;max-width:none}.home-topic small{max-width:none}.evidence-tag{margin-left:20px}.home-code-art{display:none}.home-shell .home-heading h1{font-size:1.65rem}.home-heading img{display:none}.home-ring{width:124px;height:124px}}
