:root{--reader-bg:#f6f6f1;--reader-ink:#242e2b;--reader-muted:#5a6863;--reader-line:#d8ded6;--reader-accent:#334c9d;--bg:var(--reader-bg);--bg-soft:#edf0e9;--ink:var(--reader-ink);--line:var(--reader-line);--brand:var(--reader-accent)}
html{scroll-behavior:smooth;scroll-padding-top:100px}
.reading-page{background:var(--reader-bg);color:var(--reader-ink);font-family:'Inter','Noto Sans KR',system-ui,sans-serif;overflow-x:visible;line-height:1.6}
.reading-page button,.reading-page a{-webkit-tap-highlight-color:transparent}
.reading-page button{font:inherit;cursor:pointer}
.reading-page a:focus-visible,.reading-page button:focus-visible,.reading-page summary:focus-visible{outline:3px solid #5871bf;outline-offset:5px}
.reading-page svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.reader-shell{width:min(1180px,calc(100% - 80px));margin-inline:auto}
.reader-skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px 20px}
.reader-skip:focus{top:10px}
nav.reader-nav{position:sticky;inset:0 0 auto;z-index:30;background:rgba(246,246,241,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--reader-line)}
.reader-nav>.reader-shell{min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.reader-back,.reader-nav-links a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:600}
.reader-nav-links{display:flex;gap:28px;color:var(--reader-muted)}
.reader-nav-links a:hover,.reader-back:hover{color:var(--reader-accent)}
header.reader-hero{display:grid;grid-template-columns:minmax(0,1fr) 175px;align-items:center;gap:44px;padding:52px 0 38px;max-width:none;margin:0;position:static}
.reader-kicker{font-size:15px;font-weight:800;letter-spacing:.01em;color:var(--reader-accent);margin:0 0 14px}
.reader-kicker>span{margin-left:16px;font-weight:500;font-size:13px;color:var(--reader-muted)}
.reader-hero h1{font-size:clamp(28px,3.5vw,46px);font-weight:750;line-height:1.25;letter-spacing:-.045em;margin:0;color:var(--reader-ink)}
.reader-lead{margin:20px 0 22px;font-size:16px;line-height:1.8;color:var(--reader-muted)}
.reader-role{display:flex;flex-wrap:wrap;column-gap:18px;row-gap:6px;font-size:13px;color:var(--reader-muted)}
.reader-role strong{color:var(--reader-ink)}
.reader-sticker{margin:0;text-align:center;align-self:center}
.reader-sticker img{display:block;width:100%;height:auto;transform:rotate(-5deg)}
.reader-sticker figcaption{font-size:12px;letter-spacing:.02em;color:var(--reader-muted);margin-top:6px}
.reader-section-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}
.reader-section-head h2,.reader-evidence h2{font-size:25px;line-height:1.45;font-weight:750;letter-spacing:-.035em;margin:0}
.reader-section-head>span{font-size:12px;color:var(--reader-muted)}
.reader-workflow{border-top:1px solid var(--reader-ink);border-bottom:1px solid var(--reader-line);padding:28px 0 0}
.reader-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;margin:0;padding:0 0 24px}
.reader-steps li{position:relative;padding:0 12px 4px 0;min-width:0}
.step-number{font-size:13px;letter-spacing:.08em;color:var(--reader-accent);font-variant-numeric:tabular-nums;font-weight:700;display:block;margin-bottom:11px}
.reader-steps h3{font-size:19px;letter-spacing:-.03em;line-height:1.45;margin:0 0 9px;font-weight:700}
.reader-steps p{font-size:14px;line-height:1.7;color:var(--reader-muted);margin:0}
.reader-steps svg{position:absolute;right:-19px;top:44px;width:22px;height:22px;color:#9aa79f}
.reader-ownership{display:flex;align-items:baseline;gap:18px;border-top:1px solid var(--reader-line);padding:13px 0;font-size:13px}
.reader-ownership>span{font-weight:750;color:var(--reader-accent);white-space:nowrap}
.reader-ownership p{margin:0;color:var(--reader-muted)}
.reader-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:26px 0 30px;gap:30px}
.reader-highlights article{border-left:2px solid #c9d2c5;padding-left:17px;min-width:0}
.highlight-index{font-size:12px;color:var(--reader-muted)}
.reader-highlights h2{font-size:16px;letter-spacing:-.025em;font-weight:700;line-height:1.55;margin:5px 0}
.reader-highlights p{font-size:13px;line-height:1.7;margin:0;color:var(--reader-muted)}
.reader-example{border-top:1px solid var(--reader-line);padding:44px 0 48px;margin-top:10px}
.reader-example-tabs{display:flex;border-bottom:1px solid #a7b2aa;gap:4px;align-self:flex-end}
.reader-example-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:11px 15px;min-height:46px;color:var(--reader-muted);font-size:14px;white-space:nowrap}
.reader-example-tabs button[aria-pressed=true]{color:var(--reader-accent);border-bottom-color:var(--reader-accent);font-weight:750}
.reader-record{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);background:#fff;border:1px solid var(--reader-line);min-height:270px}
.record-input{padding:30px 36px;background:#eef1e8;border-right:1px solid var(--reader-line);display:flex;flex-direction:column;justify-content:center}
.record-label{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--reader-muted)}
.record-input blockquote{font-size:25px;line-height:1.5;font-weight:600;letter-spacing:-.03em;margin:16px 0}
.record-input p{font-size:13px;color:var(--reader-muted);margin:0}
.record-output{padding:24px 30px}
.record-output-head{display:flex;justify-content:space-between;align-items:center}
.record-output-head small{font-size:11px;color:var(--reader-muted)}
.record-output ol{list-style:none;margin:8px 0 0;padding:0}
.record-output li{display:flex;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px solid #e8ece5}
.record-output li:last-child{border-bottom:0;padding-bottom:0}
.record-rank{font-size:12px;color:var(--reader-accent);line-height:24px;font-variant-numeric:tabular-nums}
.record-output strong{font-size:14px;line-height:1.6;font-weight:650;display:block;overflow-wrap:anywhere}
.record-output li small{font-size:12px;color:var(--reader-muted);display:block;margin-top:3px}
.reader-record-note{font-size:12px;color:var(--reader-muted);margin:11px 0 0}
.reader-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.reader-button{display:inline-flex;align-items:center;justify-content:space-between;gap:23px;border:1px solid #afb9af;padding:12px 18px;min-height:48px;font-size:14px;font-weight:600}
.reader-button.primary{background:#e1e8d9;border-color:#bac7af;color:#233021}
.reader-button:hover{background:#d7dfcc}
.reader-evidence{border-top:1px solid var(--reader-line);padding:42px 0 48px;display:grid;grid-template-columns:1fr 1fr;gap:70px}
.reader-evidence>div>p:not(.reader-kicker){color:var(--reader-muted);font-size:15px;line-height:1.8;margin:16px 0}
.reader-text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:650;color:var(--reader-accent);min-height:44px;margin-top:8px}
.reader-proof{padding-top:14px}
.proof-row{display:grid;grid-template-columns:64px 110px 1fr;align-items:center;gap:10px;margin-bottom:21px}
.proof-row>span{font-size:14px;color:var(--reader-muted)}
.proof-row strong{font-size:31px;line-height:1.2;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.proof-row strong small{font-size:15px;margin-left:2px}
.proof-track{background:#e4e8df;height:8px}
.proof-track i{height:100%;display:block;width:var(--value);background:#8c9c90}
.proof-row.after strong{color:var(--reader-accent)}
.proof-row.after .proof-track i{background:var(--reader-accent)}
.reader-evidence .reader-proof>p{font-size:12px;margin:10px 0}
.reader-evidence .reader-proof .reader-scope{font-size:12px;max-width:400px}
.reader-deep{padding:42px 0 0;border-top:1px solid var(--reader-ink)}
.reader-expand{background:none;border:0;border-bottom:1px solid #929f96;color:var(--reader-muted);padding:10px 0;font-size:13px;min-height:44px}
.reader-detail{border-top:1px solid var(--reader-line)}
.reader-detail:last-child{border-bottom:1px solid var(--reader-line)}
.reader-detail>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;gap:24px;cursor:pointer;padding:23px 0}
.reader-detail>summary::-webkit-details-marker{display:none}
.reader-detail>summary strong{display:block;font-size:18px;line-height:1.45;font-weight:650}
.reader-detail>summary small{display:block;font-size:13px;color:var(--reader-muted);margin-top:6px}
.reader-detail[open]>summary>svg{transform:rotate(180deg)}
.reader-detail[open]>summary strong{color:var(--reader-accent)}
.reader-legacy{background:#fff;border:1px solid var(--reader-line);margin:0 0 24px;border-radius:2px;overflow:hidden}
.reader-legacy .reveal{opacity:1!important;transform:none!important;transition:none!important}
.reader-legacy>.pad,.reader-legacy>.band{padding:36px 0!important;background:#fff!important}
.reader-legacy .wrap{padding:0 24px}
.reader-legacy .section-title{font-size:27px!important}
.reader-legacy .section-sub{font-size:15px}
.reader-legacy .glossary{overflow-wrap:anywhere}
.reader-legacy table{width:100%}
.reader-legacy .rl-note{color:#525d70}
footer.reader-footer{display:flex;align-items:center;flex-wrap:wrap;gap:28px;padding:34px 0 45px;border:0;margin:0;background:none;font-size:13px}
.reader-footer a{display:inline-flex;align-items:center;gap:9px;min-height:44px}
.reader-footer>span{margin-left:auto;color:var(--reader-muted);font-size:12px}
@media(max-width:820px){
 .reader-shell{width:calc(100% - 48px)}
 .reader-nav-links{gap:16px}.reader-nav-links a{font-size:12px}
 header.reader-hero{grid-template-columns:1fr 120px;gap:20px;padding-top:36px}
 .reader-hero h1{font-size:33px}.reader-kicker>span{display:block;margin:5px 0 0}
 .reader-steps{gap:22px}.reader-steps h3{font-size:16px}.reader-steps p{font-size:13px}.reader-steps svg{right:-16px}
 .reader-highlights{gap:18px}.reader-highlights h2{font-size:14px}.reader-highlights p{font-size:12px}
 .reader-evidence{gap:30px}.proof-row{grid-template-columns:55px 98px 1fr}.proof-row strong{font-size:27px}
}
@media(max-width:600px){
 html{scroll-padding-top:80px}.reader-shell{width:calc(100% - 36px)}
 .reader-nav>.reader-shell{min-height:59px;gap:10px}.reader-back{font-size:12px;gap:5px}
 .reader-nav-links{gap:13px}.reader-nav-links a{font-size:11px}.reader-nav-links a:first-child{display:none}
 header.reader-hero{display:block;position:relative;padding:28px 0 25px}
 .reader-kicker{font-size:14px;margin-bottom:13px}.reader-kicker>span{font-size:11px}
 .reader-hero h1{font-size:28px;line-height:1.36;letter-spacing:-.055em;padding-right:5px}
 .reader-sticker{position:absolute;right:0;top:14px;width:64px}
 .reader-sticker figcaption{display:none}.reader-lead{font-size:13px;line-height:1.8;margin:16px 0}.desktop-break{display:none}
 .reader-role{font-size:11px;column-gap:12px;row-gap:3px}.reader-role span:last-child{flex-basis:100%}
 .reader-workflow{padding-top:20px}.reader-section-head{gap:15px;margin-bottom:21px;align-items:flex-start}
 .reader-section-head h2,.reader-evidence h2{font-size:20px}.reader-section-head>span{font-size:10px;white-space:nowrap;padding-top:7px}
 .reader-steps{grid-template-columns:1fr 1fr;gap:22px 26px;padding-bottom:23px}
 .reader-steps li{padding:0}.step-number{font-size:11px;margin-bottom:6px}.reader-steps h3{font-size:15px;margin-bottom:5px}
 .reader-steps p{font-size:12px;line-height:1.65}.reader-steps svg{width:17px;right:-21px;top:29px}.reader-steps li:nth-child(2) svg{display:none}
 .reader-ownership{font-size:11px;gap:11px;padding:12px 0}.reader-ownership p{line-height:1.8}
 .reader-highlights{grid-template-columns:1fr;gap:18px;padding:25px 0}
 .reader-highlights article{padding-left:14px}.reader-highlights h2{font-size:15px;display:inline;margin:0 0 0 13px}
 .highlight-index{font-size:11px}.reader-highlights p{font-size:12px;margin-top:4px}
 .reader-example{padding:30px 0}.reader-example .reader-section-head{display:block}.reader-example-tabs{margin-top:17px;width:max-content}
 .reader-example-tabs button{font-size:12px;padding:9px 13px;min-height:44px}
 .reader-record{grid-template-columns:1fr}.record-input{padding:23px;border-right:0;border-bottom:1px solid var(--reader-line)}
 .record-input blockquote{font-size:21px;margin:11px 0}.record-input p{font-size:12px}.record-output{padding:22px}.record-output strong{font-size:13px}
 .reader-record-note{font-size:10px;line-height:1.8}.reader-actions{gap:9px}.reader-button{font-size:12px;padding:12px;gap:10px;min-height:46px}
 .reader-button svg{width:17px}.reader-evidence{grid-template-columns:1fr;gap:25px;padding:30px 0}.reader-evidence>div>p:not(.reader-kicker){font-size:13px}
 .reader-proof{padding-top:0}.proof-row{grid-template-columns:58px 100px 1fr}.reader-evidence .reader-proof .reader-scope{font-size:11px}
 .reader-deep{padding-top:30px}.reader-expand{font-size:11px;white-space:nowrap}.reader-detail>summary{padding:19px 0;gap:12px}
 .reader-detail>summary strong{font-size:16px}.reader-detail>summary small{font-size:11px}.reader-legacy .wrap{padding:0 16px}
 .reader-legacy .section-title{font-size:23px!important}.reader-legacy .section-sub{font-size:13px}
 .reader-legacy .rule-table{font-size:11px}.reader-legacy table{display:block;overflow-x:auto;max-width:100%}
 footer.reader-footer{gap:15px;padding:24px 0 35px;font-size:12px}.reader-footer>span{width:100%;margin:0}
}
.reader-result{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 20px;padding:9px 14px;border:1px solid var(--reader-line);border-radius:6px;background:#fff;color:var(--reader-ink);text-decoration:none}
.reader-result strong{font-size:16px;font-weight:750;font-variant-numeric:tabular-nums;color:var(--reader-accent)}
.reader-result span{font-size:12px;color:var(--reader-muted)}
.reader-result:hover,.reader-result:focus-visible{border-color:var(--reader-accent)}
.step-number em{font-style:normal;font-size:11px;letter-spacing:0;font-weight:700;margin-left:8px;padding:2px 6px;border-radius:4px;background:var(--reader-accent);color:#fff;vertical-align:1px}
.reader-steps li.is-mine h3{color:var(--reader-accent)}
@media(max-width:600px){.reader-result{margin:0 0 16px;padding:8px 11px}.reader-result strong{font-size:14px}.reader-result span{font-size:11px}.step-number em{font-size:10px;margin-left:6px;padding:1px 5px}}
.record-rank{flex:none;white-space:nowrap}
.evo-stages{display:flex;align-items:center;gap:8px;margin:12px 0 0}
.evo-stage{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--reader-muted)}
.evo-stage img{width:56px;height:56px;object-fit:contain;background:#fff;border:1px solid var(--reader-line);border-radius:8px;padding:3px}
.evo-arrow{font-size:12px;color:#9aa79f;margin-bottom:16px}
@media(max-width:600px){.evo-stage img{width:48px;height:48px}}
.reader-funnel{max-width:620px;padding:6px 0 24px}
.rf-title{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;font-size:14px;font-weight:700;color:var(--reader-ink)}
.rf-title span{font-size:12px;font-weight:500;color:var(--reader-muted)}
.rf-row{display:grid;grid-template-columns:120px 1fr 56px;align-items:center;gap:14px;padding:5px 0}
.rf-label{font-size:13px;color:var(--reader-muted);white-space:nowrap}
.rf-label em{font-style:normal;font-size:11px;font-weight:700;color:var(--reader-accent);margin-right:7px;font-variant-numeric:tabular-nums}
.rf-track{display:block;height:10px}
.rf-bar{display:block;height:10px;border-radius:2px;width:max(var(--w),8px);background:#b9c4bb}
.rf-num{text-align:right;font-size:20px;line-height:1;font-weight:750;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--reader-ink)}
.rf-num small{font-size:11px;font-weight:600;margin-left:2px;color:var(--reader-muted)}
.rf-last .rf-num{color:var(--reader-accent)}.rf-last .rf-bar{background:var(--reader-accent)}.rf-last .rf-label{color:var(--reader-ink);font-weight:600}
.rf-note{margin:10px 0 0;font-size:12px;color:var(--reader-muted)}
.proof-dots{display:grid;grid-template-columns:repeat(15,9px);gap:4px}
.proof-dots i,.proof-legend i{display:block;width:9px;height:9px;border-radius:50%;background:#cfd6cd}
.proof-row.after .proof-dots i:not(.bad){background:#b3bfe0}
.proof-dots i.bad,.proof-legend i.bad{background:#b8392f}
.proof-row{align-items:start}.proof-row>span{padding-top:9px}
.reader-evidence .reader-proof>p.proof-legend{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.proof-legend i{display:inline-block}.proof-legend i.bad{margin-left:10px}
@media(max-width:600px){.reader-funnel{padding-bottom:18px}.rf-row{grid-template-columns:96px 1fr 44px;gap:10px}.rf-num{font-size:17px}.rf-label{font-size:12px}.rf-note{font-size:11px}.proof-dots{grid-template-columns:repeat(15,8px);gap:3px}.proof-dots i{width:8px;height:8px}}
.rf-wrap{display:grid;grid-template-columns:minmax(0,620px) minmax(0,1fr);gap:40px;align-items:center}
.rf-figure{margin:0;justify-self:end;max-width:430px}
.rf-figure img{display:block;width:100%;height:auto}
@media(max-width:820px){.rf-wrap{grid-template-columns:1fr;gap:0}.rf-figure{justify-self:center;max-width:300px;order:-1;margin:0 0 2px}}
.reader-mine{display:flex;gap:12px;align-items:baseline;margin:0 0 14px;font-size:14px;line-height:1.7;color:var(--reader-ink)}
.reader-mine>span{flex:none;font-size:12px;font-weight:750;color:#fff;background:var(--reader-accent);border-radius:4px;padding:1px 7px}
.reader-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.reader-story{border-top:1px solid var(--reader-line);padding:28px 0 30px}
.story-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--reader-line);border-radius:6px;background:#fff}
.story-list li{padding:18px 18px 20px;min-width:0}
.story-list li+li{border-left:1px solid var(--reader-line)}
.story-k{display:block;font-size:12px;font-weight:750;color:var(--reader-accent);margin-bottom:8px}
.story-list p{margin:0;font-size:14px;line-height:1.75;color:var(--reader-ink)}
.story-result{background:#eef1fa}
.story-result strong{color:var(--reader-accent)}
.story-list li a{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-size:13px;font-weight:700;color:var(--reader-accent);text-decoration:none}
.story-list li a svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.rd-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.rd-col{border:1px solid var(--reader-line);border-radius:6px;padding:18px 20px;background:#fafaf7}
.rd-col.rd-now{background:#eef1fa;border-color:#c9d2ee}
.rd-k{margin:0 0 6px;font-size:12px;font-weight:700;color:var(--reader-muted)}
.rd-k a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.rd-col h3{margin:0 0 10px;font-size:17px}
.rd-col p{font-size:13px;line-height:1.75;color:var(--reader-muted);margin:10px 0 0}
.rd-formula{margin:0;white-space:pre-wrap;font-family:inherit;font-size:13px;line-height:1.8;background:#fff;border:1px solid var(--reader-line);border-radius:4px;padding:10px 12px;color:var(--reader-ink)}
.rd-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}
.rd-table th,.rd-table td{border:1px solid var(--reader-line);padding:7px 10px;text-align:left}
.rd-table td:last-child{font-variant-numeric:tabular-nums;font-weight:700}
.rd-why{margin:16px 0 22px;font-size:14px;line-height:1.8;color:var(--reader-ink)}
.rd-why strong{margin-right:8px;color:var(--reader-accent)}
@media(max-width:820px){.story-list{grid-template-columns:1fr 1fr}.story-list li:nth-child(3){border-left:0}.story-list li:nth-child(n+3){border-top:1px solid var(--reader-line)}.rd-compare{grid-template-columns:1fr}}
@media(max-width:600px){.story-list{grid-template-columns:1fr}.story-list li+li{border-left:0;border-top:1px solid var(--reader-line)}.story-list p{font-size:13px}.reader-mine{font-size:12px;flex-direction:column;gap:6px}.reader-story{padding:22px 0 24px}}
.story-list p,.reader-lead,.reader-mine,.rd-col p,.rd-why{word-break:keep-all}
.story-ghost{display:none}
.h1-num b{font-weight:inherit;white-space:nowrap}
.reading-page .fc-viz svg{width:100%;height:100%;stroke:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{nav.reader-nav,.reader-actions,.reader-example-tabs,.reader-expand{display:none}.reader-shell{width:100%}.reader-hero{padding-top:0}.reader-detail{break-inside:avoid}.reader-sticker{width:90px}}