/* Roadmap: status key, feature cards, and the DEMO / TESTERS / PLANNED badges. */
.tag{display:inline-block;justify-self:start;font:600 11px/1.4 "Bahnschrift","DIN Alternate","Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;padding:3px 8px;border:1px solid;white-space:nowrap}
.t-demo{background:var(--sig);border-color:var(--sig);color:var(--ink)}
.t-testers{border-color:var(--sig);color:var(--sig);background:var(--ink)}
.t-planned{border-color:rgba(230,223,208,.32);color:var(--dim);background:var(--ink)}
.rm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 24px}
.rm-key{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin:0;padding:0;font-size:13px;color:var(--dim)}
.rm-key li{display:flex;align-items:center;gap:8px}.rm-key b{color:var(--bone);font-weight:600}
.rm-note{margin:0;max-width:40ch;color:var(--dim);font-size:14px;text-align:right}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.fgrid>*{min-width:0}
.rm-col{background:var(--ink2);border:1px solid var(--line);padding:18px 18px 12px}
.rm-col ul{list-style:none;margin:14px 0 0;padding:0}
.rm-col li{padding:8px 0;border-top:1px solid var(--line);color:var(--bone);font-size:15px;line-height:1.4}
.rm-demo{border-color:rgba(226,98,43,.5)}
@media(max-width:820px){.fgrid{grid-template-columns:1fr}.rm-head{flex-direction:column;align-items:flex-start;gap:12px}.rm-note{text-align:left}}
@media(max-width:520px){.rm-key{flex-direction:column}}