:root{--page:#f5f7f8;--paper:#fff;--ink:#202124;--muted:#646a73;--line:#d9e0e6;--green:#1b7f63;--green-dark:#145f4a;--green-soft:#e5f3ee;--amber:#b87900;--amber-soft:#fff3d8;--coral:#bd5142;--radius:8px;--content-width:920px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--page);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,Arial,sans-serif;line-height:1.72}a{color:var(--green);text-underline-offset:3px;text-decoration-thickness:1px}img{max-width:100%;height:auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #d8e0e6e6;position:sticky;top:0}.site-header__inner,.site-footer__inner{width:min(1120px,100% - 40px);margin:0 auto}.site-header__inner{justify-content:space-between;align-items:center;gap:20px;min-height:64px;display:flex}.site-header__right{align-items:center;gap:18px;display:flex}.site-logo,.site-footer__brand{color:var(--ink);letter-spacing:0;font-weight:900;text-decoration:none}.site-logo{font-size:22px}.site-nav{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.site-nav a{color:#3f464d;font-size:14px;font-weight:700;text-decoration:none}.language-switch{background:#f8fbfa;border:1px solid #bfd2ca;border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffffb8}.language-switch a{color:#3f464d;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;min-height:32px;padding:4px 9px;font-size:13px;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.language-switch a.is-active{background:var(--green-dark);color:#fff;border-color:#145f4a;box-shadow:0 4px 10px #145f4a38}.page-shell,.article-shell{width:min(1120px,100% - 40px);margin:0 auto;padding:44px 0 72px}.article-shell{width:min(var(--content-width), calc(100% - 40px))}.home-hero,.listing-hero,.article-header{padding:34px 0 28px}.home-hero h1,.listing-hero h1,.article-header h1{color:#15231f;letter-spacing:0;margin:0;font-size:clamp(32px,5vw,56px);line-height:1.12}.article-header h1{font-size:clamp(30px,4vw,48px)}.home-hero p,.listing-hero p,.article-description{color:#465057;max-width:760px;margin:16px 0 0;font-size:18px}.empty-state{color:var(--muted);margin:0;font-size:16px}.eyebrow{color:var(--green);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:900}.section{padding:42px 0 0}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;padding-bottom:14px;display:flex}.section-heading h2{margin:0;font-size:26px;line-height:1.25}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.post-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.post-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);transition:border-color .16s,box-shadow .16s,transform .16s;overflow:hidden}.post-card:hover,.post-card:focus-within{border-color:#26635252;transform:translateY(-2px);box-shadow:0 16px 34px #23302b1f}.post-card__link{height:100%;color:inherit;text-decoration:none;display:block}.post-card__link:focus-visible{outline-offset:-3px;outline:3px solid #408d7457}.post-card__image{aspect-ratio:16/9;object-fit:cover;background:var(--green-soft);width:100%;display:block}.post-card__body{padding:18px}.post-card__meta{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:700}.post-card h2{color:var(--ink);margin:0;font-size:20px;line-height:1.38}.post-card p{color:var(--muted);margin:10px 0 0;font-size:15px}.hub-list{flex-wrap:wrap;gap:10px;display:flex}.hub-list a{border:1px solid var(--line);color:#2a3136;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:800;text-decoration:none;display:inline-flex}.hub-list span{background:var(--green-soft);min-width:24px;height:24px;color:var(--green-dark);border-radius:999px;place-items:center;font-size:12px;display:inline-grid}.article-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:auto 1fr;gap:6px 12px;margin:22px 0 0;padding:16px 0;font-size:14px;display:grid}.article-meta dt{color:#2f383f;font-weight:900}.article-meta dd{margin:0}.article-body{color:#252a2f;font-size:18px}.article-body>:first-child{margin-top:0}.article-body h2{border-top:1px solid var(--line);color:#17231f;margin:42px 0 14px;padding-top:28px;font-size:30px;line-height:1.3}.article-body h3{margin:26px 0 10px;font-size:22px;line-height:1.35}.article-body p,.article-body li{word-break:keep-all;overflow-wrap:anywhere}.article-body table{border-collapse:collapse;border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;margin:18px 0 28px;font-size:16px;overflow:hidden}.article-body th,.article-body td{border-bottom:1px solid var(--line);vertical-align:top;padding:13px 15px}.article-body th:first-child,.article-body td:first-child{text-align:center;width:28%;font-weight:900}.article-body th{background:var(--green-soft);text-align:center}.article-body figure{width:min(760px,100%);margin:28px auto}.article-body figure img{border-radius:var(--radius);width:100%;display:block}.article-body figcaption{color:var(--muted);text-align:center;margin-top:9px;font-size:14px;line-height:1.55}.fig-credit{color:#777f87;display:block}.affiliate-disclosure{border-radius:var(--radius);background:var(--amber-soft);color:#6b4a00;border:1px solid #ecd6a9;margin:0 0 18px;padding:12px 14px;font-size:14px;font-weight:800}.article-body p>a[target=_blank]:only-child,.article-body .html-link a[target=_blank],.article-body .cta-link{border-radius:var(--radius);background:var(--green);color:#fff;text-align:center;justify-content:center;align-items:center;width:min(540px,100%);min-height:56px;margin:28px auto;font-weight:900;text-decoration:none;display:flex;box-shadow:0 12px 26px #1b7f6338}.article-body p>a[target=_blank]:only-child:hover,.article-body .html-link a[target=_blank]:hover,.article-body .cta-link:hover{background:var(--green-dark)}.article-body blockquote{border-left:4px solid var(--green);background:var(--green-soft);color:#21443a;margin:24px 0;padding:14px 18px;font-weight:800}.source-list{gap:10px;padding-left:20px;display:grid}.source-list a[target=_blank]{color:var(--green-dark);text-underline-offset:3px;font-weight:800;text-decoration:underline}.faq-item{border-top:1px solid var(--line);padding:12px 0}.faq-item:first-of-type{border-top:0}.tag-strip{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:32px;padding-top:18px;display:flex}.tag-strip span{background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.related-section{margin-top:44px}.not-found-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);max-width:680px;padding:34px}.not-found-panel h1{color:#15231f;letter-spacing:0;margin:0;font-size:clamp(30px,4vw,46px);line-height:1.15}.not-found-panel p:not(.eyebrow){color:var(--muted);margin:14px 0 24px;font-size:17px}.site-footer{border-top:1px solid var(--line);background:#fff}.site-footer__inner{color:var(--muted);justify-content:space-between;gap:20px;padding:30px 0;font-size:14px;display:flex}.site-footer__inner p{margin:8px 0 0}.site-footer__copyright{text-align:right;white-space:nowrap;margin:0}@media (max-width:900px){.post-grid,.post-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.site-header__inner,.site-footer__inner,.page-shell,.article-shell{width:min(100% - 28px,1120px)}.site-header__inner,.site-footer__inner{flex-direction:column;align-items:flex-start;padding:14px 0}.site-header__right{flex-direction:column;align-items:flex-start;gap:10px;width:100%}.site-nav{justify-content:flex-start}.site-footer__copyright{text-align:left;white-space:normal}.post-grid,.post-grid--compact{grid-template-columns:1fr}.home-hero h1,.listing-hero h1,.article-header h1{font-size:32px}.home-hero p,.listing-hero p,.article-description,.article-body{font-size:16px}.article-body h2{font-size:25px}.article-body th,.article-body td{padding:11px 10px}}
