/* Reading-room typography and interactions, Nielsen review round 1. */
:root{--head:'Nanum Myeongjo','Noto Serif KR',serif;--body:'Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;--bg:#eee2c8;--panel:#f5ecd9;--panel2:#e7d7b8;--ink:#30271e;--muted:#6f5e49;--dim:#75644e;--line:#b69b7255;--line2:#ab8c60;--gold:#8e3e2d;--gold2:#6b3829;--r:0}
body{font-weight:400;line-height:1.8;background-size:1000px}
h1,h2,h3,.type,.item b{font-weight:700;letter-spacing:-.045em}
h2{font-size:clamp(29px,3.3vw,43px)}button{touch-action:manipulation}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #8e3e2d;outline-offset:5px;border-radius:2px}
.top{height:74px;background:#eee2c8ed;border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:800;letter-spacing:.08em}.top nav{font-size:13px;gap:28px}.top .btn{font-size:13px;font-weight:500;border:0;text-decoration:underline;text-underline-offset:6px}.seal{width:31px;height:35px;font-size:20px;font-weight:700}
.hero{gap:8vw;padding-top:54px;padding-bottom:92px}.hero h1{font-weight:700;font-size:clamp(48px,5.5vw,80px);line-height:1.4;letter-spacing:-.07em;margin-bottom:24px}.hero-chapter{font-size:11px;letter-spacing:.12em;margin-top:38px}.hero-note{font-family:var(--head);font-size:17px;line-height:2;max-width:25em}.hero-art{box-shadow:0 10px 25px #4e351412}.hero-art img{border:0}.hero-art:after{border:0}.eyebrow{font-weight:500;letter-spacing:.13em}
.btn{border-radius:0;min-height:54px;font-size:16px;font-weight:500;padding:11px 4px;letter-spacing:0;transition:color .15s,border-color .15s}.btn-gold,.btn-gold:hover,.btn-line,.btn-line:hover{background:transparent;color:var(--ink);border:0;border-bottom:1px solid #5e4938}.btn-gold{font-family:var(--head);font-size:21px;font-weight:700;justify-content:space-between}.btn-gold:hover{color:var(--gold);border-color:var(--gold)}.btn-line{color:var(--muted);border-color:var(--line)}.btn-line:hover{color:var(--ink);border-color:var(--ink)}.btn-text{font-size:13px;font-weight:400;min-height:44px;color:var(--muted);text-decoration-thickness:1px;text-underline-offset:5px}.btn-text:hover{color:var(--gold)}.cta-row .btn{min-width:265px;font-size:24px;padding-block:12px}.btn small{font:500 11px var(--body);color:var(--gold);opacity:1}.trust{color:var(--muted);font-size:11px;gap:9px 18px}
section{padding-block:82px}.kicker{font:500 11px var(--body);color:var(--gold);letter-spacing:.1em;margin-bottom:18px}.sec-lead{font-size:15px;line-height:1.9;margin-top:16px}.band{background:#ddc8a21a;border-color:var(--line)}.sample{grid-template-columns:minmax(0,430px) 1fr;gap:70px;margin-top:46px;align-items:center}.mapcard{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}.mapcard .tagline{position:static;display:block;margin:0 0 12px;border:0;padding:0;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:.1em}.portrait-study{max-width:430px;margin:auto;box-shadow:0 8px 24px #513b1912}.study-caption{font-family:var(--head);font-size:12px;text-align:center;color:var(--muted);margin:14px 0 0;letter-spacing:.07em}.type{font-size:clamp(31px,3.5vw,42px);line-height:1.5}.type small{font-family:var(--body);font-size:13px;font-weight:400;line-height:1.8;margin-top:8px}
.items{margin-top:27px;gap:0}.item{background:transparent;border:0;border-top:1px solid var(--line);padding:23px 0;grid-template-columns:27px 1fr;gap:16px}.item .part{font:500 11px var(--body);color:var(--gold);letter-spacing:.06em}.item b{font-size:23px;line-height:1.6;margin:5px 0 7px}.item p{margin:0;font-size:14px;line-height:1.9;color:var(--muted)}.num{width:23px;height:28px;border:1px solid #9a5340;border-radius:0;background:transparent;color:var(--gold);font:700 14px var(--head);transform:rotate(-3deg)}.items .num{background:transparent;color:var(--gold)}.item .advice{font-family:var(--body);font-size:14px;font-weight:400;color:var(--ink);line-height:1.9}.item .advice:before{font-size:11px;font-weight:500;margin-bottom:6px}.corelink{font-size:12px;font-weight:500;min-height:44px}.items .more{font-size:12px!important}
.topics{display:block;margin-top:30px;border-top:1px solid var(--line2)}.topic{display:flex;align-items:center;gap:26px;width:100%;min-height:98px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:23px 10px;transform:none!important;border-radius:0;position:relative}.topic .han{font-family:var(--head);font-size:29px;font-weight:400;width:48px;color:var(--gold);text-align:center}.topic b{font-family:var(--head);font-size:23px;font-weight:700}.topic span:not(.han){font-size:13px;color:var(--muted)}.topic:after{content:'→';margin-left:auto;padding-left:15px;color:var(--muted)}.topic:hover{background:#fff7e342;border-color:var(--line)}.story{gap:55px}.story img{width:220px;height:275px;aspect-ratio:4/5;border-radius:0;object-fit:cover}.story .quote{font-family:var(--head);font-weight:400;font-size:clamp(28px,3.8vw,43px);line-height:1.65}.paid{border:0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);background:transparent;box-shadow:none;padding:45px 0;gap:30px}.paid ul{font-size:14px;line-height:2.3}.paid .price{font-family:var(--head);font-weight:700}.faq details{padding-block:18px}.faq summary{font-weight:500;font-size:15px}.faq details p{font-size:14px;line-height:1.9}.dock{padding-top:20px;background:linear-gradient(0deg,#eee2c8 75%,#eee2c800)}.dock .btn{background:#eee2c8;border-bottom:1px solid var(--ink);font-size:18px;justify-content:center}
/* Dialogs have one clear header and an open paper surface. */
dialog.flow{border-radius:7px;background-color:var(--bg);box-shadow:0 20px 90px #1f150b45}.fl-head{height:58px;background:var(--bg)}.icon-btn{border-radius:50%;color:var(--muted)}.icon-btn:hover{background:#8a644410}.steps{font-size:11px;font-weight:400;gap:7px}.steps .dot{border:0;background:transparent;width:auto;color:var(--dim);font-size:11px}.steps .on .dot,.steps .done .dot{border:0;background:none;color:var(--gold)}.steps .on{font-weight:600;color:var(--gold)}.steps li+li:before{width:12px;height:1px;background:var(--line2)}.fl-body{padding:28px 26px 30px}.fl-foot{background:var(--bg);padding:14px 26px calc(20px + var(--safe));border-color:var(--line);gap:7px}.fl-foot .btn-text{font-size:12px}.say{align-items:center;margin-bottom:29px;gap:16px}.say img{width:54px;height:66px;object-fit:cover;border:0;border-radius:0}.say p{font-size:20px;font-weight:700;line-height:1.65;background:none;padding:0;border:0}.choice{grid-template-columns:40px 1fr 24px;gap:17px;border:0;border-bottom:1px solid var(--line2);padding:19px 0;min-height:90px;border-radius:0;background:none}.choice:hover{background:#fff7e333}.choice b{font-family:var(--head);font-size:20px;font-weight:700}.choice small,.choice span{font-size:13px;font-weight:400}.choice .rec{font-size:10px;color:var(--gold);background:transparent;border:0;text-decoration:underline;text-underline-offset:3px}.choice svg{color:var(--gold)}.choose-label{font-size:13px;font-weight:500}.storybox{background:none;gap:10px;margin:16px 0 28px}.storybox label{font-family:var(--head);font-size:17px;font-weight:700}.storybox textarea{border:0;border-bottom:1px solid var(--line2);background:#f8f0df55;border-radius:0;padding:14px;font-family:var(--body);font-size:15px;font-weight:400;line-height:1.9}.storybox .tiny{font-size:11px}.storybox .count{font-size:11px}
/* Personal conversation: fields live on the paper, not in floating boxes. */
.personal-scene{background:#d5bd96}.personal-card{border:0;border-top:1px solid #b59b74;background:#f5ecd9f7;box-shadow:none;padding:25px 27px;margin:clamp(215px,36svh,340px) 0 0}.personal-portrait p{border:0;box-shadow:none;background:linear-gradient(100deg,#f1e5cdf2,#f1e5cd00);padding:20px 22px;font-size:23px;line-height:1.7;left:0;right:0;top:0}.personal-card h2{font-size:25px;font-weight:700;line-height:1.65;margin-bottom:22px}.personal-card label{font-size:12px;font-weight:500}.personal-card input{background:transparent;border:0;border-bottom:1px solid var(--line2);font-family:var(--head);font-size:23px;padding:11px 0}.personal-card .field-note{font-size:12px;line-height:1.85}.profile-steps{font-size:10px;gap:20px;font-weight:400;padding-bottom:12px}.profile-steps li[aria-current]{font-weight:500}.profile-steps li[aria-current]:before{content:'· ';font-size:16px}.personal-card .btn-gold{font-size:20px;line-height:1.5}.personal-card .btn-text{margin:3px auto;font-size:12px}.personal-privacy{font-size:10px;line-height:1.9;margin-top:12px}.field-error{font-size:12px;margin:0}
/* Results read like an annotated folio, with a single repeated action hierarchy. */
.scroll-head{background:transparent;border:0;border-bottom:1px solid var(--line2);padding:14px 0 30px;box-shadow:none;border-radius:0}.scroll-head:before{width:33px;height:40px;font-size:24px;border:1px solid var(--gold);margin:0 0 22px}.scroll-head .kicker{font-size:11px}.r-tags span,.rtags span{border:0;border-radius:0;background:transparent;padding:3px 7px;font-size:11px}.r-tags i,.rtags i{color:var(--gold);background:none!important}.r-tags .is-core,.rtags .is-core{background:none!important;color:var(--gold)!important;border-bottom:1px solid var(--gold)!important}.r-tags .is-core i,.rtags .is-core i{color:var(--gold)!important}.storycard{background:none;border:0;border-left:2px solid var(--line2);padding:0 0 0 16px}.r-brief,.r-measure{background:none;border-radius:0}.locked{border:0;border-top:1px solid var(--line2);padding:26px 0 0;border-radius:0}.locked h3{font-size:23px;font-weight:700}.locked li{font-size:14px;font-weight:500}.locked .peekline{font-size:12px;line-height:1.85}.chip{border:0;border-bottom:1px solid var(--line2);border-radius:0;font-size:13px;font-weight:400;padding:6px 10px}.chip[aria-pressed=true]{background:none;color:var(--gold);border-color:var(--gold)}.fb{font-weight:400;font-size:13px;gap:15px}.errbox{background:none;border:0}.err-tips{background:none}.status{font-size:13px;line-height:1.85}.fine{font-size:12px;line-height:1.9}dialog.sheet{padding:32px;border-radius:5px!important}.sheet h2{font-size:33px}.sheet #paidList{margin-block:25px;gap:18px}.sheet #paidList li{font-size:14px;font-weight:500}
/* Deep-reading mode: persistent navigation and honest preview identification. */
dialog.flow.reading-mode{width:min(730px,100vw);max-width:730px}.reading-mode .fl>.fl-head{display:none}.pr-head{background:var(--bg);height:64px;gap:7px}.pr-title b{font-family:var(--head);font-size:18px;font-weight:700}.pr-title span{font-size:11px;font-weight:400;line-height:1.7}.preview-banner{margin:0;padding:7px 18px;background:#e2c8a35c;font-size:11px;text-align:center;color:var(--muted);flex:none}.pr-body{padding:12px 30px 30px}.pr-body>*{max-width:34em}.pr-title{overflow:hidden}.pr-fs,.pr-toc-btn{font-weight:400;border:0;border-bottom:1px solid var(--line2);border-radius:0}.pr-toc-btn[aria-expanded=true]{background:none;color:var(--gold);border-color:var(--gold)}.pr-toc{top:100px;background:var(--panel);box-shadow:0 20px 35px #21170b20}.pr-toc a{font-size:14px;font-weight:400;border-radius:0;min-height:48px;border-bottom:1px solid var(--line)}.pr-toc a[aria-current=true]{background:#dcc6a333;box-shadow:inset 2px 0 0 var(--gold)}.pr-toc a:hover,.pr-toc a:focus-visible{background:#e6d1b066}.pr-toc a em{font-size:11px}.pr-toc-foot{font-size:11px}.pr-navigation{display:flex;align-items:center;justify-content:space-between;flex:none;gap:10px;padding:8px 24px calc(8px + var(--safe));border-top:1px solid var(--line);background:var(--bg)}.pr-navigation button{font-size:12px;min-height:44px;padding:8px 2px;background:none;border:0;text-decoration:underline;text-underline-offset:5px;color:var(--muted)}.pr-navigation button:disabled{opacity:.35;cursor:default;text-decoration:none}.pr-navigation button:last-child{margin-left:12px}.pr-sum{border:0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);padding:24px 0;background:none;border-radius:0}.pr-sum dl{font-size:14px;gap:15px 16px;grid-template-columns:minmax(95px,auto) 1fr}.pr-sum dt{font-size:12px;font-weight:500}.pr-sum h2{font-size:25px;font-weight:700;margin-bottom:22px}.pr-ch>header{margin-bottom:25px;padding-bottom:20px}.pr-ch h2{font-size:30px;line-height:1.6;font-weight:700}.pr-ch>header small{font-size:11px;font-weight:500}.pr-sec h3{font-size:calc(var(--pr-fs) + 2px);font-weight:700;margin-top:35px;line-height:1.7}.pr-sec p{font-weight:400;line-height:1.95;margin-bottom:1.3em}.pr-sec .sub{font-size:11px;line-height:1.9}.pr-sec .sub .guess{border:0;border-bottom:1px dotted var(--line2);border-radius:0;padding:0;font-size:10px}.pr-next{background:none;border:0;border-block:1px solid var(--line2);border-radius:0;padding:18px 0;margin-top:30px}.pr-next small{font-size:11px;font-weight:400}.pr-next b{font-family:var(--head);font-size:21px;font-weight:700;line-height:1.8}.pr-resume{border:0;border-left:2px solid var(--gold);border-radius:0;background:#e4cfa433;padding:18px}.pr-resume p{font-size:14px}.prep-facts{border:0;border-block:1px solid var(--line);border-radius:0;background:none;padding:19px 0 19px 18px;font-size:14px;line-height:1.9}.agechips{gap:0;border-block:1px solid var(--line)}.agechips button{border:0!important;border-radius:0!important;background:none!important;min-height:48px;font-weight:400;font-size:13px;flex:1;padding:10px 9px}.agechips button[aria-checked=true]{color:var(--gold)!important;box-shadow:inset 0 -2px var(--gold);font-weight:500}.age-why{font-size:12px;line-height:1.9}.pr-toast{bottom:calc(65px + var(--safe));font-size:12px;border-radius:3px;white-space:normal;width:max-content;max-width:90%;text-align:center}
@media(max-width:860px){.top{height:62px;padding-inline:22px}.brand{font-size:20px}.hero{padding:18px 24px 64px;gap:0}.hero-art{width:min(100%,calc(44svh * .8))}.hero-copy{padding:0}.hero h1{font-size:clamp(38px,10.5vw,48px);line-height:1.45;margin-bottom:14px}.hero-note{font-size:14px;line-height:1.9;margin-bottom:18px}.hero .cta-row .btn{font-size:21px;min-width:0;min-height:56px}.trust{font-size:10px}.sample{display:grid;grid-template-columns:1fr;gap:35px;margin-top:34px}.portrait-study{max-width:390px}.sample .type{font-size:32px}.item b{font-size:21px}section{padding:62px 24px}.topic{gap:18px;min-height:91px}.topic b{font-size:21px}.topic .han{width:37px;font-size:25px}.story img{width:150px;height:187px}.story .quote{font-size:29px}.paid{padding:34px 0}.fl-body{padding:24px 23px 28px}.fl-foot{padding-inline:23px}.say p{font-size:19px}.personal-card{padding:23px 24px}.personal-portrait p{font-size:21px}.personal-card h2{font-size:25px}.personal-card .btn-gold{font-size:20px}dialog.flow{border-radius:0}.personal-card{margin-top:clamp(220px,35svh,350px)}.pr-body{padding:12px 23px 30px}.pr-title b{font-size:16px}.pr-head{gap:4px}.pr-ch h2{font-size:27px}.pr-sum dl{grid-template-columns:1fr;gap:5px}.pr-sum dd{margin-bottom:13px}.pr-navigation{padding-inline:20px}.pr-toc a{grid-template-columns:34px 1fr auto;gap:5px;padding-inline:12px}.pr-toc a em{font-size:10px}.agechips button{font-size:12px;padding-inline:5px}dialog.sheet{padding:26px 23px}.top nav{gap:0}.profile-steps{gap:17px}}
@media(max-width:360px){.profile-steps{gap:13px;font-size:9px}.personal-card h2{font-size:23px}.personal-card{padding-inline:20px}.hero h1{font-size:36px}.pr-title span{font-size:10px}.pr-toc-btn{padding-inline:9px}.pr-navigation{padding-inline:16px}.agechips button{font-size:11px;padding-inline:4px}}
@media(max-height:560px){.personal-card{margin-top:190px}.personal-portrait p{font-size:18px}.fl-body{padding-top:18px}.pr-head{height:55px}.pr-toc{top:90px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.preview-banner,.pr-navigation{display:none!important}.pr-body{padding:0!important}.pr-sec p{font-size:12pt!important;line-height:1.85!important}}

/* Round 2: inherited full-screen video styling must not darken the reader. */
#flow .pane.full[data-pane="paidread"]{background:var(--bg);color:var(--ink)}
#flow [data-pane="paidread"] .pr-body{background-color:var(--bg);background-image:url('paper-grain.webp');background-size:1000px;color:var(--ink)}
#flow [data-pane="paidread"] .pr-toc{color:var(--ink)}
.file-help{font-size:11px;color:var(--muted);margin:2px 0 0;line-height:1.8;text-align:center}
#ticks.scan-progress{position:absolute;left:22px;right:22px;bottom:65px;display:grid;gap:5px;list-style:none;padding:16px 18px;margin:0;z-index:3;background:linear-gradient(90deg,#251a13e6,#251a1366);color:#fff1d8;font-size:12px;line-height:1.75;border-left:1px solid #b49668}
#ticks.scan-progress li{color:#e7d2b5;opacity:.55;display:block}#ticks.scan-progress li.now{color:#fff1d8;opacity:1;font-weight:500}#ticks.scan-progress li.ok{opacity:.85}#ticks.scan-progress li i{display:none}#ticks.scan-progress li.ok:before{content:'✓ ';color:#e9c59c}#ticks.scan-progress small{display:block;font-size:10px;font-weight:400}#scanNote{white-space:normal;width:calc(100% - 44px);text-align:center;font-size:11px;line-height:1.7;border-radius:0}
@media print{#flow .pane.full[data-pane="paidread"],#flow [data-pane="paidread"] .pr-body{background:#fff!important;color:#111!important}}

/* Anatomical studies accompany only the second-chapter examples. */
#sampleItems .sample-detail{grid-template-columns:23px minmax(0,1fr) 104px;gap:14px;align-items:center}#sampleItems .feature-study{display:block;width:104px;height:104px;object-fit:contain;border:0;border-radius:0;mix-blend-mode:multiply}#sampleItems .sample-detail .num{align-self:start;margin-top:5px}
@media(max-width:860px){#sampleItems .sample-detail{grid-template-columns:23px minmax(0,1fr) 86px;gap:12px}#sampleItems .feature-study{width:86px;height:86px}#sampleItems .sample-detail b{font-size:20px}}
@media(max-width:360px){#sampleItems .sample-detail{grid-template-columns:20px minmax(0,1fr) 70px;gap:9px}#sampleItems .feature-study{width:70px;height:70px}#sampleItems .sample-detail b{font-size:19px}}

/* Wider detail studies dissolve into the paper like a dry ink wash. */
#sampleItems .sample-detail{grid-template-columns:23px minmax(0,1fr) 164px;gap:16px}
#sampleItems .feature-study{width:164px;height:124px;object-fit:cover;object-position:center;mix-blend-mode:multiply;-webkit-mask-image:url('study-wash-mask.svg');mask-image:url('study-wash-mask.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha}
@media(max-width:860px){#sampleItems .sample-detail{grid-template-columns:23px minmax(0,1fr) 126px;gap:12px}#sampleItems .feature-study{width:126px;height:100px}}
@media(max-width:390px){#sampleItems .sample-detail{grid-template-columns:20px minmax(0,1fr) 110px;gap:10px}#sampleItems .feature-study{width:110px;height:90px}#sampleItems .sample-detail b{font-size:19px}}
@media(max-width:350px){#sampleItems .sample-detail{grid-template-columns:20px minmax(0,1fr) 94px;gap:8px}#sampleItems .feature-study{width:94px;height:82px}}

#sampleItems .sample-detail{grid-template-columns:23px minmax(0,1fr) 196px}#sampleItems .feature-study{width:196px;height:124px}
@media(max-width:860px){#sampleItems .sample-detail{grid-template-columns:23px minmax(0,1fr) 132px}#sampleItems .feature-study{width:132px;height:100px}}
@media(max-width:390px){#sampleItems .sample-detail{grid-template-columns:20px minmax(0,1fr) 114px}#sampleItems .feature-study{width:114px;height:90px}}
@media(max-width:350px){#sampleItems .sample-detail{grid-template-columns:20px minmax(0,1fr) 96px}#sampleItems .feature-study{width:96px;height:82px}}

/* The opening title follows one calm horizontal line on every width. */
.hero h1{font-size:clamp(30px,3.6vw,54px);letter-spacing:-.035em;line-height:1.55;white-space:nowrap}
@media(max-width:860px){.hero h1{font-size:clamp(25px,7.4vw,46px);letter-spacing:-.035em;line-height:1.6}.hero-note{max-width:none}}