/* Isolated homepage study: source Lattice + Delegation, no shared theme changes. */
.brand-coverage{background:var(--warm)}
.brand-coverage summary{list-style:none;cursor:pointer}
.brand-coverage summary::-webkit-details-marker{display:none}
.brand-coverage .coverage-line{gap:12px;padding:12px 18px}
.scope-symbol{flex:0 0 82px;text-align:center}
.scope-map-mini{width:78px;height:55px;display:block;margin:0 auto;color:var(--blue)}
.scope-reporting{fill:var(--blue)}
.scope-unknown{fill:transparent;stroke:var(--ink);stroke-width:1.4}
.scope-map-mini text{fill:var(--ink);font:13px var(--font)}
.scope-symbol>span{font-size:9px;display:block;line-height:1.3;color:var(--muted);margin-top:2px}
.scope-copy{flex:1;min-width:0}
.brand-coverage .scope-chevron{flex:0 0 14px;width:14px;height:14px;color:var(--blue);transition:transform 240ms cubic-bezier(.22,0,0,1)}
.brand-coverage[open] .scope-chevron{transform:rotate(45deg)}
.scope-explorer{border-top:1px solid var(--line);padding:18px;background:var(--paper)}
.scope-explorer>p:first-child{font-size:13px;line-height:1.65;max-width:45ch;color:var(--muted)}
.scope-cells{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:10px;margin:20px 0}
.scope-cell{position:relative;isolation:isolate;aspect-ratio:1.1547;background:transparent;color:#fff;min-height:44px;padding:5px;font:13px var(--mono)}
.scope-cell:before,.scope-cell.is-unknown:after{content:'';position:absolute;inset:3%;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--blue);z-index:-2}
.scope-cell.is-unknown{color:var(--ink)}
.scope-cell.is-unknown:before{background:var(--ink)}
.scope-cell.is-unknown:after{inset:6%;background:var(--paper);z-index:-1}
.scope-cell[aria-pressed='true']{outline:1px solid var(--ink);outline-offset:2px}
.scope-cell:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.scope-cell.scope-phase:before{animation:scope-phase 380ms cubic-bezier(.22,0,0,1)}
@keyframes scope-phase{from{opacity:.55}to{opacity:1}}
.scope-selected{font-size:13px;line-height:1.6;min-height:108px;border-top:1px solid var(--line);padding-top:15px}
.scope-selected strong,.scope-selected span{display:block}.scope-selected strong{font-weight:500;margin-bottom:5px}.scope-selected span{color:var(--muted)}
.scope-explorer>.text-link{font-size:12px;line-height:1.5;min-height:44px;padding-block:9px;display:flex;align-items:center}
.brand-route{height:36px;display:flex;justify-content:center;margin:0;color:#fff}
.brand-route svg{height:36px;width:100px;overflow:visible}
.brand-route path{fill:none;stroke:currentColor;stroke-width:1.5}
.brand-route .route-front{stroke-width:3;stroke-dasharray:30;stroke-dashoffset:30}
.brand-gate{position:relative;border:1px solid #fff}
.brand-gate:before,.brand-gate:after{content:'';position:absolute;top:-5px;width:1px;height:calc(100% + 10px);background:#fff}
.brand-gate:before{left:-7px}.brand-gate:after{right:-7px}
.brand-gate+.brand-route .route-track{stroke-dasharray:5 7}
.brand-delegation[data-approval-state='verified'] .brand-gate+.brand-route .route-track{stroke-dasharray:none}
.brand-approval-link{display:flex;gap:8px;align-items:center;font:12px/1.5 var(--font);color:var(--blue);background:transparent;text-decoration:underline;text-underline-offset:4px;padding:9px 0 2px;min-height:36px}
.brand-approval-link .icon{width:13px;height:13px}
.brand-approval-state{font-size:12px;line-height:1.6;display:flex;gap:9px;align-items:center;margin-top:18px;padding-top:15px;border-top:1px solid #ffffff70;color:#fff}
.brand-state-mark{flex:0 0 9px;width:9px;height:9px;border:1px solid #fff}
.brand-delegation[data-approval-state='verified'] .brand-state-mark{background:#fff}
.brand-delegation.brand-front .brand-gate+.brand-route .route-front{animation:brand-front 380ms cubic-bezier(.22,0,0,1)}
@keyframes brand-front{from{stroke-dashoffset:30}to{stroke-dashoffset:0}}
@media(max-width:1100px) and (min-width:720px){.scope-symbol{flex-basis:66px}.scope-map-mini{width:62px;height:44px}.brand-coverage .coverage-line{padding-inline:12px;gap:8px}.scope-copy strong{font-size:12px}.scope-copy small{font-size:11px}.scope-symbol>span{font-size:8px}}
@media(max-width:389px){.brand-coverage .coverage-line{padding-inline:12px;gap:8px}.scope-symbol{flex-basis:62px}.scope-map-mini{width:60px;height:42px}.scope-symbol>span{font-size:8px}.scope-copy strong{font-size:12px}.scope-copy small{font-size:11px}.scope-explorer{padding:14px}.scope-cells{gap:8px}}
@media(prefers-reduced-motion:reduce){.scope-cell.scope-phase:before,.brand-delegation.brand-front .route-front{animation:none}.brand-coverage .scope-chevron{transition:none}}