.notebook{--ink:#35483d;--paper:#fffcef;--blue:#315978;--rose:#da8d87;--line:#bdc5b3;background:#e8e6d9;color:var(--ink);background-image:radial-gradient(#75837025 .7px,transparent .7px);background-size:7px 7px;font-family:'Noto Sans JP',sans-serif}.notebook *{box-sizing:border-box}.notebook-header{max-width:1380px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px dashed #8d9e8f}.notebook-header nav{display:flex;flex-wrap:wrap;gap:22px;font-size:13px}.notebook a{color:var(--blue);text-underline-offset:5px}.notebook-header .wordmark{color:var(--ink);text-decoration:none}.notebook-header .wordmark span{display:block;font-size:11px;letter-spacing:.08em;margin-top:5px}.notebook h1,.notebook h2,.catch{font-family:serif}.notebook main{max-width:1320px;margin:auto}.notebook .eyebrow{font-family:monospace;font-size:12px;letter-spacing:.1em}.notebook-cover{margin:60px 5% 70px;padding:55px 5%;background:var(--paper);border:1px solid #d0cbbb;box-shadow:5px 8px 0 #c8c9ba;position:relative;display:grid;grid-template-columns:1fr 1.2fr;gap:22px;align-items:center;transform:rotate(-.4deg)}.notebook-cover h1{font-size:clamp(38px,4.6vw,62px);line-height:1.5;margin:20px 0}.notebook-cover p{line-height:1.9}.notebook-cover figure{margin:0;transform:rotate(2deg)}.notebook-cover img{width:100%;display:block;mix-blend-mode:multiply}.notebook-cover figcaption{font-size:12px;text-align:center;margin-top:15px}.tape-label{position:absolute;top:-17px;left:35px;display:block;padding:9px 20px;background:#dfb19be0;transform:rotate(-3deg);font-size:13px}.scribble{position:absolute;right:35px;bottom:-28px;font-family:serif;font-style:italic;font-size:30px;color:#aa625b;background:#eddfb1;padding:5px 16px;transform:rotate(3deg)}.welcome-note{display:grid;grid-template-columns:230px 1fr;gap:60px;margin:90px auto;max-width:1000px;padding:0 25px}.welcome-note p,.welcome-note li{font-size:15px;line-height:2.1}.welcome-note ul{padding:0;list-style:none}.welcome-note li{margin:14px 0;padding-bottom:12px;border-bottom:1px dashed var(--line)}.sticky{background:#eee0a9;padding:25px 22px;box-shadow:3px 5px 0 #cec7ad;transform:rotate(-3deg);align-self:start}.sticky span,.hand-label{font-size:12px;letter-spacing:.08em;font-weight:bold}.sticky p{font-family:serif;font-size:19px;line-height:1.9}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:50px 5% 90px}.chapter-card{position:relative;padding:25px;background:var(--paper);border:1px solid #aebaa9;text-decoration:none;box-shadow:4px 5px 0 #c7cbbd;transition:transform .2s}.chapter-card:nth-child(2){transform:rotate(1.2deg)}.chapter-card:nth-child(3){transform:rotate(-1deg)}.chapter-card:hover{transform:translateY(-5px)}.chapter-card img{width:100%;aspect-ratio:1.5;object-fit:contain;mix-blend-mode:multiply}.chapter-card h2{font-size:32px;color:var(--ink);margin:15px 0}.chapter-card h2 small{font-size:12px;margin-left:12px;display:inline-block}.chapter-card p{color:var(--ink);line-height:1.8;font-size:14px}.chapter-card b{font-size:13px;display:block;margin-top:28px}.chapter-no{font-family:monospace;font-size:14px;border:1px solid #9aa99b;border-radius:50%;display:inline-grid;place-items:center;width:33px;height:33px}.question-entry{margin:0 6%;display:flex;justify-content:space-between;align-items:end;gap:30px;border-top:2px solid #627a6a;padding:35px 0}.question-entry h2{font-size:32px}.question-entry p{line-height:1.9}.questions-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:35px 6% 80px}.question-card{display:block;padding:30px;background:#f5f1e2;border:1px dashed #879888;text-decoration:none}.question-card:nth-child(2n){background:#e8ece5}.question-card small{font-family:monospace}.question-card h2{font-size:24px;line-height:1.7;color:var(--ink)}.question-card p{font-size:14px;line-height:1.8;color:var(--ink)}.question-card span{display:block;margin-top:20px;font-size:12px}.page-title{padding:50px 7% 45px}.page-title>a{font-size:12px}.page-title .eyebrow{margin-top:42px}.page-title h1{font-size:clamp(40px,5vw,65px);line-height:1.5;margin:16px 0}.page-title h1 small{display:block;font-size:13px;letter-spacing:.15em}.catch{font-size:clamp(23px,3vw,35px);line-height:1.8}.intro-copy{max-width:780px;line-height:2.1;font-size:16px}.reading-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:45px;padding:0 5% 80px;justify-content:center;align-items:start}.margin-notes{position:sticky;top:25px;font-size:13px}.margin-notes nav{display:flex;flex-direction:column;gap:18px;line-height:1.7;margin:25px 0 40px}.margin-notes .sticky p{font-size:17px}.paper{position:relative;background:var(--paper);padding:45px 55px;border-left:3px solid #b9c6b2;box-shadow:4px 5px 0 #d5d1c1;min-width:0}.paper:before{content:'';position:absolute;left:15px;top:0;bottom:0;border-left:1px solid #d9918b40;pointer-events:none}.paper p{font-size:16px;line-height:2.2;margin:0 0 25px;overflow-wrap:anywhere}.paper h2{font-size:25px;line-height:1.7;margin:55px 0 25px;scroll-margin-top:25px}.paper h2 small{font-family:monospace;font-size:12px;color:#66816e;display:block;margin-bottom:7px}.paper strong{background:linear-gradient(transparent 60%,#e9cb8a90 60%);font-weight:600}.paper blockquote{margin:35px -12px;padding:25px;background:#e2e9df;border-left:3px solid #6e8574;font-family:serif;font-size:23px;line-height:1.9;transform:rotate(-.5deg)}.paper cite{display:block;font-family:sans-serif;font-size:12px;line-height:1.8;font-style:normal;margin-top:20px}.notebook-art{margin:35px 0 40px}.notebook-art img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.notebook-art figcaption{font-size:12px;line-height:1.7;text-align:center;color:#68796b;margin-top:12px}.read-next{margin:50px 0 25px;border-top:1px dashed #8c9b8a;padding-top:20px}.read-next a,.next-note{font-size:19px;line-height:1.8}.books{padding:25px;background:#eeeade;margin:35px 0}.books summary{cursor:pointer;font-size:14px}.books p,.books a{font-size:13px;line-height:1.9}.books p{margin:15px 0 0}.books h2{font-size:18px;margin-top:0}.cycle-strip{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:35px 0;background:#e8eddf;padding:20px 10px;text-align:center}.cycle-strip span{font-size:11px}.cycle-strip b{display:block;font-family:serif;font-size:35px}.cycle-strip i{font-style:normal}.question-title{max-width:980px;margin:auto}.question-title h1{font-size:clamp(30px,4vw,45px)}.question-paper{max-width:800px;margin:0 auto 80px}.try-note{border:1px dashed #a2ac9a;padding:20px;background:#f2e7bf;margin-top:40px}.try-note h2{font-size:19px;margin:0 0 15px}.try-note p{font-size:15px;margin:0}.revision-note{max-width:850px;margin:50px auto 80px;padding:30px;border-top:1px dashed #7c907e;font-size:14px;line-height:2}.revision-note h2{font-size:22px}.paper .source-note{font-size:11px;line-height:1.9;color:#6b776c}.notebook-footer{padding:45px 7%;background:#354b3f;color:#fff9e8;display:block}.notebook-footer img{float:right}.notebook-footer p{font-family:serif;font-size:24px}.notebook-footer a{color:inherit;display:inline-block;margin:10px 25px 15px 0;font-size:14px}.notebook-footer small{display:block;font-size:11px;line-height:1.9;opacity:.8}.notebook a:focus-visible,.notebook summary:focus-visible{outline:3px solid #c97269;outline-offset:5px}@media(max-width:800px){.notebook-header{flex-wrap:wrap;padding:20px 6%}.notebook-header nav{gap:18px;font-size:12px}.notebook-cover{grid-template-columns:1fr;padding:35px 25px 45px;margin-top:45px}.notebook-cover h1{font-size:38px}.notebook-cover figure{margin-top:10px}.welcome-note{grid-template-columns:1fr;gap:35px;margin:65px auto}.welcome-note .sticky{max-width:260px}.chapter-grid,.questions-grid{grid-template-columns:1fr}.chapter-card img{max-height:240px}.chapter-card{padding:25px}.question-entry{display:block}.reading-layout{display:flex;flex-direction:column;padding:0 5% 50px;gap:25px}.margin-notes{position:static;width:100%}.margin-notes nav{display:grid;grid-template-columns:1fr 1fr;gap:14px}.margin-notes .sticky{display:none}.paper{padding:30px 25px}.paper:before{left:10px}.paper p{font-size:15px;line-height:2.15}.paper h2{font-size:23px}.paper blockquote{font-size:20px;margin-left:0;margin-right:0}.page-title{padding:35px 6%}.page-title h1{font-size:44px}.question-title h1{font-size:29px}.question-paper{margin:0 5% 50px}.questions-grid{margin-bottom:50px}.cycle-strip{padding:15px 7px}.cycle-strip span{font-size:10px}.cycle-strip b{font-size:29px}.revision-note{margin:30px 5%;padding:20px 5px}.notebook-footer p{font-size:20px}.intro-copy{font-size:15px}.catch{font-size:24px}}
.notebook-header{position:relative;top:auto;left:auto;right:auto}.notebook-header nav a{display:inline-block}.margin-notes nav{margin-left:0}.margin-notes nav a{display:block}.notebook-cover h1{display:block}.notebook .paper h2{display:block}@media(max-width:800px){.notebook-header nav{margin-left:0;width:100%}.notebook-cover h1{font-size:31px;letter-spacing:0}.tape-label{font-size:11px;left:18px}.notebook-cover figcaption{font-size:11px}.paper h2 small{display:block}}