@import "https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";
:root{--paper:#f7f5ef;--ink:#203c31;--muted:#6d746d;--line:#dedfd5;--green:#244735;--serif:"Noto Serif KR", serif;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #a9844f}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);word-break:keep-all;font-weight:600}p{word-break:keep-all;line-height:1.9}svg{flex-shrink:0}section{scroll-margin-top:28px}.site-header{border-bottom:1px solid #203c3110;justify-content:space-between;align-items:center;height:88px;padding:0 max(6%,50vw - 620px);display:flex}.site-header>a:last-child{align-items:center;gap:12px;font-size:14px;text-decoration:none;display:flex}.wordmark{font:700 27px var(--serif);letter-spacing:-1.5px;text-decoration:none}.brand-dot{color:#ad8853}.hero{background:#f3efe5 url(/images/landscape.png) 50% 20%/cover no-repeat;align-items:center;min-height:560px;display:flex;position:relative}.hero-content{width:590px;margin-left:max(8%,50vw - 600px);padding:65px 0 70px;position:relative}.hero h1{letter-spacing:-2.8px;margin-bottom:22px;font-size:clamp(38px,4vw,60px);line-height:1.55}.hero p{letter-spacing:-.6px;margin-bottom:30px;font-size:19px;line-height:1.8}.primary{background:var(--green);color:#fff;border:0;border-radius:100px;justify-content:center;align-items:center;gap:28px;min-height:54px;padding:14px 32px;font-size:16px;text-decoration:none;display:inline-flex}.hero .primary{min-width:338px}.price-caption{color:#4c5c51;margin-top:14px;font-size:13px}.price-caption strong{font-size:15px;font-weight:500}.chapters-section{max-width:1500px;margin:auto;padding:65px 7% 60px}.chapters-section h2,.steps-section>h2{text-align:center;letter-spacing:-1px;font-size:30px;line-height:1.6}.short-line{background:#b4bbaa;width:30px;height:1px;margin:23px auto 35px}.chapter-list{grid-template-columns:repeat(7,1fr);display:grid}.chapter-list article{border-left:1px solid var(--line);padding:0 20px}.chapter-list article:first-child{border-left:0}.chapter-number{font:400 15px var(--serif);color:#6a7a6a}.chapter-list h3{margin:28px 0 12px;font-size:19px;line-height:1.6}.chapter-list p{color:var(--muted);margin:0;font-size:13px;line-height:1.9}.steps-section{background:#eeece4;padding:45px 8% 40px}.steps{gap:70px;max-width:1050px;margin:35px auto 24px;padding:0;list-style:none;display:flex}.steps li{flex:1;align-items:flex-start;gap:18px;display:flex}.steps li>span{color:#fff;width:36px;height:36px;font-family:var(--serif);background:#52644f;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.steps h3{margin:0 0 8px;font-size:18px}.steps p{color:var(--muted);margin:0;font-size:13px}.text-button{color:var(--ink);background:0 0;border:0;border-bottom:1px solid #74816e;align-items:center;gap:16px;margin:25px auto 0;padding:10px 0;font-size:14px;display:flex}.site-footer{justify-content:space-between;align-items:center;gap:25px;padding:28px 7%;display:flex}.site-footer .wordmark{font-size:21px}.site-footer nav{flex-wrap:wrap;gap:25px;display:flex}.site-footer nav a{color:var(--muted);font-size:12px;text-decoration:none}.mobile-break{display:none}.birth-dialog{background:var(--paper);width:calc(100% - 24px);max-width:540px;max-height:90dvh;color:var(--ink);border:0;border-radius:12px;padding:40px;box-shadow:0 30px 100px #15271a30}.birth-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#13251b88}.close-button{color:var(--muted);background:0 0;border:0;font-size:28px;position:absolute;top:15px;right:20px}.form-heading>p:first-child{font:600 16px var(--serif);margin-bottom:24px}.form-heading h2{font-size:31px;line-height:1.65}.form-heading p:last-child{color:var(--muted);font-size:13px}label{margin:22px 0 9px;font-size:14px;font-weight:500;display:block}input:not([type=checkbox],[type=radio]),textarea{width:100%;color:var(--ink);background:#fffdf8;border:1px solid #cbd1c6;border-radius:6px;min-height:48px;padding:12px 14px;font-size:15px;display:block}textarea{resize:vertical}input:disabled{background:#eaeae1}fieldset{border:0;margin:22px 0;padding:0}legend{margin-bottom:10px;font-size:14px}label.choice{border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;margin:0 10px 0 0;padding:11px 25px;font-size:14px;display:inline-flex}.choice:has(:checked){background:#e6ecdf;border-color:#8a9a83}input[type=checkbox],input[type=radio]{accent-color:var(--green);flex-shrink:0;width:16px;height:16px}.field-heading{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.field-heading label{margin:0 0 9px}.segmented{gap:4px;margin-bottom:9px;display:flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:4px;padding:5px 12px;font-size:13px}.segmented [aria-pressed=true]{color:var(--ink);background:#e1e7db}label.check{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:400;display:flex}.optional{color:var(--muted);margin-left:6px;font-size:11px}.field-note{color:var(--muted);margin:10px 0;font-size:12px;line-height:1.8}.consent{border-top:1px solid var(--line);margin-top:24px;padding:18px 0}.consent span{line-height:1.8}.wide{width:100%}[role=alert]{color:#9b362c;font-size:13px;line-height:1.8}.inner-page{max-width:1100px;min-height:70vh;margin:0 auto;padding:60px 30px 90px}.inner-page>h1{letter-spacing:-1.5px;margin-top:24px;font-size:38px;line-height:1.65}.back-link{color:var(--muted);font-size:13px}.checkout-grid{grid-template-columns:1fr 1fr;gap:35px;margin-top:40px;display:grid}.order-summary,.payment-panel{border:1px solid var(--line);background:#fdfcf8;border-radius:8px;padding:35px}.order-summary h2,.payment-panel h2{font-size:23px;line-height:1.6}.order-summary dl{margin:25px 0;font-size:14px}.order-summary dl>div{justify-content:space-between;gap:20px;padding:10px 0;display:flex}.order-summary dt{color:var(--muted)}.order-summary dd{text-align:right;margin:0}.order-summary blockquote{background:#f0f2ea;border-left:2px solid #a4b09d;margin:20px 0;padding:15px;font-size:14px;line-height:1.8}.order-price{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 0;display:flex}.order-price strong{font-size:26px;font-weight:500}.order-price span{font-size:14px}.kakao-button{color:#191919;background:#fee500;border-radius:8px;justify-content:center;align-items:center;margin-top:25px;padding:16px 22px;font-size:15px;text-decoration:none;display:flex}.payment-panel>p{font-size:14px}.empty-state{text-align:center;border-top:1px solid var(--line);margin-top:35px;padding:65px 25px}.empty-state h2{font-size:25px}.empty-state p{color:var(--muted);font-size:14px}.empty-state .kakao-button{max-width:360px;margin:25px auto}.page-intro{color:var(--muted)}.my-readings{margin:40px 0}.reading-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:25px 5px;text-decoration:none;display:flex}.reading-row:last-child{border-bottom:1px solid var(--line)}.reading-row h2{margin:10px 0;font-size:23px}.reading-row p{color:var(--muted);margin:0;font-size:13px}.account-actions{justify-content:flex-end;gap:20px;display:flex}.account-actions button,.withdraw-panel button{color:var(--muted);background:0 0;border:0;padding:10px;font-size:12px;text-decoration:underline}.withdraw-panel{border:1px solid var(--line);margin-top:30px;padding:25px}.reading-page{max-width:780px;margin:auto;padding:0 30px}.reading-cover{text-align:center;padding:90px 0 65px}.reading-year{color:var(--muted);font-size:13px}.reading-cover h1{margin:25px 0;font-size:48px;line-height:1.6}.reading-cover>p:not(:first-child){font-size:14px}.pillar-table{background:#eeeee4;border-top:1px solid #bdc8b5;border-bottom:1px solid #bdc8b5;grid-template-columns:repeat(4,1fr);display:grid}.pillar-table>div{text-align:center;border-left:1px solid #d7dece;padding:25px 12px}.pillar-table>div:first-child{border:0}.pillar-table span{color:var(--muted);margin-bottom:15px;font-size:12px;display:block}.pillar-table strong{font:600 28px var(--serif)}.reading-index{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:12px 20px;padding:30px 0 40px;display:flex}.reading-index a{color:var(--muted);font-size:13px;text-decoration:none}.reading-chapter{border-bottom:1px solid var(--line);padding:65px 0 25px}.reading-chapter h2{margin:16px 0 35px;font-size:31px;line-height:1.7}.reading-chapter p{color:#394c40;letter-spacing:-.25px;margin-bottom:28px;font-size:17px;line-height:2.15}.reading-end{text-align:center;padding:70px 0}.reading-end h2{font-size:25px}.reading-end a{font-size:13px}.status-page{text-align:center;min-height:70vh;padding:90px 20px}.status-page h1{font-size:32px;line-height:1.7}.status-page p{color:var(--muted);max-width:440px;margin:20px auto 30px;font-size:14px}.status-seal{width:90px;height:90px;font:400 38px var(--serif);border:1px solid #9caa8e;border-radius:50%;place-items:center;margin:0 auto 35px;display:grid}.policy-page{max-width:760px;margin:0 auto;padding:50px 25px 90px}.policy-page h1{margin-top:65px;font-size:36px}.policy-page section{border-bottom:1px solid var(--line);padding:30px 0}.policy-page h2{font-size:22px}.policy-page p{color:#59665a;font-size:15px}@media (max-width:1000px){.chapter-list{grid-template-columns:repeat(4,1fr);row-gap:35px}.chapter-list article:nth-child(5){border:0}.hero-content{width:520px;margin-left:6%}.hero h1{font-size:48px}.steps{gap:25px}}@media (max-width:640px){.site-header{height:68px;padding:0 24px}.wordmark{font-size:23px}.site-header>a:last-child{gap:5px;font-size:12px}.hero{background-position:68% bottom;background-repeat:no-repeat;background-size:cover;align-items:flex-start;min-height:610px}.hero-content{width:100%;margin:0;padding:38px 25px 260px}.hero h1{letter-spacing:-1.7px;margin-bottom:17px;font-size:36px;line-height:1.6}.hero p{margin-bottom:22px;font-size:14px;line-height:1.9}.hero .primary{width:100%;min-width:0;min-height:49px;font-size:14px}.price-caption{text-align:center;font-size:11px}.price-caption strong{font-size:12px}.chapters-section{padding:38px 25px}.chapters-section h2,.steps-section>h2{font-size:24px;line-height:1.7}.mobile-break{display:block}.short-line{margin:20px auto 10px}.chapter-list{display:block}.chapter-list article{border:0;border-bottom:1px solid var(--line);padding:20px 0 20px 38px;position:relative}.chapter-list article:first-child{border-top:1px solid var(--line)}.chapter-number{font-size:13px}.chapter-list .chapter-number{position:absolute;top:23px;left:0}.chapter-list h3{margin:0 0 6px;font-size:17px}.chapter-list p{max-width:250px;font-size:12px}.steps-section{padding:35px 25px}.steps{margin:25px 0;display:block}.steps li{gap:16px;margin:25px 0}.steps h3{font-size:17px}.steps p{font-size:12px}.site-footer{padding:28px 25px;display:block}.site-footer nav{gap:15px;margin-top:23px}.site-footer nav a{font-size:10px}.birth-dialog{padding:30px 24px}.form-heading h2{font-size:27px}.inner-page{padding:30px 22px 60px}.inner-page>h1{font-size:29px}.checkout-grid{grid-template-columns:1fr;gap:20px}.order-summary,.payment-panel{padding:25px 20px}.order-summary h2,.payment-panel h2{font-size:21px}.reading-page{padding:0 24px}.reading-cover{padding:55px 0 40px}.reading-cover h1{font-size:36px}.reading-cover>p:not(:first-child){font-size:12px}.pillar-table strong{font-size:24px}.reading-chapter{padding:40px 0 20px}.reading-chapter h2{margin-bottom:25px;font-size:27px}.reading-chapter p{font-size:16px;line-height:2}.reading-index{gap:15px;font-size:12px}.status-page h1{font-size:27px}.reading-row h2{font-size:20px}.policy-page h1{font-size:30px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.date-fields{grid-template-columns:1.5fr 1fr 1fr;gap:8px;display:grid}