/* Prompt 51: responsive corrections; approved palette and assets remain intact. */
html{scroll-padding-top:12px}body{min-width:0}img,iframe{max-width:100%}input,select,textarea{min-width:0}main,.intro,.reading,.document-content,.card,.capture-stage{min-width:0}
#main-nav{overflow:visible;min-width:0}#main-nav a{min-height:44px;display:flex;align-items:center;justify-content:center}
.shared-footer a{min-height:44px;display:inline-flex;align-items:center}.shared-footer nav{gap:0 18px}.panel-inner{overflow-wrap:anywhere}.document-content h1{overflow-wrap:anywhere}.document-content,.masthead,.shared-footer,.page-status{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.page-status{padding-bottom:max(8px,env(safe-area-inset-bottom))}
@media(max-width:1100px){#main-nav{flex:1 1 100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:100%;width:100%}#main-nav a{padding:10px 6px}}
@media(max-width:800px),(max-height:500px){
 body:not(.document-page){height:auto;min-height:100dvh;overflow:auto}body:not(.document-page) main{flex:none;min-height:0}
 .panels{display:block;height:auto;overflow:visible;scroll-snap-type:none}.panels-enhanced .panel{display:none;height:auto;overflow:visible;scrollbar-gutter:auto}.panels-enhanced .panel[aria-hidden="false"]{display:block}.panel-inner{min-height:0}
 .masthead{display:grid;grid-template-columns:1fr;gap:8px;min-height:0;padding-top:8px;padding-bottom:8px}.brand{margin:0;gap:10px;min-width:0}.brand img{width:52px;height:52px}.brand strong{font-size:1.3rem}.tagline{font-size:.58rem;letter-spacing:.04em;line-height:1.35}

 #main-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;width:100%;max-width:100%;margin:0;padding:3px;overflow:visible}#main-nav a{font-size:.78rem;padding:8px 4px;min-height:44px;min-width:0}
 .panel-inner,.home-layout{padding:24px max(18px,env(safe-area-inset-left)) 28px;gap:24px}.reading{padding-top:24px}.intro h1{font-size:clamp(2.8rem,10vw,4.3rem);margin-bottom:20px}.intro .eyebrow{font-size:.65rem;letter-spacing:.11em;margin-bottom:16px}h2{font-size:clamp(1.65rem,6vw,2.6rem)}.intro .lead,.lead{font-size:1rem;line-height:1.65}.cards{margin:24px 0}.cards article{padding:20px}.number{margin-bottom:14px}
 .shared-footer{display:block;padding-top:12px;padding-bottom:12px}.shared-footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.shared-footer nav a{font-size:.75rem;min-height:44px;overflow-wrap:anywhere}.shared-footer>span{display:block;margin-top:8px;font-size:.7rem;line-height:1.6}
 .page-status{position:static;gap:10px;font-size:.58rem;letter-spacing:.04em;line-height:1.6;min-height:34px}.page-status span:last-child{max-width:75%}.document-content{padding:28px max(18px,env(safe-area-inset-left))}.document-content h1{font-size:clamp(2rem,8vw,3rem)}.document-content section{margin-top:32px}.guide-contents a{min-height:44px;display:inline-flex;align-items:center}
 .mast{padding:16px;gap:12px}.private{white-space:normal}.sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;overflow:visible}.sections a{white-space:normal;min-height:44px;display:flex;align-items:center}.card{min-width:0;overflow-wrap:anywhere}.metric{min-width:0}.audit time{white-space:normal}.actions{flex-wrap:wrap}
}
@media(max-height:500px) and (min-width:500px){
 .masthead{grid-template-columns:minmax(0,1fr) minmax(230px,.9fr);gap:4px 16px;padding-top:5px;padding-bottom:5px}.brand img{width:42px;height:42px}.brand strong{font-size:1.08rem}.tagline{display:block;font-size:.5rem;letter-spacing:0}#main-nav{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));padding:2px}#main-nav a{font-size:.74rem;padding:5px 4px}
 .home-layout{grid-template-columns:1fr;align-content:start}.intro h1{font-size:clamp(2.7rem,6vw,3.6rem);line-height:1}.intro h1 br{display:none}.intro h1 br::after{content:' '}.intro .eyebrow{margin-bottom:10px}.panel-inner,.home-layout{padding-top:18px}.page-status{padding-top:5px;padding-bottom:5px}.shared-footer nav{grid-template-columns:repeat(4,minmax(0,1fr))}.shared-footer{padding-top:6px;padding-bottom:6px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
