.map-hero{grid-template-columns:1.2fr .8fr}
.progress-card{background:var(--card);border:1.5px solid var(--ink);border-radius:22px;padding:22px;box-shadow:var(--shadow)}
.ring-row{display:flex;align-items:center;gap:18px;margin:10px 0 16px}
.ring{width:96px;height:96px;transform:rotate(-90deg)}
.ring-bg{fill:none;stroke:var(--paper-2);stroke-width:12}
.ring-fg{fill:none;stroke:var(--amber);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}
.ring-row b{display:block;font:900 34px/1 var(--serif)}
.ring-row span{font-size:13px;color:var(--ink-3)}
.pg-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pg-list li{display:flex;justify-content:space-between;gap:10px;font-size:14px;border-top:1px solid var(--rule);padding-top:8px}
.pg-list a{font-weight:700;text-decoration:none}
.pg-list span{color:var(--ink-3);font-family:var(--mono);font-size:12.5px;white-space:nowrap}
.pg-note{margin:12px 0 0;font-size:12.5px;color:var(--ink-3)}
.legend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lv{border-radius:16px;padding:16px 18px;border:1.5px solid}
.lv b{font-size:17px}.lv p{margin:6px 0 0;font-size:14px;color:var(--ink-2)}
.lv-def{border-color:var(--ink);background:var(--card)}
.lv-semi{border-color:var(--amber);background:rgba(241,217,168,.35)}
.lv-story{border-color:var(--rule-2);border-style:dashed;background:transparent}
.layers{display:grid;gap:10px}
.layer{display:grid;grid-template-columns:64px 1fr;background:var(--card);border:1px solid var(--rule);border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s;margin-left:calc(var(--i) * 0px)}
.layer.is-live{border-color:var(--ink)}
.layer.is-live:hover{transform:translateX(4px);box-shadow:var(--shadow)}
.layer-n{display:grid;place-items:center;font:900 34px/1 var(--serif);background:var(--paper-2);color:var(--ink-3)}
.layer.is-live .layer-n{background:var(--ink);color:var(--amber-soft)}
.layer-body{padding:14px 18px}
.layer-body header{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.layer-body h3{margin:0;font-size:19px}
.layer-body h3 em{font:400 italic 14px var(--serif);color:var(--ink-3);margin-left:8px}
.why{font-size:13.5px;color:var(--ink-2)}
.layer-go{margin-left:auto;font-weight:700;font-size:14px;color:var(--amber);text-decoration:none}
.layer-soon{margin-left:auto;font-size:12.5px;color:var(--ink-3);border:1px dashed var(--rule-2);border-radius:99px;padding:1px 10px}
.chips-row{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:13px;border-radius:8px;padding:3px 10px;border:1.5px solid}
.chip.c-def{border-color:var(--ink-2)}
.chip.c-semi{border-color:var(--amber);background:rgba(241,217,168,.3)}
.chip.c-story{border-color:var(--rule-2);border-style:dashed;color:var(--ink-3)}
.chip.live{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chip.live.c-semi{background:#7a5413;border-color:#7a5413}
.path{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:p}
.path li>a,.path li>.pl{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:center;padding:14px 18px;border-radius:16px;border:1px solid var(--rule);background:var(--card);text-decoration:none}
.path li.live>a{border-color:var(--ink)}
.path li.live>a:hover{background:#fffdf8}
.path li:not(.live) .pl{opacity:.65}
.pn{font:900 22px/1 var(--serif);color:var(--amber)}
.path b{font-size:17px}.path p{margin:2px 0 4px;font-size:14px;color:var(--ink-2)}
.pm{font:400 12.5px var(--mono);color:var(--up)}.pm.soon{color:var(--ink-3)}
@media (max-width:820px){.map-hero{grid-template-columns:1fr}.legend-grid{grid-template-columns:1fr}.layer-go,.layer-soon{margin-left:0}}
@media (max-width:560px){.layer{grid-template-columns:44px 1fr}.layer-n{font-size:24px}.layer-body{padding:12px 14px}.path li>a,.path li>.pl{grid-template-columns:44px 1fr;gap:10px;padding:12px 14px}.pg-list li{flex-wrap:wrap}.ring-row b{font-size:28px}}