:root{font:16px/1.8 system-ui,"Microsoft YaHei",sans-serif;color:#253d46;background:#f6f4ee;--teal:#266660;--gold:#af7938}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1320px;margin:auto;padding:24px 32px}header{padding-top:38px}a{color:var(--teal);text-underline-offset:4px}header>a{font-size:13px}h1{font-size:clamp(28px,4vw,46px);font-weight:600;letter-spacing:-1px;line-height:1.3;margin:24px 0 12px}h2{font-size:23px;font-weight:600}p{margin:10px 0}header p{max-width:950px;color:#60716f}.eyebrow{font-size:12px;letter-spacing:2px;color:#9b703b}button,select{font:inherit}button{cursor:pointer;color:inherit;background:#fffdfa;border:1px solid #c6d2ca;border-radius:5px;padding:8px 15px}button[aria-pressed=true]{background:var(--teal);color:white;border-color:var(--teal)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #c59048;outline-offset:3px}.controls{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:18px 22px;background:#e9eee7;border-radius:8px}.controls label{font-size:14px}.controls select{background:white;border:1px solid #b7c7be;padding:8px 14px;border-radius:4px}.legend{font-size:12px;color:#687a72;display:flex;gap:24px;flex-wrap:wrap}.catalogue{overflow:auto;margin:20px 0}.matrix{min-width:760px;background:#fffefa;border:1px solid #d8ddd4;border-radius:8px;padding:14px}.row{display:grid;grid-template-columns:170px repeat(12,minmax(30px,1fr));align-items:center;min-height:62px;border-bottom:1px solid #eee}.row:last-child{border-bottom:0}.row.axis{min-height:40px;color:#748175;font-size:12px}.row>strong{font-size:14px}.dot{justify-self:center;border:0;padding:3px;width:34px;height:34px;line-height:1;border-radius:50%;background:#ecf2ed;color:#275951}.dot.scenario{border:1px dashed #ae8348;color:#8c602d;background:#fbf3e3}.dot.active{outline:3px solid #233f48;outline-offset:3px}.row.selected>strong{color:var(--teal)}.lens{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:start;border-top:1px solid #cdd6cc;padding-top:24px;margin-top:24px}.lens h2{margin:0}.type-label{font-size:12px;color:#96703e}.lens p{font-size:15px}.decision{border-left:3px solid var(--gold);padding:12px 20px;background:#eeeadd}.decision strong{display:block}.routes{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 12px}.routes button{font-size:14px}.resource-context{font-size:14px;padding:14px 20px;border-left:3px solid var(--teal);background:#edf1e9}.frame-head{display:flex;gap:15px;justify-content:space-between;align-items:center;font-size:13px;margin:18px 0 10px}.frame-head strong{font-size:17px}iframe{width:100%;height:940px;border:1px solid #d1dad0;border-radius:8px;background:white;display:block}.sources{margin-top:26px;border-top:1px solid #d6ded4;padding-top:16px;font-size:13px}.sources summary{cursor:pointer}.sources li{margin:10px 0}footer{font-size:12px;color:#677c71}.question{font-size:16px;font-weight:500}.muted{color:#687b72;font-size:13px}@media(max-width:750px){header,main,footer{padding-left:18px;padding-right:18px}.lens{grid-template-columns:1fr;gap:15px}iframe{height:1220px}.controls{gap:10px}.controls label{width:100%}.controls select{width:100%}.routes button{flex:1;font-size:13px;padding:8px}.frame-head{align-items:flex-start;flex-direction:column}.matrix{min-width:850px}.row{grid-template-columns:140px repeat(12,minmax(40px,1fr))}}
