/* Scoped REE 404 walkthrough: cream reading surface, ink diagrams, lime wayfinding. */
.course-walkthrough{--cw-paper:var(--paper,#f6f6ef);--cw-ink:var(--ink,#16201f);--cw-lime:var(--lime,#d9ff67);--cw-muted:#63706a;--cw-line:#d9ded4;--cw-dark:#101c1b;color:var(--cw-ink);font-family:var(--body,'DM Sans',Arial,sans-serif);text-align:left;border:1px solid #3c4740;border-radius:10px;overflow:hidden;background:var(--cw-paper)}
.course-walkthrough *{box-sizing:border-box}.course-walkthrough [hidden]{display:none!important}.course-walkthrough :where(h3,h4,p,figure){margin:0}.course-walkthrough button,.course-walkthrough a,.course-walkthrough summary{-webkit-tap-highlight-color:transparent}.course-walkthrough button{font:inherit;cursor:pointer}.course-walkthrough :where(button,a,summary):focus-visible{outline:3px solid #789a32;outline-offset:4px}.course-walkthrough .cw-kicker{font:10px/1.5 var(--mono,'IBM Plex Mono',monospace);letter-spacing:.07em}.course-walkthrough .cw-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:31px 35px;background:var(--cw-dark);color:var(--cw-paper)}.course-walkthrough .cw-heading .cw-kicker{color:var(--cw-lime);font-size:9px}.course-walkthrough .cw-heading h3{font:500 clamp(29px,3.2vw,42px)/1.12 var(--display,'Space Grotesk',Arial,sans-serif);letter-spacing:-.045em;margin-top:10px}.course-walkthrough .cw-heading>p{font-size:12px;line-height:1.7;color:#b1bcb4}
.course-walkthrough .cw-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#192622}.course-walkthrough .cw-tabs button{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:21px 22px;border:0;border-right:1px solid #3b463d;border-bottom:3px solid transparent;background:none;color:#d1d8cd;transition:background .2s,color .2s;min-width:0}.course-walkthrough .cw-tabs button:last-child{border-right:0}.course-walkthrough .cw-tabs button:hover{background:#29352a}.course-walkthrough .cw-tabs button[aria-selected=true]{border-bottom-color:var(--cw-lime);background:#2c3827;color:var(--cw-lime)}.course-walkthrough .cw-tabs button:focus-visible{outline-color:var(--cw-lime);outline-offset:-5px}.course-walkthrough .cw-step-number{font:9px/1.8 var(--mono,'IBM Plex Mono',monospace);opacity:.7;margin-top:2px}.course-walkthrough .cw-tabs button>span:last-child{font:500 16px/1.25 var(--display,'Space Grotesk',Arial,sans-serif);letter-spacing:-.025em}.course-walkthrough .cw-tabs small{display:block;font:10px/1.5 var(--body,'DM Sans',Arial,sans-serif);letter-spacing:0;color:#b0bdae;margin-top:7px}
.course-walkthrough .cw-panel{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:45px;padding:38px 35px;align-items:stretch}.course-walkthrough:not(.cw-enhanced) .cw-panel+.cw-panel{border-top:1px solid var(--cw-line)}.course-walkthrough .cw-copy{padding-block:3px}.course-walkthrough .cw-copy>.cw-kicker{font-size:9px;color:#637650}.course-walkthrough .cw-copy h4{font:500 clamp(29px,3vw,40px)/1.1 var(--display,'Space Grotesk',Arial,sans-serif);letter-spacing:-.045em;margin-top:13px}.course-walkthrough .cw-copy h4:focus{outline:none}.course-walkthrough .cw-copy>p:not(.cw-kicker){font-size:13px;line-height:1.8;color:var(--cw-muted);margin-top:18px;max-width:440px}.course-walkthrough .cw-takeaway{border-left:2px solid #88a242;padding-left:17px;margin-top:23px;max-width:430px}.course-walkthrough .cw-takeaway>span{font:8px/1.5 var(--mono,'IBM Plex Mono',monospace);letter-spacing:.07em;color:#738063}.course-walkthrough .cw-takeaway p{font-size:13px;line-height:1.65;margin-top:5px;color:#29392b}.course-walkthrough .cw-question{border-top:1px solid var(--cw-line);margin-top:24px;padding-top:14px;max-width:440px}.course-walkthrough .cw-question summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;font-size:11px;font-weight:550;line-height:1.5;min-height:29px}.course-walkthrough .cw-question summary::-webkit-details-marker{display:none}.course-walkthrough .cw-question summary>span{font-size:20px;font-weight:400;transition:transform .2s}.course-walkthrough .cw-question[open] summary>span{transform:rotate(45deg)}.course-walkthrough .cw-question>p{font-size:12px;line-height:1.75;color:var(--cw-muted);margin-top:10px}.course-walkthrough .cw-video-link{display:flex;align-items:center;justify-content:space-between;gap:35px;width:max-content;max-width:100%;border-bottom:1px solid #9eaf8b;color:var(--cw-ink);text-decoration:none;padding:12px 0 9px;margin-top:12px;font-size:14px;font-weight:550}.course-walkthrough .cw-video-link small{display:block;font:8px/1.4 var(--mono,'IBM Plex Mono',monospace);letter-spacing:.07em;color:#6e805c;margin-bottom:4px}.course-walkthrough .cw-video-link>span:last-child{font-size:24px}.course-walkthrough .cw-video-link:hover{border-color:#29392b;color:#557b22}
.course-walkthrough .cw-figure{min-width:0;display:flex;flex-direction:column;position:relative;border-radius:6px;overflow:hidden;background:radial-gradient(ellipse at 65% 40%,#d9ff6708,transparent 70%),var(--cw-dark);color:#c7d2c2;padding:23px 22px 20px;align-self:stretch;min-height:360px}.course-walkthrough .cw-figure-label{display:flex;justify-content:space-between;gap:15px;font:7px/1.6 var(--mono,'IBM Plex Mono',monospace);letter-spacing:.06em;color:#9dad95;min-height:23px}.course-walkthrough .cw-diagram{width:100%;height:auto;display:block;flex:1;max-height:285px;margin-block:5px}.course-walkthrough .cw-grid{stroke:#a5b995;stroke-width:.6;opacity:.12;fill:none}.course-walkthrough .cw-axis{stroke:#b1c29f;stroke-width:1;opacity:.3;fill:none}.course-walkthrough .cw-trace{stroke:var(--cw-lime);stroke-width:2.5;stroke-linecap:round;fill:none}.course-walkthrough .cw-dashed{stroke-dasharray:7 6;stroke-width:2}.course-walkthrough .cw-nonlinear{fill:none;stroke:#91ab85;stroke-width:2.3}.course-walkthrough .cw-reference{stroke:#b6c8a2;stroke-width:1;stroke-dasharray:5 5;opacity:.45;fill:none}.course-walkthrough .cw-ghost{stroke:#8b9f81;stroke-width:1.6;opacity:.6;stroke-dasharray:5 6;fill:none}.course-walkthrough .cw-envelope{stroke:#c7df8f;stroke-width:1;stroke-dasharray:4 5;opacity:.3;fill:none}.course-walkthrough .cw-point{fill:var(--cw-dark);stroke:var(--cw-lime);stroke-width:2}.course-walkthrough .cw-callout-line{stroke:#849b74;stroke-width:1;fill:none;opacity:.65}.course-walkthrough .cw-label{font:10px var(--body,'DM Sans',Arial,sans-serif);fill:#a9bba1;letter-spacing:0}.course-walkthrough .cw-axis-label{font:9px var(--mono,'IBM Plex Mono',monospace);fill:#8da27e}.course-walkthrough .cw-lime-text{fill:var(--cw-lime)}.course-walkthrough figcaption{font-size:11px;line-height:1.6;color:#aebfa4;border-top:1px solid #354533;padding-top:14px;margin-top:auto;min-height:48px}.course-walkthrough .cw-compare{display:flex;gap:4px;align-self:flex-start;background:#233021;border:1px solid #405438;border-radius:30px;padding:3px;margin-top:7px;z-index:1}.course-walkthrough .cw-compare button{background:none;border:0;border-radius:30px;font-size:9px;line-height:1.5;padding:6px 13px;color:#b9c8ad;min-height:30px}.course-walkthrough .cw-compare button[aria-pressed=true]{background:var(--cw-lime);color:#22311b}.course-walkthrough .cw-compare button:focus-visible{outline-color:var(--cw-lime);outline-offset:3px}.course-walkthrough .cw-modes-diagram{margin-top:0;max-height:246px}
.course-walkthrough .cw-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--cw-line);padding:16px 35px;background:#edf0e5}.course-walkthrough .cw-position{font:9px/1.6 var(--mono,'IBM Plex Mono',monospace);color:#69765c}.course-walkthrough .cw-navigation>div{display:flex;gap:10px}.course-walkthrough .cw-navigation button{display:flex;align-items:center;justify-content:center;gap:15px;min-height:40px;padding:8px 16px;border:1px solid #bdc9b1;border-radius:4px;background:none;font-size:11px;color:#415336}.course-walkthrough .cw-navigation button:last-child{background:var(--cw-ink);color:var(--cw-paper);border-color:var(--cw-ink)}.course-walkthrough .cw-navigation button:hover:not(:disabled){background:#dfe8d0;color:#25371c;border-color:#97aa81}.course-walkthrough .cw-navigation button:disabled{opacity:.3;cursor:default}.course-walkthrough .cw-navigation button>span{font-size:18px;line-height:1}.course-walkthrough .cw-lessons{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--cw-dark);padding:22px 35px;color:#e6eadf}.course-walkthrough .cw-lessons>p{font-size:11px;color:#9bad93}.course-walkthrough .cw-lessons>a{display:flex;align-items:center;gap:12px;min-height:34px;font-size:12px;text-decoration:none;border-bottom:1px solid #526349;transition:color .2s,border-color .2s}.course-walkthrough .cw-lessons>a>span:first-child{font:8px var(--mono,'IBM Plex Mono',monospace);color:#9eae92}.course-walkthrough .cw-lessons>a>span:last-child{color:var(--cw-lime);font-size:20px;margin-left:8px}.course-walkthrough .cw-lessons>a:hover{color:var(--cw-lime);border-color:var(--cw-lime)}.course-walkthrough .cw-lessons>a:focus-visible{outline-color:var(--cw-lime)}.course-walkthrough .cw-note{font:8px/1.6 var(--mono,'IBM Plex Mono',monospace);color:#819477;background:var(--cw-dark);padding:0 35px 20px;letter-spacing:0}
@media(max-width:1050px){.course-walkthrough .cw-tabs button{padding:20px 14px;gap:9px}.course-walkthrough .cw-tabs button>span:last-child{font-size:14px}.course-walkthrough .cw-tabs small{font-size:9px}.course-walkthrough .cw-panel{padding:30px;gap:28px;grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr)}.course-walkthrough .cw-figure{padding:20px 17px}.course-walkthrough .cw-figure-label{font-size:6px}.course-walkthrough .cw-lessons{gap:17px}.course-walkthrough .cw-lessons>a{font-size:11px;gap:8px}.course-walkthrough .cw-lessons>a>span:first-child{font-size:7px}}
@media(max-width:760px){.course-walkthrough .cw-heading{padding:25px}.course-walkthrough .cw-heading>p{font-size:10px}.course-walkthrough .cw-heading h3{font-size:32px}.course-walkthrough .cw-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.course-walkthrough .cw-tabs button{padding:16px 17px;min-height:78px;border-top:1px solid #3b463d}.course-walkthrough .cw-tabs button:nth-child(2){border-right:0}.course-walkthrough .cw-tabs button>span:last-child{font-size:15px}.course-walkthrough .cw-tabs small{font-size:9px;margin-top:5px}.course-walkthrough .cw-panel{grid-template-columns:1fr;padding:28px 25px;gap:25px}.course-walkthrough .cw-copy{padding:0}.course-walkthrough .cw-copy h4{font-size:34px}.course-walkthrough .cw-copy h4 br{display:none}.course-walkthrough .cw-copy>p:not(.cw-kicker){font-size:13px;max-width:560px;margin-top:14px}.course-walkthrough .cw-takeaway{max-width:560px;margin-top:18px}.course-walkthrough .cw-takeaway p{font-size:12px}.course-walkthrough .cw-question{max-width:560px;margin-top:17px;padding-top:11px}.course-walkthrough .cw-figure{min-height:0;padding:20px}.course-walkthrough .cw-figure-label{font-size:7px}.course-walkthrough .cw-diagram{max-height:280px;flex:none}.course-walkthrough .cw-modes-diagram{max-height:260px}.course-walkthrough figcaption{min-height:0}.course-walkthrough .cw-navigation{padding:16px 25px;align-items:center}.course-walkthrough .cw-position{font-size:8px;max-width:140px}.course-walkthrough .cw-navigation button{padding:8px 12px;gap:9px;font-size:10px;min-height:42px}.course-walkthrough .cw-lessons{display:grid;grid-template-columns:1fr 1fr;padding:20px 25px;gap:10px 24px}.course-walkthrough .cw-lessons>p{grid-column:1/-1;font-size:10px}.course-walkthrough .cw-lessons>a{font-size:11px;flex-wrap:wrap;gap:4px 9px;padding-bottom:7px}.course-walkthrough .cw-lessons>a>span:first-child{width:100%;font-size:7px;margin-top:5px}.course-walkthrough .cw-lessons>a>span:last-child{margin-left:auto}.course-walkthrough .cw-note{padding-inline:25px;font-size:7px}}
@media(max-width:420px){.course-walkthrough .cw-heading{padding:22px;display:block}.course-walkthrough .cw-heading h3{font-size:32px}.course-walkthrough .cw-heading>p{margin-top:13px;font-size:11px}.course-walkthrough .cw-heading>p br{display:none}.course-walkthrough .cw-tabs button{gap:8px;padding:15px 12px}.course-walkthrough .cw-tabs button>span:last-child{font-size:13px}.course-walkthrough .cw-tabs small{font-size:8px}.course-walkthrough .cw-panel{padding:24px 20px;gap:22px}.course-walkthrough .cw-copy h4{font-size:30px}.course-walkthrough .cw-copy>p:not(.cw-kicker){font-size:12px}.course-walkthrough .cw-figure{padding:17px 13px}.course-walkthrough .cw-figure-label{font-size:5.8px}.course-walkthrough .cw-compare button{font-size:9px;padding:6px 11px}.course-walkthrough figcaption{font-size:10px}.course-walkthrough .cw-navigation{padding:15px 20px;display:block}.course-walkthrough .cw-position{max-width:none;margin-bottom:12px}.course-walkthrough .cw-navigation>div{justify-content:space-between}.course-walkthrough .cw-navigation button{min-width:113px}.course-walkthrough .cw-lessons{padding:18px 20px;gap:8px 20px}.course-walkthrough .cw-lessons>a{font-size:10px;column-gap:5px}.course-walkthrough .cw-note{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.course-walkthrough *{transition:none!important;animation:none!important}}
@media print{.course-walkthrough{border:1px solid #aaa}.course-walkthrough .cw-tabs,.course-walkthrough .cw-navigation,.course-walkthrough .cw-compare{display:none!important}.course-walkthrough .cw-panel[hidden]{display:grid!important}.course-walkthrough .cw-panel{break-inside:avoid}.course-walkthrough .cw-heading,.course-walkthrough .cw-lessons,.course-walkthrough .cw-note{color:#111;background:#fff}.course-walkthrough .cw-heading .cw-kicker,.course-walkthrough .cw-heading>p,.course-walkthrough .cw-lessons>p,.course-walkthrough .cw-lessons>a>span{color:#333}.course-walkthrough .cw-figure{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.course-walkthrough .cw-tabs{scroll-margin-top:8px}