:root,[data-theme=light]{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--color-bg: #f8f6f1;--color-surface: #faf8f4;--color-surface-2: #fcfbf8;--color-surface-offset: #f1ede6;--color-divider: #ddd8ce;--color-border: #d4cec4;--color-text: #1a1814;--color-text-muted: #6b6760;--color-text-faint: #9c988f;--color-text-inverse: #f8f6f1;--color-primary: #1a3a5c;--color-primary-hover: #142e4a;--color-primary-highlight: #d0dae6;--color-accent: #b8860b;--color-accent-hover: #9a6f09;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--content-wide: 1200px;--font-display: "Noto Serif KR", Georgia, serif;--font-body: "Noto Sans KR", "Apple SD Gothic Neo", sans-serif}[data-theme=dark]{--color-bg: #111009;--color-surface: #161510;--color-surface-2: #1b1a14;--color-surface-offset: #1e1d16;--color-divider: #2a2920;--color-border: #373530;--color-text: #e8e4dc;--color-text-muted: #a29f97;--color-text-faint: #706d66;--color-text-inverse: #111009;--color-primary: #6fa3d4;--color-primary-hover: #4d8ec2;--color-primary-highlight: #1e2d3d;--color-accent: #d4a43a;--color-accent-hover: #c4922a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;color:var(--color-text);background:var(--color-bg)}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit}main{min-height:60vh}.container{max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-6)}.site-nav{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--color-bg) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-divider)}.nav-inner{display:flex;align-items:center;gap:var(--space-8);max-width:var(--content-wide);margin-inline:auto;padding:var(--space-4) var(--space-6)}.site-logo{display:flex;align-items:center;gap:var(--space-3);white-space:nowrap;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-primary)}.nav-links a{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.nav-links a:hover{color:var(--color-primary);background:var(--color-primary-highlight)}.cat-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.nav-right{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.search-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted)}.theme-toggle,.hamburger{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-full)}.theme-toggle:hover,.hamburger:hover{background:var(--color-surface-offset)}.hamburger{display:none}.hero{padding:clamp(var(--space-16),8vw,6rem) 0 clamp(var(--space-12),6vw,var(--space-20));border-bottom:1px solid var(--color-divider)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-12);align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);color:var(--color-accent);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero-eyebrow:before{content:"";width:20px;height:2px;background:var(--color-accent)}.hero h1{margin:0 0 var(--space-5);font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.2;letter-spacing:-.03em}.hero h1 em{font-style:normal;color:var(--color-primary)}.hero-desc{max-width:48ch;margin:0 0 var(--space-8);color:var(--color-text-muted)}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-ghost{border:1px solid var(--color-border);color:var(--color-text-muted)}.btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-highlight)}.hero-card,.cat-tile,.post-card,.feat-card,.sidebar-card{background:var(--color-surface);border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-sm)}.hero-card,.feat-card{overflow:hidden;border-radius:var(--radius-xl)}.hero-card-img,.feat-card-img,.post-card-thumb{background:var(--color-surface-offset)}.hero-card-img{aspect-ratio:16 / 9}.hero-card-body,.feat-card-body{padding:var(--space-6)}.card-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.tag{display:inline-flex;align-items:center;padding:2px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.tag-economy{background:#1a3a5c1f;color:#1a3a5c}.tag-policy{background:#7a42001f;color:#7a4200}.tag-health{background:#1a5c3a1f;color:#1a5c3a}.tag-book{background:#4a1a5c1f;color:#4a1a5c}.tag-general{background:#5c3a1a1f;color:#5c3a1a}.read-time,.post-date{font-size:var(--text-xs);color:var(--color-text-faint)}.hero-card h2,.feat-card h3,.post-card h3,.section-label h2,.cat-tile h3,.footer-brand h3{font-family:var(--font-display)}.section-label{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.section-label h2{margin:0;font-size:var(--text-xl)}.section-label-line{flex:1;height:1px;background:var(--color-divider)}.cat-section,.featured-strip,.latest-section,.newsletter-section{padding:clamp(var(--space-12),6vw,var(--space-20)) 0}.cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4)}.cat-tile{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-xl)}.cat-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:grid;place-items:center}.cat-count{margin-top:auto;font-size:var(--text-xs);color:var(--color-text-faint)}.featured-strip{background:var(--color-surface-offset);border-block:1px solid var(--color-divider)}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.feat-card{display:flex;flex-direction:column}.feat-card-img{aspect-ratio:16 / 9}.feat-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);margin-top:auto;border-top:1px solid var(--color-divider)}.posts-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-10);align-items:start}.post-list{display:flex;flex-direction:column;gap:var(--space-6)}.post-card{display:grid;grid-template-columns:140px 1fr;gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-lg)}.post-card-thumb{aspect-ratio:3 / 2;border-radius:var(--radius-md)}.post-card-body{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar{display:flex;flex-direction:column;gap:var(--space-6)}.sidebar-card{border-radius:var(--radius-lg);overflow:hidden}.sidebar-card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-divider);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700}.sidebar-list{padding:var(--space-2) 0}.sidebar-item{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-5)}.sidebar-item:hover{background:var(--color-surface-offset)}.sidebar-rank{min-width:20px;padding-top:2px;font-size:var(--text-xs);font-weight:700;color:var(--color-text-faint)}.sidebar-item h4{margin:0;font-size:var(--text-sm);line-height:1.45}.sidebar-item-meta{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-faint)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-5)}.tag-chip{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-muted)}.tag-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-highlight)}.newsletter-box{display:grid;grid-template-columns:1fr auto;gap:var(--space-8);align-items:center;padding:clamp(var(--space-8),5vw,var(--space-16));border-radius:var(--radius-xl);background:var(--color-primary)}.newsletter-box h2{margin:0 0 var(--space-3);color:var(--color-text-inverse);font-family:var(--font-display);font-size:var(--text-xl)}.newsletter-box p{margin:0;color:#ffffffb8}.newsletter-form{display:flex;gap:var(--space-3)}.newsletter-input{width:240px;padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-md);outline:none}.btn-accent{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);background:var(--color-accent);color:#fff;font-size:var(--text-sm);font-weight:700}.btn-accent:hover{background:var(--color-accent-hover)}.site-footer{background:var(--color-surface-offset);border-top:1px solid var(--color-divider);padding:clamp(var(--space-10),5vw,var(--space-16)) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-10);margin-bottom:var(--space-10)}.footer-brand p,.footer-col a{color:var(--color-text-muted)}.footer-col h4{margin:0 0 var(--space-4);color:var(--color-text-faint);font-size:var(--text-sm);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-divider);font-size:var(--text-xs);color:var(--color-text-faint)}.footer-bottom-links{display:flex;gap:var(--space-5)}.visual-economy{background:linear-gradient(135deg,#1a3a5c,#2a5a8c)}.visual-policy{background:linear-gradient(135deg,#5c3a00,#8c6010)}.visual-health{background:linear-gradient(135deg,#1a5c3a,#2a8c5a)}.visual-book{background:linear-gradient(135deg,#3a1a5c,#6a3a8c)}.visual-general{background:linear-gradient(135deg,#3a3a1a,#6a6a2a)}@media(max-width:1024px){.cat-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.newsletter-box{grid-template-columns:1fr}}@media(max-width:768px){.hero-grid,.posts-layout,.featured-grid{grid-template-columns:1fr}.cat-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.hamburger{display:grid}.search-btn span{display:none}.newsletter-form{flex-direction:column}.newsletter-input{width:100%}.footer-grid{grid-template-columns:1fr}.post-card{grid-template-columns:100px 1fr}}@media(max-width:480px){.hero-cta{flex-direction:column}.btn-primary,.btn-ghost{justify-content:center}}.nav-links{display:flex;align-items:center;gap:var(--space-1);flex:1;list-style:none;padding:0;margin:0}.nav-links li{list-style:none}.nav-links a{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);white-space:nowrap}.post-card-thumb{aspect-ratio:3 / 2;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-offset)}.post-card-thumb-inner{width:100%;height:100%;border-radius:inherit}.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.footer-col li{list-style:none}.footer-col a{color:var(--color-text-muted);text-decoration:none;word-break:keep-all}.footer-col,.footer-col ul,.footer-col li,.footer-col a,.footer-col a:link,.footer-col a:visited,.footer-col a:hover,.footer-col a:active,.footer-bottom,.footer-bottom p,.footer-bottom a,.footer-bottom a:link,.footer-bottom a:visited,.footer-bottom a:hover,.footer-bottom a:active{text-decoration:none!important;text-decoration-line:none!important;border-bottom:0!important;box-shadow:none!important}