:root{font-family:"Noto Sans KR",Arial,sans-serif;color:#172554;background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.blog-container{width:min(100% - 40px,1180px);margin-inline:auto}
.blog-hero{padding:80px 0 86px;background:radial-gradient(circle at 82% 22%,#dbeafe 0,transparent 32%),linear-gradient(135deg,#f8fbff 0%,#eff6ff 55%,#f5f3ff 100%)}.blog-eyebrow{margin:0 0 18px;color:#2563eb;letter-spacing:.16em;font-size:13px;font-weight:800}.blog-hero h1{margin:0 0 22px;font-size:clamp(36px,5vw,60px);letter-spacing:-.055em;line-height:1.25;color:#0f172a;word-break:keep-all}.blog-hero p:last-child{max-width:700px;margin:0;font-size:19px;line-height:1.8;color:#475569;word-break:keep-all}.blog-main{padding-top:48px;padding-bottom:100px}.blog-filters{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:22px;margin-bottom:58px;border-bottom:1px solid #e2e8f0}.blog-filters button{border:1px solid #dbe3ef;background:#fff;color:#475569;border-radius:999px;padding:12px 20px;min-height:44px;font-weight:700;cursor:pointer}.blog-filters button span{font-size:12px;color:#94a3b8;margin-left:4px}.blog-filters button[aria-pressed=true]{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.blog-filters button[aria-pressed=true] span{color:#dbeafe}.blog-group{margin-bottom:82px}.blog-group[hidden]{display:none}.blog-section-heading{display:flex;align-items:center;gap:16px;margin-bottom:28px}.blog-section-heading__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#fee2e2;color:#dc2626;font-size:21px}.blog-section-heading__icon--threads{background:#e0e7ff;color:#4f46e5}.blog-section-heading p{margin:0 0 3px;font-size:12px;letter-spacing:.12em;font-weight:800;color:#64748b}.blog-section-heading h2{margin:0;font-size:30px;letter-spacing:-.04em;color:#0f172a}.blog-section-heading h2 span{font-size:17px;color:#94a3b8;font-weight:600}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 28px rgba(15,23,42,.055);display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,23,42,.09)}.blog-card__image{display:block;aspect-ratio:16/9;overflow:hidden;background:#f1f5f9}.blog-card__image img{width:100%;height:100%;object-fit:cover}.blog-card__body{padding:22px 22px 24px;display:flex;flex:1;flex-direction:column}.blog-card__meta{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;color:#64748b}.blog-card__meta span{font-weight:800;color:#2563eb}.blog-card h3{margin:13px 0 12px;font-size:21px;line-height:1.5;letter-spacing:-.035em;color:#0f172a;word-break:keep-all}.blog-card h3 a:hover{color:#2563eb}.blog-card__body p{margin:0 0 22px;color:#475569;font-size:15px;line-height:1.75;word-break:keep-all}.blog-card__more{margin-top:auto;font-weight:800;color:#2563eb;font-size:15px}.blog-card__more:hover{text-decoration:underline}.blog-empty[hidden]{display:none}.blog-bottom-cta{padding:64px 0;text-align:center;color:#fff;background:linear-gradient(115deg,#143a83,#4338ca)}.blog-bottom-cta h2{font-size:clamp(24px,3vw,36px);margin:0 0 12px}.blog-bottom-cta p{color:#dbeafe;margin:0 0 28px;font-size:17px}.blog-bottom-cta a{display:inline-block;border-radius:9px;background:#fff;color:#1d4ed8;padding:15px 25px;font-weight:800}
.blog-breadcrumb{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:29px 0;color:#64748b;font-size:14px}.blog-breadcrumb a:hover{color:#2563eb}.blog-article{max-width:840px;margin:0 auto}.blog-article__header{padding:22px 0 35px}.blog-article__category{display:inline-block;padding:7px 13px;border-radius:999px;background:#eff6ff;color:#2563eb;font-weight:800;font-size:13px}.blog-article h1{font-size:clamp(32px,4vw,52px);line-height:1.35;letter-spacing:-.055em;word-break:keep-all;color:#0f172a;margin:22px 0}.blog-article__summary{font-size:20px;color:#475569;line-height:1.75;word-break:keep-all;margin:0 0 24px}.blog-article__meta{display:flex;gap:10px;color:#64748b;font-size:14px}.blog-article figure{margin:0}.blog-article figure img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;border-radius:16px;background:#f1f5f9}.blog-article figcaption{margin-top:10px;text-align:center;color:#94a3b8;font-size:12px}.blog-article__body{padding:42px 0 60px;font-size:18px;line-height:1.85;color:#334155;word-break:keep-all}.blog-answer{border-left:4px solid #2563eb;border-radius:0 12px 12px 0;background:#eff6ff;padding:20px 24px;margin-bottom:35px}.blog-answer strong{display:block;color:#1d4ed8;font-size:16px;margin-bottom:5px}.blog-answer p{margin:0}.blog-article__intro{margin:0 0 44px}.blog-article__section{margin-bottom:64px}.blog-article__body h2{color:#0f172a;font-size:29px;letter-spacing:-.04em;line-height:1.45;margin:0 0 21px}.blog-article__body h3{color:#0f172a;font-size:19px;line-height:1.5;margin:0 0 8px}.blog-article__body p{margin:0 0 20px}.blog-article__body ul,.blog-article__body ol{padding-left:1.3em;margin:16px 0 24px}.blog-article__body li{padding-left:4px;margin:8px 0}.blog-article__section figure{margin:30px 0 0}.blog-article__body table{border-collapse:collapse;width:100%;font-size:16px;margin:24px 0;display:block;overflow-x:auto}.blog-article__body th,.blog-article__body td{border:1px solid #dbe3ef;padding:10px;text-align:left;min-width:100px}.blog-takeaway{background:#f8fafc;border-radius:16px;padding:28px;margin-bottom:54px}.blog-takeaway h2{font-size:23px}.blog-takeaway p{margin:0}.blog-faq{border-top:1px solid #e2e8f0;padding-top:44px;margin-bottom:50px}.blog-faq__item{padding:22px 0;border-bottom:1px solid #e2e8f0}.blog-faq__item p{font-size:17px;margin:0}.blog-sources{margin-bottom:46px}.blog-sources h2{font-size:21px}.blog-sources ul{margin:0}.blog-sources li{font-size:14px;line-height:1.6}.blog-sources a{color:#2563eb;text-decoration:underline}.blog-article__cta{text-align:center;padding:35px 25px;border-radius:18px;background:#eff6ff}.blog-article__cta p{font-size:19px;font-weight:700;color:#1e3a8a;margin-bottom:20px}.blog-article__cta a{display:inline-block;background:#2563eb;color:#fff;border-radius:9px;padding:13px 22px;font-size:16px;font-weight:800}.blog-related{padding:32px 0 95px;border-top:1px solid #e2e8f0}.blog-related__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.blog-related__top h2{margin:0;font-size:27px;color:#0f172a}.blog-related__top a{color:#2563eb;font-weight:700}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-hero{padding:66px 0}.blog-main{padding-bottom:60px}.blog-group{margin-bottom:60px}}
@media(max-width:600px){.blog-container{width:min(100% - 32px,1180px)}.blog-hero{padding:55px 0 61px}.blog-hero h1{font-size:38px}.blog-hero p:last-child{font-size:16px}.blog-main{padding-top:28px}.blog-filters{margin-bottom:40px;gap:8px}.blog-filters button{padding:10px 14px}.blog-section-heading h2{font-size:25px}.blog-section-heading__icon{width:44px;height:44px}.blog-grid{grid-template-columns:1fr;gap:18px}.blog-card__body{padding:20px}.blog-card h3{font-size:20px}.blog-bottom-cta{padding:52px 0}.blog-bottom-cta p{font-size:15px}.blog-article__header{padding-top:12px}.blog-article h1{font-size:34px}.blog-article__summary{font-size:17px}.blog-article__body{font-size:17px;padding-top:32px}.blog-article__body h2{font-size:24px}.blog-answer,.blog-takeaway{padding:20px}.blog-related__top h2{font-size:22px}}

/* Shared blog detail layout and automatically generated table of contents */
.blog-detail-layout{display:grid;grid-template-columns:230px minmax(0,800px);justify-content:center;align-items:start;gap:clamp(36px,5vw,64px)}
.blog-detail-layout--without-toc{display:block;max-width:800px;margin-inline:auto}
.blog-detail-layout .blog-article{width:100%;max-width:800px;margin:0;min-width:0}
.blog-toc{position:sticky;top:112px;min-width:0;max-height:calc(100vh - 136px);overflow-y:auto;overscroll-behavior:contain;padding-top:30px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
.blog-toc__panel{padding:19px 10px 19px 0;border-top:1px solid #dbe3ef;border-bottom:1px solid #dbe3ef}
.blog-toc__title{margin:0 0 13px;padding:0 13px;color:#0f172a;font-size:15px;font-weight:800;letter-spacing:-.02em}
.blog-toc__toggle{display:none}
.blog-toc__nav{display:flex;flex-direction:column;gap:2px}
.blog-toc__link{position:relative;display:block;padding:8px 12px;border-left:2px solid transparent;color:#64748b;font-size:14px;line-height:1.5;word-break:keep-all;transition:color .16s,border-color .16s,background .16s}
.blog-toc__link--h3{padding-left:27px;font-size:13px;color:#7c879a}
.blog-toc__link:hover{color:#1d4ed8;background:#f8fafc}
.blog-toc__link[aria-current=location]{border-left-color:#2563eb;background:#eff6ff;color:#1d4ed8;font-weight:800}
.blog-toc__link:focus-visible,.blog-toc__toggle:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}
.blog-article__body :is(h2,h3)[id]{scroll-margin-top:114px}
.blog-article__body blockquote{margin:28px 0;padding:18px 22px;border-left:4px solid #93c5fd;background:#f8fafc;color:#475569}
.blog-article__body :is(img,video,iframe){max-width:100%}
.blog-article__body table{max-width:100%;white-space:normal}
.blog-related{margin-top:54px}

@media(max-width:1020px){
  .blog-detail-layout{display:block;max-width:800px;margin-inline:auto}
  .blog-toc{position:static;max-height:none;overflow:visible;padding-top:8px;margin-bottom:14px}
  .blog-toc__panel{padding:0;border:1px solid #dbe3ef;border-radius:12px;background:#fff}
  .blog-toc__title{display:none}
  .blog-toc__toggle{display:flex;width:100%;min-height:52px;align-items:center;justify-content:space-between;gap:16px;border:0;background:transparent;padding:13px 16px;color:#0f172a;font-size:16px;font-weight:800;text-align:left;cursor:pointer}
  .blog-toc__toggle-icon{font-size:22px;line-height:1;transition:transform .18s}
  .blog-toc__nav{display:none;padding:3px 10px 13px;border-top:1px solid #eef2f7}
  .blog-toc.is-open .blog-toc__nav{display:flex}
  .blog-toc.is-open .blog-toc__toggle-icon{transform:rotate(180deg)}
  .blog-toc__link{min-height:44px;padding:11px 10px;font-size:15px}
  .blog-toc__link--h3{padding-left:26px;font-size:14px}
  .blog-article__body :is(h2,h3)[id]{scroll-margin-top:110px}
  .blog-related{margin-top:16px}
}

@media(max-width:600px){
  .blog-detail-container{width:min(100% - 28px,1180px)}
  .blog-toc{margin-bottom:8px}
  .blog-article__body{font-size:16.5px;line-height:1.82}
  .blog-article__body h2{margin-top:0;line-height:1.42}
  .blog-article__body h3{font-size:18px}
  .blog-article__body table{font-size:14px}
  .blog-related{padding-bottom:72px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.blog-toc__link,.blog-toc__toggle-icon{transition:none}}

/* Match the readable site typography while keeping article text at an optimal reading size. */
.blog-page{padding-top:88px;font-size:22px;line-height:1.7}
.blog-page .blog-filters button{font-size:17px}
.blog-page .blog-card__meta{font-size:15px}
.blog-page .blog-card h3{font-size:22px}
.blog-page .blog-card__body p{font-size:18px;line-height:1.78}
.blog-page .blog-card__more{font-size:16px}
.blog-page .blog-breadcrumb{font-size:16px}
.blog-page .blog-article__body{font-size:18px;line-height:1.85}
.blog-page .blog-toc__title{font-size:16px}
.blog-page .blog-toc__link{font-size:15px}
.blog-page .blog-toc__link--h3{font-size:14px}


@media(max-width:768px){.blog-page{font-size:18px}}
@media(max-width:600px){.blog-page{padding-top:88px}.blog-page .blog-card__body p{font-size:17px}.blog-page .blog-card__meta{font-size:14px}.blog-page .blog-breadcrumb{font-size:14px}.blog-page .blog-article__body{font-size:16.5px}.blog-page .blog-toc__link{font-size:15px}.blog-page .blog-toc__link--h3{font-size:14px}}

/* Share the site's 1340px / 24px content alignment with the fixed header. */
.blog-container{box-sizing:border-box;width:100%;max-width:1340px;margin-inline:auto;padding-inline:24px}
@media(min-width:601px){.blog-page{padding-top:88px}}
@media(min-width:1021px){.blog-toc{top:112px;max-height:calc(100vh - 136px)}.blog-article__body :is(h2,h3)[id]{scroll-margin-top:114px}}
@media(max-width:600px){.blog-container,.blog-detail-container{width:100%;max-width:1340px;padding-inline:24px}}