/* Explicit image stacking avoids inherited hero backgrounds hiding the cover. */
.guide-page .guide-hero{display:block;min-height:0;min-block-size:0;background:#111c2c;padding:clamp(16px,3vw,36px);max-width:none}
.guide-page .guide-hero::before,.guide-page .guide-hero::after{display:none}
.guide-page .guide-hero .guide-cover{display:block;position:relative;inset:auto;z-index:0;opacity:1;visibility:visible;width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:cover;margin:0 0 24px;border-radius:16px}
.guide-page .guide-hero :is(h1,p,span){color:#fff;text-shadow:none}
.traffic-filter{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-block:20px}
.traffic-filter select{min-height:44px;padding:8px 16px}
.traffic-table{overflow:auto;max-height:420px}
.traffic-table table{width:100%;border-collapse:collapse;text-align:start}
.traffic-table :is(th,td){padding:12px;border-bottom:1px solid #dce0e5;text-align:start;overflow-wrap:anywhere}
.traffic-table th{position:sticky;top:0;background:#f3f5f8;color:#172333}
.traffic-report .ops-grid>article{min-width:0}
@media(max-width:768px){
 .content-header{padding:16px;gap:16px;align-items:stretch}
 .content-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-width:0}
 .content-header nav a{display:flex;align-items:center;min-height:44px;padding:10px 12px;background:#f0f3f6;border-radius:10px;color:#172333;white-space:normal;overflow-wrap:anywhere}
 .guide-main{padding:24px 16px 48px}
 .guide-page .guide-hero h1{font-size:clamp(1.8rem,8vw,3rem);line-height:1.25;letter-spacing:normal}
 .guide-toc{display:flex;flex-direction:column;align-items:stretch;gap:8px;max-width:100%}
 .guide-toc a{white-space:normal;min-height:44px;padding:10px 12px;overflow-wrap:anywhere}
 .guide-grid{grid-template-columns:minmax(0,1fr)}
 .specialty-directory article{padding:18px;min-width:0}
 .specialty-directory article div{display:flex;flex-wrap:wrap;gap:8px}
 .specialty-directory article div>span{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .public-header{flex-wrap:wrap;gap:12px;padding:16px}
 .public-header nav{flex-wrap:wrap;gap:12px;min-width:0}
 .language-menu{max-width:calc(100vw - 32px);max-height:65svh;overflow:auto}
 .admin-sidebar nav,.dash-sidebar nav{flex-wrap:wrap;max-width:100%;gap:8px}
 .admin-sidebar nav a,.dash-sidebar nav a{min-height:44px;white-space:normal}
 .traffic-report .ops-grid{grid-template-columns:minmax(0,1fr)}
 .traffic-report .funnel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}