@import url("reading-room.css?v=15");
:root{--ink:#233d33;--paper:#fbf6e9;--rust:#b94c34}body{background:var(--paper);color:var(--ink)}.essay-wrap{max-width:1080px;margin:auto;padding:0 28px}.essay-nav{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid #233d3330}.essay-nav a{color:inherit;text-decoration:none}.essay-nav strong{letter-spacing:.08em}.essay-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center;padding:70px 0 40px}.essay-label{font-size:12px;letter-spacing:.14em;color:var(--rust);font-weight:bold}.essay-hero h1{font-family:serif;font-size:clamp(32px,5.1vw,59px);line-height:1.4;letter-spacing:-.05em;margin:20px 0}.essay-hero p{line-height:1.9}.cover-dog{position:relative;border-radius:50%;background:#e8ddbf;padding:32px}.cover-dog svg{width:100%;display:block}.cover-sticker{position:absolute;bottom:0;right:-8px;transform:rotate(-8deg);background:#eabb47;padding:10px 17px;font-weight:bold;border:2px solid var(--ink)}.essay-meta{font-size:12px;color:#64756a}.comic{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:35px 0 65px}.panel{border:2px solid var(--ink);border-radius:6px;background:#fffaf0;position:relative;padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:310px}.panel:nth-child(2){background:#e9efdd}.panel:nth-child(3){background:#f4ddce}.bubble{background:#fffdf6;border:1.5px solid var(--ink);border-radius:18px;padding:13px;font-size:16px;font-weight:bold;line-height:1.6}.panel svg{height:150px}.panel small{font-size:12px;color:#526057}.phone{margin:15px auto;padding:17px;border:3px solid var(--ink);border-radius:16px;background:#fff;width:85%;transform:rotate(-5deg);font-size:14px}.phone b{display:block;color:var(--rust);font-size:23px;padding:8px 0}.essay-copy{max-width:680px;margin:0 auto}.essay-copy h2{font-family:serif;font-size:clamp(25px,3vw,36px);line-height:1.6;margin:25px 0}.essay-copy p{font-size:17px;line-height:2}.chapter-no{font-size:12px;letter-spacing:.15em;color:var(--rust);display:block;margin-top:65px}.question{margin:28px 0;padding:25px;background:#eee5cd;border-radius:8px}.question button,.board-toggle button{background:#fffaf0;color:var(--ink);border:1px solid var(--ink);border-radius:5px;padding:13px 17px;cursor:pointer;font:inherit}.question .choices{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.question button[aria-pressed=true],.board-toggle button[aria-pressed=true]{background:var(--ink);color:#fffaf0}.answer{border-top:1px solid #233d3340;padding-top:15px}.board{margin:35px 0;padding:32px;background:var(--ink);color:#fffaf0;border-radius:8px}.board-toggle{display:flex;gap:10px;justify-content:center}.board-toggle button{font-size:14px}.board-scene{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:25px;padding:30px 0 5px}.board-scene svg{width:100%;color:#182f24}.board-scene h3{font-size:25px;line-height:1.5;color:#fffaf0}.board-scene p{line-height:1.8;margin:8px 0}.board-scene .board-tag{font-size:12px;color:#eabb47}.one-line{text-align:center;font-family:serif;font-size:clamp(25px,4vw,40px);line-height:1.7;margin:60px 0;padding:35px 0;border-top:1px solid #233d3330;border-bottom:1px solid #233d3330}.practice{padding:30px;background:#eee5cd;border-radius:8px}.practice label{display:block;margin:20px 0;font-size:14px;font-weight:bold}.practice textarea{display:block;width:100%;box-sizing:border-box;padding:13px;border:1px solid #233d3350;background:#fffdf6;border-radius:5px;margin-top:9px;min-height:80px;font:inherit}.practice button{border:0;background:var(--ink);color:#fff;padding:14px 22px;border-radius:5px;cursor:pointer;font:inherit}.practice small{font-size:12px}.next-read{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:45px 0}.next-read a{padding:25px;background:#e5e9d8;color:var(--ink);text-decoration:none;border-radius:5px}.next-read strong{display:block;font-size:18px;margin-top:10px}.source-note{font-size:13px;line-height:1.9;margin:35px 0 70px;color:#64756a}.essay-footer{display:flex;justify-content:space-between;padding:25px 0;border-top:1px solid #233d3330;font-size:12px}.essay-progress{position:fixed;left:0;top:0;height:3px;background:var(--rust);width:0;z-index:20}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #cc7b2b;outline-offset:4px}[hidden]{display:none!important}@media(max-width:650px){.essay-wrap{padding:0 20px}.essay-hero{grid-template-columns:1fr;padding:40px 0 20px;gap:15px}.cover-dog{width:170px;justify-self:center;padding:15px}.comic{grid-template-columns:1fr;gap:18px;margin:30px 0}.panel{min-height:230px}.panel svg{height:140px}.phone{max-width:220px}.board{padding:20px}.board-scene{grid-template-columns:100px 1fr;gap:13px}.board-scene h3{font-size:20px}.next-read{grid-template-columns:1fr}.essay-nav{font-size:13px}.essay-copy p{font-size:16px}.practice{padding:20px}}
.essay-contents{display:flex;gap:24px;padding:15px 0;border-bottom:1px solid #233d3320;font-size:12px}.essay-contents a{color:#657469;text-decoration:none}.ruler-lab{background:#eee5cd;padding:35px;border-radius:8px;margin:40px 0;color:#233d33}.ruler-lab h2{font-family:serif;font-size:32px;line-height:1.5}.ruler-lab figcaption>p{font-size:14px;line-height:1.8}.ruler-stage{display:grid;grid-template-columns:1fr 1fr;padding:15px 0 25px}.stack-scene{height:280px;position:relative;border-bottom:2px solid #233d33;margin:0 25px}.stack-scene>span{position:absolute;top:0;font-size:13px}.book-stack{position:absolute;bottom:0;left:12%;width:48%;display:flex;flex-direction:column;gap:4px}.book-stack i{height:30px;border:2px solid #233d33;border-radius:4px;background:#96ad8b;display:block}.book-stack i:nth-child(2){background:#eabb47;transform:translateX(8px)}.book-stack i:nth-child(3){background:#bd7552;transform:translateX(-4px)}.ruler{position:absolute;bottom:0;right:12%;width:25px;border:2px solid #233d33;background:repeating-linear-gradient(to top,#eabb47 0px,#eabb47 23px,#233d33 24px,#233d33 26px);transition:height .65s ease}.ruler.short{height:118px}.ruler.tall{height:220px}.stack-scene>strong{position:absolute;bottom:-29px;right:0;font-size:12px}.ruler-lab .board-toggle{margin-top:35px}.ruler-caption{text-align:center;font-weight:bold;font-size:17px;line-height:1.8;margin:24px 0 10px}.ruler-lab>.essay-meta{text-align:center;font-size:11px}.portable-idea{margin:55px auto;max-width:800px}.portable-idea h3{font-family:serif;font-size:27px}.portable-idea img{display:block;width:100%;height:auto;border-radius:8px;margin:20px 0}.share-actions{display:flex;gap:10px;flex-wrap:wrap}.share-actions button{border:1px solid #233d33;background:#fffaf0;color:#233d33;border-radius:5px;padding:12px 16px;font:inherit;font-size:13px;cursor:pointer}.share-actions button:first-child{background:#233d33;color:#fffaf0}.portable-idea #share-status{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.editor-note{border-left:3px solid #b94c34;padding:5px 20px;margin:40px 0}.editor-note p{font-size:14px;color:#647469}.essay-meta{line-height:1.9}html{scroll-behavior:smooth}#story-start,#ruler-lab,#practice-start{scroll-margin-top:20px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ruler{transition:none}}@media(max-width:650px){.essay-contents{gap:15px;font-size:11px}.ruler-lab{padding:22px 15px;margin:30px 0}.ruler-lab h2{font-size:25px}.stack-scene{margin:0 8px;height:250px}.stack-scene>span{font-size:11px}.book-stack{left:4%;width:58%}.ruler{right:4%;width:18px}.ruler-lab .board-toggle{flex-direction:column}.ruler-caption{font-size:15px}.share-actions button{flex:1;white-space:nowrap;font-size:12px}}

.essay-utilities{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.essay-utilities button{border:1px solid #233d3340;background:transparent;border-radius:4px;padding:10px 15px;font:inherit;font-size:12px;color:#233d33;cursor:pointer}.essay-utilities button[aria-pressed=true]{background:#233d33;color:#fffaf0}.essay-utilities span{font-size:11px;color:#647469;line-height:1.8}@media print{body{background:white!important;color:#111!important}.essay-wrap{max-width:none;padding:0}.essay-nav,.essay-utilities,.essay-contents,.essay-progress,.share-actions,.question,.board-toggle,.next-read,form,#share-status{display:none!important}.essay-hero{padding:15px 0;grid-template-columns:2fr 1fr}.essay-hero h1{font-size:32px}.comic{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.panel{min-height:220px}.bubble{font-size:12px}.panel svg{height:100px}.essay-copy{max-width:none}.essay-copy p{font-size:12px;line-height:1.7}.essay-copy h2{font-size:22px}.chapter-no{margin-top:25px}.ruler-lab,.portable-idea,.practice,.comic,.one-line{break-inside:avoid}.ruler-lab{padding:20px}.ruler-stage{max-width:650px;margin:auto}.portable-idea{max-width:650px;margin:25px auto}.one-line{font-size:25px;margin:25px 0;padding:20px 0}.source-note{display:block;font-size:11px}.essay-footer{margin-top:15px}.cover-dog{max-width:130px}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}}