@import "https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/variable/pretendardvariable.min.css";
.blog-embed{--brand:#084fff;--brand-dark:#0040cc;--brand-light:#e8efff;--accent:#00d4ff;--accent-violet:#8b5cf6;--accent-mint:#22d3ee;--accent-green:#0ea5e9;--accent-amber:#f59e0b;--bg:#fff;--bg-soft:#f5f7fa;--bg-subtle:#fafbfc;--code-bg:#0e1014;--code-fg:#e6edf3;--fg:#1c1c1c;--fg-muted:#6f7072;--fg-subtle:#9a9b9d;--border:#e6e8eb;--border-strong:#d4d7db;--radius:8px;--radius-sm:6px;--radius-pill:999px;--radius-card:16px;--shadow-sm:0 1px 2px #08090a0a, 0 1px 3px #08090a0f;--shadow-md:0 4px 16px #08090a0f, 0 2px 6px #08090a0a;--maxw:1120px;--blog-font:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;font-family:var(--blog-font);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65}.blog-embed *{box-sizing:border-box;margin:0;padding:0}.blog-embed a{color:inherit;text-decoration:none}.blog-embed img{max-width:100%;display:block}.blog-embed .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.blog-embed .section{padding:56px 0}.blog-embed .muted{color:var(--fg-muted)}.blog-embed .btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:14.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.blog-embed .btn-primary{background:var(--brand);color:#fff}.blog-embed .btn-primary:hover{background:var(--brand-dark)}.blog-embed .btn-ghost{color:var(--fg);border-color:var(--border-strong);background:0 0}.blog-embed .btn-ghost:hover{background:var(--bg-soft)}.blog-embed .btn-sm{padding:6px 12px;font-size:13.5px}.blog-embed .chip{border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--fg-muted);background:#fff;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.blog-embed .chip:hover{border-color:var(--brand);color:var(--brand)}.blog-embed .chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.blog-embed .cat{border-radius:var(--radius-pill);letter-spacing:-.01em;color:#475569;background:#eef1f5;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-block}.blog-embed .cat.foundations{background:var(--brand-light);color:var(--brand-dark)}.blog-embed .cat.guides{color:#0e7490;background:#dffafe}.blog-embed .cat.use-cases{color:#6d28d9;background:#efe4ff}.blog-embed .cat.trends{color:#047857;background:#e6f7ed}.blog-embed .cat.news,.blog-embed .cat.announcements,.blog-embed .cat.annoucements{color:#b45309;background:#fff4e0}.blog-embed h1,.blog-embed h2,.blog-embed h3{letter-spacing:-.025em;font-weight:700;line-height:1.3}.blog-embed .eyebrow{color:var(--brand);letter-spacing:.02em;text-transform:uppercase;font-size:13px;font-weight:700}.blog-embed .hub-head{padding:48px 0 8px}.blog-embed .hub-head h1{letter-spacing:-.03em;font-size:34px}.blog-embed .hub-head p{color:var(--fg-muted);margin-top:10px;font-size:16.5px}.blog-embed .catnav{flex-wrap:wrap;gap:9px;margin:26px 0 8px;display:flex}.blog-embed .featured{grid-template-columns:1.6fr 1fr;gap:20px;margin:24px 0 8px;display:grid}.blog-embed .feat-main,.blog-embed .feat-side{border:1px solid var(--border);border-radius:var(--radius-card);background:#fff;flex-direction:column;transition:all .18s;display:flex;overflow:hidden}.blog-embed .feat-main:hover,.blog-embed .feat-side:hover,.blog-embed .card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-embed .feat-cover{aspect-ratio:16/8;background:linear-gradient(135deg,#0b1020,#0a2a5e 60%,#084fff);position:relative}.blog-embed .feat-cover.alt{background:linear-gradient(135deg,#0b1020,#3b1a6e 55%,#8b5cf6)}.blog-embed .feat-cover .tag{position:absolute;top:16px;left:16px}.blog-embed .feat-body{padding:20px 22px}.blog-embed .feat-body h2{margin:10px 0 8px;font-size:21px}.blog-embed .feat-side .feat-cover{aspect-ratio:16/7}.blog-embed .meta{color:var(--fg-subtle);align-items:center;gap:10px;margin-top:12px;font-size:13px;display:flex}.blog-embed .meta .who{color:var(--fg-muted);font-weight:600}.blog-embed .grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px;display:grid}.blog-embed .card{border:1px solid var(--border);border-radius:var(--radius-card);background:#fff;flex-direction:column;transition:all .18s;display:flex;overflow:hidden}.blog-embed .card .cover{aspect-ratio:16/9;background:linear-gradient(135deg,#0b1020,#0a2a5e 60%,#0891b2)}.blog-embed .card .cover.v{background:linear-gradient(135deg,#0b1020,#3b1a6e 55%,#8b5cf6)}.blog-embed .card .cover.g{background:linear-gradient(135deg,#06281f,#065f46 60%,#0ea5e9)}.blog-embed .card .cover.n{background:linear-gradient(135deg,#2a1c05,#92400e 60%,#f59e0b)}.blog-embed .card .cover.t{background:linear-gradient(135deg,#04231a,#047857 60%,#34d399)}.blog-embed .card .cbody{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.blog-embed .card h3{margin:9px 0 6px;font-size:16.5px}.blog-embed .card p{color:var(--fg-muted);flex:1;font-size:14px}.blog-embed .crumb{color:var(--fg-subtle);gap:8px;padding:20px 0 0;font-size:13.5px;display:flex}.blog-embed .crumb a:hover{color:var(--brand)}.blog-embed .art-head{border-bottom:1px solid var(--border);padding:18px 0 26px}.blog-embed .art-head h1{max-width:760px;margin:14px 0 12px;font-size:33px}.blog-embed .art-head .dek{color:var(--fg-muted);max-width:720px;font-size:18px}.blog-embed .byline{align-items:center;gap:12px;margin-top:18px;font-size:14px;display:flex}.blog-embed .avatar{background:linear-gradient(135deg, var(--brand), var(--accent));border-radius:50%;width:38px;height:38px}.blog-embed .art-cover{aspect-ratio:16/6.5;border-radius:var(--radius-card);background:linear-gradient(135deg,#0b1020,#0a2a5e 55%,#084fff);margin:24px 0}.blog-embed .art-grid{grid-template-columns:1fr 240px;align-items:start;gap:48px;padding:8px 0 40px;display:grid}.blog-embed .prose{max-width:720px;font-size:16.5px}.blog-embed .prose h2{margin:36px 0 14px;font-size:23px}.blog-embed .prose h3{margin:26px 0 10px;font-size:18px}.blog-embed .prose p{color:#2a2b2d;margin:14px 0}.blog-embed .prose ul,.blog-embed .prose ol{margin:14px 0 14px 22px}.blog-embed .prose li{margin:7px 0}.blog-embed .prose pre{background:var(--code-bg);color:var(--code-fg);border-radius:var(--radius);margin:18px 0;padding:18px;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:13.5px;line-height:1.6;overflow:auto}.blog-embed .prose code{font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:.92em}.blog-embed .prose p code,.blog-embed .prose li code{background:var(--bg-soft);color:var(--brand-dark);border-radius:5px;padding:2px 6px}.blog-embed .callout{border-left:3px solid var(--brand);background:var(--brand-light);border-radius:0 var(--radius) var(--radius) 0;margin:20px 0;padding:14px 18px;font-size:15px}.blog-embed .cta-block{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-subtle);align-items:center;gap:18px;margin:28px 0;padding:22px 24px;display:flex}.blog-embed .cta-block .t{flex:1}.blog-embed .cta-block h4{margin-bottom:4px;font-size:16px}.blog-embed .tabs{gap:6px;margin:18px 0 -8px;display:flex}.blog-embed .tab{border-radius:var(--radius-pill);background:var(--bg-soft);color:var(--fg-muted);cursor:pointer;padding:6px 13px;font-size:13px;font-weight:600}.blog-embed .tab.active{background:var(--brand);color:#fff}.blog-embed .toc{top:calc(var(--gnb-height,80px) + 4px);font-size:13.5px;position:sticky}.blog-embed .toc .h{color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:12px;font-weight:700}.blog-embed .toc a{color:var(--fg-muted);border-left:2px solid var(--border);margin-left:-2px;padding:5px 0 5px 13px;display:block}.blog-embed .toc a:hover,.blog-embed .toc a.on{color:var(--brand);border-color:var(--brand)}.blog-embed .authorbox{border:1px solid var(--border);border-radius:var(--radius-card);align-items:center;gap:14px;margin:36px 0 8px;padding:18px 20px;display:flex}@media (max-width:880px){.blog-embed .featured{grid-template-columns:1fr}.blog-embed .grid{grid-template-columns:repeat(2,1fr)}.blog-embed .art-grid{grid-template-columns:1fr}.blog-embed .toc{display:none}}@media (max-width:560px){.blog-embed .grid{grid-template-columns:1fr}.blog-embed .hub-head h1{font-size:27px}.blog-embed .art-head h1{font-size:26px}}body:has(.blog-embed){background:#fff}body:has(.blog-embed) .public-content{min-height:0;padding-bottom:64px}body:has(.blog-embed) .c24-footer-root.c24-footer-light{--c24-surface-inverse:#fff;background-color:#fff!important}