/* A quiet web reader. Entry artwork and the calculation engine are unchanged. */
:root{--reader-paper:#f7f5ee;--reader-ink:#253c34;--reader-muted:#66746b;--reader-line:#d7ddd3;--reader-accent:#355b49}
body.reader-active,body.reader-preview{background:var(--reader-paper);color:var(--reader-ink)}
body.reader-active main>section:not(#reading):not(.sc-room),body.reader-active #reading>:not(#reader-root),body.reader-active #ss-bar{display:none!important}
body.reader-active #reading{padding:0;opacity:1;background:none;min-height:0}
body.reader-active #reading::before{display:none}
body.reader-active #bar,body.reader-preview #bar{background:#f7f5eef5;border-bottom:1px solid var(--reader-line);backdrop-filter:blur(15px);box-shadow:none}
body.reader-active #bar .brand,body.reader-preview #bar .brand{color:var(--reader-ink)}
body.reader-active #bar .nav{display:none}
body.reader-active #langsw,body.reader-preview #langsw{background:#fff9;color:var(--reader-ink);border-color:#bdc9bb}
body.reader-active .ss-bgm,body.reader-preview .ss-bgm{background:#fff9;color:#725b38;border-color:#bdc9bb;animation:none!important;box-shadow:none}
body.reader-active .ft{background:#efeee7;color:#58685e;padding:28px 0}
body.reader-active .ft .sis,body.reader-active .ft .ft-biz{display:none}
body.reader-active .ft a{color:#355b49}
.reader-shell{max-width:1060px;margin:0 auto;padding:105px 38px 55px;font:400 16px/1.85 Pretendard,system-ui,sans-serif;color:var(--reader-ink);word-break:keep-all;overflow-wrap:break-word}
.reader-shell *{box-sizing:border-box}
.reader-shell [hidden]{display:none!important}
.reader-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--reader-line);padding-bottom:20px}
.reader-brand-note{font-size:12px;letter-spacing:.04em;color:var(--reader-muted)}
.reader-topline button,.reader-back{border:0;background:none;padding:9px 0;min-height:44px;color:var(--reader-accent);font:500 13px/1.5 inherit;text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.reader-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:18px 0 16px}
.reader-heading h1{font:500 clamp(29px,3.3vw,40px)/1.45 Pretendard,system-ui,sans-serif;letter-spacing:-.055em;margin:0}
.reader-heading p{font-size:13px;color:var(--reader-muted);margin:9px 0 0}
.reader-heading img{width:54px;height:54px;object-fit:cover;object-position:50% 13%;border-radius:50%;opacity:.95}
.reader-nav{display:flex;gap:28px;border-bottom:1px solid var(--reader-line);margin:0 0 38px;position:sticky;top:64px;background:var(--reader-paper);z-index:10}
.reader-nav button{border:0;border-bottom:2px solid transparent;color:#69766c;background:none;min-height:54px;padding:14px 0 13px;font:500 14px/1.5 Pretendard,system-ui,sans-serif;cursor:pointer}
.reader-nav button[aria-selected=true]{color:var(--reader-accent);border-bottom-color:var(--reader-accent)}
.reader-shell button:focus-visible,.reader-shell summary:focus-visible,.reader-shell select:focus-visible,.reader-shell a:focus-visible{outline:2px solid #536f45;outline-offset:4px}
.reader-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 176px;gap:65px;align-items:start}
.reader-chapter{min-width:0;max-width:670px}
.reader-kicker{font-size:10px;letter-spacing:.14em;color:#7a897d;margin:0 0 12px}
.reader-chapter h1,.reader-chapter h2{font:500 29px/1.5 Pretendard,system-ui,sans-serif;letter-spacing:-.045em;margin:0 0 12px}
.reader-intro{color:var(--reader-muted);font-size:14px;margin:0 0 30px;line-height:1.85}
.reader-chapter p{margin:12px 0 20px}
.reader-chapter .reader-lead{font-size:20px;line-height:1.85;letter-spacing:-.025em;color:#273e34;margin:25px 0 30px}
.reader-sign{display:flex;align-items:center;gap:17px;margin:26px 0}
.reader-sign>span{font:400 45px/1.25 serif;color:#806442;border-bottom:1px solid #b8a27f;min-width:55px;text-align:center;padding-bottom:4px}
.reader-sign small,.reader-sign b,.reader-sign em{display:block;font-style:normal}
.reader-sign small{font-size:11px;color:var(--reader-muted)}
.reader-sign b{font-size:16px;font-weight:500}
.reader-sign em{font-size:12px;color:var(--reader-muted)}
.reader-two{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid var(--reader-line);padding-top:25px}
.reader-two h3,.reader-chapter h3{font-size:15px;line-height:1.6;font-weight:600;margin:0 0 11px}
.reader-two p{font-size:15px;line-height:1.85;margin:0 0 18px}
.reader-next{border-left:2px solid #6c866a;padding:3px 0 3px 20px;margin:28px 0}
.reader-next>span,.reader-scene>span{font-size:12px;color:#55705b;font-weight:600}
.reader-next p{font-size:17px;line-height:1.85;margin:8px 0 0}
.reader-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;padding:12px 20px;border:0;border-radius:4px;background:var(--reader-accent);color:#fff;font:500 14px/1.6 Pretendard,system-ui,sans-serif;cursor:pointer;text-decoration:none}
.reader-primary:hover{background:#264637}
.reader-note{font-size:12px!important;line-height:1.85;color:#707d72;margin:24px 0}
.reader-side{border-top:1px solid var(--reader-line);padding-top:20px;position:sticky;top:145px}
.reader-side p{font-size:12px;color:var(--reader-muted);margin:12px 0;line-height:1.85}
.reader-side a{display:block;color:var(--reader-accent);font-size:12px;padding:9px 0;text-underline-offset:5px;min-height:40px}
.reader-side strong{font-size:12px;font-weight:600}
.reader-label{display:block;font-size:12px;font-weight:600;color:var(--reader-muted);margin-bottom:8px}
#reader-context,.reader-music select{appearance:auto;border:1px solid #c6d0c1;border-radius:4px;background:#fcfbf6;color:var(--reader-ink);font:400 15px/1.5 Pretendard,system-ui,sans-serif;padding:12px 14px;min-height:46px;max-width:100%}
#reader-context{width:100%;margin-bottom:32px}
.reader-chapter .reader-subtitle{font-size:22px;margin-top:4px}
.reader-scene{padding:18px 0;border-top:1px solid var(--reader-line)}
.reader-scene p{margin:10px 0;font-size:16px;line-height:1.95}
.reader-disclosure{border-top:1px solid var(--reader-line);margin:28px 0 0;padding-top:2px}
.reader-disclosure>summary{padding:17px 0;cursor:pointer;min-height:48px;font-size:13px;color:#4b6151}
.reader-disclosure>p,.reader-disclosure li{font-size:14px;color:#59695c;line-height:1.95}
.reader-deeper{margin:35px 0 15px;padding-top:25px;border-top:1px solid var(--reader-line)}
.reader-deeper p{font-size:16px;line-height:1.95}
.reader-practice{padding-left:20px}
.reader-year{font:400 50px/1.3 Georgia,serif!important;color:#826b4d;margin:28px 0!important}
.reader-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:30px 0 35px;border-block:1px solid var(--reader-line);padding:20px 0}
.reader-pillars>div{text-align:center}
.reader-pillars small{font-size:11px;color:var(--reader-muted);display:block}
.reader-pillars strong{font:400 29px/1.7 serif;letter-spacing:.04em}
.reader-elements{list-style:none;padding:0;margin:22px 0 30px}
.reader-elements li{display:grid;grid-template-columns:48px 1fr 25px;align-items:center;gap:14px;font-size:13px;margin:14px 0}
.reader-elements i{height:5px;background:#e2e6db;overflow:hidden;border-radius:4px}
.reader-elements i b{display:block;height:100%;background:#789270;border-radius:4px}
.reader-tools{border-top:1px solid var(--reader-line);margin-top:38px;padding-top:20px}
.reader-share{max-width:670px;margin-top:32px}
.reader-share #ss-share{margin:5px 0 20px;padding:20px 0;background:none;border:0;border-radius:0;color:var(--reader-ink)}
.reader-share .ss-preview{gap:20px}
.reader-share .ss-b,.reader-share .ss-f{color:var(--reader-accent);border-color:#c3cfbf;background:#fcfbf6;min-height:44px}
.reader-share .ss-b.ss-main,.reader-share .ss-f[aria-pressed=true]{background:var(--reader-accent);color:#fff}
.reader-share .ss-lede,.reader-share .ss-tip,.reader-share .ss-friend p,.reader-share .ss-status{color:var(--reader-muted)}
.reader-share .ss-friend{border-color:var(--reader-line)}
.reader-share .ss-how{background:#ecefe5;color:var(--reader-ink)}
.reader-music{margin:25px 0 0;border-top:1px solid var(--reader-line);padding-top:20px}
.reader-music label{display:block;font-size:12px;color:var(--reader-muted);margin-bottom:8px}
.reader-music p{font-size:11px;color:var(--reader-muted);max-width:550px;line-height:1.8}
.reader-music select{font-size:13px;min-height:44px}
.reader-music>summary{font-size:12px;cursor:pointer;padding:0 0 12px;min-height:44px;color:var(--reader-muted)}
.reader-shell>h1{font:500 clamp(27px,3vw,36px)/1.5 Pretendard,system-ui,sans-serif;letter-spacing:-.04em;margin:10px 0 14px}
.reader-fixture-banner{font-size:12px;line-height:1.85;background:#e9ede2;color:#425a45;border-left:2px solid #758a69;padding:12px 18px;margin:24px 0}
.reader-demo-switch{display:flex;gap:10px;margin:22px 0 0}
.reader-demo-switch a{padding:10px 15px;border:1px solid #bfcbb8;border-radius:4px;color:var(--reader-accent);font-size:13px;min-height:44px;text-decoration:none}
.reader-demo-switch a[aria-current=page]{background:var(--reader-accent);color:white}
.reader-preview .brand{font-family:Georgia,serif;font-size:21px;text-decoration:none;white-space:nowrap;display:flex;gap:9px;align-items:center}
.reader-preview .brand .seal{background:#963c31;color:#fff;padding:2px 7px;font-size:14px}
.reader-preview #bar{position:fixed;top:0;left:0;right:0;z-index:50;height:64px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between}
.reader-preview #bar>.reader-preview-controls{display:flex;align-items:center}
.reader-preview footer{font-size:12px;max-width:984px;margin:0 auto;padding:0 30px 35px;color:#778274}
.reader-empty{min-height:35vh;padding-top:45px}
.reader-preview-intro.reader-shell{padding-bottom:0}
.reader-preview #reader-root.reader-shell,.reader-preview #paid-reader-root.reader-shell{padding-top:25px}
.reader-preview-intro #preview-label{font-size:13px;margin:0;font-weight:600}
.reader-preview #paid-reader-root>[role=note]{display:none}
@media(max-width:820px){
 .reader-shell{padding:87px 23px 35px;max-width:650px}
 .reader-topline{padding-bottom:13px}.reader-brand-note{font-size:11px}
 .reader-heading{margin:16px 0 14px;gap:16px}.reader-heading h1{font-size:29px}.reader-heading p{font-size:12px}.reader-heading img{width:36px;height:36px}
 .reader-nav{gap:0;justify-content:space-between;top:64px;margin-bottom:29px}.reader-nav button{font-size:13px;min-height:50px;padding:13px 0}
 .reader-content-grid{display:block}.reader-chapter{max-width:none}.reader-side{position:static;display:flex;flex-wrap:wrap;gap:0 20px;margin-top:36px;padding-top:14px}.reader-side p{flex-basis:100%;margin:0}.reader-side strong{display:none}.reader-side a{font-size:12px}
 .reader-chapter h1,.reader-chapter h2{font-size:24px;line-height:1.5}.reader-chapter .reader-lead{font-size:18px;margin:23px 0 26px;line-height:1.9}.reader-intro{font-size:13px;margin-bottom:22px}
 .reader-sign{margin:22px 0}.reader-sign>span{font-size:38px;min-width:47px}.reader-sign b{font-size:15px}
 .reader-two{gap:22px;padding-top:20px}.reader-two h3{font-size:13px}.reader-two p{font-size:14px;line-height:1.85}
 .reader-next{padding-left:16px;margin:25px 0}.reader-next p{font-size:16px}.reader-primary{width:100%;min-height:48px}.reader-note{font-size:11px!important}
 .reader-scene p,.reader-deeper p{font-size:16px;line-height:1.9}.reader-share .ss-preview{display:block}.reader-share .ss-prev img{max-height:380px;width:auto;max-width:100%;margin:0 auto 20px}
 .reader-preview .brand{font-size:17px}.reader-preview #bar{padding:0 16px}.reader-fixture-banner{font-size:11px;padding:11px 13px}.reader-pillars{gap:4px}.reader-pillars strong{font-size:25px}
}
@media(max-width:365px){.reader-shell{padding-inline:20px}.reader-two{gap:15px}.reader-heading h1{font-size:27px}.reader-nav button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.reader-shell *{scroll-behavior:auto!important;transition:none!important}}

body.reader-active .sc-room{padding:0}body.reader-active .sc-room>.bg,body.reader-active .sc-room::after{display:none}body.reader-active .sc-wrap{max-width:none;padding:0}
.reader-original{max-width:984px;margin:0 auto 40px;padding:0 22px;color:var(--reader-ink)}.reader-original>summary{cursor:pointer;padding:18px 0;border-top:1px solid var(--reader-line);font:500 15px/1.8 Pretendard,system-ui,sans-serif}.reader-original-content{background:#07080d;color:#eee7da;padding:24px;overflow-wrap:anywhere}.reader-original-content .pg{max-width:100%}

/* Reading hierarchy shared by the free result and the paid reader. */
.reader-chapter{font-size:1.0625rem;line-height:1.8}
.reader-chapter h1,.reader-chapter h2{font-weight:650}
.reader-chapter .reader-lead{
  padding:clamp(16px,3vw,26px);border-inline-start:4px solid #527356;
  border-radius:6px;background:#e6eee2;color:#203b2c;
  font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:650;line-height:1.55
}
.reader-chapter .reader-intro,.reader-two p,.reader-scene p,.reader-deeper p,.reader-disclosure>p,.reader-disclosure li{
  font-size:1rem;line-height:1.75
}
.reader-two h3,.reader-chapter h3,.reader-disclosure>summary{font-size:1rem;font-weight:650}
.reader-scene>span,.reader-next>span{display:block;font-size:.9375rem;font-weight:700}
.reader-scene>span{color:#46594b}
.reader-next{
  padding:16px 18px;border:1px solid #d7c49f;border-inline-start:4px solid #8b6635;
  border-radius:6px;background:#f4ebd9;color:#49361f
}
.reader-next>span{color:#634622}
.reader-next p{font-size:1.0625rem;line-height:1.65}
@media(max-width:480px){.reader-two{grid-template-columns:minmax(0,1fr)}}