.pick{max-width:30em}
.pick label{display:block;font-weight:600;margin:0 0 8px}
.pick-row{display:flex;gap:10px}
.pick select{flex:1;min-width:0;font:inherit;font-size:1.05rem;padding:12px 40px 12px 14px;border:1.5px solid var(--ink);border-radius:6px;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2316202B' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;appearance:none;-webkit-appearance:none;color:var(--ink)}
.pick .button{padding:12px 26px}
.pick-note{margin:12px 0 0;font-size:.92rem;color:var(--lead)}
.tiles{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:5px;max-width:620px}
.tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:var(--lead);background:var(--white);border:1px solid var(--rule);border-radius:4px;text-decoration:none}
.tile:hover{border-color:var(--patina);color:var(--patina)}
.tile.on{background:var(--deep);border-color:var(--deep);color:#fff}
.tile.on:hover{background:var(--patina);color:#fff}
.tiles-key{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0 30px;font-size:.88rem;color:var(--lead)}
.tiles-key .k{width:14px;height:14px;border-radius:3px;background:var(--white);border:1px solid var(--rule);margin-left:14px}
.tiles-key .k:first-child{margin-left:0}
.tiles-key .k.on{background:var(--deep);border-color:var(--deep)}
.states th[scope=row]{text-align:left;font-weight:600;padding:9px 0;border-bottom:1px solid var(--rule)}
.states td,.states th{padding-left:14px}
.states th:first-child{padding-left:0}
.states-foot{margin:14px 0 0;font-size:.88rem;color:var(--lead)}
.status-line{display:inline-block;margin:0 0 28px;padding:6px 12px;border-radius:4px;background:var(--wash);color:var(--deep);font-size:.93rem;font-weight:500}
@media (max-width:680px){.tiles{gap:3px}.tile{font-size:.62rem;border-radius:3px}.hide-m{display:none}}