/* Ortivs · REQ-0070 innovation parts. Scoped: .cst* (A, the constellation) and .try* (B, try it on your decision).
   Load after record.css. Palette: gold = a person decided, cyan/ice = evidence and not-yet-decided. No green. */

/* ---------- A · the Decision constellation (sits in the Future chapter's art slot, over/instead of the arcs plate) ---------- */
.cst{position:absolute;inset:0;margin:0;pointer-events:none;z-index:1}
.cst-cv{position:absolute;left:0;top:0;display:block}
.cst-on .future #plate{display:none}
.cst-lanes span,.cst-md,.cst-pd{position:absolute;margin:0;white-space:nowrap;font:500 13px/1 var(--mono);letter-spacing:.06em;color:#aeb8c8}
.js:not(.rm) .cst-lanes,.js:not(.rm) .cst-md,.js:not(.rm) .cst-pd{opacity:0}
.cst-md{font:400 16px/1.1 var(--serif);font-style:italic;letter-spacing:0;color:#f6dca4;text-shadow:0 0 10px #05070b,0 0 18px #05070b}
.cst-md b{font:500 13px/1 var(--mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#e6c07b;margin-right:8px}
.cst-pd{color:#a8e6f7}
.cst-cap{position:absolute;right:var(--pad);top:clamp(8px,2vh,24px);max-width:min(560px,40vw);margin:0;text-align:right;pointer-events:none}
.cst-cap .c1{display:block;font:400 17px/1.45 var(--sans);color:#dfe5ee;text-wrap:balance}
.cst-cap .c1 b{font-weight:600;color:#f6dca4}
.cst-cap .c2{display:block;margin-top:8px;font:500 13px/1.45 var(--mono);letter-spacing:.04em;color:#aeb8c8}
.cst-nodata .cst-cv{display:none}
@media (max-width:820px){
  .cst-cap{left:var(--pad);right:var(--pad);top:6px;max-width:none;text-align:left}
  .cst-cap .c1{font-size:16px}
}
/* the band's legibility gradient starts where the cols start, so the horizon and its lowest stars stay lit */
.cst-on .future .fut-band::before{top:calc(100% - var(--colsH,260px) - 26px)}

/* ---------- B · try it on your decision (Briefing chapter, above the CTA) ---------- */
.try{position:relative;z-index:2;width:min(1120px,100%);margin:clamp(34px,5vh,56px) auto clamp(34px,5vh,52px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,3.4vw,52px);align-items:start;text-align:left}
.bsec .try p{margin:0;max-width:none;text-shadow:none;font-size:inherit;line-height:inherit;color:inherit}
.try-in{padding-top:6px;align-self:center}
.try-h{margin:0;font:400 clamp(26px,2.3vw,34px)/1.12 var(--serif);letter-spacing:-.015em;color:#fff}
.bsec .try .try-sub{margin:12px 0 18px;font-size:17px;line-height:1.5;color:#d5dce6}
.try-in label{display:block;margin:0 0 8px;font:500 13px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#bfc8d5}
.try textarea,.try-opt input{width:100%;font:400 18px/1.45 var(--sans);color:#f4f1ea;background:#0a0e15;border:1px solid rgba(219,228,242,.3);border-radius:10px;padding:14px 16px;resize:none;outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.try textarea{min-height:92px}
.try textarea::placeholder,.try-opt input::placeholder{color:#8f9aac;opacity:1}
.try textarea:focus-visible,.try-opt input:focus-visible{border-color:var(--ice);box-shadow:0 0 0 3px rgba(143,232,255,.22)}
.bsec .try .try-note{display:flex;gap:10px;align-items:center;margin-top:14px;font:500 14px/1.4 var(--mono);letter-spacing:.02em;color:#c3ccd8}
.try-note i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--ice)}
/* the card: the real-record chapter's language (record.css .rc-*), rebuilt under its own names */
.try-card{position:relative;border:1px solid rgba(219,228,242,.16);border-radius:14px;background:linear-gradient(180deg,#0b1018,#080b11);box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden}
.try-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(219,228,242,.08)}
.try-ch{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px 14px;border-bottom:1px solid rgba(219,228,242,.12)}
.try-id{font:500 14px/1.2 var(--mono);letter-spacing:.06em;color:var(--gold)}
.try-st{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 6px;border-radius:999px;border:1px solid rgba(143,232,255,.45);font:500 13px/1.1 var(--mono);letter-spacing:.04em;color:var(--ice);transition:color .4s var(--ease),border-color .4s var(--ease),background-color .4s var(--ease)}
.try-st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.try-card.decided .try-st{color:#f6dca4;border-color:rgba(230,192,123,.7);background:rgba(230,192,123,.08)}
.try-b{padding:6px 22px 4px}
.try-r{display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;padding:13px 0;border-top:1px solid rgba(219,228,242,.1)}
.try-r:first-child{border-top:0}
.try-l{font:500 13px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#aeb8c8}
.try-r.q .try-l{color:var(--ice)}
.try-qv{font:400 clamp(21px,1.6vw,25px)/1.28 var(--serif);letter-spacing:-.01em;color:#fff;overflow-wrap:anywhere}
.try-qv.ph{color:#9aa5b6;font-style:italic}
.try-hint{font-size:16px;line-height:1.45;color:#aab4c4}
.try-hint i{display:inline-block;width:18px;height:1px;margin:0 10px 4px 0;background:repeating-linear-gradient(90deg,#8a95a8 0 2px,transparent 2px 5px)}
.try-unk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.try-unk li{display:flex;gap:10px;align-items:baseline;font-size:16px;line-height:1.4;color:#dfe5ee}
.try-unk li i{flex:none;width:6px;height:6px;border-radius:50%;background:var(--ice);transform:translateY(-2px)}
.try-unk.ph li{color:#aab4c4}
.bsec .try .try-uh,.try-uh{margin-top:8px;font:500 13px/1.4 var(--mono);letter-spacing:.02em;color:#a9b3c3}
.try-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.try-opt{position:relative}
.try-opt em{position:absolute;left:12px;top:50%;transform:translateY(-50%);font:500 13px/1 var(--mono);font-style:normal;color:#aeb8c8;pointer-events:none}
.try-opt input{font-size:16px;padding:11px 12px 11px 34px;border-style:dashed;border-radius:8px;min-height:44px}
.try-who{font-size:18px;color:#f4f1ea}
.try-card.decided .try-who{color:#f6dca4}
.try-ft{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:space-between;padding:14px 22px 16px;border-top:1px solid rgba(230,192,123,.28);background:rgba(230,192,123,.04)}
.try-ft .rule{flex:1 1 220px;display:flex;gap:12px;align-items:center;font-size:15px;line-height:1.4;color:#e9dcc0}
.try-ft .rule i{flex:none;width:9px;height:9px;border:1px solid var(--gold);transform:rotate(45deg)}
.bsec .try .try-help,.try-help{font:500 13px/1.3 var(--mono);color:#aab4c4;flex-basis:100%;order:3;margin:0}
.try-help:empty{display:none}
/* the one primary control (the page's gold pill) */
.try-go,.try-cg{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0 18px 0 20px;border:0;border-radius:999px;cursor:pointer;font:600 15px/1 var(--sans);color:#1a1206;background:linear-gradient(180deg,#ffc857,#f5ac34);box-shadow:inset 0 1px 0 rgba(255,244,214,.75),0 8px 22px rgba(245,172,52,.18);transition:transform .2s var(--ease),filter .2s var(--ease),opacity .2s var(--ease)}
.try-go:hover,.try-cg:hover{filter:brightness(1.06)}
.try-go:active,.try-cg:active{transform:scale(.98)}
.try-go[aria-disabled="true"]{cursor:default;background:#141922;color:#d5dce6;box-shadow:inset 0 0 0 1px rgba(230,192,123,.38)}
.try-go[aria-disabled="true"] .ar{background:rgba(219,228,242,.1)}
.try-card.decided .try-go{display:none}
.try-go:focus-visible,.try-cg:focus-visible{outline:2px solid #f6dca4;outline-offset:3px}
.try-go .ar,.try-cg .ar{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(26,18,6,.14)}
.try-go .ar::after,.try-cg .ar::after{content:"";width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translateX(-1px) rotate(45deg)}
/* the gold stamp: only after "I decide" */
.try-wv{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px}
.try-wr{align-items:center}
.try-stamp{position:relative;flex:none;z-index:3;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px 9px;border:1.5px solid var(--gold);border-radius:8px;color:#f6dca4;transform:rotate(-4deg);background:rgba(10,12,16,.92);box-shadow:0 0 24px rgba(230,192,123,.18),inset 0 0 18px rgba(230,192,123,.08);opacity:0;visibility:hidden;pointer-events:none}
.try-stamp.on{opacity:1;visibility:visible}
.try-stamp b{font:600 15px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.try-stamp span{font:400 16px/1.1 var(--serif);font-style:italic;color:#f4e3bd}
.try-stamp.press{animation:try-press .46s cubic-bezier(.2,.7,.1,1) both}
@keyframes try-press{0%{opacity:0;transform:rotate(-4deg) scale(1.14)}45%{opacity:1;transform:rotate(-4deg) scale(.97)}100%{opacity:1;transform:rotate(-4deg) scale(1)}}
.try-after{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;justify-content:center;padding:18px 20px;border:1px solid rgba(230,192,123,.3);border-radius:12px;background:rgba(230,192,123,.05)}
.try-after[hidden]{display:none}
.bsec .try .try-after p{font:400 clamp(19px,1.5vw,22px)/1.35 var(--serif);color:#fff;text-align:center}
.try-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.try .wr{animation:try-wr .34s cubic-bezier(.2,.7,.1,1) both}
@keyframes try-wr{from{clip-path:inset(0 100% 0 0);opacity:.4}to{clip-path:inset(0 0 0 0);opacity:1}}
@media (prefers-reduced-motion:reduce){.try .wr,.try-stamp.press{animation:none}}
@media (max-width:900px){
  .try{grid-template-columns:1fr;gap:22px}
  .try-r{grid-template-columns:1fr;gap:6px;padding:12px 0}
  .try-ch,.try-b,.try-ft{padding-left:16px;padding-right:16px}
  .try-wr{grid-template-columns:1fr}
  .try-ch{flex-direction:column;align-items:flex-start;gap:10px}
  .try-opts{grid-template-columns:1fr}
  .try-ft .try-go{width:100%;justify-content:space-between}
}
/* the art slot, a little taller so the constellation has sky above the columns */
.cst-on .future .pclip{height:min(54vw,80vh);height:min(54vw,80svh)}
@media (max-width:820px){.cst-on .future .pclip{height:clamp(520px,144vw,620px)}}
.cst-cap .c2 span{display:block}