:root{--suit-green-brand:#006241;--suit-green-accent:#00754a;--suit-green-house:#1e3932;--suit-green-uplift:#2b5148;--suit-green-light:#d4e9e2;--suit-gold:#cba258;--suit-gold-light:#dfc49d;--suit-gold-lightest:#faf6ee;--suit-white:#fff;--suit-cream:#f2f0eb;--suit-ceramic:#edebe9;--suit-neutral-cool:#f9f9f9;--suit-ink:#000000de;--suit-ink-soft:#00000094;--suit-ink-mute:#0000005c;--suit-text-on-dark:#fff;--suit-text-on-dark-soft:#ffffffb3;--suit-text-on-dark-mute:#ffffff6b;--suit-red:#c82014;--suit-red-tint:#c820140d;--suit-yellow:#fbbc05;--suit-green-tint:#d3e8e154;--suit-border:#d6dbde;--suit-border-soft:#e7e7e7;--suit-border-strong:#0003;--suit-font-sans:"Inter", "Pretendard Variable", "Pretendard", "Helvetica Neue", Helvetica, Arial, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--suit-font-serif:"Noto Serif KR", "Iowan Old Style", "Lora", "Source Serif Pro", "Apple SD Gothic Neo", serif;--suit-font-script:"Gowun Dodum", "Kalam", "Comic Sans MS", cursive;--suit-tracking-tight:-.01em;--suit-tracking-tighter:-.16px;--suit-tracking-loose:.1em;--suit-leading-body:1.5;--suit-leading-compact:1.2;--suit-space-1:.25rem;--suit-space-2:.5rem;--suit-space-3:1rem;--suit-space-4:1.5rem;--suit-space-5:2rem;--suit-space-6:2.5rem;--suit-space-7:3rem;--suit-space-8:3.5rem;--suit-space-9:4rem;--suit-gutter:1rem;--suit-gutter-md:1.5rem;--suit-gutter-lg:2.5rem;--suit-radius-card:12px;--suit-radius-input:6px;--suit-radius-pill:9999px;--suit-radius-circle:50%;--suit-shadow-card:0 0 .5px #00000024, 0 1px 1px #0000003d;--suit-shadow-card-hover:0 0 .5px #00000029, 0 2px 6px #0000001a, 0 6px 12px #0000000f;--suit-shadow-nav:0 1px 3px #0000001a, 0 2px 2px #0000000f, 0 0 2px #00000012;--suit-shadow-float:0 0 6px #0000003d, 0 8px 12px #00000024;--suit-ease-out-quart:cubic-bezier(.165, .84, .44, 1);--suit-ease-out-quint:cubic-bezier(.22, 1, .36, 1);--suit-ease-accordion:cubic-bezier(.25, .46, .45, .94);--suit-active-scale:.96;--suit-duration:.22s;--suit-duration-long:.4s}*,:before,:after{box-sizing:border-box}html{font-size:16px}body{font-family:var(--suit-font-sans);letter-spacing:var(--suit-tracking-tight);line-height:var(--suit-leading-body);color:var(--suit-ink);background:var(--suit-cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,h5,h6{letter-spacing:var(--suit-tracking-tighter);color:var(--suit-ink);margin:0;font-weight:600}p{margin:0}a:focus-visible{outline:2px solid var(--suit-green-accent);outline-offset:3px;border-radius:4px}button{letter-spacing:var(--suit-tracking-tight);font-family:inherit}button:focus-visible{outline:2px solid var(--suit-green-accent);outline-offset:2px}input,textarea,select{letter-spacing:var(--suit-tracking-tight);font-family:inherit}::selection{background:var(--suit-green-accent);color:var(--suit-white)}.suit-btn{border-radius:var(--suit-radius-pill);font-size:.9375rem;font-weight:600;line-height:var(--suit-leading-compact);cursor:pointer;transition:all var(--suit-duration) var(--suit-ease-out-quart);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.125rem;text-decoration:none;display:inline-flex}.suit-btn:active{transform:scale(var(--suit-active-scale))}.suit-btn:disabled,.suit-btn[disabled]{opacity:.55;cursor:not-allowed}.suit-btn--primary{background:var(--suit-green-accent);color:var(--suit-white);border-color:var(--suit-green-accent)}.suit-btn--primary:hover{background:var(--suit-green-brand);border-color:var(--suit-green-brand)}.suit-btn--outline{color:var(--suit-green-accent);border-color:var(--suit-green-accent);background:0 0}.suit-btn--outline:hover{background:#00754a0f}.suit-btn--ghost{color:var(--suit-ink);background:0 0;border-color:#0000002e}.suit-btn--ghost:hover{border-color:var(--suit-ink);background:#00000008}.suit-btn--inverse{background:var(--suit-white);color:var(--suit-green-accent);border-color:var(--suit-white)}.suit-btn--inverse:hover{background:var(--suit-gold-lightest)}.suit-btn--dark{background:var(--suit-ink);color:var(--suit-white);border-color:var(--suit-ink)}.suit-btn--dark:hover{background:#111}.suit-btn--danger{color:var(--suit-red);border-color:var(--suit-red);background:0 0}.suit-btn--danger:hover{background:#c820140f}.suit-btn--lg{padding:.875rem 1.75rem;font-size:1rem}.suit-btn--sm{padding:.375rem .875rem;font-size:.8125rem}.suit-card{background:var(--suit-white);border-radius:var(--suit-radius-card);box-shadow:var(--suit-shadow-card);padding:var(--suit-space-4);transition:box-shadow var(--suit-duration) var(--suit-ease-out-quart)}.suit-card--hover:hover{box-shadow:var(--suit-shadow-card-hover)}.suit-card--flat{box-shadow:none;border:1px solid var(--suit-border-soft)}.suit-card--ceramic{background:var(--suit-ceramic)}.suit-band-dark{background:var(--suit-green-house);color:var(--suit-text-on-dark)}.suit-band-dark h1,.suit-band-dark h2,.suit-band-dark h3{color:var(--suit-text-on-dark)}.suit-canvas{background:var(--suit-cream)}.suit-canvas-ceramic{background:var(--suit-ceramic)}.suit-pill{border-radius:var(--suit-radius-pill);letter-spacing:var(--suit-tracking-tight);align-items:center;gap:.3rem;padding:.125rem .625rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.suit-pill--gold{background:var(--suit-gold-lightest);color:#7a5e1f;border:1px solid var(--suit-gold-light)}.suit-pill--green{color:var(--suit-green-brand);background:#00754a14;border:1px solid #00754a33}.suit-pill--neutral{background:var(--suit-neutral-cool);color:var(--suit-ink-soft);border:1px solid var(--suit-border-soft)}.suit-pill--warn{color:#aa6a00;background:#fff4e0;border:1px solid #f5deaa}.suit-pill--danger{color:var(--suit-red);background:#fdecec;border:1px solid #e8a4a4}.suit-pill--success{color:#2a7a36;background:#e7f5e8;border:1px solid #7cbf84}.suit-input,.suit-textarea,.suit-select{border:1px solid var(--suit-border);border-radius:var(--suit-radius-input);background:var(--suit-white);width:100%;color:var(--suit-ink);transition:border-color var(--suit-duration) var(--suit-ease-out-quart), box-shadow var(--suit-duration) var(--suit-ease-out-quart);padding:.75rem .875rem;font-size:.9375rem}.suit-input:focus,.suit-textarea:focus,.suit-select:focus{border-color:var(--suit-green-accent);outline:none;box-shadow:0 0 0 3px #00754a1f}.suit-input::placeholder,.suit-textarea::placeholder{color:var(--suit-ink-mute)}.suit-textarea{line-height:var(--suit-leading-body);resize:vertical}.suit-input[aria-invalid=true]{border-color:var(--suit-red);background:var(--suit-red-tint)}.suit-label{letter-spacing:.04em;text-transform:uppercase;color:var(--suit-ink-soft);margin-bottom:.375rem;font-size:.75rem;font-weight:600;display:block}.suit-container{width:100%;padding-inline:var(--suit-gutter);margin-inline:auto}@media (width>=720px){.suit-container{padding-inline:var(--suit-gutter-md)}}@media (width>=1024px){.suit-container{padding-inline:var(--suit-gutter-lg)}}.suit-container--sm{max-width:640px}.suit-container--md{max-width:880px}.suit-container--lg{max-width:1100px}.suit-container--xl{max-width:1280px}.suit-display{letter-spacing:-.025em;font-size:clamp(2.25rem,4vw + 1rem,3.5rem);font-weight:700;line-height:1.08}.suit-h1{color:var(--suit-green-brand);font-size:1.75rem;font-weight:600;line-height:1.25}.suit-h2{font-size:1.5rem;font-weight:600;line-height:1.3}.suit-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--suit-green-brand);font-size:.6875rem;font-weight:700}.suit-lede{color:var(--suit-ink-soft);font-size:1.0625rem;line-height:1.6}.suit-meta{color:var(--suit-ink-soft);font-size:.8125rem}.suit-mono-figure{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.suit-article{color:var(--suit-ink);font-size:1rem;line-height:1.8}.suit-article h2{color:var(--suit-green-brand);margin-top:2rem;font-size:1.25rem}.suit-article h3{color:var(--suit-ink);margin-top:1.5rem;font-size:1.0625rem}.suit-article p{margin:.875rem 0}.suit-article ul,.suit-article ol{margin:.75rem 0;padding-left:1.5rem}.suit-article li{margin:.3rem 0}.suit-article code{background:var(--suit-ceramic);border-radius:4px;padding:.1em .4em;font-family:ui-monospace,JetBrains Mono,Cascadia Mono,Source Code Pro,monospace;font-size:.9em}.suit-article pre{background:var(--suit-green-house);color:var(--suit-text-on-dark);border-radius:var(--suit-radius-card);padding:1rem;overflow-x:auto}.suit-article a{color:var(--suit-green-accent);border-bottom:1px solid}.suit-article blockquote{border-left:3px solid var(--suit-green-accent);color:var(--suit-ink-soft);margin:1.25rem 0;padding:.25rem 0 .25rem 1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html,body{color:#1a1a1a;background:#fafafa;margin:0;padding:0;font-family:Noto Sans KR,Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}#root{min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:700;line-height:1.2}button{font-family:inherit}:root{--color-bg:#fafafa;--color-fg:#1a1a1a;--color-accent:#06c;--color-muted:#666;--color-border:#e0e0e0;--radius-md:6px;--radius-lg:12px}