:root{--bg:#f4f3ec;--ink:#17392f;--muted:#5c6e63;--accent:#d9f56b;--line:#ccd3c6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"PingFang SC",sans-serif;line-height:1.6}a{color:inherit}header{display:flex;align-items:center;gap:24px;padding:24px 5%;border-bottom:1px solid var(--line)}.brand{font-size:30px;font-weight:800;letter-spacing:-2px;text-decoration:none;line-height:1}.brand span{display:block;font-size:8px;letter-spacing:2px;margin-top:8px}nav{display:flex;gap:18px;flex:1;justify-content:center;flex-wrap:wrap}nav a{font-size:12px;text-decoration:none}nav a[aria-current]{border-bottom:2px solid var(--ink)}button,.button{font:inherit;cursor:pointer;border:1px solid var(--ink);border-radius:4px;padding:12px 20px;background:transparent;color:var(--ink);text-decoration:none;display:inline-block}.primary{background:var(--ink);color:#fff}.light{background:var(--accent);color:var(--ink);border-color:var(--accent)}#language{padding:8px 12px;font-size:12px}main{max-width:1320px;margin:auto;padding:60px 5% 80px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:700}h1{font-size:clamp(38px,5.3vw,76px);line-height:1.05;letter-spacing:-3px;margin:24px 0;max-width:850px}h2{font-size:clamp(26px,3vw,42px);line-height:1.2;letter-spacing:-1px}h3{font-size:22px;line-height:1.3}p{max-width:760px}.lede{font-size:21px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;align-items:center}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.terminal{background:var(--ink);color:#e6f0dc;padding:30px;border-radius:8px;box-shadow:12px 12px 0 #dfe4d7;font:13px/1.8 monospace}.terminal .tag{color:var(--accent)}.terminal hr{border:0;border-top:1px solid #526d61;margin:25px 0}.terminal strong{color:var(--accent);font-size:22px}.small{font-size:13px;color:var(--muted)}section{margin-top:64px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);padding:28px;border-radius:6px}.card.featured{background:var(--ink);color:#f0f2e7}.card.featured .small{color:#cedacb}.price{font-size:42px;font-weight:700;letter-spacing:-2px}.badge{display:inline-block;background:#e0e6d7;border-radius:30px;padding:5px 12px;font-size:11px;letter-spacing:1px;margin:4px 4px 4px 0}.notice{border-left:3px solid #9aae76;padding:12px 20px;background:#e9eddf}.steps{counter-reset:step}.steps .card:before{counter-increment:step;content:'0' counter(step);color:#83977b;font-family:monospace;font-size:22px}textarea,input,select{width:100%;border:1px solid #aebdac;background:#fafbf7;color:var(--ink);border-radius:4px;padding:12px;font:inherit}textarea{min-height:150px}#package{min-height:330px;font:12px/1.5 monospace}label{display:block;margin:15px 0 6px;font-size:14px}.checks{display:grid;gap:10px}.check{padding:16px;border:1px solid var(--line);border-radius:4px}.check.PASS{border-left:4px solid #3c7858}.check.HOLD_WITH_EXACT_GAP{border-left:4px solid #b47140}.check b{font-size:14px}.check span{float:right;font:11px monospace}.check p{margin:8px 0;font-size:13px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#e5eadf;padding:20px;font-size:12px}code{overflow-wrap:anywhere}footer{padding:32px 5%;border-top:1px solid var(--line);font-size:12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}footer p{flex-basis:100%;color:var(--muted)}.error{color:#964923}.success{color:#316442}.consent{display:flex;gap:10px;align-items:start}.consent input{width:auto;margin-top:7px}.family{margin-top:35px}.family .grid{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){header{flex-wrap:wrap;gap:16px}nav{order:3;flex-basis:100%;justify-content:flex-start;gap:14px}#language{margin-left:auto}.hero{grid-template-columns:1fr;gap:28px}main{padding-top:36px}h1{letter-spacing:-1.5px}.grid,.two,.family .grid{grid-template-columns:1fr}.terminal{box-shadow:6px 6px 0 #dfe4d7}.check span{float:none;display:block;margin-top:8px}.lede{font-size:18px}section{margin-top:42px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Display-only successor: inherits the existing palette and typography. */
.dual-state{overflow-wrap:anywhere}.dual-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.dual-heading h2{margin:10px 0}.view-switch{display:flex;gap:6px;flex-wrap:wrap}.view-switch button{padding:10px 16px}.view-switch [aria-pressed="true"]{background:var(--ink);color:var(--bg)}.projection-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px}.projection-layout[data-mode="split"]{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.projection-layout>*{min-width:0}.dual-state [hidden]{display:none!important}.status-card{background:#edf1e4;border-top:4px solid var(--ink)}.status-card h2{margin:14px 0}.state-code{font-family:monospace;font-size:clamp(22px,3.5vw,42px);overflow-wrap:anywhere}.boundary-box{margin-top:24px;border-top:1px solid var(--line);padding-top:4px}.boundary-box li{margin:5px 0}.projection-why{margin:24px 0;gap:16px}.projection-why .card{padding:20px}.projection-why h3{font-size:18px;margin-top:0}.projection-why ul{padding-left:20px;font-size:14px}.dual-checks{display:grid;gap:10px}.dual-checks summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.dual-checks summary::before{content:'＋';flex-shrink:0}.dual-checks details[open]>summary::before{content:'−'}.dual-checks .badge{float:none;margin:0;flex-shrink:0}.raw-detail{margin:8px 0;font-size:13px}.raw-detail summary{justify-content:flex-start}.dual-state pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.machine-projection{align-self:start;background:#edf1e4}.machine-projection pre{font-size:12px;line-height:1.7}.machine-projection h3{margin-top:0}.state-flow{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:12px}.state-flow li{border:1px solid var(--line);padding:10px 14px;border-radius:4px}.state-flow li:not(:last-child)::after{content:' →';padding-left:10px}.dual-state button:focus-visible,.dual-state summary:focus-visible,.dual-state a:focus-visible{outline:3px solid #587535;outline-offset:3px}
@media(min-width:901px){.projection-layout[data-mode="split"] .projection-why{grid-template-columns:1fr}.projection-layout[data-mode="split"] .status-card{padding:22px}}
@media(max-width:900px){.projection-layout[data-mode="split"]{grid-template-columns:minmax(0,1fr)}.dual-heading{gap:12px}.view-switch{width:100%}.view-switch button{flex:1;padding:10px 8px}.dual-state .card{padding:20px}.dual-checks summary{flex-wrap:wrap}.state-flow{display:grid;grid-template-columns:1fr}.state-flow li:not(:last-child)::after{content:' ↓'}.state-code{font-size:24px}.projection-why{grid-template-columns:minmax(0,1fr)}}

.dual-checks summary>b{flex:1;text-align:left}


@media(max-width:500px){.dual-checks summary>b{flex:1 1 calc(100% - 32px);min-width:0}.dual-checks .badge{flex-shrink:1;max-width:100%;margin-left:24px;white-space:normal}}