@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('../assets/fonts/manrope-extrabold.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url('../assets/fonts/source-serif-regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:'Source Serif 4';src:url('../assets/fonts/source-serif-italic.ttf') format('truetype');font-style:italic;font-display:swap}
:root{--green:#163e35;--ink:#182c27;--paper:#f5f7f4;--terra:#a44232;--yellow:#f0c85a;--blue:#29758a;--muted:#52655e;--line:#b4c8bd;--header:68px;--sans:Manrope,'Segoe UI',sans-serif;--serif:'Source Serif 4',Georgia,serif}
*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header) + 20px);scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.7 var(--sans);letter-spacing:0}h1,h2,h3,p,figure,dl{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1,h2{line-height:1.08}h2{font-size:52px}h3{font-size:27px;line-height:1.3}em{font-weight:400}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}img{display:block;max-width:100%}button,select,textarea{font:inherit}summary,a{touch-action:manipulation}summary{cursor:pointer}p+p{margin-top:18px}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}[tabindex='-1']:focus{outline:none}.skip{position:fixed;top:-100px;left:16px;z-index:100;padding:12px 18px;background:white}.skip:focus{top:10px}.masthead{position:sticky;top:0;height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;background:#fff;border-bottom:1px solid var(--line);z-index:40}.wordmark{font:400 27px/1 var(--serif);text-decoration:none;white-space:nowrap}.wordmark span{color:var(--terra)}.masthead nav{display:flex;align-items:center;gap:27px}.masthead nav>a,.chapter-menu>summary{display:flex;align-items:center;gap:6px;min-height:44px;font-size:12px;font-weight:600;line-height:1.3;text-decoration:none}.masthead nav>a img{width:16px;height:16px}.chapter-menu{position:relative}.chapter-menu>summary{list-style:none}.chapter-menu>summary:after{content:'⌄';font-size:15px}.chapter-menu>summary::-webkit-details-marker{display:none}.chapter-menu ul{position:absolute;top:calc(100% + 10px);right:0;width:320px;margin:0;padding:8px 15px;list-style:none;background:white;border:1px solid var(--line);border-radius:5px;box-shadow:0 3px 9px #182c2710}.chapter-menu li+li{border-top:1px solid #d7e2dc}.chapter-menu li a{display:flex;align-items:center;gap:14px;min-height:48px;padding:10px 0;font-size:13px;line-height:1.5;text-decoration:none}.chapter-menu li span{font-weight:800;color:var(--terra)}.chapter{position:relative;isolation:isolate;overflow:clip;scroll-margin-top:var(--header)}.narrative{margin-top:28px}.narrative>p+p{margin-top:18px}.source{font:400 12px/1.6 var(--sans);margin-top:24px;color:var(--muted)}.source a{display:inline;overflow-wrap:anywhere}.source img{display:inline;vertical-align:middle;width:14px;height:14px;margin-left:5px}.caption,figcaption{font:400 12px/1.6 var(--sans);color:var(--muted)}.small-label{font-size:11px;font-weight:800;color:var(--terra)}.next{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;min-height:46px;font-size:13px;font-weight:600;text-decoration:none;margin-top:26px;padding:9px 0}.next img{flex-shrink:0}.gami-asset{height:100%;width:100%;object-fit:contain;object-position:center bottom}
/* One continuous doorway, no entrance pinning or hidden text. */
.entry{background:var(--paper)}.entry-room{position:absolute;inset:0;z-index:-2;background:url('../especial-aula/assets/aula-1672.webp') center/cover}.threshold{position:absolute;inset:0;z-index:-1;pointer-events:none}.door{position:absolute;left:61%;top:9%;width:27%;height:91%;border:15px solid var(--green);border-bottom:0;box-shadow:0 0 0 150vmax var(--paper);background:#a7bdb1}.door:after{content:'';position:absolute;right:8%;top:57%;width:25px;height:7px;background:var(--yellow)}.door>span{position:absolute;left:-15px;top:-42px;font-size:10px;font-weight:800;border-left:3px solid var(--terra);padding-left:9px;white-space:nowrap}.door>i{position:absolute;left:19%;right:19%;top:9%;height:40%;background:#e1eeed;border:7px solid #6e8d81}.entry-inner{max-width:1660px;min-height:calc(100svh - var(--header));margin:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:9%;align-items:center;padding:74px 8% 90px}.entry h1{font-size:77px;max-width:640px}.entry h1 em{color:var(--terra)}.entry-copy{min-width:0}.entry-narrative{font-size:16px;max-width:590px;margin-top:24px}.entry-narrative>p:first-child{font:400 25px/1.4 var(--serif);margin-bottom:24px}.entry-gami{height:660px;width:100%;max-width:430px;align-self:end;margin:0 auto 20px;pointer-events:none}.entry .chapter-label{font-size:10px;margin-bottom:19px}.entry .next{margin-top:20px}
/* The concept belongs to a chalkboard, not a row of cards. */
.concept{padding:35px 3%;background:#e2e9e4}.chalk-frame{position:relative;max-width:1650px;margin:auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:9%;padding:65px 6% 80px;border:9px solid #b7b09c;border-radius:3px;background:var(--green);color:#fff;min-height:760px;align-items:center;isolation:isolate}.chalk-frame:before{content:'';position:absolute;inset:8px;border:1px solid #70968a;z-index:-1;pointer-events:none}.concept-copy{min-width:0}.concept h2{font-size:60px;color:#fff;max-width:600px}.concept .chapter-label{color:var(--yellow)}.concept .narrative{max-width:680px;font-size:18px}.concept .narrative p:first-child{font:400 27px/1.5 var(--serif);padding-bottom:8px}.concept .source{color:#d4e2d9}.concept .next img{filter:brightness(0) invert(1)}.concept :focus-visible{outline-color:var(--yellow)}.concept-gami{height:550px;width:100%;max-width:360px;align-self:end}
/* The ink is live HTML on paper. Narrow screens get a continuous readable sheet. */
.notebook{background:#d7e4dc}.spread{position:relative;isolation:isolate;max-width:1840px;margin:auto;padding:90px 18% 150px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:start;min-height:1050px;background-color:#f9fbff;background-image:repeating-linear-gradient(0deg,transparent 0 25px,#cad9eb55 25px 26px),repeating-linear-gradient(90deg,transparent 0 25px,#cad9eb55 25px 26px)}.spread:before{content:'';display:none;position:absolute;inset:0;z-index:-1;background:url('../especial-aula/assets/cuaderno-1672.webp') center/100% 100% no-repeat;pointer-events:none}.spread.fitted-paper{background:transparent}.spread.fitted-paper:before{display:block}.page{position:relative;min-width:0}.notebook h2{font-size:40px}.notebook .narrative{font-size:16px;line-height:1.75}.notebook .narrative>p:last-child{font:italic 24px/1.4 var(--serif);color:var(--terra);margin-top:25px}.margin-gami{height:210px;width:145px;margin:25px auto 0}.map>img{width:100%;height:auto}.map figcaption{font-size:11px;margin-top:16px}.route-example{margin-top:30px}.route-text{font-size:13px;color:var(--terra);margin-top:10px}.route-example [lang=en]{font:400 25px/1.5 var(--serif);margin-top:12px}.route-example .caption{font-size:11px;margin-top:15px}.map-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;padding-top:8px}.map-notes dt{font-size:12px;font-weight:800;color:var(--terra)}.map-notes dd{font-size:13px;line-height:1.5;margin:5px 0 0}
.participation{background:#fff}.participation-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10%;max-width:1500px;margin:auto;padding:80px 7% 65px;align-items:start}.participation h2{font-size:58px}.participation-copy{min-width:0}.survey-paper{padding:23px 0 30px;border-top:3px solid var(--blue);margin-top:46px;min-width:0}.survey-paper .small-label{color:var(--blue)}.survey-value{font:400 100px/1.05 var(--serif);color:var(--blue);margin-top:30px}.survey-description{font:400 28px/1.35 var(--serif);margin-top:13px}.survey-paper>.caption{margin-top:18px}.motivation-breakdown{margin-top:28px}.motivation-breakdown>div{padding:15px 0;border-top:1px solid var(--line)}.motivation-breakdown dt{font-size:13px}.motivation-breakdown dd{display:grid;grid-template-columns:minmax(0,1fr) 65px;align-items:center;gap:15px;margin:12px 0 0;font-size:14px}.motivation-breakdown strong{font-weight:600;text-align:right}.bar{display:block;height:9px;background:#d5e5e7}.bar i{display:block;height:100%;background:var(--blue)}.classroom{position:relative;width:100%;margin:0;isolation:isolate;overflow:hidden;background:#e6efeb}.classroom-image{width:100%;height:auto}.classroom-gami{position:absolute;left:28.409%;top:33.475%;width:18.54%;height:53.135%;pointer-events:none}.classroom figcaption{padding:12px 7%;background:#fff}
.design{background:var(--paper)}.design-inner{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:10%;max-width:1500px;margin:auto;padding:85px 7% 70px;align-items:center}.design h2{font-size:59px}.design-copy .narrative{max-width:680px}.design-aside{min-width:0;display:flex;flex-direction:column;align-items:center;gap:15px}.design-words{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px;align-self:stretch;padding:25px 18px;border-left:2px solid #b46657;background-color:#f9fbff;background-image:repeating-linear-gradient(0deg,transparent 0 25px,#cad9eb55 25px 26px);font:italic 25px/1.3 var(--serif);color:var(--terra)}.design-gami{height:460px;width:100%;max-width:310px}.resource-ending{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:9%;align-items:center;padding:55px max(8%,24px);background:var(--green);color:#fff}.ending-copy{max-width:940px;justify-self:end}.ending-copy>p{font:400 35px/1.4 var(--serif)}.resource-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:50px;margin-top:28px;padding:13px 20px;background:var(--yellow);color:var(--ink);font-size:14px;font-weight:800;text-decoration:none;border:1px solid var(--yellow);border-radius:4px}.resource-button:hover{background:#fff;border-color:#fff}.ending-gami{height:310px;width:210px}.resource-ending :focus-visible{outline-color:var(--yellow)}
footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:24px 7%;background:#fff;font-size:12px;color:var(--muted)}footer a{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:none}footer a img{width:16px;height:16px}footer a:hover{text-decoration:underline}
@media(min-width:1700px){.entry h1{font-size:92px}.entry-inner{padding-block:90px 100px}.entry-gami{height:720px}.entry-narrative{font-size:17px}.spread{padding-top:120px}.notebook .narrative{font-size:17px}}
@media(min-width:1101px) and (max-width:1300px){.entry-inner{gap:7%;padding-inline:6%}.entry h1{font-size:67px}.entry-narrative{font-size:16px}.entry-gami{height:600px}.chalk-frame{gap:6%;padding-inline:5%}.concept .narrative{font-size:17px}.concept h2{font-size:53px}.concept-gami{height:470px}.spread{padding-inline:16%;gap:8%}.notebook h2{font-size:36px}.participation-inner,.design-inner{gap:7%}.survey-value{font-size:90px}}
@media(max-width:1100px){.entry-inner{padding:60px 6% 75px;gap:6%;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.entry h1{font-size:63px}.entry-gami{height:550px}.door{left:65%;width:28%;top:13%;height:87%}.entry-narrative{font-size:16px}.entry-narrative>p:first-child{font-size:24px}.concept{padding:25px 2%}.chalk-frame{gap:5%;padding:50px 5% 75px;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.concept h2{font-size:49px}.concept .narrative{font-size:17px}.concept .narrative p:first-child{font-size:25px}.concept-gami{height:420px}.spread{padding:55px 7% 70px;gap:7%;min-height:0;border-left:2px solid #b46657}.notebook h2{font-size:37px}.notebook .narrative{font-size:16px}.notebook .next{font-size:12px}.margin-gami{height:180px;width:120px}.route-example [lang=en]{font-size:23px}.participation-inner{padding:65px 6% 55px;gap:7%;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.participation h2,.design h2{font-size:46px}.survey-value{font-size:82px}.survey-description{font-size:25px}.design-inner{padding:65px 6%;gap:6%;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.design-words{font-size:22px;gap:17px;grid-template-columns:1fr}.design-gami{height:380px}.resource-ending{grid-template-columns:minmax(0,1fr) 170px;gap:6%;padding:45px 6%}.ending-copy>p{font-size:30px}.ending-gami{height:260px;width:170px}}
@media(max-width:700px){:root{--header:62px}body{font-size:16px}.masthead{padding:0 16px;gap:12px}.wordmark{font-size:23px}.masthead nav{gap:14px}.masthead nav>a,.chapter-menu>summary{font-size:11px}.masthead nav>a img{display:none}.chapter-menu ul{position:fixed;top:var(--header);left:12px;right:12px;width:auto;padding:8px 15px}.chapter-menu li a{font-size:13px}.entry-inner{display:flex;flex-direction:column;padding:45px 7% 50px;gap:25px;min-height:0}.entry h1{font-size:57px;max-width:360px}.entry h1 br{display:none}.entry-narrative>p:first-child{font-size:24px}.entry-narrative{font-size:16px}.entry-copy .source{font-size:11px}.entry-copy{width:100%}.entry-gami{width:210px;height:350px;margin:0 0 0 auto;align-self:end}.door{left:44%;top:auto;bottom:0;width:49%;height:390px;border-width:10px;background:#a7bdb1}.door>span{top:-31px;left:-10px;font-size:9px}.door>i{border-width:5px}.threshold{background:var(--paper)}.entry .chapter-label{font-size:10px}.entry .next{font-size:12px}.concept{padding:20px 0}.chalk-frame{display:flex;flex-direction:column;align-items:stretch;padding:42px 7% 65px;border-width:6px;border-radius:0;gap:25px}.concept h2{font-size:42px}.concept .narrative{font-size:16px}.concept .narrative p:first-child{font-size:24px}.concept-gami{height:300px;width:210px;align-self:flex-end;max-width:70%}.chapter-label{font-size:10px;margin-bottom:20px}.chalk-underline{left:7%;bottom:26px}.next{font-size:12px;gap:20px}.spread{display:flex;flex-direction:column;padding:45px 7% 65px;gap:40px}.notebook h2{font-size:36px}.notebook .narrative{font-size:16px}.notebook .narrative>p:last-child{font-size:23px}.margin-gami{height:170px;width:115px}.map figcaption{font-size:11px}.route-example [lang=en]{font-size:25px}.map-notes{gap:18px}.participation-inner{display:flex;flex-direction:column;padding:50px 7% 45px;gap:30px}.participation h2,.design h2{font-size:43px}.survey-paper{margin:0;width:100%;padding:25px 0 0}.survey-value{font-size:96px;margin-top:22px}.survey-description{font-size:29px}.classroom{height:auto}.classroom-image{width:100%;height:auto}.classroom figcaption{font-size:10px;padding:12px 7%}.classroom-gami{left:28.409%;top:27%;height:48%;width:18.54%}.design-inner{display:flex;flex-direction:column;padding:50px 7%;gap:30px;align-items:stretch}.design-aside{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:20px;align-items:center}.design-words{font-size:22px;gap:18px;padding:22px 16px;grid-template-columns:1fr}.design-gami{height:240px;width:145px}.resource-ending{display:flex;flex-direction:column;padding:45px 7% 25px;gap:20px;align-items:stretch}.ending-copy>p{font-size:29px;line-height:1.45}.ending-gami{width:150px;height:240px;margin-left:auto}.resource-button{font-size:13px;gap:25px;min-height:50px}.sources{padding:50px 7% 65px}.sources h2{font-size:37px}.sources h3{font-size:24px}.sources p{font-size:13px}.sources summary{font-size:13px}.source-links{font-size:12px;gap:18px}.response-table{font-size:12px}.response-table th,.response-table td{padding:10px 7px}.response-table caption{font-size:12px}.caption{font-size:11px}}
@media(max-width:360px){.masthead{padding-inline:12px;gap:10px}.wordmark{font-size:21px}.masthead nav{gap:10px}.masthead nav>a,.chapter-menu>summary{font-size:10px}.entry h1{font-size:50px}.entry-narrative>p:first-child{font-size:23px}.concept h2{font-size:37px}.notebook h2{font-size:33px}.participation h2,.design h2{font-size:38px}.design-aside{grid-template-columns:minmax(0,1fr) 120px;gap:12px}.design-gami{width:120px;height:220px}.design-words{font-size:20px;padding:18px 12px}.ending-copy>p{font-size:27px}}
@media print{.masthead,.next,.chapter-menu,.return-source,.resource-button,.skip{display:none!important}.chapter{overflow:visible}.entry-inner,.chalk-frame,.participation-inner,.design-inner,.resource-ending{display:block;padding:30px;min-height:0}.entry-room,.threshold,.entry-gami,.concept-gami,.classroom,.design-aside,.ending-gami{display:none}.concept,.chalk-frame,.resource-ending{background:white;color:var(--ink);border:0}.concept h2,.concept .chapter-label,.concept .source{color:var(--ink)}.concept .narrative p:first-child{font-size:22px}.spread,.spread.fitted-paper{display:block;background:white;padding:30px!important;min-height:0}.spread:before,.spread.fitted-paper:before,.margin-gami{display:none}.page{margin-bottom:25px}.sources{padding:30px}.resource-ending{break-inside:avoid}.ending-copy>p{font-size:26px}}
.chapter{scroll-margin-top:0}
/* The data, teacher and illustrated board use the same physical coordinates. */
.participation-inner{display:block;max-width:1050px;padding-bottom:45px}.participation h2{max-width:850px}.participation-copy .narrative{max-width:850px}
.classroom-art,.classroom-visual{position:relative}.board-plane{padding:30px 7%}.classroom-art:not(.has-board) .survey-paper{max-width:650px;margin:0 auto}.section-exit{padding:0 7% 40px}.section-exit .next{margin-top:12px}
.has-board .board-plane{position:absolute;inset:0 auto auto 0;width:1672px;height:941px;transform:scale(var(--classroom-scale));transform-origin:0 0;padding:0;z-index:2;pointer-events:none}
.has-board .survey-paper{position:absolute;left:400px;top:76px;width:900px;height:320px;margin:0;padding:18px 22px;border:0;background:var(--green);color:white;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:24px 82px 52px 45px 35px;gap:5px 35px;pointer-events:auto}
.has-board .survey-paper .small-label{grid-column:1/-1;grid-row:1;color:var(--yellow);font-size:13px}
.has-board .survey-value{grid-column:1;grid-row:2;font-size:80px;line-height:1;margin:0;color:white}
.has-board .survey-description{grid-column:1;grid-row:3;font-size:23px;line-height:1.2;margin:0}
.has-board .survey-base{grid-column:1;grid-row:4;font-size:12px;line-height:1.5;margin:0;color:#d4e2d9}
.has-board .motivation-breakdown{grid-column:2;grid-row:2/4;margin:0}
.has-board .motivation-breakdown>div{padding:10px 0;border-color:#91afa0}
.has-board .motivation-breakdown dt{font-size:15px;line-height:1.3}.has-board .motivation-breakdown dd{font-size:17px;line-height:1.3;margin-top:8px;grid-template-columns:minmax(0,1fr) 70px}
.has-board .bar{background:#507466}.has-board .bar i{background:var(--yellow)}
.has-board .combined-note{grid-column:2;grid-row:4;color:#d4e2d9;font-size:12px;margin:0}
.has-board .survey-cut{grid-column:1/-1;grid-row:5;margin:0;color:#d4e2d9;font-size:12px}
.has-board .survey-paper :focus-visible{outline-color:var(--yellow)}
.classroom-gami{left:28.409%;top:43.571%;width:18.54%;height:53.135%}
@media(max-width:1100px){.board-plane{padding:10px 7% 40px}.classroom-art:not(.has-board) .survey-paper{max-width:650px}.participation-inner{padding-bottom:25px}}
@media(max-width:700px){
 .entry-inner{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:20px 18px}
 .entry-copy,.entry-narrative{display:contents}.entry-room,.threshold{display:none}
 .entry-copy>h1{grid-column:1/-1;grid-row:1}
 .entry-narrative>p{grid-column:1/-1;margin:0!important}
 .entry-narrative>p:nth-child(1){grid-row:2}
 .entry-narrative>p:nth-child(2){grid-column:1;grid-row:3;align-self:center}
 .entry-narrative>p:nth-child(3){grid-row:4}
 .entry-narrative>p:nth-child(4){grid-row:5}
 .entry-narrative>p:nth-child(5){grid-row:6}
 .entry-gami{grid-column:2;grid-row:3;height:250px;width:145px;margin:0;align-self:end}
 .entry-copy>.next{grid-column:1/-1;grid-row:7;justify-self:start;margin:0}
}
@media print{.classroom,.section-exit{display:none}}
.inline-source{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:#29758a80;text-underline-offset:3px}
.inline-source:hover,.inline-source:focus-visible{text-decoration-color:currentColor;text-decoration-thickness:2px}
.next:hover,.next:focus-visible,footer a:hover,footer a:focus-visible{color:var(--blue)}
.concept .next:hover,.concept .next:focus-visible{color:var(--yellow)}