@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;600;700&display=swap');
:root{--ink:#303b32;--muted:#73786c;--paper:#fffdf7;--line:#d9d8cc;--font:20px}*{box-sizing:border-box}body{margin:0;background:#f3f1e8;color:var(--ink);font-family:system-ui,sans-serif}button,select,input{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:7px;padding:10px 16px}button:hover{background:#e7eadf}button:disabled{opacity:.4;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a8773a;outline-offset:3px}[hidden]{display:none!important}.masthead{max-width:1320px;margin:auto;padding:28px 40px;display:flex;justify-content:space-between;align-items:center;font-size:12px;border-bottom:1px solid var(--line)}.masthead a{text-decoration:none}.brand{letter-spacing:2px}.masthead span{color:var(--muted)}#shelf{max-width:1200px;margin:auto;padding:55px 35px}.intro h1{font-family:'Noto Serif KR',Georgia,serif;font-size:clamp(42px,6vw,70px);line-height:1.4;font-weight:600;letter-spacing:-3px;margin:20px 0}.intro h1 span{color:#a56849}.intro>p:not(.eyebrow){line-height:1.9;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;color:#876a47}.rule{border-top:1px solid var(--line);padding-top:18px;margin:40px 0 32px;font-size:11px;letter-spacing:2px;display:flex;justify-content:space-between}.books{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}.book-card{display:block;text-decoration:none}.cover{aspect-ratio: .72;background:var(--cover);color:#fff9e8;padding:28px 25px;display:flex;flex-direction:column;border-radius:2px 8px 8px 2px;box-shadow:inset 7px 0 8px #0002,8px 10px 18px #3332;transition:transform .2s}.book-card:hover .cover{transform:translateY(-6px)}.cover-number{font-size:11px;letter-spacing:3px;opacity:.7}.cover h2{font:600 clamp(19px,2vw,26px)/1.6 'Noto Serif KR',Georgia,serif;margin:auto 0 18px;overflow-wrap:anywhere}.cover p{font-size:11px;line-height:1.6;opacity:.8}.cover .author{margin-top:auto;padding-top:24px;border-top:1px solid #ffffff40;letter-spacing:1px;font-size:10px}.book-card>h3{font-size:14px;margin:25px 0 10px}.book-card>p{font-size:13px;color:var(--muted);line-height:1.8}.read-link{font-size:12px;display:block;margin:18px 0;color:#8a6642}footer{text-align:center;margin:65px 0 10px;color:var(--muted);font-size:12px}.readerbar{display:flex;gap:12px;align-items:center;padding:15px 25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f3f1e8;z-index:3}#bookLabel{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.readerbar label{font-size:12px;white-space:nowrap}select{padding:8px;border:1px solid var(--line);border-radius:5px;background:var(--paper)}.reading-layout{display:grid;grid-template-columns:285px minmax(0,1fr);max-width:1400px;margin:auto}#contents{padding:30px 18px;height:calc(100dvh - 85px);overflow:auto;position:sticky;top:76px;border-right:1px solid var(--line)}.toc-title{font-size:11px;letter-spacing:2px;padding:0 12px 20px;color:var(--muted)}#toc{display:flex;flex-direction:column;gap:5px}#toc button{text-align:left;font-size:12px;line-height:1.6;border:0;background:none;padding:10px 12px}#toc button.level2{padding-left:25px;color:var(--muted)}#toc button[aria-current=true]{background:#e1e5d8;color:#253b2d}#tocToggle,#tocClose{display:none}.paper-wrap{min-width:0;max-width:900px;width:100%;padding:35px 45px;margin:auto}#paper{background:var(--paper);box-shadow:0 4px 25px #423b2010;min-height:60vh;padding:50px 55px;font-family:'Noto Serif KR',Georgia,serif;font-size:var(--font);line-height:1.9;overflow-wrap:anywhere;touch-action:pan-y}#paper p{margin:0 0 .85em;white-space:pre-wrap}#paper h2{font-size:1.35em;margin:1em 0;font-weight:700}#paper h3{font-size:1.15em;margin:1em 0}.pager{display:flex;justify-content:space-between;align-items:center;margin:18px 0;font-size:13px}.pager input{width:60px;padding:8px;border:1px solid var(--line);border-radius:5px;background:var(--paper);text-align:center}.listening{border-top:1px solid var(--line);padding:22px 0}.listening>div:first-child{display:flex;gap:16px;align-items:center;margin-bottom:14px}.listening small{font-size:11px;color:var(--muted)}.audio-buttons{display:flex;gap:8px;flex-wrap:wrap;font-size:13px}#play{background:#3d5545;color:white}#audioStatus,.edition-note{font-size:12px;line-height:1.7;color:var(--muted)}#notice:not(:empty){padding:20px;background:#ffefdf} @media(max-width:900px){.books{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.reading-layout{grid-template-columns:230px minmax(0,1fr)}.paper-wrap{padding:22px}.cover h2{font-size:25px}#paper{padding:32px}}@media(max-width:640px){.masthead{padding:20px}.masthead span{display:none}.brand{font-size:9px;letter-spacing:1px}#shelf{padding:30px 22px}.books{gap:25px 18px}.cover{padding:20px 15px;min-height:260px}.cover h2{font-size:19px}.cover .author{font-size:8px}.readerbar{padding:10px;gap:6px;flex-wrap:wrap}.readerbar button{padding:8px 10px;font-size:12px}#bookLabel{min-width:100px}.reading-layout{display:block}#tocToggle,#tocClose{display:inline-block}#tocClose{float:right;padding:0 8px}#contents{display:none;position:fixed;inset:65px 0 0;z-index:5;width:min(90vw,360px);height:calc(100dvh - 65px);background:#f3f1e8;box-shadow:20px 0 60px #0004}#contents.open{display:block}.paper-wrap{padding:18px 12px}#paper{padding:28px 22px;line-height:1.85;min-height:58vh}.readerbar label{font-size:10px}.readerbar select{padding:6px}.pager{gap:5px}.pager button{padding:10px}.intro h1{letter-spacing:-2px}}

.cover h2{word-break:keep-all;overflow-wrap:normal}.book-card>p{word-break:keep-all}

.speaker-label{font:600 12px/1.5 system-ui,sans-serif;color:#596b58;letter-spacing:.08em;margin:22px 0 9px;border-left:2px solid #9ba88e;padding-left:9px}

.book-open{display:block;text-decoration:none}.cover.cover-image{padding:0;min-height:0;aspect-ratio:2/3;background:#e4e3d9;overflow:hidden}.cover-image img{display:block;width:100%;height:100%;object-fit:contain}.book-open>h3{font-size:14px;margin:25px 0 10px}.book-open>p{font-size:13px;color:var(--muted);line-height:1.8;word-break:keep-all}.book-card{display:flex;flex-direction:column;min-width:0}.book-open{flex:1}.amazon-link{display:block;width:fit-content;font-size:12px;line-height:1.7;color:#646c5e;text-underline-offset:4px;padding:10px 0;border-top:1px solid var(--line)}.amazon-link:hover{color:#8a6642}

.books,.book-card,.book-open,.cover-image{min-width:0;max-width:100%}.cover-image img{max-width:100%;min-width:0;height:auto;aspect-ratio:2/3}

.book-page-cover{display:block;width:100%;height:auto;max-width:100%}#paper .poem-byline{font:13px/1.6 system-ui,sans-serif;color:#647162;margin-bottom:24px}.original-pdf{display:inline-block;margin:10px 0;font-size:13px;text-underline-offset:4px}

/* Fit standalone cover pages to the available desktop reading area. */
@media (min-width:641px){
 .paper-wrap:has(.book-page-cover){padding-top:16px;padding-bottom:16px}
 #paper:has(.book-page-cover){min-height:0;padding:18px;display:flex;justify-content:center}
 #paper .book-page-cover{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - var(--reader-chrome,150px) - 160px);object-fit:contain}
}