@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans KR','Malgun Gothic',sans-serif;color:#292b2a;background:#e9e6df;font-synthesis:none;font-size:14px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}
.board{height:100svh;min-height:0;padding:18px 3vw 14px;display:grid;grid-template-rows:32px minmax(0,1fr) 20px;gap:18px;max-width:1760px;margin:auto}
.preview-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#68665e}.preview-title{font-weight:500;letter-spacing:.08em}.design-nav{display:flex;gap:6px}.design-nav a{padding:8px 15px;border:1px solid #b6b0a7;border-radius:2px;transition:background .18s}.design-nav a[aria-current=page]{background:#2e342f;color:#fff;border-color:#2e342f}
.scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.14fr);gap:29px;min-height:0}
.cover{position:relative;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;isolation:isolate;border-radius:2px 5px 5px 2px;box-shadow:2px 2px 1px #807966,6px 5px 0 -1px #dad4c9,8px 7px 0 -1px #a8a193,0 20px 24px -17px #4b433c80}
.cover:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0002,transparent 2%,#fff2 3%,transparent 4%,transparent 98%,#0001);z-index:4;border-radius:inherit}
.cover-body{position:relative;min-height:0;overflow:hidden;padding:30px 30px 20px;display:flex;flex-direction:column;border-radius:2px 5px 0 0}
.cover h1{font-size:clamp(31px,3.4vw,65px);letter-spacing:-.075em;line-height:1.17;margin:0;font-weight:900;position:relative;z-index:2;word-break:keep-all}.cover h1 span{display:block;white-space:nowrap}
.subtitle{position:relative;z-index:2;font-size:11px;line-height:1.85;font-weight:400;word-break:keep-all;margin:0;max-width:275px;letter-spacing:-.02em}.author{position:relative;z-index:2;font-family:Georgia,serif;letter-spacing:.09em;font-size:15px}
.obi{position:relative;padding:17px 26px 15px;box-shadow:0 -3px 5px #0001;z-index:3}.obi p{font-size:10px;line-height:1.65;word-break:keep-all;margin:0}.obi p+p{margin-top:11px}.obi strong{font-size:12px;display:block;font-weight:700;margin-bottom:3px}.obi small{font-size:10px;font-weight:400;margin-left:8px}.channels{display:flex;justify-content:space-between;gap:9px;padding:14px 26px 17px;font-size:10px;white-space:nowrap}
.red{background:#e7e3db}.red .cover-body{background:#e2442d;color:#181f29}.red .subtitle{order:0;padding-bottom:20px;max-width:263px;color:#351f1a}.red h1{order:1}.red h1 .title-last{color:#f9ecd0;margin-top:4px}.red .author{margin-top:auto;padding-top:14px;color:#19202a;order:3;font-family:'Noto Sans KR',sans-serif;font-weight:700;letter-spacing:.13em;font-size:12px}.red .cover-art{position:absolute;width:62%;height:45%;right:0;bottom:0;z-index:1;opacity:.92}.red .obi{background:#f2e7ca;color:#232b32;border-top:1px solid #e8d7b1}.red .channels{background:#e2442d;color:#2b201c}
.window{background:#e2e8e7}.window .cover-body{background:#f4f1e7;color:#143b56;align-items:center;text-align:center;padding:23px 24px 15px}.window .author{order:0;font-size:11px;letter-spacing:.16em;padding-bottom:15px}.window h1{order:1;font-family:'Gowun Batang','Batang',serif;font-weight:700;font-size:clamp(30px,2.9vw,53px);line-height:1.22;letter-spacing:-.065em}.window h1 span:first-child{display:inline}.window .subtitle{order:3;font-size:10px;line-height:1.85;max-width:245px;margin-top:auto;padding-top:13px}.window .cover-art{order:2;width:100%;flex:1;min-height:80px;max-height:225px;margin-top:13px}.window .obi{background:#153e56;color:#edf1e7;box-shadow:0 -3px 4px #0a243119}.window .obi strong{color:#f7f2d9}.window .obi p{color:#cddce2}.window .channels{background:#f4f1e7;color:#244b60}
.spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);position:relative;min-height:0;border-radius:2px 5px 5px 2px;background:#f9f6ed;box-shadow:1px 1px 0 #c5beaf,3px 3px 0 #f3eee2,4px 4px 0 #c4bdb0,6px 6px 0 #efeadf,7px 7px 0 #b5aea2,0 20px 26px -19px #51473a80}
.spread:after{content:'';position:absolute;inset:0 auto 0 50%;width:42px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#7c6c5110 36%,#6b5c4725 49%,#47382435 50%,#fff7 52%,#ddd5c725 63%,transparent);pointer-events:none}
.page{position:relative;padding:25px 31px 21px;min-width:0;min-height:0;display:flex;flex-direction:column}.running-head{font-family:Georgia,serif;font-size:10px;letter-spacing:.12em;color:#8a8171;display:flex;justify-content:space-between;border-bottom:1px solid #cfc6b570;padding-bottom:14px}.toc-title{font-family:'Gowun Batang','Batang',serif;font-weight:400;font-size:47px;letter-spacing:.1em;line-height:1.4;margin:25px 0 26px}.toc-title.space{visibility:hidden}.chapter{margin-bottom:30px}.chapter h2{display:flex;align-items:baseline;gap:14px;font-family:'Gowun Batang','Batang',serif;font-weight:700;font-size:24px;margin:0 0 23px;letter-spacing:-.055em;white-space:nowrap}.chapter h2 small{font-family:'Noto Sans KR',sans-serif;font-size:10px;letter-spacing:0;font-weight:500;color:#a15c47}.entries{display:grid;gap:19px}.toc-entry{display:flex;align-items:baseline;gap:10px;width:100%;font-family:'Gowun Batang','Batang',serif;white-space:nowrap;font-size:14px;letter-spacing:-.03em;line-height:1.6;min-width:0}.toc-entry:hover{text-decoration:none;color:#b13d2e}.toc-entry:hover .entry-title{text-decoration:underline;text-underline-offset:5px}.entry-number{font-family:Georgia,serif;font-size:10px;color:#988f7f;flex:none}.entry-title{flex:none}.entry-title small{font-family:'Noto Sans KR',sans-serif;font-size:9px;color:#857e70;margin-left:7px;letter-spacing:-.035em}.leader{flex:1;min-width:7px;border-bottom:1px dotted #c3baaa;transform:translateY(-3px)}.external{font-family:Arial,sans-serif;font-size:10px;color:#8e8576;flex:none}.all-link{margin-top:19px;display:inline-block;font-size:10px;color:#847b6b;white-space:nowrap}.page .chapter-three{margin-top:4px;margin-bottom:0}.folio{display:flex;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid #cfc6b570;font-family:Georgia,serif;letter-spacing:.05em;font-size:10px;color:#8c8374}
.window .spread{background:#f7f6f0}.window .running-head,.window .folio{color:#788d92;border-color:#a7b6b44a}.window .chapter h2 small{color:#447286}.window .toc-entry:hover{color:#286b89}.window .chapter h2{font-weight:400}.window .page-one:before{content:'';position:absolute;top:0;right:38px;width:14px;height:49px;background:#1d4a61;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}
.preview-foot{display:flex;justify-content:space-between;align-items:center;color:#817d73;font-size:10px}.mobile-pager{display:none}
@media(min-width:1550px){.board{padding:28px 4vw 22px;gap:23px}.page{padding:32px 42px 27px}.cover-body{padding:36px 35px 24px}.subtitle{font-size:12px}.obi{padding:23px 32px 20px}.obi p{font-size:11px}.obi strong{font-size:13px}.channels{padding:18px 32px 20px;font-size:11px}.toc-title{font-size:58px;margin:31px 0 38px}.toc-entry{font-size:16px}.entry-title small{font-size:10px}.chapter h2{font-size:29px}.entries{gap:24px}.chapter{margin-bottom:41px}}
@media(max-height:730px){.board{padding-top:12px;padding-bottom:10px;gap:12px}.cover-body{padding-top:23px}.red h1{font-size:clamp(32px,3.15vw,53px)}.red .subtitle{padding-bottom:15px;font-size:10px}.window h1{font-size:clamp(29px,2.6vw,44px)}.window .cover-body{padding-top:19px}.window .author{padding-bottom:8px}.window .cover-art{max-height:143px;margin-top:8px}.window .subtitle{font-size:9px;padding-top:8px}.obi{padding-top:14px;padding-bottom:12px}.obi p+p{margin-top:7px}.channels{padding-top:11px;padding-bottom:13px}.page{padding-top:22px}.toc-title{margin-top:19px;margin-bottom:21px;font-size:42px}.chapter{margin-bottom:26px}.chapter h2{font-size:23px;margin-bottom:19px}.entries{gap:16px}.all-link{margin-top:16px}}
@media(max-width:1200px) and (min-width:801px){.board{padding-left:20px;padding-right:20px}.scene{gap:20px;grid-template-columns:minmax(0,.95fr) minmax(0,2.15fr)}.page{padding-left:21px;padding-right:21px}.cover-body{padding-left:23px;padding-right:23px}.obi,.channels{padding-left:22px;padding-right:22px}.toc-entry{font-size:12px;gap:7px}.entry-title small{font-size:8px;margin-left:5px}.chapter h2{font-size:22px}.subtitle{font-size:10px}}
@media(max-width:800px){.board{height:100svh;min-height:570px;padding:12px 16px;grid-template-rows:34px minmax(0,1fr) 40px;gap:13px}.preview-title{display:none}.preview-bar{justify-content:center}.design-nav a{font-size:11px;padding:8px 15px}.scene{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding-bottom:8px}.spread{display:contents}.cover,.page{flex:0 0 100%;height:100%;scroll-snap-align:center;min-width:0}.page{background:#f9f6ed;border-radius:2px;box-shadow:3px 3px 0 #c9c1b3;padding:28px 26px 22px}.window .page{background:#f7f6f0}.cover h1,.red h1{font-size:clamp(36px,10vw,60px)}.red .subtitle{font-size:11px}.window h1{font-size:clamp(34px,9vw,51px)}.window .cover-art{max-height:210px}.window .subtitle{font-size:10px}.toc-entry{font-size:14px;gap:9px}.entry-title small{font-size:8px;margin-left:5px}.preview-foot>span{display:none}.mobile-pager{display:flex;width:100%;justify-content:center;gap:29px;font-size:12px}.mobile-pager a{padding:8px 2px}.toc-title{margin-top:24px;font-size:46px}.chapter h2{margin-bottom:23px}.entries{gap:21px}}
@media(max-height:610px) and (min-width:801px){.board{padding:10px 3vw;grid-template-rows:28px minmax(0,1fr) 15px;gap:10px}.design-nav a{padding:6px 12px}.cover-body{padding:17px 23px 14px}.red .subtitle{font-size:9px;line-height:1.65;padding-bottom:13px;max-width:240px}.red h1{font-size:clamp(36px,4vw,60px)}.red .cover-art{width:120px;height:90px;right:0;bottom:10px}.red .author{font-size:10px;padding-top:6px}.obi{padding:10px 22px}.obi p{font-size:9px;line-height:1.5}.obi strong{font-size:11px;margin-bottom:2px}.obi p+p{margin-top:6px}.channels{padding:9px 22px 11px;font-size:9px}.page{padding:17px 27px 15px}.running-head{padding-bottom:10px}.toc-title{font-size:36px;margin:17px 0 21px}.toc-title.space{display:none}.page-two .chapter:first-of-type{margin-top:24px}.chapter{margin-bottom:23px}.chapter h2{font-size:21px;margin-bottom:13px}.entries{gap:13px}.toc-entry{font-size:13px}.all-link{margin-top:12px}.folio{padding-top:10px}.window .cover-body{padding:13px 23px 10px}.window .author{font-size:9px;padding-bottom:7px}.window h1{font-size:clamp(27px,2.5vw,39px)}.window .cover-art{max-height:130px;min-height:55px;margin-top:5px}.window .subtitle{font-size:9px;line-height:1.65;padding-top:4px}.preview-foot{font-size:9px}.page-two .chapter-three{margin-bottom:0}}
/* The selected second cover: user-approved title, existing logo and larger subtitle. */
.window .cover-body{padding:24px 27px 19px}
.window h1 span:first-child{display:block}.window h1{font-size:clamp(31px,2.85vw,49px);line-height:1.3}
.window .brand-art{order:2;display:flex;align-items:center;justify-content:center;flex:1;min-height:68px;width:100%;margin:12px 0}
.window .brand-art img{display:block;width:auto;height:min(19svh,155px);max-height:100%;max-width:100%;aspect-ratio:1;object-fit:contain;border-radius:50%;border:1px solid #244b6014}
.window .subtitle{order:3;font-size:15px;line-height:1.65;font-weight:500;max-width:300px;margin:0;padding:0;flex-shrink:0}
.window .author{order:4;align-self:stretch;text-align:right;font-family:'Noto Sans KR',sans-serif;letter-spacing:.025em;font-size:12px;margin-top:13px;padding:0;flex-shrink:0}
.window .obi p{font-size:11px;line-height:1.7}.window .obi strong{font-size:12px}.window .obi small{font-size:9px;margin-left:6px}
.window .hamja-title{font-size:14px}
@media(max-height:730px){.window .cover-body{padding:18px 25px 14px}.window h1{font-size:clamp(28px,2.55vw,40px)}.window .brand-art{margin:8px 0;min-height:60px}.window .brand-art img{height:min(16svh,115px)}.window .subtitle{font-size:14px}.window .author{font-size:11px;margin-top:9px}.window .obi p{font-size:10px;line-height:1.65}}
@media(max-height:610px) and (min-width:801px){.window .cover-body{padding:13px 23px 10px}.window h1{font-size:clamp(25px,2.4vw,35px);line-height:1.2}.window .brand-art{min-height:50px;margin:6px 0}.window .brand-art img{height:100px}.window .subtitle{font-size:12px;line-height:1.6}.window .author{font-size:10px;margin-top:7px}.window .obi p{font-size:9px;line-height:1.5}.window .obi strong{font-size:11px}}
@media(max-width:800px){.window .cover-body{padding:24px 24px 18px}.window h1{font-size:36px}.window .brand-art{min-height:75px;margin:15px 0}.window .brand-art img{height:min(18svh,145px)}.window .subtitle{font-size:14px;line-height:1.7}.window .author{font-size:11px;margin-top:12px}.window .obi p{font-size:10px}.window .hamja-title{font-size:13px}}
/* Equal space above and below the book and within both contents pages. */
.board{padding-top:18px;padding-bottom:18px;grid-template-rows:32px minmax(0,1fr) 32px}
.page{padding-top:25px;padding-bottom:25px}
.page .running-head{flex-shrink:0;align-items:baseline;min-height:29px;padding-bottom:14px;margin-bottom:28px}
.toc-heading{font-family:'Gowun Batang','Batang',serif;font-size:22px;line-height:1.3;letter-spacing:.03em;color:#244b60}
.page .folio{justify-content:flex-end;padding-top:14px}
.page-two .chapter:first-of-type{margin-top:0}
@media(min-width:1550px){.board{padding-top:28px;padding-bottom:28px}.page{padding-top:32px;padding-bottom:32px}}
@media(max-height:730px){.board{padding-top:12px;padding-bottom:12px}.page{padding-top:22px;padding-bottom:22px}}
@media(max-height:610px) and (min-width:801px){.board{padding-top:10px;padding-bottom:10px;grid-template-rows:28px minmax(0,1fr) 28px}.page{padding-top:17px;padding-bottom:17px}.page .running-head{margin-bottom:14px;padding-bottom:10px}.page-two .chapter:not(.chapter-three){margin-bottom:11px}.page-two .entries{gap:8px}.page .folio{padding-top:10px}}
@media(max-width:800px){.board{padding-top:12px;padding-bottom:12px;grid-template-rows:40px minmax(0,1fr) 40px}.page{padding-top:26px;padding-bottom:26px}.scene{padding-bottom:0}.page .running-head{margin-bottom:26px}.preview-bar{align-items:center}}
@media(prefers-reduced-motion:reduce){.scene{scroll-behavior:auto}.design-nav a{transition:none}}