:root{--canvas:#f8fbff;--cobalt:#095bf0;--cobalt-deep:#064dcc;--ink:#111a2d;--slate:#64718b;--line:#c7d3e8;--pale:#e9f0ff;--paper:#fff;--text:var(--ink);--muted:var(--slate);--action:var(--cobalt);--action-hover:var(--cobalt-deep);--support:#dce8ff;--accent-ink:var(--cobalt)}
html{scroll-behavior:smooth}
body{background:var(--canvas);color:var(--ink)}
::selection{background:#c9dbff;color:var(--ink)}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;box-shadow:0 0 0 6px #fff}
.skip-link{background:var(--cobalt);color:#fff}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header{height:74px;border-bottom:1px solid var(--line);color:var(--ink)}
.brand{gap:.7rem;font-size:1.45rem;letter-spacing:-.075em;color:var(--ink)}
.brand img{width:33px;height:33px}
.brand-ending{color:var(--cobalt)}
.main-nav{gap:2rem;color:#4f5e76;font-weight:550}
.main-nav a:hover,.app-header-actions>a:hover,.site-footer nav a:hover{color:var(--cobalt)}
.header-action,.pill-link{border:0;border-radius:9px;background:var(--cobalt);color:#fff;padding:.8rem 1rem;box-shadow:0 8px 20px rgba(9,91,240,.1);gap:1.2rem}
.header-action:hover,.pill-link:hover{background:var(--cobalt-deep);border:0;color:#fff;transform:translateY(-2px)}
.site-footer{background:var(--canvas);color:var(--ink);border-top:1px solid var(--line);padding-bottom:28px}
.footer-main p{color:var(--slate);margin:.9rem 0 2rem}
.site-footer nav{color:#50617d}
.footer-bottom{border-top:1px solid var(--line);color:#71809a;margin-top:3rem;font-family:var(--body);font-size:.75rem}
/* The decision desk shares the homepage's controls and color system. */
.app-page{background:var(--canvas);color:var(--ink);min-height:100vh}
.app-page:before{height:800px;opacity:.75;background:radial-gradient(ellipse 70% 60% at 100% 0%,#e8f0ff,transparent 80%);mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.app-header{border-bottom:1px solid var(--line)}
.app-header-actions{color:#50617d}
.desk-access{color:#455d85;font:600 .76rem var(--body);letter-spacing:0}
.desk-access>span{background:var(--cobalt);box-shadow:0 0 0 4px rgba(9,91,240,.09)}
.app-main{padding-block:65px 100px}
.desk-heading{max-width:820px;margin-bottom:2.7rem}
.desk-heading h1{font:750 clamp(3.1rem,5vw,5rem)/.98 var(--display);letter-spacing:-.075em;margin:0 0 1rem}
.desk-heading>p:last-child{color:#53627b;line-height:1.6;max-width:680px;font-size:1.02rem}
.accent-period{color:var(--cobalt)}
.desk-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:2.25rem}
.composer-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:clamp(1.25rem,2.5vw,2.15rem);box-shadow:0 22px 60px rgba(36,68,124,.07)}
.composer-card h2{font:720 1.9rem/1.05 var(--display);letter-spacing:-.05em;margin-bottom:1.3rem}
.composer-card label,.second-view-controls label{color:var(--ink);font-size:.87rem;font-weight:650;margin-bottom:.55rem}
.mode-switch{background:#fff;border:1px solid var(--line);border-radius:9px;padding:0;gap:0;margin-bottom:1.8rem;overflow:hidden}
.mode-button{border-right:1px solid var(--line);border-radius:0;color:#52627d;font-size:.88rem;min-height:47px;transition:background .2s,color .2s}
.mode-button:last-child{border-right:0}
.mode-button:hover{background:#eef4ff;color:var(--cobalt)}
.mode-button.is-active{background:var(--cobalt);color:#fff;box-shadow:none}
.composer-card textarea,.composer-card select,.second-view select{background:#f8fbff;color:var(--ink);border:1px solid var(--line);border-radius:9px}
.composer-card textarea{padding:1rem;min-height:118px;line-height:1.55}
.composer-card #question{min-height:79px}
.composer-card textarea::placeholder{color:#71809a}
.composer-card textarea:focus,.composer-card select:focus,.second-view select:focus,.choice-input:focus,.level-input:focus{border-color:var(--cobalt);box-shadow:0 0 0 3px rgba(9,91,240,.12)}
.composer-footer{color:var(--slate);font:400 .72rem var(--body);margin-top:.5rem;margin-bottom:1.45rem}
.field-heading{color:var(--ink)}
.field-heading>span{color:var(--slate)}
.choice-row,.score-list label{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.choice-row{display:flex;align-items:stretch;gap:0;min-height:60px;margin-bottom:.65rem}
.choice-number{width:69px;flex:none;display:grid;place-items:center;background:#edf3ff;border-right:1px solid var(--line);font:740 1.55rem var(--display);letter-spacing:-.06em;color:var(--ink)}
.choice-row input.choice-input,.score-list input.level-input{border:0;border-radius:0;outline:0;background:#fff;color:var(--ink);min-width:0;flex:1;padding:.8rem 1rem;font-size:.95rem;box-shadow:none}
.choice-row input.choice-input:focus,.score-list input.level-input:focus{border-color:transparent;box-shadow:inset 0 0 0 2px var(--cobalt)}
.choice-row input.choice-input::placeholder,.score-list input.level-input::placeholder{color:#75849c}
.remove-choice{border:0;border-left:1px solid var(--line);background:#fff;color:var(--slate);padding:0 .85rem;font-size:1.25rem}
.remove-choice:hover:not(:disabled){background:#f3f7ff;color:var(--cobalt)}
.remove-choice:disabled{opacity:.35}
.add-choice{background:transparent;color:var(--cobalt);border:0;padding:.55rem 0;font-weight:700;font-size:.86rem}
.add-choice:hover{text-decoration:underline;text-underline-offset:3px}
.score-list{display:grid;gap:.65rem}
.score-list label{display:flex;align-items:center;margin:0;padding-left:1rem;color:var(--ink);font:700 1.15rem var(--display)}
.score-list input{margin-left:1rem;min-height:56px}
.primary-button{background:var(--cobalt);color:#fff;border-radius:9px;min-height:56px;font-size:.96rem;font-weight:700;margin-top:.4rem;box-shadow:0 10px 20px rgba(9,91,240,.13)}
.primary-button:hover:not(:disabled){background:var(--cobalt-deep);box-shadow:0 16px 24px rgba(9,91,240,.2)}
.verification-status{color:#5b6b83;font-size:.75rem}
.verification-status.is-ready{color:#285d57}
.composer-disclosure{border-top:1px solid var(--line);color:var(--slate);margin-top:1.6rem}
.composer-disclosure p{font-size:.77rem;line-height:1.55}
.output-heading h2{font:700 1.9rem/1.1 var(--display);color:var(--ink)}
.output-heading{margin-bottom:.8rem}
.ghost-button{background:#fff;color:var(--cobalt);border:1px solid var(--line);border-radius:8px;font-weight:600}
.ghost-button:hover{background:#edf3ff;border-color:var(--cobalt)}
.status-message{color:var(--slate)}
.status-error{color:#a2343b}
.status-success{color:#285d57}
.empty-state,.loading-state{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#edf3ff);border:1px solid var(--line);border-radius:13px;min-height:425px;color:var(--ink);box-shadow:0 22px 60px rgba(36,68,124,.05)}
.empty-state>* ,.loading-state>*{position:relative;z-index:1}
.empty-state h3{font:710 2rem/1.08 var(--display);color:var(--ink);letter-spacing:-.05em}
.empty-state p,.loading-state>span{color:#53647d;line-height:1.6}
.loading-state p{color:var(--ink)}
.loading-line{background:#dce7f8}
.loading-line span{background:var(--cobalt)}
.decision-result{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 22px 60px rgba(36,68,124,.08);animation:decision-in .45s cubic-bezier(.18,.78,.22,1) both}
.result-head{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 1.3rem;border-bottom:1px solid var(--line);color:#4f617c;font-size:.72rem}
.result-head span:first-child{color:var(--cobalt);font-weight:700}
.result-body{padding:1.7rem 1.4rem 1.4rem}
.result-body h3{font:740 clamp(2rem,3vw,3rem)/1.04 var(--display);letter-spacing:-.06em;color:var(--ink);margin-bottom:.7rem;overflow-wrap:anywhere}
.result-description{color:#53647d;font-size:.86rem;line-height:1.55;margin:0}
.result-distribution{padding:.2rem 1.4rem 1.4rem}
.result-distribution h4{font-size:.86rem;margin-bottom:1rem;color:var(--ink)}
.probability-row{background:#f3f7ff;border:1px solid var(--line);border-radius:8px;padding:1rem 1.1rem;margin-bottom:.6rem;animation:decision-in .5s cubic-bezier(.18,.78,.22,1) both}
.probability-row.is-selected{background:var(--cobalt);border-color:var(--cobalt);color:#fff}
.probability-top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;color:inherit;font-size:.95rem}
.probability-top strong{font:700 1.6rem/1 var(--display);letter-spacing:-.06em;white-space:nowrap}
.probability-row.is-selected .probability-top,.probability-row.is-selected .probability-top strong{color:#fff}
.probability-track{height:3px;margin-top:.75rem;background:rgba(100,113,139,.18);border-radius:3px;overflow:hidden}
.probability-track span{height:100%;display:block;background:var(--cobalt);transform-origin:left;animation:decision-measure .65s cubic-bezier(.18,.78,.22,1) both}
.probability-row.is-selected .probability-track{background:rgba(255,255,255,.25)}
.probability-row.is-selected .probability-track span{background:#fff}
.context-readout{margin:0 1.4rem;padding:1rem 0;display:flex;justify-content:space-between;gap:1rem;background:transparent;border-top:1px solid var(--line);border-bottom:0;color:#53647d;font-size:.8rem}
.context-readout span{font:500 .8rem var(--body);letter-spacing:0}
.context-readout strong{font:700 .82rem var(--body);color:var(--ink)}
.result-note{margin:0;padding:.2rem 1.4rem 1.2rem;color:#53647d;font-size:.76rem;line-height:1.55}
.result-foot{padding:.9rem 1.4rem;background:#f4f7fd;color:#71809a;font:500 .64rem var(--mono)}
.desk-note{color:var(--slate);font:400 .78rem/1.5 var(--body);letter-spacing:0;max-width:850px;margin:2.3rem auto 0}
.app-footer{border-top:1px solid var(--line);padding-top:1.3rem}
.app-footer .footer-bottom{border:0;margin:0}
/* Static reading pages */
.content-page{background:var(--canvas);color:var(--ink)}
.content-page .site-header{color:var(--ink);border-bottom:1px solid var(--line)}
.content-page .main-nav{color:#4f5e76}
.content-page .header-action{border:0}
.article-shell{width:min(100% - 48px,800px);padding-block:88px 125px}
.article-shell>.section-kicker{display:none}
.article-shell h1{font:740 clamp(3rem,7vw,5.2rem)/.98 var(--display);letter-spacing:-.07em;color:var(--ink)}
.article-shell>.article-lede{color:#53647d;font-size:1.16rem}
.article-shell h2,.article-shell h3{color:var(--ink)}
.article-shell p,.article-shell li{color:#42536e}
.article-shell a:not(.pill-link){color:var(--cobalt)}
.article-shell blockquote{border-left-color:var(--cobalt);color:var(--ink)}
.article-shell .article-callout{background:#edf3ff;border-color:var(--line)}
.article-shell .pill-link{color:#fff;border-color:var(--cobalt)}
.content-page .site-footer{background:var(--canvas);color:var(--ink);padding-inline:max(48px,calc((100vw - 1310px)/2))}
@media(max-width:1050px){.desk-grid{grid-template-columns:1fr;max-width:760px}.output-panel{min-height:0}.app-page:before{height:620px}}
@media(max-width:780px){.site-header{height:72px}.shell{width:min(100% - 36px,1310px)}.main-nav{display:none}.app-main{padding-block:45px 75px}.desk-heading h1{font-size:clamp(3rem,9vw,4.5rem)}.content-page .site-footer{padding-inline:18px}}
@media(max-width:560px){.brand{font-size:1.25rem}.brand img{width:29px;height:29px}.header-action{padding:.62rem .75rem;font-size:.75rem}.desk-access{font-size:.66rem}.app-header-actions>a{display:none}.desk-heading h1{font-size:clamp(2.9rem,11vw,4rem)}.desk-heading>p:last-child{font-size:.94rem}.desk-grid{gap:2rem}.composer-card{padding:1rem}.empty-state,.loading-state{min-height:300px;padding:2rem}.probability-top{font-size:.82rem}.probability-top strong{font-size:1.35rem}.result-body,.result-distribution{padding-inline:1rem}.context-readout{margin-inline:1rem}.result-note{padding-inline:1rem}.app-page:before{height:500px}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.decision-result,.probability-row,.probability-track span{animation:none!important;transform:none!important}}