/* Revision 1: keyboard access and persistent small-screen navigation. */
.eco-card{text-align:left;font:inherit;color:var(--text);width:100%}
.eco-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:900px){
 .site-header{height:auto;min-height:76px;flex-wrap:wrap;gap:8px;padding-top:12px;padding-bottom:8px}
 .site-header nav{display:flex;order:3;width:100%;margin:0;overflow-x:auto;flex-shrink:0}
 .site-header nav button{flex-shrink:0;min-height:44px;padding:8px 10px}
 .brand{white-space:normal;overflow-wrap:anywhere;max-width:calc(100% - 100px)}
 .hero.active{gap:36px}
 .bar-row{grid-template-columns:minmax(72px,90px) minmax(0,1fr) 30px;gap:8px}
 .result-item{gap:12px}
 .result-item span{min-width:0;overflow-wrap:anywhere}
 .result-item b{flex-shrink:0}
}
@media(max-width:580px){
 .view{min-width:0}h1{font-size:clamp(36px,10vw,58px);overflow-wrap:anywhere}
 .score-card,.result-hero>article,.result-grid>article{padding:20px}
 .orbit-expanded{width:calc(100% - 64px)}
 .modal-close{min-width:44px;min-height:44px}
}

/* Stable contrast regardless of the underlying page or blur support. */
.modal-card{background-color:#E6EDD7;background-image:none}