:root{color:#1f2a24;background:#edf3ee;font-family:Aptos,Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{min-height:100vh;background:linear-gradient(135deg,rgba(19,54,39,.08) 25%,transparent 25%) 0 0 / 36px 36px,linear-gradient(135deg,#f6faf4,#e4eee5 45%,#d8e7df)}.workspace{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:42px 0}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:700;text-transform:uppercase;color:#2d6b4f}h1{margin:12px 0 10px;max-width:780px;font-size:clamp(2.4rem,6vw,5.2rem);line-height:.96}.page-header p,.section-title p{margin:0;color:#607167;line-height:1.55}.domain-pill{flex:0 0 auto;padding:10px 14px;border:1px solid #c8d9ce;border-radius:999px;background:#ffffffb8;color:#405347;font-size:.88rem}.decision-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:18px}.control-panel,.result-panel{border:1px solid #cadbd0;border-radius:8px;background:#ffffffd6;box-shadow:0 22px 70px #1e402e1f}.control-panel{padding:24px}.result-panel{display:flex;flex-direction:column;padding:24px;background:#173629;color:#f3fff7}.section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.section-title h2{margin:0 0 4px;font-size:1.1rem}.result-panel .section-title p{color:#b8d0c2}.field{display:grid;gap:12px;padding:18px 0;border-top:1px solid #d9e6dd}.field:first-of-type{border-top:0;padding-top:0}.field>span{color:#46584d;font-weight:700}.field>strong{color:#173629;font-size:1.5rem}input[type=range]{width:100%;accent-color:#2f7d58}button{min-height:44px;border:1px solid #c8d9ce;border-radius:8px;background:#f8fbf7;color:#263b2f;cursor:pointer;font:inherit;font-weight:700;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}button:hover{transform:translateY(-1px)}button.active{border-color:#235b41;background:#235b41;color:#fff}.segmented,.option-grid{display:grid;gap:8px}.segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.field:nth-of-type(2) .segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.option{display:inline-flex;align-items:center;justify-content:center;gap:8px}.score-ring{--score: 0%;width:min(260px,70vw);aspect-ratio:1;display:grid;place-items:center;align-self:center;margin:8px 0 24px;border-radius:50%;background:radial-gradient(circle at center,#173629 0 58%,transparent 59%),conic-gradient(#7ee0a2 var(--score),rgba(255,255,255,.15) 0);box-shadow:inset 0 0 0 1px #ffffff14}.score-ring span{font-size:clamp(4rem,8vw,6rem);font-weight:800;line-height:1}.score-ring small{align-self:start;margin-top:-74px;color:#b8d0c2;font-weight:700}.decision-card{display:grid;gap:8px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff14}.decision-card+.decision-card{margin-top:12px}.decision-card span{color:#9fc2ae;font-size:.84rem;font-weight:800;text-transform:uppercase}.decision-card strong{font-size:1.08rem;line-height:1.45}.impact{border-color:#7ee0a261;background:#7ee0a21c}@media (max-width: 760px){.workspace{width:min(100% - 24px,1180px);padding:26px 0}.page-header{align-items:flex-start;flex-direction:column}.decision-layout,.segmented,.field:nth-of-type(2) .segmented,.option-grid{grid-template-columns:1fr}.domain-pill{max-width:100%;overflow-wrap:anywhere}}
