:root:has(.crosscutStage){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#ece7dd}.crosscutStage{--cc-bg:#ece7dd;--cc-paper:#f8f3e9;--cc-ink:#201f1c;--cc-muted:#726d64;--cc-line:#a89f90;--cc-accent:#b65332;--cc-good:#3f6d56;--cc-bad:#914b3e;min-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 14px calc(28px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% -20%,#fff8 0 26%,transparent 58%),var(--cc-bg);color:var(--cc-ink)}.crosscutStage *{box-sizing:border-box}.crosscutStage button,.crosscutStage a{-webkit-tap-highlight-color:transparent}.crosscutStage button:focus-visible,.crosscutStage a:focus-visible{outline:3px solid var(--cc-accent);outline-offset:3px}.crosscutHeader,.crosscutCard,.crosscutFooter{width:min(100%,900px);margin-inline:auto}.crosscutHeader{gap:18px;margin-bottom:20px;display:grid}.crosscutBack{width:max-content;color:var(--cc-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:760;text-decoration:none}.crosscutTitleRow{border-bottom:1px solid var(--cc-line);justify-content:space-between;align-items:end;gap:16px;padding-bottom:14px;display:flex}.crosscutEyebrow,.crosscutKicker{color:var(--cc-accent);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.69rem;font-weight:840}.crosscutTitleRow h1{font-family:var(--display-stack);letter-spacing:-.055em;margin:3px 0 0;font-size:clamp(3.4rem,15vw,6.4rem);font-weight:560;line-height:.78}.crosscutPromise{color:var(--cc-muted);margin:14px 0 0;font-size:.95rem;font-weight:620}.crosscutProgress{color:var(--cc-ink);font-family:var(--display-stack);font-variant-numeric:tabular-nums;align-items:baseline;font-size:2rem;display:flex}.crosscutProgress span{color:var(--cc-muted);font-family:inherit;font-size:.9rem}.crosscutCard{border:1px solid var(--cc-line);background:var(--cc-paper);border-radius:20px;overflow:hidden;box-shadow:0 18px 46px #352f2720}.crosscutBrief{border-bottom:1px solid var(--cc-line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;padding:18px clamp(16px,4vw,28px);display:grid}.crosscutBrief h2{font-family:var(--display-stack);margin:4px 0 7px;font-size:clamp(1.65rem,6vw,2.3rem);font-weight:590;line-height:1}.crosscutBrief>div>p:last-child{max-width:640px;color:var(--cc-muted);margin:0;font-size:.88rem;line-height:1.45}.crosscutTurn{border:1px solid var(--cc-line);min-width:84px;min-height:46px;color:var(--cc-ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;font-size:.75rem;font-weight:780}.crosscutTurn:disabled{opacity:.42;cursor:default}.crosscutSpecimen{border-bottom:1px solid var(--cc-line);background:linear-gradient(#fff8,#e3ddd2 78%,#d6cebf);place-items:center;min-height:330px;display:grid;position:relative;overflow:hidden}.crosscutSpecimen:after{content:"";filter:blur(8px);background:#2d29231c;border-radius:50%;height:20px;position:absolute;bottom:36px;left:18%;right:18%}.crosscutSpecimen>svg{z-index:2;width:min(94%,640px);height:auto;position:relative;overflow:visible}.crosscutWire line{vector-effect:non-scaling-stroke;stroke:var(--cc-ink);stroke-width:1.35px;stroke-linecap:round;opacity:.75}.crosscutPlane{fill:#d8704240;stroke:var(--cc-accent);stroke-width:.7px;vector-effect:non-scaling-stroke;transform-origin:50%;transition:opacity .34s,transform .5s cubic-bezier(.2,.75,.2,1)}.crosscutTruth{fill:#f4c771;stroke:#7d451e;stroke-width:1.3px;vector-effect:non-scaling-stroke;opacity:0;transform-origin:50%;transition:opacity .22s .15s,transform .52s cubic-bezier(.2,.8,.2,1) 80ms;transform:translateY(0)scale(.98)}.crosscutSpecimen[data-phase=revealed] .crosscutPlane{opacity:.12;transform:scale(1.04)}.crosscutSpecimen[data-phase=revealed] .crosscutTruth{opacity:1;transform:translateY(2px)scale(1.02)}.crosscutSpecimen[data-material=glass] .crosscutWire line{stroke:#385e6f}.crosscutSpecimen[data-material=glass]{background:linear-gradient(#eff8f9,#d8e4e5 78%,#c7d6d8)}.crosscutSpecimen[data-material=wood]{background:linear-gradient(#f4ead8,#d7c4a7 78%,#c4ad8a)}.crosscutSpecimen[data-material=clay]{background:linear-gradient(#f0e1d8,#d8bba9 78%,#c79d87)}.crosscutPlaneTag{z-index:4;color:var(--cc-muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f8f3e9d9;border-radius:999px;align-items:center;gap:7px;padding:7px 9px;font-size:.68rem;font-weight:760;display:flex;position:absolute;bottom:14px;left:16px}.crosscutPlaneTag span{background:var(--cc-accent);width:20px;height:2px}.crosscutLift{z-index:6;background:#fff1d5e8;border:1px solid #9b6c37;border-radius:16px;width:112px;padding:9px;animation:.5s cubic-bezier(.2,.8,.2,1) both crosscutLift;position:absolute;top:16px;right:18px;transform:translateY(-4px)rotate(2deg);box-shadow:0 16px 24px #48351d29}.crosscutLift svg{width:100%;height:auto;display:block}.crosscutLift path{fill:#f4c771;stroke:#7d451e;stroke-width:2px}.crosscutLift small{color:#775b36;letter-spacing:.12em;text-align:center;text-transform:uppercase;margin-top:3px;font-size:.59rem;font-weight:800;display:block}@keyframes crosscutLift{0%{opacity:0;transform:translate(18px,12px)scale(.78)rotate(7deg)}to{opacity:1;transform:translateY(-4px)rotate(2deg)}}.crosscutQuestion{background:linear-gradient(#0000,#8f806810);padding:clamp(18px,4vw,28px);position:relative}.crosscutQuestionHead{border-bottom:1px solid var(--cc-line);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;margin-bottom:17px;padding-bottom:13px;display:grid}.crosscutQuestionHead>span{color:var(--cc-accent);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;padding-top:4px;font-size:.62rem;font-weight:850}.crosscutQuestionHead>p{font-family:var(--display-stack);margin:0;font-size:clamp(1.2rem,4.8vw,1.7rem);font-weight:560;line-height:1.25}.crosscutChoices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.crosscutChoices button{border:1px solid var(--cc-line);min-height:82px;color:var(--cc-ink);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));font:inherit;text-align:left;cursor:pointer;background:#f4eee2;border-radius:0;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;padding:10px 18px 10px 13px;font-weight:790;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s;display:grid;position:relative}.crosscutChoices button:before{content:attr(data-index);color:var(--cc-muted);letter-spacing:.08em;font-size:.55rem;font-weight:850;position:absolute;top:7px;right:8px}.crosscutChoices button:after{content:"";border-left:1px solid var(--cc-line);border-bottom:1px solid var(--cc-line);background:var(--cc-paper);width:14px;height:14px;position:absolute;top:0;right:0}.crosscutChoices button:nth-child(2n){transform:rotate(.18deg)}.crosscutChoices button:nth-child(odd){transform:rotate(-.18deg)}.crosscutChoices button svg{width:58px;height:46px}.crosscutChoices button path{fill:#ddd2c1;stroke:var(--cc-ink);stroke-width:2px}.crosscutChoices button:hover:not(:disabled){border-color:var(--cc-ink);transform:translateY(-2px)rotate(0)}.crosscutChoices button:active:not(:disabled){transform:translateY(1px)rotate(0)}.crosscutChoices button:focus-visible{box-shadow:inset 0 0 0 3px var(--cc-accent);outline:0}.crosscutChoices button[data-selected=true]{border-color:var(--cc-accent);box-shadow:inset 5px 0 0 var(--cc-accent);background:#f7e8df}.crosscutChoices button[data-correct=true]{border-color:var(--cc-good);box-shadow:inset 5px 0 0 var(--cc-good);background:#e5eee8}.crosscutChoices button[data-selected=true]:not([data-correct=true]):disabled{border-color:var(--cc-bad);box-shadow:inset 5px 0 0 var(--cc-bad);background:#f1e2dc}.crosscutChoices button:disabled{cursor:default}.crosscutChoices button:disabled:not([data-selected=true]):not([data-correct=true]){opacity:.56}.crosscutHint{color:var(--cc-muted);margin:0;padding:0 clamp(18px,4vw,28px) 22px;font-size:.72rem;font-weight:680}.crosscutResult{border-top:2px solid var(--cc-good);border-bottom:1px solid var(--cc-line);background:0 0;grid-template-columns:118px minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 clamp(18px,4vw,28px) clamp(18px,4vw,28px);padding:18px 0;display:grid;position:relative}.crosscutResult[data-result=miss]{border-top-color:var(--cc-bad)}.crosscutResultStamp{border:2px solid var(--cc-good);min-height:72px;color:var(--cc-good);letter-spacing:.16em;text-align:center;text-transform:uppercase;place-items:center;padding:8px;font-size:.7rem;font-weight:900;display:grid;transform:rotate(-3deg)}.crosscutResult[data-result=miss] .crosscutResultStamp{border-color:var(--cc-bad);color:var(--cc-bad);transform:rotate(3deg)}.crosscutResult h3{font-family:var(--display-stack);margin:2px 0 4px;font-size:2rem;font-weight:590}.crosscutResult>div:nth-child(2)>p:not(.crosscutKicker){max-width:560px;color:var(--cc-muted);margin:0;font-size:.84rem;line-height:1.45}.crosscutResult button{border:1px solid var(--cc-ink);background:var(--cc-ink);min-height:48px;color:var(--cc-paper);font:inherit;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border-radius:0;padding:0 18px;font-weight:790}.crosscutResult button:hover{color:var(--cc-ink);background:0 0}.crosscutResult button:focus-visible{box-shadow:inset 0 0 0 3px var(--cc-accent);outline:0}.crosscutFooter{color:var(--cc-muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:12px;padding:13px 2px 0;font-size:.62rem;font-weight:690;display:flex}@media (max-width:700px){.crosscutResult{grid-template-columns:92px minmax(0,1fr)}.crosscutResult button{grid-column:1/-1}.crosscutResultStamp{min-height:62px}}@media (max-width:560px){.crosscutStage{padding-inline:10px}.crosscutBrief{grid-template-columns:1fr}.crosscutTurn{width:100%}.crosscutSpecimen{min-height:290px}.crosscutQuestionHead{grid-template-columns:1fr;gap:7px}.crosscutChoices{grid-template-columns:1fr}.crosscutChoices button{grid-template-columns:56px minmax(0,1fr);min-height:72px;padding-left:11px}.crosscutChoices button svg{width:52px;height:42px}.crosscutLift{width:94px}.crosscutTitleRow{align-items:end}.crosscutResult{grid-template-columns:78px minmax(0,1fr);gap:13px}.crosscutResultStamp{letter-spacing:.1em;min-height:58px;font-size:.58rem}.crosscutResult h3{font-size:1.7rem}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):has(.crosscutStage){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#191815}:root:not([data-theme=light]) .crosscutStage{--cc-bg:#191815;--cc-paper:#22201c;--cc-ink:#f1eadf;--cc-muted:#aaa197;--cc-line:#6e675d;--cc-accent:#df7b53;--cc-good:#78a98a;--cc-bad:#cf7667;background:radial-gradient(circle at 50% -20%,#ffffff0d 0 26%,transparent 58%),var(--cc-bg)}:root:not([data-theme=light]) .crosscutSpecimen{background:linear-gradient(#2d2a25,#211f1b 78%,#181714)}:root:not([data-theme=light]) .crosscutQuestion{background:linear-gradient(#0000,#ffffff08)}:root:not([data-theme=light]) .crosscutChoices button{background:#292620}:root:not([data-theme=light]) .crosscutChoices button:after{background:#22201c}:root:not([data-theme=light]) .crosscutChoices button[data-selected=true]{background:#3b2923}:root:not([data-theme=light]) .crosscutChoices button[data-correct=true]{background:#203027}:root:not([data-theme=light]) .crosscutChoices button[data-selected=true]:not([data-correct=true]):disabled{background:#382521}:root:not([data-theme=light]) .crosscutLift{background:#3b3023e8}}:root[data-theme=dark]:has(.crosscutStage){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#191815}:root[data-theme=dark] .crosscutStage{--cc-bg:#191815;--cc-paper:#22201c;--cc-ink:#f1eadf;--cc-muted:#aaa197;--cc-line:#6e675d;--cc-accent:#df7b53;--cc-good:#78a98a;--cc-bad:#cf7667;background:var(--cc-bg)}:root[data-theme=dark] .crosscutQuestion{background:#ffffff05}:root[data-theme=dark] .crosscutChoices button{background:#292620}:root[data-theme=dark] .crosscutChoices button:after{background:#22201c}:root[data-theme=dark] .crosscutChoices button[data-selected=true]{background:#3b2923}:root[data-theme=dark] .crosscutChoices button[data-correct=true]{background:#203027}:root[data-theme=dark] .crosscutChoices button[data-selected=true]:not([data-correct=true]):disabled{background:#382521}@media (prefers-reduced-motion:reduce){.crosscutStage *{transition-duration:.01ms!important;animation-duration:.01ms!important}.crosscutChoices button{transform:none!important}}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .crosscutKicker{color:#8d3c26}}:root[data-theme=light] .crosscutKicker{color:#8d3c26}
.crosscutChoices button:before{right:22px}
