*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4eb;color:#342d26;font:16px/1.85 'Malgun Gothic',sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:#83542f}button,input,select{font:inherit}button{cursor:pointer;background:#44372e;color:#fffdf7;border:1px solid #44372e;padding:11px 19px}button:hover{background:#695b4d}:focus-visible{outline:3px solid #94501e;outline-offset:4px}header,main,footer{max-width:1200px;margin:auto;padding:0 35px}header{display:flex;align-items:center;justify-content:space-between;min-height:100px;border-bottom:1px solid #a89c89;gap:20px}header nav,footer nav{display:flex;flex-wrap:wrap;gap:23px}header nav a{text-decoration:none;font-size:14px}.brand{display:flex;gap:12px;align-items:center;white-space:nowrap;font-weight:700;text-decoration:none;font-size:22px}h1,h2,h3{font-family:Batang,serif;font-weight:500;line-height:1.4;word-break:keep-all}h1{font-size:clamp(38px,4vw,56px);letter-spacing:-2px}h2{font-size:32px;letter-spacing:-1px}h3{font-size:23px}.eyebrow{font:12px Georgia,serif;letter-spacing:2px;color:#695b4d}.archive-cover{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;padding:50px 0 65px;align-items:center}.archive-cover h1{margin:20px 0}.archive-cover figure{margin:0}.archive-cover img{display:block;width:100%;height:470px;object-fit:cover;object-position:60% center;border-radius:45% 45% 0 0}.envelopes{display:flex;gap:14px;margin-top:30px}.envelopes button{flex:1;position:relative;background:#ede7d8;color:#44372e;text-align:left;border:1px solid #a89c89;border-top:5px solid #a89c89;padding:13px;font-size:17px;font-weight:700}.envelopes button[aria-pressed=true]{border-color:#44372e;background:#44372e;color:#fffdf7}.envelopes span{display:block;font-size:11px;font-weight:400;margin-bottom:12px}.envelopes b{float:right;font-size:24px}.register{display:grid;grid-template-columns:240px 1fr;gap:40px;border-top:1px solid #a89c89;border-bottom:1px solid #a89c89;padding:38px 0}.register aside{border-right:1px solid #a89c89;padding-right:20px}.progress{font:50px Georgia,serif;margin:26px 0 0}.register aside>p:nth-child(3){font-size:14px}.register-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.register-heading h2{margin:0}.register-heading>label{font-size:12px;min-width:110px}select,input[type=search]{font:inherit;background:#fffdf7;color:#342d26;border:1px solid #877968;padding:9px;max-width:100%}select{display:block;width:100%;margin-top:4px}.record-row{display:grid;grid-template-columns:23px 38px 1fr;gap:10px;padding:22px 0;border-bottom:1px solid #d0c6b5;cursor:pointer}.record-row input{width:20px;height:20px;margin:6px 0;accent-color:#44372e}.folio{font:23px Georgia,serif;padding-top:2px;color:#695b4d}.record-detail{display:block;font-size:14px;color:#655b50;margin-top:4px}.record-row:has(input:checked) strong{text-decoration:line-through;color:#655b50}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}#record-reset{background:transparent;color:#44372e}.meta,figcaption{font-size:12px;color:#655b50;line-height:1.8}figcaption{margin-top:10px}.deadline-section{padding:55px 0}.periods{display:grid;grid-template-columns:1fr 1fr;gap:35px}.periods section{background:#ebe5d7;padding:28px 32px;border-left:4px solid #8b5c32}.periods span{font-size:12px;color:#655b50}.periods h3{font-size:28px;margin:14px 0}.periods strong{font-size:23px}.periods a{font-size:13px}.note{background:#eee9df;border-left:3px solid #695b4d;padding:20px;font-size:14px}.conversation{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:30px 0 60px;border-bottom:1px solid #a89c89}.conversation img{width:100%;margin-top:15px}.conversation>div:last-child{padding-top:50px}details{border-top:1px solid #a89c89;padding:18px 0}details:last-child{border-bottom:1px solid #a89c89}summary{cursor:pointer;font-size:20px;font-family:Batang,serif}details p{font-size:15px}.shelf{padding-top:40px}.reading{display:grid;grid-template-columns:65px 1fr;gap:20px;border-bottom:1px solid #a89c89;padding:25px 0}.reading>span{font:35px Georgia,serif;color:#695b4d}.reading h3{margin:0;font-size:23px}.reading p{margin-bottom:0;font-size:14px}.narrow{max-width:780px;margin:auto}.page-head{padding-top:45px;margin-bottom:45px}.narrow h1{font-size:42px}.narrow h2{font-size:28px;margin-top:40px}.narrow p{line-height:1.95}.narrow section{margin:40px 0}img{max-width:100%;height:auto}.article-figure{margin:30px 0}.article-figure img{display:block;width:100%;max-height:460px;object-fit:contain;background:#eee9df}dl{display:grid;grid-template-columns:90px 1fr;gap:14px}dt{font-weight:bold}dd{margin:0}li{margin-bottom:14px}footer{border-top:1px solid #a89c89;margin-top:75px;padding-top:35px;padding-bottom:45px}footer nav,footer p{font-size:13px}.skip{position:absolute;top:-100px;left:10px;background:white;padding:15px;z-index:5}.skip:focus{top:10px}[hidden]{display:none!important}@media(max-width:850px){header{flex-wrap:wrap;padding-top:20px;padding-bottom:20px;gap:15px}.archive-cover{gap:25px}.archive-cover img{height:430px}.envelopes{gap:8px}.envelopes button{font-size:15px;padding:10px}.register{grid-template-columns:180px 1fr;gap:25px}.periods{gap:20px}.periods section{padding:22px}.conversation{gap:30px}}@media(max-width:600px){header,main,footer{padding-left:20px;padding-right:20px}header nav{gap:16px}.brand{font-size:20px}.archive-cover{display:flex;flex-direction:column;padding:30px 0}.letter{width:100%}.archive-cover h1{font-size:42px}.archive-cover figure{width:100%}.archive-cover img{height:260px;border-radius:90px 90px 0 0}.envelopes button{font-size:17px}.register{grid-template-columns:1fr;gap:20px}.register aside{border-right:0;border-bottom:1px solid #a89c89;padding-bottom:15px}.register aside .progress{margin:10px 0;font-size:40px}.register aside p{margin:5px 0}.register-heading h2{font-size:24px}.register-heading>label{min-width:90px}.record-row{grid-template-columns:22px 26px 1fr;gap:8px}.folio{font-size:20px}.record-detail{font-size:14px}.periods,.conversation{grid-template-columns:1fr}.deadline-section{padding:35px 0}.conversation>div:last-child{padding-top:0}.conversation{padding-top:0}.reading{grid-template-columns:38px 1fr;gap:10px}.reading>span{font-size:27px}.reading h3{font-size:20px}.narrow h1{font-size:34px}.page-head{padding-top:30px}.actions button{font-size:14px;padding:10px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}