*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);line-height:1.6;color:var(--color-text);background-color:var(--color-bg)}.container{max-width:980px;margin:0 auto;padding:0 20px}.min-h-screen{min-height:100vh}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.mb-8{margin-bottom:2rem}.prose{color:var(--color-text);max-width:none}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--color-text);font-weight:600;line-height:1.3}.prose ol,.prose p,.prose ul{margin-top:1rem;margin-bottom:1rem}.prose ol,.prose ul{padding-left:1.5rem}.prose li{margin-top:.5rem;margin-bottom:.5rem}.prose code{padding:.125rem .25rem;border-radius:.25rem;font-family:var(--font-mono)}.prose code,.prose pre{background-color:var(--color-code-bg);color:var(--color-code-text)}.prose pre{padding:1rem;border-radius:.5rem;overflow-x:auto}.prose pre code{background:none;padding:0}.prose blockquote{border-left:4px solid var(--color-accent);padding-left:1rem;font-style:italic;color:var(--color-muted)}a{color:inherit}.prose a,a{text-decoration:none}.prose a{color:var(--color-accent)}.prose a:hover{text-decoration:underline}.prose a:visited{color:var(--color-accent)}:root,[data-theme=hero-grid]{color-scheme:light;--font-sans:var(--font-latin-sans,"Geist"),var(--font-gothic-sans,"Noto Sans KR"),system-ui,-apple-system,"BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue","Arial","Apple SD Gothic Neo","Malgun Gothic","Noto Sans","Noto Sans CJK KR","Ubuntu","Cantarell","Liberation Sans","DejaVu Sans",sans-serif;--font-mono:var(--font-geist-mono),"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--color-bg:#ffffff;--color-text:#1d1d1f;--color-muted:#6e6e73;--color-accent:#007aff;--color-accent-strong:#0a84ff;--color-accent-contrast:#ffffff;--color-border:#d2d2d7;--color-nav-bg:rgba(255,255,255,0.86);--color-toggle-hover:rgba(29,29,31,0.06);--color-dark-mode-icon:#173f59;--color-light-mode-icon:#f8fbfd;--color-image-stage:#ffffff;--color-code-bg:#f5f5f7;--color-code-text:#1d1d1f;--color-table-hover:#fafafa;--color-tag-bg:#f8f9fa;--color-tag-text:#495057;--color-tag-border:#e9ecef;--color-tag-hover:#e9ecef;--color-tag-hover-border:#dee2e6;--color-surface:rgba(255,255,255,0.1);--color-surface-strong:rgba(255,255,255,0.95);--color-surface-border:rgba(255,255,255,0.3);--color-surface-border-soft:rgba(255,255,255,0.25);--color-surface-shadow:rgba(0,0,0,0.1);--color-surface-shadow-soft:rgba(0,0,0,0.08);--color-tooltip-bg:rgba(0,0,0,0.8);--color-tooltip-text:#ffffff;--color-card-overlay:linear-gradient(0deg,rgba(128,128,128,0.8),rgba(128,128,128,0));--color-bg-secondary:#f5f5f7;--color-primary:#1d1d1f;--color-primary-hover:#000000;--color-primary-contrast:#ffffff;--color-border-subtle:#e5e5ea;--color-backdrop:rgba(29,29,31,0.32);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:20px;--shadow-featured:0 8px 32px rgba(0,0,0,0.1);--shadow-featured-hover:0 0 30px rgba(0,0,0,0.15);--shadow-card:0 6px 24px rgba(0,0,0,0.08);--shadow-card-hover:0 8px 25px rgba(0,0,0,0.1)}[data-color-scheme=dark]{color-scheme:dark;--color-bg:#0f1720;--color-text:#ecf2f8;--color-muted:#a9bac8;--color-accent:#7dd3fc;--color-accent-strong:#38bdf8;--color-accent-contrast:#0f1720;--color-border:#435261;--color-nav-bg:rgba(15,23,32,0.88);--color-toggle-hover:rgba(255,255,255,0.09);--color-image-stage:#ffffff;--color-code-bg:#15212d;--color-code-text:#ecf2f8;--color-table-hover:#172330;--color-tag-bg:#182532;--color-tag-text:#bfd0dd;--color-tag-border:#2b3c4b;--color-tag-hover:#203140;--color-tag-hover-border:#435261;--color-surface:rgba(255,255,255,0.045);--color-surface-strong:rgba(21,33,45,0.95);--color-surface-border:rgba(255,255,255,0.14);--color-surface-border-soft:rgba(255,255,255,0.08);--color-surface-shadow:rgba(0,0,0,0.28);--color-surface-shadow-soft:rgba(0,0,0,0.22);--color-tooltip-bg:rgba(236,242,248,0.96);--color-tooltip-text:#0f1720;--color-card-overlay:linear-gradient(0deg,rgba(15,23,32,0.9),rgba(15,23,32,0));--color-bg-secondary:#15212d;--color-primary:#ecf2f8;--color-primary-hover:#ffffff;--color-primary-contrast:#0f1720;--color-border-subtle:#263544;--color-backdrop:rgba(3,7,12,0.62);--shadow-featured:0 8px 32px rgba(0,0,0,0.3);--shadow-featured-hover:0 0 30px rgba(0,0,0,0.42);--shadow-card:0 6px 24px rgba(0,0,0,0.24);--shadow-card-hover:0 8px 25px rgba(0,0,0,0.34)}