@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700;9..40,800&family=Noto+Sans+KR:wght@400;500;700&display=swap";:root{--color-paper: #faf9f6;--color-paper-deep: #f0ede5;--color-ink: #111111;--color-ink-soft: #343434;--color-muted: #6f6b64;--color-line: #d9d4c8;--color-line-strong: #111111;--color-surface: #ffffff;--color-surface-warm: #f7f2e8;--color-green: #0a6848;--color-green-dark: #064b35;--color-green-pale: #e5efe5;--color-tomato: #b44a32;--color-corn: #e6c65c;--color-blue-pale: #d7e8f8;--color-bg-default: var(--color-paper);--color-bg-surface: var(--color-surface);--color-bg-surface-elevated: var(--color-surface);--color-bg-surface-off: var(--color-surface-warm);--color-bg-dark: var(--color-ink);--color-bg-muted: var(--color-paper-deep);--color-primary: var(--color-green);--color-primary-hover: var(--color-green-dark);--color-primary-soft: var(--color-green-pale);--color-primary-pale: var(--color-green-pale);--color-accent-primary: var(--color-green);--color-accent-lime: var(--color-corn);--color-accent-blue: var(--color-blue-pale);--color-button-primary-bg: var(--color-ink);--color-button-primary-bg-hover: var(--color-green-dark);--color-button-primary-text: #ffffff;--color-text-primary: var(--color-ink);--color-text-secondary: var(--color-ink-soft);--color-text-muted: var(--color-muted);--color-text-inverse: #ffffff;--color-border-default: var(--color-line);--color-border-light: #ebe6da;--color-border-strong: var(--color-line-strong);--color-border-accent: rgba(10, 104, 72, .18);--font-base: "DM Sans", "Noto Sans KR", system-ui, -apple-system, sans-serif;--font-display: "DM Sans", "Noto Sans KR", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-masthead: 4rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.1;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--spacing-1: var(--space-1);--spacing-2: var(--space-2);--spacing-3: var(--space-3);--spacing-4: var(--space-4);--spacing-6: var(--space-6);--spacing-8: var(--space-8);--spacing-12: var(--space-12);--spacing-16: var(--space-16);--spacing-20: var(--space-20);--spacing-24: var(--space-24);--radius-sm: 4px;--radius-md: 8px;--radius-card: 8px;--radius-button: 4px;--radius-badge: 4px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(17, 17, 17, .04);--shadow-card: 0 16px 32px rgba(17, 17, 17, .08);--transition-fast: .15s ease;--transition-normal: .22s ease;--container-max: 1280px;--container-padding: var(--space-8);--sidebar-width: 248px;--header-height: 80px;--border-thin: 1px solid var(--color-line)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);text-wrap:pretty;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.page-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--color-paper)}.app-header{min-height:var(--header-height);padding:0 var(--container-padding);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-8);background:#faf9f6f0;border-bottom:1px solid var(--color-border-strong);position:sticky;top:0;z-index:200;backdrop-filter:blur(8px)}.header-left,.header-right,.header-nav{display:flex;align-items:center}.header-left{justify-content:flex-start}.header-nav{justify-content:center;gap:var(--space-6)}.header-right{justify-content:flex-end;gap:var(--space-4)}.header-title{display:inline-flex;align-items:center;font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);line-height:1;letter-spacing:0;text-transform:uppercase}.header-title:before{content:"";width:12px;height:12px;margin-right:var(--space-3);background:var(--color-green);border-radius:999px}.header-nav a,.header-primary-cta{height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-ink);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.header-nav a:hover,.header-primary-cta:hover{color:var(--color-green);border-color:var(--color-green)}.content-layout{flex:1;width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--space-16) var(--container-padding) var(--space-20);display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);gap:var(--space-12)}.main{min-width:0}.sidebar{width:var(--sidebar-width);align-self:start;position:sticky;top:calc(var(--header-height) + var(--space-8))}.sidebar-highlight{padding:var(--space-6) 0;border-top:2px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-default);color:var(--color-ink);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight)}.sidebar-note{margin:var(--space-6) 0 var(--space-8);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.nav-section{margin-top:var(--space-8)}.nav-section-label{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;border-top:1px solid var(--color-border-default)}.nav-item{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;transition:color var(--transition-fast),padding var(--transition-fast)}.nav-item:after{content:"→";color:var(--color-text-muted)}.nav-item:hover,.nav-item-active{color:var(--color-green);padding-left:var(--space-2)}.nav-item-active:after{color:var(--color-green)}.main-title{margin:0;max-width:920px;color:var(--color-ink);font-family:var(--font-display);font-size:var(--font-size-masthead);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);letter-spacing:0;text-transform:uppercase}.eyebrow{margin:0 0 var(--space-4);color:var(--color-green);font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);letter-spacing:.1em;text-transform:uppercase}.hero-desc{max-width:720px;margin:var(--space-6) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.page-header{margin-bottom:var(--space-16);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border-strong)}.section{margin-bottom:var(--space-16)}.section-title{margin:0 0 var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-strong);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);letter-spacing:.1em;text-transform:uppercase}.featured-section{margin-bottom:var(--space-12)}.card-grid,.posts-list.grid-2{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-6);align-items:stretch}.card-grid>.card,.posts-list.grid-2>.card{grid-column:span 4}.card{position:relative;min-width:0;display:flex;flex-direction:column;background:transparent;border-top:1px solid var(--color-border-strong);overflow:hidden;transition:transform var(--transition-normal),color var(--transition-fast)}.card:hover{transform:translateY(-4px)}.card.featured{min-height:440px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:var(--space-8);padding-top:var(--space-6);border-top:2px solid var(--color-border-strong)}.card-link{display:block}.card-image-wrap{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--color-bg-surface-off);border-radius:var(--radius-card);border:1px solid var(--color-border-default)}.card.featured .card-image-wrap{aspect-ratio:16 / 9;height:100%}.card-image,.card-image-placeholder{width:100%;height:100%}.card-image{object-fit:cover;transition:transform var(--transition-normal),filter var(--transition-normal)}.card:hover .card-image{filter:saturate(1.05) contrast(1.02);transform:scale(1.03)}.card-image-placeholder{background:var(--color-paper-deep)}.card-kicker{position:absolute;left:var(--space-3);bottom:var(--space-3);padding:var(--space-1) var(--space-2);background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-border-strong);border-radius:var(--radius-badge);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase}.card-body{display:flex;flex:1;flex-direction:column;gap:var(--space-3);padding:var(--space-4) 0 0}.card.featured .card-body{justify-content:center;padding-top:0}.card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase}.card-title{margin:0;color:var(--color-ink);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);letter-spacing:0}.card.featured .card-title{font-size:var(--font-size-4xl)}.card-title a{color:inherit}.card-title a:hover{color:var(--color-green)}.card-description{flex:1;margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.card.featured .card-description{flex:0;font-size:var(--font-size-lg)}.card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--space-2);border-radius:var(--radius-badge);background:var(--color-surface-warm);color:var(--color-text-secondary);border:1px solid var(--color-border-default);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.badge-primary{background:var(--color-corn);color:var(--color-ink);border-color:var(--color-corn)}.badge-green{background:var(--color-green);color:var(--color-text-inverse);border-color:var(--color-green)}.badge-blue{background:var(--color-blue-pale);color:var(--color-ink);border-color:var(--color-blue-pale)}.card-footer{margin-top:var(--space-4);padding:0;display:flex;align-items:center}.card-read-link{color:var(--color-green);font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);letter-spacing:.1em;text-transform:uppercase;transition:color var(--transition-fast)}.card-read-link:hover{color:var(--color-tomato)}.button-primary,.button-secondary{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-4);border-radius:var(--radius-button);font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);letter-spacing:.1em;text-transform:uppercase}.button-primary{background:var(--color-ink);color:var(--color-text-inverse);border:1px solid var(--color-ink)}.button-primary:hover{background:var(--color-green-dark);border-color:var(--color-green-dark)}.button-secondary{background:transparent;color:var(--color-ink);border:1px solid var(--color-border-strong)}.button-secondary:hover{color:var(--color-green);border-color:var(--color-green)}.mobile-categories{display:none;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}.mobile-pill{min-height:44px;display:inline-flex;align-items:center;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-ink);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.footer{margin-top:auto;padding:var(--space-12) var(--container-padding);background:var(--color-ink);color:var(--color-text-inverse)}.footer-inner{max-width:var(--container-max);margin:0 auto}.footer p{margin:0;color:#ffffffb8;font-size:var(--font-size-sm)}.footer-sep{margin:0 var(--space-2);color:#ffffff52}.footer-link{color:#ffffffd1;text-decoration:underline;text-underline-offset:4px}.footer-link:hover{color:var(--color-corn)}.lang{display:flex;align-items:center;gap:var(--space-1);white-space:nowrap}.lang a{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);border:1px solid transparent;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.lang a:hover,.lang a.active{color:var(--color-green);border-color:var(--color-green)}.lang .sep{display:none}@media(max-width:1180px){:root{--container-padding: var(--space-6);--sidebar-width: 216px}.app-header{grid-template-columns:1fr auto}.header-nav{display:none}.content-layout{gap:var(--space-8)}.card-grid>.card,.posts-list.grid-2>.card{grid-column:span 6}}@media(max-width:860px){:root{--container-padding: var(--space-4);--header-height: 72px}.app-header{padding:var(--space-4);grid-template-columns:1fr;gap:var(--space-3);align-items:start}.header-left,.header-right{width:100%;justify-content:space-between}.header-title{font-size:var(--font-size-xl)}.content-layout{display:block;padding-top:var(--space-8)}.sidebar{position:static;width:100%;margin-bottom:var(--space-12)}.sidebar-highlight{padding:var(--space-4) 0;font-size:var(--font-size-xl)}.sidebar-note{margin:var(--space-4) 0 var(--space-6)}.sidebar-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);border-top:0}.nav-item{min-height:44px;justify-content:center;padding:0 var(--space-2);border:1px solid var(--color-border-default);border-radius:var(--radius-pill);text-align:center}.nav-item:after{content:none}.nav-item:hover,.nav-item-active{padding-left:var(--space-2);border-color:var(--color-green)}.main-title{font-size:var(--font-size-3xl)}.hero-desc{font-size:var(--font-size-base)}.page-header,.section{margin-bottom:var(--space-12)}.card-grid,.posts-list.grid-2{display:grid;grid-template-columns:1fr;gap:var(--space-8)}.card-grid>.card,.posts-list.grid-2>.card{grid-column:auto}.card.featured{min-height:auto;display:flex;gap:0}.card.featured .card-body{padding-top:var(--space-4)}.card.featured .card-title{font-size:var(--font-size-2xl)}.mobile-categories{display:flex}}