@import 'https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Noto+Serif+KR:wght@400;700&display=swap';:root{--color-primary:#1a2744;--color-accent:#c9a84c;--color-accent-dark:#a07832;--color-text:#2c2c2c;--color-text-muted:#666;--color-bg:#ffffff;--color-bg-soft:#f7f5f0;--color-bg-quote:#f0ede6;--color-border:#e0d8c8;--color-nav-bg:#1a2744;--color-nav-text:#e8e0cc;--color-nav-hover:#c9a84c;--color-nav-active:#c9a84c;--font-sans:'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;--font-serif:'Noto Serif KR', 'Batang', Georgia, serif;--max-width:1100px;--sidebar-width:200px;--content-padding:2rem;--radius:4px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}html.large-text{font-size:21px}body{font-family:var(--font-sans);font-weight:400;color:var(--color-text);background:var(--color-bg);line-height:1.8}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-dark);text-decoration:underline}img{max-width:100%;height:auto;display:block}.site-header{background:var(--color-primary);padding:1.5rem var(--content-padding)}.header-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;gap:1.5rem}.site-title{color:#fff;font-size:1.5rem;font-weight:700;font-family:var(--font-serif);line-height:1.3;flex:1}.site-title a{color:inherit}.site-title a:hover{text-decoration:none;color:var(--color-accent)}.header-controls{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.header-buttons{display:flex;align-items:center;gap:.75rem}.font-size-hint{display:block;font-size:.72rem;font-weight:400;color:#e8e0cc;font-family:var(--font-sans);text-align:right}.site-subtitle{display:block;font-size:.8rem;font-weight:300;color:var(--color-accent);margin-top:.25rem;font-family:var(--font-sans)}.nav-toggle{display:none;background:0 0;border:2px solid var(--color-accent);color:var(--color-accent);padding:.4rem .7rem;cursor:pointer;border-radius:var(--radius);font-size:1.2rem;line-height:1}.font-size-btn{background:0 0;border:2px solid var(--color-accent);color:var(--color-accent);padding:.25rem .6rem;cursor:pointer;border-radius:var(--radius);font-size:.95rem;font-weight:700;line-height:1;transition:background .15s,color .15s}.font-size-btn:hover{background:var(--color-accent);color:var(--color-primary)}html.large-text .font-size-btn{background:var(--color-accent);color:var(--color-primary)}.page-wrapper{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:var(--sidebar-width)1fr;grid-template-rows:auto;min-height:calc(100vh - 200px)}.site-nav{background:var(--color-nav-bg);padding:1.5rem 0;position:sticky;top:0;height:100vh;overflow-y:auto}.nav-section-title{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#89b;padding:0 1.2rem .5rem;margin-bottom:.2rem}.site-nav ul{list-style:none}.site-nav ul li a{display:block;padding:.55rem 1.2rem;color:var(--color-nav-text);font-size:.9rem;font-weight:400;border-left:3px solid transparent;transition:all .2s}.site-nav ul li a:hover,.site-nav ul li a.active{color:var(--color-nav-hover);background:rgba(201,168,76,8%);border-left-color:var(--color-nav-active);text-decoration:none}.site-nav ul ul li a{padding-left:2rem;font-size:.82rem;color:#89b}.site-nav ul ul li a:hover,.site-nav ul ul li a.active{color:var(--color-accent)}.nav-divider{border:none;border-top:1px solid rgba(255,255,255,.1);margin:.8rem 1.2rem}.page-content{padding:2.5rem var(--content-padding);max-width:800px}.page-title{font-family:var(--font-serif);font-size:1.8rem;font-weight:700;color:var(--color-primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-accent);line-height:1.4}.page-content h2{font-family:var(--font-serif);font-size:1.3rem;color:var(--color-primary);margin:2rem 0 .8rem;font-weight:700}.page-content h3{font-size:1.1rem;color:var(--color-accent-dark);margin:1.5rem 0 .6rem;font-weight:700}.page-content .h2,.page-content .h2c,.page-content .h2l{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;color:var(--color-primary);margin:1.8rem 0 .8rem;text-align:left}.page-content .h3{font-size:1.05rem;color:var(--color-accent-dark);font-weight:700;margin:1.4rem 0 .6rem}.page-content .h4,.page-content .h4b{font-family:var(--font-serif);font-size:.95rem;color:var(--color-primary);font-weight:700;font-style:italic;text-align:center;margin:.5rem 0}.page-content .h5{font-size:1rem;font-weight:700;color:var(--color-accent);margin:1.2rem 0 .4rem}.page-content table[width="140"]{float:right;width:180px;margin:0 0 1rem 1.5rem;background:var(--color-primary);border-radius:var(--radius);padding:.8rem 1rem}.page-content table[width="140"] p{color:#fff;font-size:.88rem;text-align:center;margin:0}.page-content .content-img{max-width:100%;height:auto;border-radius:var(--radius);margin:1.2rem 0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.page-content img[align=right]{margin-left:1.5rem;margin-bottom:1rem}.page-content img[align=left]{margin-right:1.5rem;margin-bottom:1rem}.page-content p{font-family:var(--font-serif);font-size:1rem;line-height:1.9;margin-bottom:1.2rem;text-align:justify;word-break:keep-all}.page-content a{color:var(--color-accent-dark);font-weight:600;text-decoration:none}.page-content a:hover{color:var(--color-primary);text-decoration:none}.page-content p.right{text-align:right;font-size:.875rem;color:#666}.page-content nobr{white-space:normal}.page-content .quotes-toc{display:flex;gap:1rem}.page-content .quotes-toc ol{flex:1;margin:0;padding-left:2rem}.page-content a.section-top,.page-content a.section-home{display:inline-block;padding:.2rem .65rem;font-size:.75rem;border-radius:3px;text-decoration:none;vertical-align:middle;transition:background .15s,color .15s}.page-content a.section-top{color:var(--color-accent-dark);border:1px solid var(--color-accent)}.page-content a.section-top:hover{background:var(--color-accent);color:#fff;text-decoration:none}.page-content a.section-home{color:var(--color-nav-text);background:var(--color-primary);border:1px solid var(--color-primary)}.page-content a.section-home:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;text-decoration:none}.page-content blockquote{background:var(--color-bg-quote);border-left:4px solid var(--color-accent);padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 var(--radius)var(--radius)0}.page-content blockquote p{font-family:var(--font-serif);font-size:.95rem;color:#444;margin-bottom:.5rem;font-style:italic}.page-content blockquote p:last-child{margin-bottom:0}.page-content em{color:var(--color-accent-dark);font-style:normal;font-weight:500}.pullquote{background:var(--color-primary);color:#fff;padding:1rem 1.2rem;border-radius:var(--radius);font-size:.9rem;line-height:1.6;margin:0 0 1.5rem 1.5rem;float:right;width:200px;font-family:var(--font-serif);font-style:italic;clear:right}.pullquote::before{content:'\201C';font-size:2rem;color:var(--color-accent);line-height:1;display:block;margin-bottom:.3rem}.page-content ul,.page-content ol{margin:.8rem 0 1.2rem 1.5rem}.page-content li{font-family:var(--font-serif);line-height:1.8;margin-bottom:.3rem}.subpage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.7rem;margin:1.5rem 0}.subpage-card{display:block;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius);padding:.7rem 1rem;font-size:.9rem;font-weight:500;color:var(--color-primary);text-align:center;transition:all .2s}.subpage-card:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px rgba(26,39,68,.15)}.chart-wrap{overflow-x:visible;margin:1rem 0 1.8rem}.nt-chart{width:100%;min-width:0;border:1px solid #8a2a1d;border-collapse:collapse;background:#fff;table-layout:fixed}.nt-chart th,.nt-chart td{border:1px solid #8a2a1d;padding:.48rem .55rem;vertical-align:top;line-height:1.5;text-align:left;word-break:keep-all;overflow-wrap:anywhere}.nt-chart th{background:#d5d3a4;color:#2f2a1f;font-weight:700}.nt-chart tbody tr:nth-child(even){background:#efefc8}.nt-chart tbody tr:nth-child(odd){background:#f8f8f8}.history-chart{width:100%;border:1px solid #8a2a1d;border-collapse:collapse;background:#fff}.history-chart td{border:1px solid #8a2a1d;padding:.5rem .6rem;vertical-align:top;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}.history-chart td:first-child{width:92px;font-weight:700;color:#2f2a1f;background:#d5d3a4}.history-chart tbody tr:nth-child(even) td:not(:first-child){background:#efefc8}.history-chart tbody tr:nth-child(odd) td:not(:first-child){background:#f8f8f8}@media(max-width:768px){.nt-chart thead{display:none}.nt-chart,.nt-chart tbody,.nt-chart tr,.nt-chart td{display:block;width:100%}.nt-chart{border:none;background:0 0}.nt-chart tr{border:1px solid #8a2a1d;background:#f8f8f8;margin-bottom:.8rem}.nt-chart tbody tr:nth-child(even),.nt-chart tbody tr:nth-child(odd){background:#f8f8f8}.nt-chart td{border:none;border-top:1px solid #d6ccb7;padding:.48rem .55rem .48rem 7rem;position:relative;text-align:left;min-height:2.1rem}.nt-chart td:first-child{border-top:none}.nt-chart td::before{position:absolute;left:.55rem;top:.48rem;width:6.1rem;color:#4f3d1f;font-weight:700;font-size:.82rem;line-height:1.25}.nt-chart td:nth-child(1)::before{content:"구절"}.nt-chart td:nth-child(2)::before{content:"누가"}.nt-chart td:nth-child(3)::before{content:"언제"}.nt-chart td:nth-child(4)::before{content:"어디"}.nt-chart td:nth-child(5)::before{content:"어떤 상태에서"}.nt-chart td:nth-child(6)::before{content:"어떻게"}.nt-chart td:nth-child(7)::before{content:"이유/이익/결과"}}.page-content hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.page-nav{display:flex;flex-wrap:wrap;gap:.4rem .8rem;margin:2rem 0 1rem;padding-top:1rem;border-top:1px solid var(--color-border);font-size:.85rem}.page-nav a{color:var(--color-text-muted);padding:.2rem .5rem;border-radius:var(--radius)}.page-nav a:hover{background:var(--color-bg-soft);text-decoration:none;color:var(--color-primary)}.site-footer{background:var(--color-primary);color:rgba(255,255,255,.6);text-align:center;padding:2rem var(--content-padding);font-size:.8rem;margin-top:auto}.site-footer a{color:var(--color-accent)}.site-footer a:hover{color:#fff}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem;margin-bottom:1rem}.footer-links a{color:rgba(255,255,255,.7);font-size:.85rem}.footer-links a:hover{color:var(--color-accent);text-decoration:none}@media(max-width:768px){.header-inner{flex-wrap:wrap;align-items:flex-start;gap:.8rem}.site-title{order:2;flex:1 1 100%;min-width:0}.header-controls{order:1;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.6rem}.header-buttons{width:auto;flex:none;justify-content:flex-end}.font-size-hint{order:-1;width:auto;max-width:60%;text-align:right;line-height:1.35}.nav-toggle{display:block}.page-wrapper{grid-template-columns:1fr}.site-nav{position:fixed;top:0;right:-100%;width:240px;height:100vh;z-index:1000;transition:right .3s ease;box-shadow:-4px 0 20px rgba(0,0,0,.3)}.site-nav.open{right:0}.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999}.nav-overlay.open{display:block}.page-content{padding:1.5rem 1rem}.page-title{font-size:1.4rem}.page-content p,.page-content blockquote p{text-align:left}.pullquote{float:none;width:100%;margin:1rem 0}.page-content table[width="140"]{float:none;width:100%;margin:1rem 0}.subpage-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media(max-width:480px){.site-title{font-size:1.2rem}.header-controls{gap:.3rem}.header-buttons{gap:.45rem}.font-size-hint{font-size:.68rem;max-width:58%}.page-content p{font-size:.95rem}}.scroll-btns{position:fixed;right:1.2rem;bottom:1.5rem;display:flex;flex-direction:column;gap:.4rem;z-index:900;opacity:0;pointer-events:none;transition:opacity .3s ease}.scroll-btns.visible{opacity:1;pointer-events:auto}.scroll-btn{width:2.4rem;height:2.4rem;border-radius:50%;border:none;background:var(--color-primary);color:var(--color-accent);font-size:1.1rem;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:background .2s,transform .15s,color .2s;display:flex;align-items:center;justify-content:center}.scroll-btn:hover{background:var(--color-accent);color:var(--color-primary);transform:scale(1.1)}@media(max-width:768px){.scroll-btns{right:.7rem;bottom:1rem}.scroll-btn{width:2.1rem;height:2.1rem;font-size:1rem}}