.system-page{--ok:#647d24;--warn:#9a7330;--fail:#9b5844;--unknown:#657783}.system-page .tag{color:#475a66;border-color:#667985}.system-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;padding:64px 0 38px}.system-hero h1{font-size:clamp(2.8rem,6vw,5.8rem)}.system-hero p{color:var(--muted);font-size:16px;padding-bottom:8px}.system-boundary{display:grid;grid-template-columns:.8fr 1.1fr 1.1fr;gap:24px;padding:23px 28px;background:var(--dark);color:#dce5e9}.system-boundary strong{color:#fff}.system-boundary span{font-size:13px}.scenario-picker{margin-top:70px}.scenario-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 20px}.scenario-buttons button{display:grid;gap:8px;text-align:left;padding:20px;border:1px solid #c8d4da;background:#edf2f4;color:var(--ink)}.scenario-buttons button strong{font-size:17px}.scenario-buttons button small{color:var(--muted);line-height:1.4}.scenario-buttons button[aria-pressed=true]{background:var(--dark);border-color:var(--dark);color:white}.scenario-buttons button[aria-pressed=true] small{color:#c5d0d6}.premise{max-width:900px;color:var(--muted);font-size:14px}.system-workbench{margin-top:32px;background:#e6edef;padding:34px 38px}.system-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:24px}.system-control{background:white;padding:22px 24px}.system-control-head{display:flex;justify-content:space-between;gap:18px;align-items:baseline}.system-control label{color:var(--muted);font-size:13px}.system-control output{font:31px/1 var(--mono);letter-spacing:-.05em}.system-control input{width:100%;margin:25px 0 6px;accent-color:var(--ink)}.system-control-ends{display:flex;justify-content:space-between;color:var(--muted);font:12px var(--mono)}.system-control p{font-size:12px;color:var(--muted);margin-top:13px}.system-link{align-self:center;font:34px var(--mono);color:#617582}.system-reading{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#c4d0d6;margin-top:28px}.system-reading article{background:white;padding:20px}.system-reading span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.system-reading strong{font:27px/1.1 var(--mono)}.system-reading small{display:block;color:var(--muted);margin-top:8px}.system-summary{margin-top:20px;padding:17px 19px;border-left:3px solid #728590;background:#f7fafb;font-size:14px}.milestone-section,.tasks-section,.system-method{margin-top:76px}.milestone-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:34px}.milestone-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.milestone{border:1px solid #ccd7dc;background:#f5f8f9;padding:20px}.milestone header{display:flex;justify-content:space-between;gap:14px}.milestone h3{font-size:16px}.milestone [data-status]{font:13px var(--mono);text-transform:uppercase}.milestone [data-target]{display:block;margin:16px 0;color:var(--muted);font-size:12px}.milestone label{font-size:12px;color:var(--muted)}.milestone select{width:100%;min-height:43px;background:white;border:1px solid #7b8c96;margin-top:7px;padding:7px}.milestone[data-status=yes]{border-top:4px solid var(--ok)}.milestone[data-status=no]{border-top:4px solid var(--fail)}.milestone[data-status=unknown]{border-top:4px solid var(--unknown)}.system-result{padding:28px;background:#e8eef1;border-top:5px solid var(--unknown);min-height:100%}.system-result>strong{display:block;font:36px/1.1 var(--mono);margin:36px 0 18px}.system-result p:not(.eyebrow){font-size:15px}.system-result button{margin-top:28px}.system-result[data-state=green]{background:#e9f0d9;border-color:var(--ok)}.system-result[data-state=amber]{background:#f0e9d9;border-color:var(--warn)}.system-result[data-state=red]{background:#f3e6df;border-color:var(--fail)}.tasks-grid{display:grid;grid-template-columns:.55fr 1fr 1fr 1fr;gap:1px;background:#cbd5da}.tasks-grid>*{background:#f3f7f8;padding:22px}.tasks-grid strong{font:24px var(--mono)}.tasks-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.tasks-grid p{font-size:14px}.branch-table{margin-top:24px}.branch-table td:first-child{font-weight:700}.system-method details{border-top:1px solid var(--line);padding:18px 0}.system-method summary{cursor:pointer;font-weight:700}.system-method .detail-copy{max-width:920px;color:var(--muted);font-size:14px;margin-top:14px}.system-method .detail-copy p+p{margin-top:12px}
@media(max-width:900px){.system-hero{grid-template-columns:1fr;gap:24px}.system-boundary{grid-template-columns:1fr}.system-controls{grid-template-columns:1fr}.system-link{transform:rotate(90deg);justify-self:center}.system-reading{grid-template-columns:1fr 1fr}.milestone-layout{grid-template-columns:1fr}.tasks-grid{grid-template-columns:1fr 1fr}.scenario-buttons{grid-template-columns:1fr}}
@media(max-width:620px){.system-hero{padding:36px 0 28px}.system-workbench{padding:22px 18px;margin-left:-18px;margin-right:-18px}.system-reading,.milestone-grid,.tasks-grid{grid-template-columns:1fr}.system-control output{font-size:26px}.milestone-section,.tasks-section,.system-method{margin-top:52px}.system-result>strong{font-size:30px}}