/* HYBRID FOR MONETIZED KOREAN INFORMATION WEBSITES.
 * Own, neutral identity: generous cards (Toss), readable documentation (GOV.UK),
 * comparison tables (NerdWallet/Bankrate), scalable navigation (Stripe/USWDS).
 * This is the recommended, brand-safe production starting point.
 */
:root {
  --color-page:#fff;--color-surface:#f8fafc;--color-surface-2:#eff3f8;
  --color-elevated:#fff;--color-ink:#202b3a;--color-muted:#4d5d6e;
  --color-subtle:#67778a;--color-border:#dee5ed;--color-border-strong:#9daebe;
  --color-brand:#176cd2;--color-brand-hover:#0d54aa;--color-brand-soft:#e9f3ff;
  --color-on-brand:#fff;--color-link:#0c5cbd;--color-link-hover:#09468f;
  --color-focus:#ffcf49;--color-header:#fff;--color-on-header:#202b3a;
  --color-footer:#f8fafc;--color-hero:#f1f7ff;
  --color-success:#14744b;--color-warning:#94620a;--color-danger:#b32e3d;
  --font-body:17px;--font-h1:clamp(1.95rem,3.5vw,3rem);
  --font-h2:clamp(1.47rem,2.3vw,2rem);--font-h3:clamp(1.2rem,1.65vw,1.42rem);
  --font-display:clamp(2.15rem,4.8vw,3.9rem);--line-body:1.78;
  --tracking-heading:-.037em;--container:1160px;--reading:742px;
  --header-height:70px;--radius-card:16px;--radius-button:10px;
  --radius-input:10px;--card-padding:24px;--button-height:48px;
  --space-hero:80px;--space-section:60px;--space-paragraph:22px;
  --shadow-card:0 4px 18px rgb(29 49 73 / 4%);
  --shadow-hover:0 13px 29px rgb(29 49 73 / 10%);
}
.site-header { box-shadow:0 1px 5px rgb(20 40 60 / 3%); }
.brand__symbol { border-radius:11px; }
.site-nav__link { font-size:.91rem; }
.hero { background:linear-gradient(120deg,#f1f7ff,#f9fbff); }
.hero__title { max-width:850px; font-weight:850; }
.hero__description { max-width:650px; }
.hero__visual { background:#fff; border-color:#e4edf8; }
.hero__visual-value { color:var(--color-brand); }
.section__title { font-weight:800; }
.card:hover { border-color:#b8d8fa; }
.card__title { font-weight:800; }
.card--feature { background:linear-gradient(120deg,#edf6ff,#f9fcff); }
.search-box { border:1px solid #d8e7f7; }
.btn { font-weight:780; }
.data-table thead { background:#f2f7fd; }
.data-table--striped tbody tr:nth-child(even) { background:#f8fbff; }
.data-table th { font-weight:800; }
.summary-box { border:1px solid #d9e7f6; background:#f3f8ff; }
.summary-box--three { background:#fff; }
.alert { border-left:5px solid var(--color-brand); }
.alert--warning { border-left-color:#94620a; }
.article__body h2 { padding-bottom:10px; border-bottom:1px solid #dee5ed; }
.article__body blockquote { background:#f8fafc; border-left:4px solid #176cd2; }
.toc { border-left:2px solid #d8e5f4; }
.faq__item { border-bottom-color:#dce7f1; }
.faq__question { padding:19px 5px; }
.cta-panel { background:#e9f3ff; }
.ad-slot { background:#f8fafc; border-color:#d8e1e9; }
@media(max-width:600px){:root{--font-body:16px;--space-section:37px;--space-hero:50px;--card-padding:20px;--space-paragraph:20px}.hero__title{font-size:2.25rem}.article__body h2{margin-top:38px}.summary-box--three{padding:17px}}