/* Authored layer; the imported layer is playbook-import.css */
/* ---- ladder strip (four rungs) ---- */
.ladder .s.mus{stroke:var(--mustard-deep)}
.ladder .star.mus{fill:var(--mustard-deep)}
.ladder .star-halo.mus{stroke:var(--mustard-deep);fill:none}
.ladder .lock{stroke:var(--ink-soft)}
/* ---- two lanes ---- */
.lanes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;border-top:1px solid var(--rule);padding-top:1rem}
.lanes .lane{border-left:3px solid var(--terra);padding-left:.8rem}
.lanes .lane-business{border-left-color:var(--olive)}
.lanes .lane h4{margin:0 0 .3rem;font-family:'Courier Prime',monospace;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
html[data-lane="business"] .lanes .lane-business{order:-1}
.lane-pick{font-family:'Courier Prime',monospace;letter-spacing:.06em;border:1px solid var(--rule);background:transparent;color:var(--ink);padding:.5rem .9rem;cursor:pointer}
.lane-pick[aria-pressed="true"]{border-color:var(--terra);background:var(--paper-deep)}
@media (max-width:640px){.lanes{grid-template-columns:1fr}}
.prov{font-family:'Courier Prime',monospace;font-size:.8rem;color:var(--ink-soft);letter-spacing:.03em}
.imprint{border-top:1px solid var(--rule);margin:4rem auto 2rem;max-width:72rem;padding:1rem 1.25rem;font-size:.9rem;color:var(--ink-soft)}
.fig .s.mus{stroke:var(--mustard-deep)} .fig .t.mus{fill:var(--mustard-deep)}
.fig .s.oli{stroke:var(--olive-deep)} .fig .t.oli{fill:var(--olive-deep)}
/* ---- radar quiz (readiness radar and any future self-scored fieldset) ---- */
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--rule)}
.btn.ghost:hover{background:var(--paper-deep)}
fieldset.q{border:1px solid var(--rule);padding:.7rem .9rem;margin:0 0 .7rem}
fieldset.q legend{font-size:.92rem;padding:0 .4rem;color:var(--ink)}
.opts{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.3rem;font-family:'Courier Prime',monospace;font-size:.85rem;color:var(--ink-soft)}
.opts label{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer}
/* ---- interview card panels: the imported .panel/.tabs rule is for a tabbed
   widget that no template uses; every card renders its panels statically, so
   force them visible instead of the imported display:none ---- */
.card-body .panel{display:block}
/* ---- section pager (prev/next), unstyled in the imported layer ---- */
.pager{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.6rem;border-top:2px solid var(--ink);font-size:.92rem;flex-wrap:wrap}
/* ---- figure numbers: the imported rule targets ".caption .fignum", but no
   figcaption is ever wrapped in .caption, so it never matched; retarget it
   at the real markup (figcaption > .fignum) ---- */
figcaption .fignum{font-family:var(--slab);font-weight:900;font-size:13px;color:var(--ink);white-space:nowrap}
/* ---- article register: the imported chapter beneath a section's cards ---- */
.article{border-top:1px solid var(--rule);margin-top:2.5rem;padding-top:1rem}
.article h2:first-child{margin-top:0}
.docs .card{margin:1rem 0}
/* ---- example pages: lane ribbon (personal vs professional) ---- */
.lane-ribbon{display:flex;gap:1rem;justify-content:space-between;border-top:3px solid var(--terra);border-bottom:1px solid var(--rule);padding:.5rem 0;margin-bottom:1.5rem;font-size:.85rem}
.lane-ribbon[data-lane-page="business"]{border-top-color:var(--olive)}