/* UCS App Studio / Decision Board 0.4 — editorial precision, no external imagery */
#studio-decision-board{padding:90px 0;background:radial-gradient(ellipse at 82% 13%,rgba(29,93,116,.28),transparent 45%),#071722;border-top:1px solid #36516a;border-bottom:1px solid #36516a}
.db-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:34px;margin-bottom:28px}
.db-head h2{font:500 clamp(2.6rem,5.5vw,5.4rem)/.98 Georgia,serif;letter-spacing:-.045em;margin:15px 0 8px}
.db-head h2 em{color:var(--gold);font-weight:500}
.db-head p:last-child{color:#afc1ca;max-width:450px}
.db-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;align-items:stretch}
.db-work,.db-result{border:1px solid #3e5c70;padding:26px;background:#102333;border-radius:7px}
.db-result{background:#0a1e2d;position:relative;overflow:hidden}
.db-result::before{content:"";width:230px;height:230px;border:1px solid rgba(213,176,111,.12);border-radius:50%;position:absolute;top:-140px;right:-85px;pointer-events:none}
.db-kicker{font-size:10px;font-weight:800;letter-spacing:.18em;color:#d4b677;text-transform:uppercase}
.db-group{padding:17px 0;border-bottom:1px solid #345062}
.db-group:last-child{border:0}
.db-group h3{font:500 21px/1.25 Georgia,serif;margin:0 0 12px}
.db-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.db-choice{min-height:64px;padding:12px 8px;border-radius:5px;text-align:left;font:700 12px/1.4 Inter,system-ui,sans-serif;color:#d8e5e6;background:#153247;border:1px solid #4a6074;cursor:pointer}
.db-choice:hover{border-color:#efd39a}
.db-choice[aria-pressed="true"]{background:#2c3634;border-color:#e1bd77;color:#f8e2ad;box-shadow:inset 0 0 0 1px #e1bd773d}
.db-choice:focus-visible,#dbDownload:focus-visible{outline:3px solid #f3dcad;outline-offset:3px}
.db-intro{margin:9px 0 22px;color:#acbec9;font-size:13px}
.db-summary{display:grid;grid-template-columns:1fr auto;gap:8px;padding-bottom:12px;margin-bottom:15px;border-bottom:1px solid #38576a}
.db-summary strong{font-size:14px;overflow-wrap:anywhere;max-width:230px;text-align:right}
.db-journey{border-left:2px solid #d7b36e;padding-left:15px;color:#e4e3d9;font-size:14px;margin-bottom:20px}
.db-result h3{font:500 23px/1.2 Georgia,serif;margin:20px 0 8px}
#dbQuestions{font-size:13px;line-height:1.65;color:#d2dde1;padding-left:19px}
#dbQuestions li{margin:8px 0}
.db-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid #3a5367;padding-top:16px;color:#bac9d1;font-size:12px}
.db-meta strong{color:#efcf8d}
.db-hash{display:block;color:#c1d9e0;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;margin:10px 0}
#dbDownload{font-size:12px;min-height:46px;padding:10px 16px;border:1px solid var(--gold);background:var(--gold);border-radius:5px;color:#07131f;font-weight:800;cursor:pointer}
#dbStatus{font-size:12px;color:#a4deca;min-height:20px}
.db-footnote{color:#9cb1c0;font-size:12px;line-height:1.7;margin-top:15px;max-width:780px}
@media(max-width:880px){.db-head,.db-grid{grid-template-columns:1fr}}
@media(max-width:560px){#studio-decision-board{padding:56px 0}.db-work,.db-result{padding:18px}.db-options{grid-template-columns:1fr}.db-choice{min-height:44px}}
@media(prefers-reduced-motion:reduce){#studio-decision-board *{animation:none!important;transition:none!important}}