.ruleStage{--rule-paper:color-mix(in srgb, var(--bg) 95%, var(--fg) 5%);--rule-ink:var(--fg);--rule-muted:color-mix(in srgb, var(--muted) 38%, var(--fg) 62%);--rule-line:color-mix(in srgb, var(--fg) 24%, transparent);--rule-red:color-mix(in srgb, #9b382e 70%, var(--fg));--rule-green:color-mix(in srgb, #2d6e4e 72%, var(--fg));min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 14px calc(28px + env(safe-area-inset-bottom));background:radial-gradient(circle at 85% 6%, color-mix(in srgb, var(--studio-accent) 9%, transparent), transparent 28rem), repeating-linear-gradient(0deg, color-mix(in srgb, var(--fg) 3%, transparent) 0 1px, transparent 1px 28px), var(--bg);color:var(--rule-ink)}.ruleStage,.ruleStage *{box-sizing:border-box}.ruleHeader,.ruleDesk,.ruleFooter{width:min(100%,820px);margin-inline:auto}.ruleHeader{min-height:46px;color:var(--rule-muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;font-size:.72rem;font-weight:760;display:flex}.ruleBack{color:inherit;text-decoration:none}.ruleBack:hover{color:var(--fg)}.ruleHeaderMeta{flex-wrap:wrap;justify-content:end;gap:8px 16px;display:flex}.ruleDesk{border:1px solid var(--rule-line);background:var(--rule-paper);box-shadow:0 24px 64px color-mix(in srgb, var(--fg) 11%, transparent);border-radius:18px;overflow:hidden}.ruleMasthead{border-bottom:1px solid var(--rule-line);padding:clamp(26px,6vw,54px) clamp(20px,6vw,48px) 24px}.ruleEyebrow,.ruleSectionHead,.ruleFalseRule>span,.ruleCounterexample>span{color:var(--rule-red);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:850}.ruleMasthead .ruleEyebrow{margin:0}.ruleMasthead h1{font-family:var(--display-stack);letter-spacing:-.065em;margin:7px 0 0;font-size:clamp(4rem,14vw,7.5rem);font-weight:560;line-height:.78}.ruleMasthead>p:last-child{color:var(--rule-muted);margin:20px 0 0;font-size:1rem;font-weight:650}.ruleEvidence,.ruleDecision,.ruleReveal,.ruleComplete{padding:clamp(20px,5vw,38px) clamp(18px,5vw,38px)}.ruleEvidence,.ruleDecision{border-bottom:1px solid var(--rule-line)}.ruleSectionHead{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:15px;display:flex}.ruleSectionHead p{margin:0}.ruleSectionHead span{color:var(--rule-muted);letter-spacing:.05em;text-transform:none;font-size:.64rem}.ruleEvidenceGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ruleEvidenceGrid>div{border:1px solid var(--rule-line);background:color-mix(in srgb, var(--bg) 72%, transparent);border-radius:12px;padding:14px}.ruleEvidenceGrid h2{color:var(--rule-muted);letter-spacing:.09em;text-transform:uppercase;margin:0 0 10px;font-size:.7rem;font-weight:820}.ruleEvidenceGrid ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ruleEvidenceGrid li{align-items:center;min-height:44px;display:flex}.ruleCard{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.ruleCard>span{align-items:center;gap:7px;display:inline-flex}.ruleCard b{text-align:center;min-width:1.2ch;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(1rem,4vw,1.28rem);font-weight:760}.ruleCard i{color:var(--rule-muted);font-style:normal;font-weight:900}.ruleDeskNote{color:var(--rule-muted);font-family:var(--display-stack);margin:16px 0 0;font-size:.93rem;font-style:italic;line-height:1.45}.ruleOptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ruleOptions>button{border:1px solid var(--rule-line);background:color-mix(in srgb, var(--bg) 72%, transparent);min-height:104px;color:var(--fg);font:inherit;cursor:pointer;text-align:left;border-radius:12px;align-content:center;justify-items:start;gap:8px;padding:14px;display:grid;position:relative;overflow:hidden}.ruleOptions>button:hover:not(:disabled){border-color:color-mix(in srgb, var(--fg) 58%, transparent);transform:translateY(-1px)}.ruleOptions>button:disabled{cursor:default;opacity:.64}.ruleOptions>button[data-chosen=true]{opacity:1;border-color:var(--fg)}.ruleOptions>button small{color:var(--rule-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:780}.ruleStamp{letter-spacing:.14em;border:2px solid;border-radius:3px;padding:5px 8px 4px;font-size:.64rem;font-weight:950;display:inline-block;transform:rotate(-4deg)}.ruleOptions .ruleStamp{position:absolute;bottom:10px;right:10px}.ruleStamp.isPass{color:var(--rule-green)}.ruleStamp.isFail{color:var(--rule-red);transform:rotate(4deg)}.ruleReveal{background:color-mix(in srgb, var(--studio-accent) 5%, var(--rule-paper))}.ruleReveal>.ruleEyebrow{margin:0 0 8px}.ruleReveal h2,.ruleComplete h2{max-width:22ch;font-family:var(--display-stack);letter-spacing:-.025em;margin:0;font-size:clamp(1.7rem,6vw,2.7rem);font-weight:580;line-height:1.04}.ruleRevealText{max-width:62ch;margin:14px 0 18px;line-height:1.5}.ruleFalseRule,.ruleCounterexample{border-left:3px solid var(--rule-red);background:color-mix(in srgb, var(--bg) 64%, transparent);gap:5px;margin-top:10px;padding:12px 14px;display:grid}.ruleCounterexample{border-left-color:var(--fg)}.ruleFalseRule p{color:var(--rule-muted);margin:0;line-height:1.4}.ruleReveal button,.ruleComplete button{border:1px solid var(--fg);background:var(--fg);min-height:50px;color:var(--bg);font:inherit;cursor:pointer;border-radius:10px;margin-top:20px;padding:0 18px;font-weight:800}.ruleComplete{align-content:center;justify-items:start;min-height:390px;display:grid}.ruleComplete>.ruleEyebrow{margin:18px 0 7px}.ruleComplete>p:not(.ruleEyebrow){max-width:54ch;color:var(--rule-muted);line-height:1.5}.ruleOptions>button:focus-visible,.ruleReveal button:focus-visible,.ruleComplete button:focus-visible,.ruleBack:focus-visible{outline:3px solid var(--studio-accent);outline-offset:3px}.ruleFooter{color:var(--rule-muted);letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:7px 14px;padding:14px 2px 0;font-size:.65rem;font-weight:700;display:flex}@media (max-width:560px){.ruleStage{padding-inline:9px}.ruleHeader{padding-inline:5px}.ruleHeaderMeta{gap:4px 10px;font-size:.64rem}.ruleEvidenceGrid,.ruleOptions{grid-template-columns:1fr}.ruleOptions>button{min-height:88px}}@media (prefers-reduced-motion:no-preference){.ruleOptions>button{transition:transform .12s,border-color .12s}.ruleStamp{animation:.18s ease-out both ruleStampIn}}@keyframes ruleStampIn{0%{opacity:0;transform:scale(1.15)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-4deg)}}@media (prefers-contrast:more){.ruleDesk,.ruleEvidenceGrid>div,.ruleOptions>button{border-color:var(--fg)}.ruleStage{--rule-muted:var(--fg)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ruleStage{--rule-red:#f19a8f}}:root[data-theme=dark] .ruleStage{--rule-red:#f19a8f}