/* Compact navigation and task-first phone layouts. */
[hidden]{display:none!important}
.menu-toggle,#results .result-rail .filters-toggle{display:none}
@media(max-width:700px){
 header,.brand-header{position:relative;padding:14px 16px;align-items:center;gap:12px;flex-wrap:nowrap;min-height:74px}
 header .brand,.main-brand{font:700 20px/1.08 Georgia,serif;letter-spacing:-.4px;max-width:265px}
 header .brand small,.main-brand small{font-size:8px;letter-spacing:1.2px;margin-top:6px}
 .menu-toggle{display:block!important;background:transparent!important;color:#155d58!important;border:1px solid #abc7b4!important;padding:10px 12px;min-height:44px;border-radius:6px;font:700 14px Arial;flex-shrink:0}
 header nav,.brand-nav{display:none!important}
 header nav.mobile-open{display:flex!important;position:absolute;top:100%;left:0;right:0;z-index:1500;background:#fffaf4;border-bottom:1px solid #d7e4dc;padding:14px 16px;flex-direction:column;align-items:stretch;gap:4px;box-shadow:0 8px 12px #193f3814}
 header nav a,header nav summary{display:block;font:600 14px Arial!important;padding:13px 8px;min-height:44px}
 .locations-panel{position:static;width:100%;box-shadow:none;border:0}.locations-grid{grid-template-columns:1fr 1fr}
 #results{min-height:0;height:auto;overflow:visible}
 #results .result-rail{padding:12px 16px;display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:visible;border-right:0;border-bottom:1px solid #dce5df}
 #results .result-rail .help{margin:0;min-height:44px;text-align:center}
 #results .result-rail .filters-toggle{display:block;min-height:44px;border:1px solid #aacabb;background:#fff;text-align:center;font-weight:700}
 #results .filter-options{display:none;grid-column:1/-1}
 #results .filter-options.is-open{display:block;padding-top:8px}
 #results .filter-options h4{display:block;font-size:12px;margin:10px 0 4px}
 #results .filter-options button{display:inline-block;width:auto;min-height:44px;font-size:14px;margin:2px}
 #results .result-list{padding:16px;overflow:visible;max-height:none}
 #results .coverage-control{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:0 0 14px}
 #results .coverage-control label{font-size:13px}
 #results #countyChoice{min-height:44px;padding:9px 12px;font-size:16px;max-width:none}
 .treatment-advice{padding:12px 14px;margin:0 0 18px;border-left-width:4px}
 .treatment-advice h2{font-size:20px;line-height:1.2;margin:6px 0}
 .treatment-advice p{font-size:13px;line-height:1.4;margin:6px 0}
 #treatmentTesting,#treatmentSource{display:none}
 .treatment-advice .guide-learn{font-size:14px;min-height:44px;align-items:center;margin-top:0}
 #results .simple-heading{font-size:24px;margin:0 0 12px}
 #results .provider-card-simple{padding:16px 34px 16px 16px}
 #results .provider-card-simple h3{font-size:20px;margin-bottom:10px}
 #results .provider-card-simple .match-tag{font-size:11px;padding:6px}
 .editor-pick-note{font-size:11px;line-height:1.35}
 .quiz-mode>header,.quiz-mode>footer{display:none!important}
 .quiz-mode main{min-height:0}
 #quiz.section{padding:0;width:100%;max-width:none}
 #quiz .panel{width:100%;max-width:none;height:100vh;height:100svh;display:flex;flex-direction:column;padding:20px 18px max(16px,env(safe-area-inset-bottom));border-radius:0;box-shadow:none;margin:0}
 #quiz .progress{flex-shrink:0;height:4px;margin:0 0 12px}
 #quiz #stage{margin:0 0 10px;font-size:12px;line-height:1.2}
 #quiz #question{font-size:24px;line-height:1.15;margin:0 0 8px}
 #quiz #hint{font-size:13px;line-height:1.35;margin:0 0 10px}
 #quiz .choices{display:flex;flex-direction:column;gap:7px;max-width:none;width:100%;margin:8px 0;min-height:0;overflow-y:auto}
 #quiz .choice{flex-shrink:0;min-height:46px;padding:9px 11px;gap:10px;margin:0;font:15px/1.25 Arial;border-radius:6px}
 #quiz .choice input{flex-shrink:0;margin:0}
 #quiz .foot{flex-shrink:0;margin-top:auto;padding-top:12px;gap:12px;background:#fffaf6}
 #quiz .foot button{min-height:46px;font-size:15px;padding:12px 16px}
 #quiz .foot #next{flex:1;max-width:240px}
}
@media(max-width:700px) and (max-height:650px){
 #quiz .panel{padding:14px 14px max(12px,env(safe-area-inset-bottom))}
 #quiz #question{font-size:21px;margin-bottom:6px}
 #quiz #hint{font-size:12px;margin-bottom:4px}
 #quiz .choices{gap:5px;margin:6px 0}
 #quiz .choice{min-height:44px;font-size:14px;padding:7px 10px}
 #quiz .foot{padding-top:8px}
}