@layer features {
/* bodies.css: every body of work and its full model (Semper Sempetus, 2026-10-07).
   Colour is meaning: each frame keeps one light. Sense sees (azure), Build binds (orchid), Gather is life (pink),
   Fund is value (amber), Hold is warmth kept (coral), Guard is the still edge (ice). The one amber point in a model
   is its lever: the rung on the ladder where it pushes. Text stays on the ink tokens, never grey. */
:root{--f-sense:156,195,239;--f-build:192,132,252;--f-gather:241,138,198;--f-fund:253,194,111;--f-hold:232,120,106;--f-guard:216,239,252}
[data-frame="Sense"]{--fh:var(--f-sense)}[data-frame="Build"]{--fh:var(--f-build)}[data-frame="Gather"]{--fh:var(--f-gather)}
[data-frame="Fund"]{--fh:var(--f-fund)}[data-frame="Hold"]{--fh:var(--f-hold)}[data-frame="Guard"]{--fh:var(--f-guard)}

.bd-count{font-size:1.04rem;color:var(--ink-2);max-width:66ch;margin:0 0 18px}

/* ---------- the web of exchanges ---------- */
.bd-web{position:relative;margin:8px auto 28px;max-width:720px}
.bd-web:empty{display:none}
.bd-web svg{display:block;width:100%;height:auto;overflow:visible}
.bd-web .w-sector{fill:none;stroke:rgba(var(--fh),.30);stroke-width:2;stroke-linecap:round}
.bd-web .w-ring{fill:none;stroke:rgba(196,206,255,.10);stroke-width:1;stroke-dasharray:2 7}
.bd-web .w-flabel{font:600 calc(12.5px * var(--ws,1))/1 var(--voice);fill:rgba(var(--fh),1);text-anchor:middle;dominant-baseline:middle;letter-spacing:.04em}
.bd-web .w-thread{fill:none;stroke:rgba(var(--fh),.34);stroke-width:1.3;transition:stroke .4s var(--ease),stroke-width .4s var(--ease),opacity .4s var(--ease)}
.bd-web .w-thread.proposed{stroke-dasharray:3 6}
.bd-web.has-pick .w-thread{opacity:.12}
.bd-web.has-pick .w-thread.lit{opacity:1;stroke:rgba(var(--fh),.95);stroke-width:2}
.bd-web .w-node{cursor:pointer;outline:none}
.bd-web .w-node .w-hit{fill:transparent}
.bd-web .w-node .w-dot{fill:rgba(var(--fh),.9);stroke:rgba(255,255,255,.55);stroke-width:1;transition:r .35s var(--ease)}
.bd-web .w-node .w-halo{fill:rgba(var(--fh),.16);opacity:0;transition:opacity .35s var(--ease)}
.bd-web .w-node:hover .w-halo,.bd-web .w-node:focus-visible .w-halo,.bd-web .w-node.on .w-halo{opacity:1}
.bd-web.has-pick .w-node:not(.on):not(.near) .w-dot{opacity:.38}
.bd-web .w-center circle{fill:rgba(16,20,52,.92);stroke:rgba(253,194,111,.7);stroke-width:1.4}
.bd-web .w-center text{font:650 calc(12.5px * var(--ws,1))/1 var(--voice);fill:var(--ink);text-anchor:middle;dominant-baseline:middle}
.bd-web .w-spark{fill:#fff;filter:drop-shadow(0 0 4px rgba(var(--fh),1))}
.bd-web .w-tag{font:600 calc(13px * var(--ws,1))/1 var(--voice);fill:var(--ink);paint-order:stroke;stroke:rgba(5,11,32,.9);stroke-width:calc(4px * var(--ws,1));stroke-linejoin:round}
.bd-read{margin:14px auto 0;max-width:640px;min-height:5.2em;text-align:center}
.bd-read p{margin:0 0 6px;color:var(--ink-2);font-size:1rem}
.bd-read b{color:var(--ink);font:650 1.05rem/1.3 var(--voice)}
.bd-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:10px 0 0;font-size:13px;color:var(--ink-2)}
.bd-legend i{display:inline-block;width:22px;height:0;border-top:2px solid rgba(216,180,254,.9);vertical-align:middle;margin-right:6px}
.bd-legend i.dash{border-top-style:dashed}

/* ---------- the directory ---------- */
.bd-frame{margin:30px 0 0}
.bd-frame-head{position:relative;display:flex;align-items:flex-end;min-height:132px;margin:0 0 12px;padding:18px 18px 14px;border-radius:var(--r-card);overflow:hidden;border:1px solid rgba(var(--fh),.30);background:#050b20;isolation:isolate}
.bd-frame-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.62}
.bd-frame-head::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,11,32,.94) 0%,rgba(5,11,32,.72) 52%,rgba(5,11,32,.30) 100%),linear-gradient(0deg,rgba(5,11,32,.7),transparent 70%)}
.bd-frame-ward{background:radial-gradient(circle at 78% 50%,rgba(253,194,111,.9) 0 3px,transparent 4px),repeating-radial-gradient(circle at 78% 50%,transparent 0 17px,rgba(216,239,252,.32) 18px 19px,transparent 20px 34px);opacity:.9}
.bd-frame-words{min-width:0}
.bd-frame-head .eyebrow{margin:0 0 4px;color:rgb(var(--fh))}
.bd-frame-line{margin:0;color:var(--ink);font:500 15.5px/1.45 var(--voice)}
.bd-frame-meaning{margin:4px 0 0;color:var(--ink-2);font-size:14px;line-height:1.45}
.bd-rows{display:grid;gap:12px}
.bd-row{position:relative;display:grid;grid-template-columns:18px 1fr;gap:14px;padding:18px 18px 16px;border-radius:var(--r-card);border:1px solid var(--edge);box-shadow:var(--sheen);scroll-margin-top:96px;transition:border-color .35s var(--ease),box-shadow .35s var(--ease)}
.bd-row:target,.bd-row.is-open{border-color:rgba(var(--fh),.55);box-shadow:var(--sheen),0 0 0 1px rgba(var(--fh),.18),0 0 38px -14px rgba(var(--fh),.7)}
.bd-orb{width:12px;height:12px;margin-top:7px;border-radius:50%;background:rgb(var(--fh));box-shadow:0 0 14px rgba(var(--fh),.75)}
.bd-row[data-status="soon"] .bd-orb{background:transparent;border:2px solid rgb(var(--fh))}
.bd-row[data-status="role"] .bd-orb{border-radius:4px;transform:rotate(45deg) scale(.86)}
.bd-main{min-width:0}
@media (min-width:900px){.bd-main{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:32px;align-items:start}.bd-row{padding:22px 24px 20px}}
.bd-k{margin:0 0 4px;font:600 12.5px/1.4 var(--voice);letter-spacing:.03em;color:rgb(var(--fh))}
.bd-row h4{margin:0 0 6px;font:650 1.16rem/1.3 var(--voice)}
.bd-row h4 a{color:var(--ink);text-decoration:none;background:linear-gradient(rgba(var(--fh),.7),rgba(var(--fh),.7)) 0 100%/0 1px no-repeat;transition:background-size .35s var(--ease)}
.bd-row h4 a:hover,.bd-row h4 a:focus-visible{background-size:100% 1px}
.bd-line{margin:0 0 8px;color:var(--ink);font:500 1rem/1.5 var(--voice)}
.bd-line q{quotes:"\201C" "\201D"}
.bd-mission{margin:0 0 10px;color:var(--ink-2);font-size:1rem;line-height:1.55}
.bd-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.bd-meta span{font:600 12.5px/1 var(--voice);padding:7px 10px;border-radius:999px;border:1px solid rgba(var(--fh),.30);color:var(--ink)}
.bd-meta .bd-rung{border-color:rgba(253,194,111,.45);color:var(--gold-text)}
.bd-move{margin:0 0 12px;color:var(--ink-2);font-size:.98rem}
.bd-move .wd-label{display:block;margin-bottom:2px}
.bd-open{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--r-btn);border:1px solid rgba(var(--fh,192,132,252),.45);color:var(--ink);font:600 14px/1 var(--voice);text-decoration:none;background:rgba(var(--fh,192,132,252),.08);transition:background .3s var(--ease),border-color .3s var(--ease)}
.bd-open::after{content:"";width:7px;height:7px;border-top:1.8px solid currentColor;border-right:1.8px solid currentColor;transform:rotate(45deg)}
.bd-open:hover,.bd-open:focus-visible{background:rgba(var(--fh,192,132,252),.18);border-color:rgba(var(--fh,192,132,252),.8)}
.inst .card .bd-open{margin-top:12px}
.const-open{display:flex;justify-content:center;margin:10px 0 0}
.const-open[hidden]{display:none}

/* ---------- the dossier: one body's full model ---------- */
.bd-dossier{padding:0;border:0;background:transparent;color:var(--ink);width:min(860px,100vw);max-width:100vw;max-height:100dvh;height:100dvh;margin:0 auto;overflow:hidden}
.bd-dossier[open]{display:flex}
.bd-dossier::backdrop{background:rgba(3,6,20,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.bd-sheet{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;background:var(--glass-solid);border:1px solid rgba(var(--fh),.38);box-shadow:var(--sheen),0 0 60px -20px rgba(var(--fh),.65),var(--shadow);border-radius:0;overflow:hidden}
@media (min-width:760px){.bd-dossier{height:calc(100dvh - 48px);margin:24px auto}.bd-sheet{border-radius:var(--r-panel)}}
.bd-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.bd-close{position:absolute;top:12px;right:12px;z-index:4;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:rgba(8,12,34,.66);color:var(--ink);cursor:pointer;display:grid;place-items:center}
.bd-close::before,.bd-close::after{content:"";position:absolute;width:16px;height:1.8px;background:currentColor;border-radius:2px;transform:rotate(45deg)}
.bd-close::after{transform:rotate(-45deg)}
.bd-close:focus-visible,.bd-open:focus-visible,.bd-partner:focus-visible{outline:2px solid rgba(var(--fh,192,132,252),.9);outline-offset:2px}

/* the art band: the frame's film is this body's world */
.bd-art{position:relative;height:clamp(190px,34vh,320px);overflow:hidden;background:#050b20}
.bd-art video,.bd-art img,.bd-art svg.bd-ward{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bd-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,11,32,.10) 0%,rgba(5,11,32,.18) 45%,rgba(13,17,44,.97) 100%),radial-gradient(80% 60% at 50% 30%,transparent 40%,rgba(5,11,32,.45) 100%)}
.bd-art-cap{position:absolute;left:20px;right:72px;bottom:14px;z-index:2;margin:0;font:500 13.5px/1.45 var(--voice);color:var(--ink-2)}
.bd-art-cap b{display:block;font:650 12.5px/1.4 var(--voice);letter-spacing:.05em;color:rgb(var(--fh))}
.bd-ward .ring{fill:none;stroke:rgba(216,239,252,.55);stroke-width:1.4}
.bd-ward .core{fill:#fdc26f}
.bd-ward .glow{fill:url(#bdWardGlow)}

.bd-body{padding:4px 20px 34px}
@media (min-width:760px){.bd-body{padding:6px 36px 40px}}
.bd-head{position:relative;margin:10px 0 18px}
.bd-head .bd-k{margin-bottom:6px}
.bd-head h3{margin:0 0 10px;font:650 clamp(1.7rem,5.2vw,2.4rem)/1.12 var(--voice);background:linear-gradient(100deg,var(--grad-1),var(--grad-2) 55%,rgb(var(--fh)));-webkit-background-clip:text;background-clip:text;color:transparent}
.bd-his{margin:0 0 12px;font:500 1.1rem/1.5 var(--voice);color:var(--ink)}
.bd-his q{quotes:"\201C" "\201D"}
.bd-his cite{display:block;margin-top:2px;font:500 13px/1.4 var(--font);font-style:normal;color:var(--ink-2)}
.bd-doors{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.bd-doors a{display:inline-flex;flex-direction:column;justify-content:center;min-height:44px;padding:8px 14px;border-radius:var(--r-chip);border:1px solid rgba(var(--fh),.32);background:rgba(var(--fh),.06);color:var(--ink);text-decoration:none;font:600 14px/1.25 var(--voice)}
.bd-doors a small{font:500 12.5px/1.3 var(--font);color:var(--ink-2)}
.bd-doors a:hover{border-color:rgba(var(--fh),.7)}
.bd-mission-l{margin:0 0 6px;font:500 1.18rem/1.55 var(--voice);color:var(--ink)}
.bd-sec{margin:26px 0 0}
.bd-sec>h4{margin:0 0 10px;font:600 12.5px/1.4 var(--voice);letter-spacing:.06em;color:var(--label)}
.bd-sec p{margin:0 0 8px;color:var(--ink-2)}

/* the Motus: the value this body sets in motion */
.bd-motus{position:relative;padding:18px 18px 16px;border-radius:var(--r-card);border:1px solid rgba(var(--fh),.40);background:radial-gradient(120% 140% at 0% 0%,rgba(var(--fh),.16),transparent 60%),rgba(10,14,40,.6)}
.bd-motus .v{margin:0 0 6px;font:650 1.25rem/1.3 var(--voice);color:var(--ink)}
.bd-motus .a{margin:0;color:var(--ink-2)}

/* structure: what flows in, what accumulates, what leaves */
.bd-sf{display:grid;grid-template-columns:1fr;gap:10px;align-items:stretch}
@media (min-width:640px){.bd-sf{grid-template-columns:1fr 1.1fr 1fr}}
.bd-sf-col{padding:14px;border-radius:18px;border:1px solid rgba(196,206,255,.14);background:rgba(255,255,255,.025)}
.bd-sf-col h5{margin:0 0 8px;font:600 12.5px/1.3 var(--voice);letter-spacing:.05em;color:var(--ink-2)}
.bd-sf-col ul{margin:0;padding:0;list-style:none}
.bd-sf-col li{position:relative;padding-left:18px;margin:0 0 6px;color:var(--ink);font-size:.97rem;line-height:1.45}
.bd-sf-col li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:1.6px;background:rgba(var(--fh),.9)}
.bd-sf-col.in li::after,.bd-sf-col.out li::after{content:"";position:absolute;left:6px;top:calc(.62em - 3px);width:5px;height:5px;border-top:1.6px solid rgba(var(--fh),.9);border-right:1.6px solid rgba(var(--fh),.9);transform:rotate(45deg)}
.bd-sf-col.stock{position:relative;overflow:hidden;border-color:rgba(var(--fh),.45)}
.bd-sf-col.stock::before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--fill,0%);background:linear-gradient(0deg,rgba(var(--fh),.22),rgba(var(--fh),.04));transition:height 1.6s var(--ease)}
.bd-sf-col.stock>*{position:relative}
.bd-loop{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;margin-top:12px;padding:14px;border-radius:18px;border:1px solid rgba(var(--fh),.28)}
.bd-loop svg{width:44px;height:44px}
.bd-loop .lp-arc{fill:none;stroke:rgb(var(--fh));stroke-width:2.2;stroke-linecap:round}
.bd-loop .lp-t{font:700 14px/1 var(--voice);fill:var(--ink);text-anchor:middle;dominant-baseline:central}
.bd-loop b{display:block;font:650 1rem/1.35 var(--voice);color:var(--ink);margin-bottom:2px}
.bd-loop p{margin:0}
.bd-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.bd-chips li{padding:8px 12px;border-radius:14px;border:1px solid rgba(var(--fh),.30);color:var(--ink);font-size:.95rem;line-height:1.35}

/* exchanges with the other bodies */
.bd-ex{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.bd-ex li{display:grid;gap:6px;padding:12px 14px;border-radius:18px;border:1px solid rgba(196,206,255,.14);background:rgba(255,255,255,.02)}
.bd-ex .row1{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bd-partner{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:14px;border:1px solid rgba(var(--ph,192,132,252),.5);background:rgba(var(--ph,192,132,252),.08);color:var(--ink);font:600 14px/1 var(--voice);cursor:pointer}
.bd-state{font:600 12.5px/1 var(--voice);padding:6px 9px;border-radius:999px;border:1px solid rgba(110,231,200,.45);color:var(--ink)}
.bd-state.proposed{border-style:dashed;border-color:rgba(216,180,254,.5)}
.bd-ex .gv{margin:0;color:var(--ink-2);font-size:.95rem}
.bd-ex .gv b{color:var(--ink);font-weight:600}

/* the model to learn from: a door into the corpus card */
.bd-learn{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.bd-learn li{padding:14px 16px;border-radius:18px;border:1px solid rgba(253,194,111,.35);background:radial-gradient(120% 140% at 100% 0%,rgba(253,194,111,.10),transparent 60%)}
.bd-learn a{display:inline-flex;align-items:center;min-height:44px;font:650 1.05rem/1.3 var(--voice);color:var(--gold-text);text-decoration:none}
.bd-learn a:hover{text-decoration:underline;text-underline-offset:4px}
.bd-learn p{margin:0;color:var(--ink-2)}

/* the ladder: twelve places to intervene, the lever lit amber */
.bd-lev{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
.bd-ladder{display:flex;flex-direction:column-reverse;gap:4px;margin:0;padding:0;list-style:none;width:132px}
.bd-ladder li{position:relative;display:flex;align-items:center;gap:8px;height:16px;font:600 12px/1 var(--voice);color:var(--ink-2)}
.bd-ladder li i{flex:0 0 auto;height:6px;border-radius:4px;background:rgba(196,206,255,.16);width:calc(28px + var(--w) * 4px)}
.bd-ladder li.lit{color:var(--gold-text)}
.bd-ladder li.lit i{background:#fdc26f;box-shadow:0 0 14px rgba(253,194,111,.85)}
.bd-ladder li.was i{background:transparent;border:1px dashed rgba(216,180,254,.65)}
.bd-lev .why b{display:block;font:650 1.05rem/1.35 var(--voice);color:var(--gold-text);margin-bottom:4px}
.bd-lev .prior{font-size:.92rem}

/* the evolution: a signal hops from what was to what is next */
.bd-evo{position:relative;margin:0;padding:0 0 0 22px;list-style:none}
.bd-evo::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;border-radius:2px;background:linear-gradient(180deg,rgba(var(--fh),.15),rgba(var(--fh),.6))}
.bd-evo li{position:relative;margin:0 0 12px;color:var(--ink);line-height:1.5}
.bd-evo li::before{content:"";position:absolute;left:-21px;top:.42em;width:12px;height:12px;border-radius:50%;background:rgba(var(--fh),.95);box-shadow:0 0 10px rgba(var(--fh),.7)}
.bd-evo li.next::before{background:var(--night);border:2px solid #fdc26f;box-shadow:0 0 12px rgba(253,194,111,.7)}
.bd-evo time,.bd-evo .nx{display:block;font:600 12.5px/1.4 var(--voice);color:var(--ink-2)}
.bd-evo .nx{color:var(--gold-text)}
.bd-evo .hop{position:absolute;left:3px;top:0;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(var(--fh),1);opacity:0}

.bd-two{display:grid;gap:12px}
@media (min-width:640px){.bd-two{grid-template-columns:1fr 1fr}}
.bd-card{padding:14px 16px;border-radius:18px;border:1px solid rgba(196,206,255,.14);background:rgba(255,255,255,.02)}
.bd-card h5{margin:0 0 6px;font:600 12.5px/1.3 var(--voice);letter-spacing:.05em;color:var(--label)}
.bd-card ul,.bd-card ol{margin:0;padding-left:20px;color:var(--ink)}
.bd-card li{margin:0 0 6px;line-height:1.5}
.bd-card p{color:var(--ink)}
.bd-inner{display:grid;gap:10px}
.bd-inner .fr{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.bd-inner .fr>b{flex:0 0 74px;font:600 12.5px/1 var(--voice);letter-spacing:.04em;color:rgb(var(--fh))}
.bd-inner .loop{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--ink-2);font-size:.92rem}
.bd-inner .loop .t{font:700 12.5px/1 var(--voice);padding:6px 8px;border-radius:10px;border:1px solid rgba(253,194,111,.5);color:var(--gold-text)}
.bd-inner .bd-partner{min-height:44px;padding:0 12px;font-size:13px}
.bd-src summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:600 13px/1 var(--voice);color:var(--label)}
.bd-src ul{margin:6px 0 0;padding-left:18px}
.bd-src li{margin:0 0 8px;color:var(--ink-2);font-size:.92rem;line-height:1.45}
.bd-src a{color:var(--sys-text)}
.bd-nav{display:flex;justify-content:space-between;gap:10px;margin:28px 0 0}

@media (prefers-reduced-motion:reduce){
  .bd-sf-col.stock::before,.bd-web .w-thread,.bd-row{transition:none}
}
.bd-inner .note{margin:-4px 0 6px;font-size:.92rem;color:var(--ink-2)}

/* ---------- the depth layer (2026-10-08): a tip, what the model sees, the strongest move, stronger together ---------- */
.bd-tip{margin:14px 0 0;padding:12px 16px;border-radius:18px;border:1px solid rgba(253,194,111,.35);color:var(--ink);line-height:1.5}
.bd-tip b{display:block;margin-bottom:2px;font:600 12.5px/1.4 var(--voice);letter-spacing:.05em;color:var(--gold-text)}
.bd-insight{font:500 1.08rem/1.55 var(--voice);color:var(--ink)}
.bd-lever{padding:16px 18px;border-radius:var(--r-card);border:1px solid rgba(253,194,111,.45);background:radial-gradient(120% 140% at 100% 0%,rgba(253,194,111,.12),transparent 60%),rgba(10,14,40,.6)}
.bd-rung-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(253,194,111,.5);font:600 12.5px/1 var(--voice);color:var(--gold-text)}
.bd-lever .mv{margin:10px 0 6px;font:650 1.12rem/1.4 var(--voice);color:var(--ink)}
.bd-lever .why{margin:0;color:var(--ink-2)}
.bd-combos-in{display:grid;gap:10px}
.bd-combo-card{padding:14px 16px;border-radius:18px;border:1px solid rgba(196,206,255,.14);background:rgba(255,255,255,.02)}
.bd-combo-card .row1{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.bd-combo-card .row1 svg{width:34px;height:34px}
.bd-combo-card .row1 .lp-arc{fill:none;stroke:rgb(var(--fh));stroke-width:2.2;stroke-linecap:round}
.bd-combo-card .row1 .lp-t{font:700 13px/1 var(--voice);fill:var(--ink);text-anchor:middle;dominant-baseline:central}
.bd-combo-card .row1 b{font:650 1.02rem/1.3 var(--voice);color:var(--ink)}
.bd-top{font:600 12.5px/1 var(--voice);padding:6px 9px;border-radius:999px;border:1px solid rgba(253,194,111,.5);color:var(--gold-text)}
.bd-combo-card .who{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.bd-combo-card .first{margin:0 0 8px;color:var(--ink-2);font-size:.95rem}
.bd-combo-card .first b{color:var(--ink);font-weight:600}
.bd-combo-more{display:inline-flex;align-items:center;min-height:44px;font:600 14px/1 var(--voice);color:var(--sys-text);text-decoration:none}
.bd-combo-more:hover{text-decoration:underline;text-underline-offset:4px}

/* the combinations under the web, and the fold on the page */
.bd-combo-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 0}
.bd-chip{min-height:44px;padding:0 14px;border-radius:14px;border:1px solid rgba(196,206,255,.22);background:rgba(255,255,255,.03);color:var(--ink);font:600 13.5px/1 var(--voice);cursor:pointer;transition:border-color .3s var(--ease),background .3s var(--ease)}
.bd-chip[data-type="B"]{border-style:dashed}
.bd-chip[aria-pressed="true"]{border-color:rgba(253,194,111,.8);background:rgba(253,194,111,.12);color:var(--gold-text)}
.bd-combo-doors{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 0}
.bd-combos{margin:34px 0 0}
.bd-combos>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;min-height:44px}
.bd-combos>summary::-webkit-details-marker{display:none}
.bd-combos>summary .w4-h3{margin:0}
.bd-combos>summary small{font:500 14px/1.4 var(--font);color:var(--ink-2)}
.bd-combos>summary::after{content:"+";font:600 1.2rem/1 var(--voice);color:var(--gold-text)}
.bd-combos[open]>summary::after{content:"\2212"}
.bd-combo-list{display:grid;gap:12px;margin-top:14px}
.bd-combo{padding:18px 18px 16px;border-radius:var(--r-card);border:1px solid var(--edge);box-shadow:var(--sheen);scroll-margin-top:96px}
.bd-combo[data-top="1"]{border-color:rgba(253,194,111,.45)}
.bd-combo[data-type="B"]{border-style:dashed}
.bd-combo h4{margin:0 0 6px;font:650 1.16rem/1.3 var(--voice)}
.bd-combo .bd-k{color:var(--gold-text)}
.bd-combo-who{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.bd-combo-who a,.bd-combo dd a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:14px;border:1px solid rgba(196,206,255,.3);color:var(--ink);font:600 13.5px/1 var(--voice);text-decoration:none}
.bd-combo p{margin:0 0 8px;color:var(--ink-2);line-height:1.55}
.bd-combo-why{color:var(--ink)}
}