/* National hub pages (/towed, server/app/towed_pages.py). Loaded after /library/library.css and uses its tokens. */
.crumbs{margin:8px 0 0}
.picker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--panel);border:1px solid var(--line);
border-radius:8px;padding:12px;margin:16px 0}
.picker label{font-weight:700}
.picker select,.calc select,.calc input{font:inherit;padding:6px 8px;max-width:100%;border:1px solid var(--line);
border-radius:6px;background:var(--bg);color:var(--fg)}
.big-steps>li{margin:.6rem 0}
.steps-list>li{margin:.45rem 0}
.state-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:6px 16px}
.state-grid li{padding:2px 0}
.tag.ok{color:var(--ok);border-color:var(--ok)}
.status-ok{border-left:4px solid var(--ok);padding:6px 12px;background:var(--panel)}
ul.facts{padding-left:1.1rem}
ul.facts>li{margin:.8rem 0}
ul.facts blockquote{margin:.3rem 0;padding:4px 10px;border-left:3px solid var(--line);color:var(--muted)}
.calc{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px;margin:12px 0}
#dlOut .result{border:2px solid var(--accent);border-radius:8px;padding:8px 14px;margin:12px 0}
.err{color:var(--flag-fg)}