:root{--ink:#20344e;--muted:#536071;--yellow:#f2de80;--paper:#fffdf5;--border:#9ca5ac;--status:#254d39}*{box-sizing:border-box}body{margin:0;background:#faf9f3;color:var(--ink);font:17px/1.8 'Malgun Gothic',sans-serif;word-break:keep-all;overflow-wrap:anywhere}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,.button,select{border:1px solid var(--ink);padding:10px 17px;background:var(--paper);color:var(--ink)}button{cursor:pointer}button:hover{background:var(--yellow)}:focus-visible{outline:3px solid #996500;outline-offset:4px}header,footer{max-width:1320px;margin:auto;padding:25px 40px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);gap:25px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;white-space:nowrap}nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}main{max-width:1240px;margin:auto;padding:40px 24px 70px}h1,h2{font-family:Batang,Georgia,serif;font-weight:500;line-height:1.45;letter-spacing:-.04em}h1{font-size:clamp(32px,4vw,54px)}h2{font-size:clamp(24px,2.5vw,35px)}h3{font-size:21px;line-height:1.6}p{margin:14px 0}img{max-width:100%;height:auto;display:block}figure{margin:25px 0}figcaption,.meta{color:var(--muted);font-size:14px}.eyebrow{font:12px/1.7 Arial,sans-serif;letter-spacing:.16em}main>section{margin:70px 0}.notebook{display:grid;grid-template-columns:32% 68%;border:1px solid var(--ink);box-shadow:6px 7px 0 #e6e3d6}.spine{padding:35px;background:var(--ink);color:var(--paper);position:relative}.spine h1{margin:25px 0}.spine .meta{color:#dedfcf}.stamp{display:inline-block;background:var(--yellow);color:var(--ink);padding:14px 24px;transform:rotate(-3deg);margin:25px 0 15px}.stamp>span{font:25px Georgia,serif}.stamp>span:first-child{font-size:65px}.stamp p{font-size:13px;margin:0}.vertical-track{position:absolute;right:20px;top:45px;bottom:45px;width:4px;background:#728096}#progress-fill{height:0;background:var(--yellow);transition:height .2s}.paper{padding:28px 38px;background:var(--paper)}.sheet-head{display:flex;gap:16px;align-items:center;justify-content:space-between}.sheet-head h2{margin:0}.sheet-head label{font-size:13px}.sheet-head select{margin-left:8px;padding:5px}.task-row{display:flex;gap:17px;padding:22px 0;border-bottom:1px solid #c2c6c9}.task-row input{appearance:auto;accent-color:var(--ink);width:23px;height:23px;margin:31px 0 0;flex-shrink:0}.task-row label{display:flex;flex-direction:column;cursor:pointer;font-size:14px}.task-row strong{font-size:18px;font-weight:600}.task-meta{font-size:11px;letter-spacing:.1em;color:var(--muted)}.task-row input:checked+label strong{text-decoration:line-through;color:var(--status)}[hidden]{display:none!important}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions button:first-child{background:var(--ink);color:var(--paper)}#task-status{font-size:14px}.record-photo{display:grid;grid-template-columns:55% 45%;background:#f2de80;margin:65px 0}.record-photo img{height:100%;object-fit:cover}.record-photo figcaption{padding:30px;color:var(--ink)}.route-index{display:grid;grid-template-columns:35% 65%;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:30px 0}.route-index dl{display:grid;grid-template-columns:28% 72%;margin:0}.route-index dt,.route-index dd{padding:18px 10px;border-bottom:1px solid var(--border);margin:0}.route-index dd p{font-size:14px}.reading{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:15px 0;border-top:1px solid var(--border)}.reading>span{font-family:Batang,serif;padding-top:20px}.reading h3{margin-bottom:8px}.reading p{color:var(--muted);font-size:15px}.narrow{max-width:780px;margin:auto}.page-head{padding:25px 0 30px;border-bottom:2px solid var(--ink);margin-bottom:35px}.narrow section{margin:45px 0}.article-figure img{max-height:520px;object-fit:contain;background:#ecebdc;width:100%}.article-figure figcaption{margin-top:10px}details{border-bottom:1px solid var(--border);padding:20px 0}summary{cursor:pointer;font-weight:700}.note{padding:22px;background:#f2e7ae}footer{border-top:1px solid var(--ink);font-size:14px}footer nav{font-size:13px}.skip{position:absolute;top:-100px;background:white;padding:8px}.skip:focus{top:0}#search-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center}#search-q{min-width:0;flex:1;border:1px solid var(--ink);padding:10px;width:100%}li{margin:12px 0}@media(max-width:1000px){header{padding:20px 24px;display:block}header nav{margin-top:18px}.spine{padding:26px}.paper{padding:24px}.spine h1{font-size:34px}.vertical-track{right:10px}.record-photo figcaption{padding:22px}}@media(max-width:700px){main{padding:24px 16px 50px}header,footer{padding:20px 16px}nav{gap:12px;font-size:13px}.notebook{grid-template-columns:1fr}.spine{padding:22px;display:grid;grid-template-columns:1fr auto;column-gap:12px}.spine .eyebrow,.spine>p{grid-column:1}.spine h1{margin:4px 0;font-size:32px}.spine>p:not(.eyebrow){font-size:13px;margin:4px 0}.stamp{grid-column:2;grid-row:1/4;align-self:center;margin:0;padding:10px 14px}.stamp>span:first-child{font-size:46px}.stamp p{font-size:11px}.spine .meta br{display:none}.vertical-track{display:none}.paper{padding:22px 18px}.sheet-head{align-items:flex-start;gap:8px}.sheet-head h2{font-size:24px}.sheet-head label{display:flex;flex-direction:column;align-items:flex-end}.sheet-head select{margin:0;padding:4px;font-size:13px}.task-row{padding:18px 0;gap:12px}.task-row strong{font-size:16px}.task-row label{font-size:13px}.actions button{font-size:14px}.record-photo{grid-template-columns:1fr}.record-photo img{height:auto}.record-photo figcaption{padding:20px}.route-index{grid-template-columns:1fr}.route-index dl{grid-template-columns:1fr}.route-index dt{border:0;padding:16px 0 0;font-size:13px;color:var(--muted)}.route-index dd{padding:0 0 16px}.reading{grid-template-columns:38px 1fr;gap:12px}.reading h3{font-size:18px}.narrow h1{font-size:32px}.narrow{font-size:16px}main>section{margin:45px 0}}