/* A compact, interactive explanation of the three real CORE browser trials. */
.trial-bridge{padding-block:34px 42px}.trial-intro{margin-bottom:18px}.trial-intro h2{font-size:clamp(2.4rem,4.4vw,4.5rem)}
.decision-lab{position:relative;overflow:hidden;border-radius:22px;background:radial-gradient(ellipse at 28% 64%,#19605152,transparent 66%),#092126;box-shadow:inset 0 1px #c0ffe43a,0 24px 65px #0005;margin-bottom:18px}
.decision-lab-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:17px 24px 10px}.decision-kicker,.decision-clarifier{color:#a3d6c5;font:700 .7rem/1.5 ui-monospace,monospace;letter-spacing:.13em}.decision-clarifier{font-size:.64rem;color:#87b5a8}.decision-lab-head h3{font-size:1.15rem;line-height:1.2;letter-spacing:-.03em;margin:4px 0 0}.decision-lab-body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr)}.decision-field{min-width:0;padding:0 22px 18px}.decision-controls{display:flex;flex-wrap:wrap;gap:5px;padding-block:8px}.decision-choice{font:650 .82rem/1.2 ui-sans-serif,system-ui;cursor:pointer;border:0;border-radius:999px;padding:9px 14px;color:#c4ded5;background:#ffffff0c;transition:background .2s,color .2s,box-shadow .2s}.decision-choice:hover{background:#b8ffc52b;color:#eaffef}.decision-choice.is-active{background:#d0ff9a;color:#082323;box-shadow:0 0 24px #a6f89743}.decision-choice:focus-visible{outline:2px solid #d0ff9a;outline-offset:3px}.decision-map{display:block;width:100%;height:186px;background:repeating-linear-gradient(0deg,transparent 0 37px,#a5ffde09 38px);border-radius:14px;overflow:hidden}.decision-grid{stroke:#a5e5d21d;stroke-width:1}.decision-baseline{fill:none;stroke:#bddec45c;stroke-width:2;stroke-dasharray:6 8}.decision-route{fill:none;stroke:url(#decision-trace-gradient);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #aaff9a);stroke-dasharray:10 5;animation:decision-drift 12s linear infinite}.decision-start,.decision-goal{fill:#ceff9c;filter:drop-shadow(0 0 8px #bbff93)}.decision-map text{fill:#acd9c6;font:700 12px ui-monospace,monospace;letter-spacing:1.5px}.decision-exclusion,.decision-obstruction,.decision-hazard-label{opacity:0;transition:opacity .28s}.decision-exclusion{fill:#edab7814;stroke:#edb28299;stroke-width:2;stroke-dasharray:5 6}.decision-obstruction{fill:#de856b8a;stroke:#ffc29f;stroke-width:1}.decision-map-key{display:flex;gap:14px;flex-wrap:wrap;margin:6px 4px 0;color:#93b9aa;font:650 .62rem ui-monospace,monospace;letter-spacing:.07em}.decision-map-key span:before{content:"";display:inline-block;width:14px;height:3px;vertical-align:middle;margin-right:6px;background:#bddec45c}.decision-map-key span:nth-child(2):before{background:#ceff9c}.decision-map-key span:nth-child(3):before{background:#edb282}
.decision-lab[data-mode="obstacle"] .decision-exclusion,.decision-lab[data-mode="obstacle"] .decision-obstruction,.decision-lab[data-mode="obstacle"] .decision-hazard-label,.decision-lab[data-mode="blocked"] .decision-exclusion,.decision-lab[data-mode="blocked"] .decision-obstruction,.decision-lab[data-mode="blocked"] .decision-hazard-label{opacity:1}.decision-lab[data-mode="blocked"] .decision-goal{fill:#ffba9d;filter:drop-shadow(0 0 8px #ff9f80)}.decision-lab[data-mode="blocked"] .decision-route{stroke:#ffb28d;stroke-dasharray:9 7;filter:drop-shadow(0 0 5px #ff9a74)}
.decision-explain{padding:13px 24px 20px 24px;background:linear-gradient(90deg,#07191b99,#0b292c9e);display:flex;flex-direction:column;min-width:0}.decision-state{color:#d0ff9a;letter-spacing:.13em;font:700 .67rem ui-monospace,monospace}.decision-lab[data-mode="blocked"] .decision-state{color:#ffba9d}.decision-explain h4{font-size:clamp(1.2rem,1.7vw,1.55rem);letter-spacing:-.04em;line-height:1.15;margin:7px 0 10px}.decision-explain dl{margin:0}.decision-explain dl div{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;padding:7px 0;border-top:1px solid #badcc81c}.decision-explain dt{color:#b7ffb0;font-size:.75rem;font-weight:700}.decision-explain dd{color:#c4d8d0;font-size:.78rem;line-height:1.35;margin:0}.decision-run{display:inline-block;margin-top:auto;padding-top:10px;color:#d0ff9a;font-size:.78rem;font-weight:700;text-underline-offset:4px}.decision-run:hover{color:#fff}.trial-options .trial-option{min-height:136px;padding:13px 19px}.trial-option strong{font-size:1.15rem;margin:6px 0 3px}.trial-option .trial-detail{font-size:.8rem;line-height:1.4}.trial-option .trial-open{padding-top:6px;font-size:.78rem}.trial-note{margin-top:10px}
@keyframes decision-drift{to{stroke-dashoffset:-120}}
@media(max-height:780px) and (min-width:751px){.trial-intro h2{font-size:clamp(2.1rem,3.4vw,3.4rem)}.trial-intro p{font-size:.9rem}.decision-map{height:135px}.decision-lab-head{padding-top:10px}.decision-explain{padding-block:6px 12px}.decision-explain dl div{padding:4px 0}.trial-options .trial-option{min-height:112px}.trial-option strong{font-size:1rem}}
@media(max-width:750px){.trial-bridge{padding-block:38px}.decision-lab-head{padding:18px 18px 8px}.decision-clarifier{display:none}.decision-lab-body{grid-template-columns:1fr}.decision-field{padding:0 13px 12px}.decision-map{height:158px}.decision-explain{padding:16px 19px 19px}.decision-explain dl div{grid-template-columns:68px 1fr}.decision-explain dd,.decision-explain dt{font-size:.87rem}.decision-run{font-size:.88rem;padding-top:14px}.trial-options .trial-option{min-height:0;padding:14px 12px}.trial-option strong{font-size:1.17rem}.trial-option .trial-detail{font-size:.88rem}}
@media(max-width:420px){.decision-choice{font-size:.72rem;padding:8px 10px}.decision-map-key{font-size:.52rem;gap:8px}.decision-map{height:125px}}
@media(prefers-reduced-motion:reduce){.decision-route{animation:none}.decision-exclusion,.decision-obstruction,.decision-hazard-label{transition:none}}
