/* v3: drawers (long text stays folded), map colour legend, ad boxes, legal text */
.drawer{border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.drawer>summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 14px;cursor:pointer;font-weight:600;font-size:.92rem}
.drawer>summary::-webkit-details-marker{display:none}
.drawer>summary::after{content:"";margin-left:auto;flex:none;width:8px;height:8px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.drawer[open]>summary::after{transform:translateY(2px) rotate(225deg)}
.drawer .dbody{display:grid;gap:10px;padding:0 14px 14px;font-size:.9rem;line-height:1.6;color:var(--ink-2)}
.drawer .dbody p{margin:0}
.drawer.sm>summary{min-height:40px;font-size:.84rem;font-weight:500;color:var(--ink-2)}
.drawer.sm .dbody{font-size:.86rem}
.drawer.pin{background:var(--surface);border:1.5px solid var(--line-2)}
.drawer.pin>summary{min-height:56px;font-size:1rem}
.drawer.pin>summary .ic{color:var(--sign)}
.drawer.pin .dbody{padding:0 10px 10px}
.drawer.locked{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 14px;border:1.5px dashed var(--line-2);background:var(--paper);color:var(--ink-3);font-weight:600}
.drawer.locked small{margin-left:auto;font-weight:500;font-size:.76rem;text-align:right}
.steps{margin:0;padding-left:20px;display:grid;gap:6px}
.legal{display:grid;gap:6px}
.legal h4{margin:6px 0 0;font-size:.88rem;color:var(--ink)}
.legal ul{margin:0;padding-left:18px;display:grid;gap:3px}
.legal p{margin:0}
.ov-bl{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.legend{pointer-events:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:.74rem;box-shadow:var(--shadow-2)}
.legend>summary{list-style:none;padding:5px 9px;cursor:pointer;color:var(--ink-2);font-weight:600}
.legend>summary::-webkit-details-marker{display:none}
.legend .lgb{display:grid;gap:5px;padding:2px 10px 9px}
.legend .lg{display:flex;align-items:center;gap:7px;color:var(--ink);white-space:nowrap}
.legend .lg i{width:12px;height:12px;flex:none;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);background:var(--cc)}
.legend .lg i.plate{clip-path:none;width:14px;height:10px;border-radius:2px;background:var(--sign);box-shadow:inset 0 0 0 1px var(--sign),inset 0 0 0 2px #fff}
.legend .lg.muted{color:var(--ink-3)}
.adbox{display:grid;gap:4px;padding:8px;border-radius:12px;border:1px dashed var(--line-2);min-height:60px}
.adbox small{font-size:.66rem;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}
.foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:.78rem;color:var(--ink-3)}
.pcnote .pclinks{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
button.drawer.locked{width:100%;font:inherit;font-weight:600;text-align:left;cursor:pointer}
.drawer.pin>summary .adminb{margin-left:4px}
a.btn{text-decoration:none}
a.linkbtn{text-decoration:underline;text-underline-offset:3px}
a.btn{color:var(--ink)}