/* Reader-first exercises. Anime.js 4.1.3 is bundled locally under MIT. */
.j-hero{padding-top:50px}.j-kicker{display:flex;justify-content:space-between;gap:20px;font:10px var(--mono);letter-spacing:.09em;border-bottom:1px solid var(--rule);padding-bottom:20px}.j-hero h1{font:clamp(65px,9vw,124px)/.95 var(--serif);letter-spacing:-.04em;margin:45px 0 26px}.j-hero h1 em{color:var(--accent)}.j-dek{font-size:clamp(19px,2vw,25px);line-height:1.5;max-width:780px}.j-invite{font:27px var(--serif);color:var(--accent)}.j-path{display:flex;flex-wrap:wrap;gap:12px 25px;margin:35px 0;font:12px var(--mono)}.j-path a{text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:8px}.j-experiment{border:1px solid var(--rule);padding:32px;background:var(--surface);margin:28px 0}.mystery{border-top:4px solid var(--accent)}.j-panel-head{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:20px}.j-tag{font:11px/1.5 var(--mono);letter-spacing:.08em;color:var(--accent)}.j-experiment h2{font-size:clamp(34px,4vw,51px);max-width:780px}.j-experiment>p{max-width:790px}.j-cards{display:flex;position:relative;gap:10px;margin:30px 0;min-height:86px;align-items:center}.j-card{display:grid;place-items:center;position:relative;flex:1;max-width:115px;height:100px;background:var(--paper);border:1px solid var(--ink);font:43px var(--serif);color:var(--ink);border-radius:5px;box-shadow:0 4px 0 var(--rule)}.j-card small{font:9px var(--mono);color:var(--muted)}.j-card.picked{border:3px solid var(--accent);color:var(--accent)}.j-card.settled{background:var(--wash);border-color:var(--green)}.j-card.boundary:after{content:'BOUNDARY';position:absolute;bottom:-22px;font:8px var(--mono);color:var(--accent)}.j-buttons{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.j-buttons button{min-height:44px}.j-feedback{border-left:3px solid var(--accent);padding:12px 17px;background:var(--wash);font-size:16px;line-height:1.6;min-height:50px}.j-source,.j-small{font-size:13px;color:var(--muted)}.j-section{padding-top:85px;padding-bottom:20px;scroll-margin-top:30px}.j-section>p{max-width:750px}.j-section h2{max-width:900px}.j-two{display:grid;grid-template-columns:1fr 1fr;gap:55px}.j-two>.j-experiment{margin-top:0}.j-callout{background:var(--wash);padding:30px;border-top:2px solid var(--accent)}.j-callout h3{font-size:37px;margin-top:17px}.j-section details{margin:20px 0;padding:18px 0;border-top:1px solid var(--rule)}.j-section details p,.mystery details p{font-size:16px;max-width:800px}.j-section summary,.mystery summary{font-weight:600;cursor:pointer;font-size:16px}.j-lead{font-size:22px}.j-section-head{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;align-items:end}.j-section-head>p{font-size:16px}.j-picture-reference{position:relative;margin:28px 0 0;max-width:480px}.j-picture-reference img{width:100%;display:block}.j-picture-reference span{font:9px var(--mono);display:block;margin:9px 0;color:var(--muted)}.j-controls{display:grid;grid-template-columns:1.4fr 1.2fr 1fr 1fr;gap:14px}.j-controls>button{grid-column:1/-1;justify-self:start}.j-picture-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px}.j-picture-grid.all{grid-template-columns:repeat(4,1fr)}.j-picture-cell{min-width:0}.j-picture-cell h3{font:20px var(--serif);margin:15px 0 8px}.j-picture-row{height:auto;aspect-ratio:960/440;position:relative;overflow:hidden;display:flex;background:var(--wash)}.j-strip{position:absolute;top:0;bottom:0;width:12.5%;background-image:url('landscape.svg');background-size:800% 100%;border-right:1px solid #ffffff55;will-change:transform}.j-strip span{position:absolute;bottom:4px;left:4px;font:10px var(--mono);padding:2px 5px;background:#f6f1e8;color:#203833;border-radius:2px}.j-strip.active{outline:3px solid var(--accent);outline-offset:-3px;z-index:2}.j-picture-stats{display:flex;gap:13px;flex-wrap:wrap;margin:10px 0;font:10px/1.5 var(--mono)}.j-picture-stats b{font-size:19px;font-weight:500}.j-picture-note{font-size:11px;line-height:1.4;color:var(--muted);min-height:31px}.j-picture-grid.all .j-picture-cell h3{font-size:16px;min-height:36px}.j-picture-grid.all .j-picture-stats{gap:6px;font-size:9px}.j-picture-grid.all .j-strip span{font-size:8px;left:1px;padding:1px}.j-scrub{margin:20px 0}.j-shortcut{padding:25px!important;background:var(--wash)}#direct-picture{max-width:650px;margin-top:20px}.j-mission-bars{display:flex;align-items:end;gap:8px;height:110px;margin:20px 0}.j-mission-bars span{flex:1;background:var(--green);color:var(--paper);font:13px var(--mono);display:grid;place-items:end center;padding:5px}.j-bin-line{font:17px var(--mono);padding:20px;background:var(--wash);margin:15px 0}.j-receipts{display:grid;gap:8px}.j-receipts button{display:flex;justify-content:space-between;padding:18px;font-size:18px;text-align:left}.j-receipts button[data-right=true]{border-color:var(--green)}.j-ties{margin-top:35px;padding-top:25px;border-top:1px solid var(--rule)}.j-ties .j-card{font:15px var(--body);max-width:190px;height:90px;text-align:center;padding:8px}.j-network-tests{display:grid;grid-template-columns:1fr 1fr;gap:7px;font:12px var(--mono)}.j-network-tests div{padding:10px;background:var(--wash)}.j-network-tests .failed{border-left:3px solid var(--accent)}#network-program{padding-left:24px;font:13px/2 var(--mono);min-height:30px}.j-pancake-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}#pancake-stack{display:flex;flex-direction:column;align-items:center;gap:7px;padding:20px 0}#pancake-stack button{height:43px;padding:5px;border:1px solid #936334;background:#d9ab72;color:#392e1e;border-radius:50%;font:19px var(--mono);box-shadow:0 4px 0 #986e40}.j-habits{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.j-habits article{border-top:1px solid var(--rule);padding-top:18px}.j-habits b{font:12px var(--mono);color:var(--accent)}.j-habits h3{font-size:28px;margin-top:17px}.j-habits p{font-size:15px}.j-closing{font:clamp(38px,5vw,65px)/1.1 var(--serif);margin:65px 0 30px}.j-closing em{color:var(--accent)}.j-more{font-size:16px}.reference-lessons{margin:65px auto;border:1px solid var(--rule);max-width:1240px}.reference-lessons>summary{padding:25px;cursor:pointer;font:25px var(--serif);background:var(--wash)}.reference-lessons .hero,.reference-lessons .intro,.reference-lessons .chapter-nav,.reference-lessons .editorial-note{display:none}.reference-lessons .shell{padding-left:30px;padding-right:30px}.reference-lessons .chapter{padding-top:30px}.reference-lessons .step{min-height:55vh}.inline-help{display:inline-block!important;padding:0!important;margin:0!important;border:0!important}.inline-help summary{display:inline;text-decoration:underline dotted}.inline-help[open]{display:block!important;padding:15px!important;background:var(--wash)}
@media(max-width:760px){.j-hero{padding-top:25px}.j-hero h1{font-size:65px;margin-top:30px}.j-kicker{font-size:8px}.j-dek{font-size:19px}.j-path{font-size:10px;gap:12px}.j-panel-head{font-size:10px}.j-experiment{padding:20px 16px}.j-section{padding-top:55px}.j-section h2{font-size:44px}.j-two,.j-section-head,.j-pancake-layout{grid-template-columns:1fr;gap:20px}.j-card{height:78px;font-size:31px}.j-cards{gap:6px}.j-card small{font-size:7px}.j-lead{font-size:18px}.j-controls{grid-template-columns:1fr 1fr}.j-picture-grid{grid-template-columns:1fr}.j-picture-grid.all{grid-template-columns:1fr 1fr;gap:14px}.j-picture-grid.all .j-picture-stats b{font-size:15px}.j-picture-grid.all .j-strip span{font-size:7px;padding:0 2px}.j-feedback{font-size:14px}.j-buttons button{font-size:13px;padding:10px 12px}.j-habits{grid-template-columns:1fr 1fr;gap:20px}.j-habits h3{font-size:24px}.j-habits p{font-size:14px}.reference-lessons{margin:40px 15px}.reference-lessons>summary{font-size:22px;padding:20px}.reference-lessons .shell{padding-left:16px;padding-right:16px}.j-network-tests{font-size:11px}.j-closing{font-size:42px}.j-picture-note{min-height:0}.j-ties .j-card{font-size:12px}.j-section details p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.j-strip,.j-card{will-change:auto}html{scroll-behavior:auto}}
.j-memory{font:10px/1.5 var(--mono);color:var(--muted);border-top:1px solid var(--rule);padding-top:8px}.j-merge-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.j-merge-inputs small{font:10px var(--mono);display:block;margin-bottom:10px}.j-merge-inputs button{font-size:24px;border-color:var(--accent);margin-right:12px}.j-merge-inputs span{font:17px var(--mono)}.j-merge-output{padding:20px;background:var(--wash);font:16px var(--mono)}.j-growth-row{display:grid;grid-template-columns:90px minmax(0,1fr) 100px;gap:15px;align-items:center;margin:22px 0;font:13px var(--mono)}.j-growth-row>div{height:35px;background:var(--accent);min-width:2px}.j-growth-row:nth-of-type(2)>div{background:var(--green)}.j-growth-row b{text-align:right}.j-experiment #growth-chart small{font:10px var(--mono);color:var(--muted)}[hidden]{display:none!important}@media(max-width:760px){.j-growth-row{grid-template-columns:65px minmax(0,1fr) 75px;gap:8px;font-size:11px}.j-merge-inputs span{font-size:12px}.j-merge-output{font-size:12px}.j-picture-grid.all .j-memory{font-size:9px}}
@media(min-width:1050px){.j-hero-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:start}.j-hero h1{font-size:clamp(69px,6.7vw,96px);margin-top:37px}.j-hero .j-dek{font-size:20px}.j-hero .j-invite{font-size:25px}.j-hero .mystery{margin-top:35px;padding:25px}.j-hero .mystery h2{font-size:37px}.j-hero .mystery>p{font-size:15px}.j-hero .j-card{height:77px;font-size:32px}.j-hero .j-cards{margin:22px 0 30px}.j-hero .j-feedback{font-size:14px}.j-hero .j-buttons{gap:7px;margin:13px 0}.j-hero .j-buttons button{font-size:12px;padding:9px 10px}.j-hero .j-path{display:grid;gap:12px;margin-top:30px}.j-hero .j-panel-head{font-size:10px}.j-hero .j-tag{font-size:9px}.j-hero .j-card small{font-size:7px}}