:root{--mag-bg: #fbfaf6;--mag-bg-card: #ffffff;--mag-ink: #1a1a1a;--mag-body: #2d2d2f;--mag-meta: #6b6b70;--mag-muted: #9b9ba0;--mag-border: rgba(26, 26, 26, .08);--mag-border-strong: rgba(26, 26, 26, .14);--mag-accent: #3d8b37;--mag-accent-soft: #ecf7eb;--mag-serif: "Fraunces", "Instrument Serif", Georgia, "Times New Roman", serif;--mag-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--mag-column: 680px;--mag-column-wide: 1120px}.blog-shell{font-family:var(--mag-sans);min-height:100vh;background:var(--mag-bg);color:var(--mag-body);overflow-x:clip}.blog-container{max-width:var(--mag-column-wide);margin:0 auto;padding:clamp(40px,8vw,96px) clamp(16px,5vw,32px)}.blog-hero{margin-bottom:clamp(40px,6vw,72px);text-align:center;max-width:880px;margin-inline:auto}.blog-hero-kicker{font-family:var(--mag-sans);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--mag-accent);margin-bottom:18px;display:inline-block}.blog-hero-title{font-family:var(--mag-serif);font-size:clamp(38px,7vw,88px);font-weight:400;line-height:1.02;letter-spacing:-.025em;color:var(--mag-ink);margin:0 0 20px;font-variation-settings:"opsz" 144,"SOFT" 30}.blog-hero-subtitle{font-family:var(--mag-sans);font-size:clamp(15px,1.6vw,18px);line-height:1.55;color:var(--mag-meta);max-width:620px;margin:0 auto;font-weight:400}.blog-locale-switch{display:inline-flex;align-items:center;gap:6px;background:var(--mag-bg-card);border:1px solid var(--mag-border);border-radius:9999px;padding:4px 12px 4px 5px;font-size:12px;font-weight:600;color:var(--mag-meta);text-decoration:none;margin-bottom:28px;transition:border-color .15s,background .15s}.blog-locale-switch:hover{border-color:var(--mag-border-strong);background:#f7f5f0}.blog-locale-switch-tag{background:var(--mag-accent-soft);color:var(--mag-accent);font-size:10px;font-weight:800;padding:3px 7px;border-radius:9999px;letter-spacing:.03em}.blog-categories{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin:0 0 56px;padding:18px 0;border-top:1px solid var(--mag-border);border-bottom:1px solid var(--mag-border);max-width:var(--mag-column-wide);margin-inline:auto}.blog-category-pill{font-family:var(--mag-sans);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--mag-meta);text-decoration:none;padding:4px 0;transition:color .15s;position:relative}.blog-category-pill:hover,.blog-category-pill--active{color:var(--mag-ink)}.blog-category-pill--active:after{content:"";position:absolute;left:0;right:0;bottom:-19px;height:2px;background:var(--mag-ink)}.blog-featured{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;margin-bottom:64px;text-decoration:none;color:inherit;padding-bottom:56px;border-bottom:1px solid var(--mag-border)}@media (max-width: 720px){.blog-featured{grid-template-columns:1fr;gap:20px;margin-bottom:48px;padding-bottom:40px}}.blog-featured-cover{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:4px;display:block}.blog-card-cover-placeholder{width:100%;aspect-ratio:4 / 3;background:linear-gradient(135deg,#f0ece2,#e8e3d6);border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:var(--mag-serif);font-size:64px;color:#1a1a1a2e}.blog-featured-body{display:flex;flex-direction:column;gap:14px}.blog-card-category{font-family:var(--mag-sans);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--mag-accent);display:inline-block}.blog-featured-title{font-family:var(--mag-serif);font-size:clamp(28px,4.4vw,48px);font-weight:400;line-height:1.1;letter-spacing:-.02em;color:var(--mag-ink);margin:0;font-variation-settings:"opsz" 144,"SOFT" 30}.blog-featured-excerpt{font-family:var(--mag-sans);font-size:clamp(15px,1.4vw,17px);line-height:1.6;color:var(--mag-meta);margin:0;font-weight:400}.blog-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:var(--mag-sans);font-size:12px;font-weight:500;color:var(--mag-muted);font-variant-numeric:tabular-nums}.blog-article-meta-dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--mag-muted);flex-shrink:0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(32px,4vw,56px)}.blog-card{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit;transition:transform .25s ease}.blog-card:hover{transform:translateY(-2px)}.blog-card-cover{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:4px;display:block}.blog-card-body{display:flex;flex-direction:column;gap:8px}.blog-card-title{font-family:var(--mag-serif);font-size:clamp(20px,2.2vw,26px);font-weight:400;line-height:1.15;letter-spacing:-.015em;color:var(--mag-ink);margin:0;font-variation-settings:"opsz" 72,"SOFT" 20;transition:color .15s}.blog-card:hover .blog-card-title{color:var(--mag-accent)}.blog-card-excerpt{font-family:var(--mag-sans);font-size:14px;line-height:1.55;color:var(--mag-meta);margin:0;font-weight:400;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-pagination{display:flex;justify-content:space-between;align-items:center;margin:72px auto 0;padding-top:32px;border-top:1px solid var(--mag-border);font-family:var(--mag-sans);font-size:13px;color:var(--mag-meta);max-width:var(--mag-column)}.blog-pagination a{color:var(--mag-ink);text-decoration:none;font-weight:600;transition:color .15s}.blog-pagination a:hover{color:var(--mag-accent)}.blog-pagination .disabled{color:var(--mag-muted);cursor:not-allowed}.article-page{max-width:var(--mag-column-wide);margin:0 auto;padding:32px clamp(16px,5vw,32px) clamp(64px,10vw,120px)}.reading-progress{position:fixed;top:0;left:0;height:2px;background:var(--mag-accent);width:0%;z-index:100;transition:width .1s linear}.article-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;font-family:var(--mag-sans);font-size:12px;font-weight:600;letter-spacing:.4px;color:var(--mag-meta);margin-bottom:48px;text-transform:uppercase}.breadcrumb-chip{color:var(--mag-meta);text-decoration:none;padding:4px 0;transition:color .15s}a.breadcrumb-chip:hover{color:var(--mag-ink)}.breadcrumb-current{color:var(--mag-ink);text-transform:none;letter-spacing:0;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.breadcrumb-sep{color:var(--mag-muted);font-size:10px}.article-layout{display:grid;grid-template-columns:1fr;gap:0;max-width:var(--mag-column);margin:0 auto}.article-layout--with-toc{grid-template-columns:minmax(0,1fr) 220px;gap:64px;max-width:940px}@media (max-width: 980px){.article-layout--with-toc{grid-template-columns:1fr;max-width:var(--mag-column)}.article-toc{display:none}}.article-card{min-width:0}.article-header{text-align:left;margin-bottom:32px}.article-title{font-family:var(--mag-serif);font-size:clamp(34px,5.4vw,64px);font-weight:400;line-height:1.05;letter-spacing:-.025em;color:var(--mag-ink);margin:0 0 20px;font-variation-settings:"opsz" 144,"SOFT" 30}.article-subtitle{font-family:var(--mag-serif);font-size:clamp(17px,1.9vw,22px);line-height:1.4;color:var(--mag-meta);font-weight:400;font-style:italic;margin:0 0 28px;letter-spacing:-.005em}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-family:var(--mag-sans);font-size:13px;color:var(--mag-meta);padding:18px 0;border-top:1px solid var(--mag-border);border-bottom:1px solid var(--mag-border);margin-bottom:36px;font-variant-numeric:tabular-nums}.article-author{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--mag-ink)}.article-author-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.article-author-avatar--initial{background:var(--mag-accent-soft);color:var(--mag-accent);display:flex;align-items:center;justify-content:center;font-family:var(--mag-sans);font-size:12px;font-weight:700}.article-meta-sep{color:var(--mag-muted)}.article-ai-banner{display:flex;align-items:flex-start;gap:12px;background:#fefcf7;border:1px solid var(--mag-border);border-left:3px solid var(--mag-accent);border-radius:0 4px 4px 0;padding:14px 16px;margin-bottom:32px;font-family:var(--mag-sans);font-size:13px;line-height:1.55;color:var(--mag-body)}.article-ai-banner a{color:var(--mag-accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}.article-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;margin:0 0 40px;display:block;border-radius:4px}.article-body{font-family:var(--mag-serif);font-size:clamp(17px,1.4vw,19px);line-height:1.65;color:var(--mag-body);font-weight:400;font-variation-settings:"opsz" 14,"SOFT" 0}.article-body>*+*{margin-top:1.2em}.article-body p{margin:0}.article-body p+p{margin-top:1.2em}.article-body>p:first-of-type:first-letter{font-family:var(--mag-serif);font-size:4.5em;font-weight:500;float:left;line-height:.85;margin:.05em .08em 0 -.04em;color:var(--mag-ink);font-variation-settings:"opsz" 144}.article-body h2{font-family:var(--mag-serif);font-size:clamp(22px,2.8vw,32px);font-weight:500;line-height:1.2;letter-spacing:-.02em;color:var(--mag-ink);margin:2em 0 .6em;scroll-margin-top:80px;font-variation-settings:"opsz" 72,"SOFT" 20}.article-body h3{font-family:var(--mag-sans);font-size:clamp(15px,1.4vw,17px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mag-ink);margin:2em 0 .4em;scroll-margin-top:80px}.article-body strong{font-weight:600;color:var(--mag-ink)}.article-body em{font-style:italic}.article-body a{color:var(--mag-ink);text-decoration:underline;text-decoration-color:var(--mag-accent);text-decoration-thickness:2px;text-underline-offset:3px;transition:text-decoration-color .15s,color .15s}.article-body a:hover{color:var(--mag-accent)}.article-body ul,.article-body ol{padding-left:1.5em;margin:1.2em 0}.article-body li{margin:.4em 0}.article-body li::marker{color:var(--mag-meta)}.article-body blockquote{border-left:3px solid var(--mag-accent);padding:4px 0 4px 24px;margin:1.6em 0;font-style:italic;color:var(--mag-meta);font-size:1.05em;line-height:1.55}.article-body blockquote p{margin:0}.article-body code,.article-body .blog-code{font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:#f3f1ea;padding:2px 6px;border-radius:3px;color:var(--mag-ink)}.article-body pre,.article-body .blog-code{background:#f5f3ec;border:1px solid var(--mag-border);padding:16px 18px;border-radius:4px;overflow-x:auto;line-height:1.5;font-size:14px;margin:1.4em 0}.article-body pre code{background:none;padding:0}.article-body img,.article-body .blog-img{width:100%;height:auto;margin:1.6em 0;border-radius:4px}.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:48px 0 32px;padding-top:28px;border-top:1px solid var(--mag-border)}.article-tags-label{font-family:var(--mag-sans);font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--mag-muted);margin-right:4px}.article-tag{font-family:var(--mag-sans);font-size:12px;color:var(--mag-meta);text-decoration:none;padding:4px 10px;border:1px solid var(--mag-border);border-radius:9999px;transition:border-color .15s,color .15s}.article-tag:hover{border-color:var(--mag-accent);color:var(--mag-accent)}.article-cta-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:48px;padding-top:32px;border-top:1px solid var(--mag-border)}.article-back-btn{font-family:var(--mag-sans);font-size:14px;color:var(--mag-meta);text-decoration:none;font-weight:600;transition:color .15s}.article-back-btn:hover{color:var(--mag-ink)}.article-cta-btn{display:inline-flex;align-items:center;gap:8px;background:var(--mag-ink);color:#fff;padding:12px 22px;border-radius:4px;font-family:var(--mag-sans);font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s}.article-cta-btn:hover{background:var(--mag-accent);transform:translateY(-1px)}.article-toc{position:sticky;top:88px;align-self:start;max-height:calc(100vh - 110px);overflow-y:auto;padding:0 0 0 16px;border-left:1px solid var(--mag-border)}.article-toc-inner{display:flex;flex-direction:column;gap:14px}.article-toc-label{font-family:var(--mag-sans);font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--mag-muted);padding-bottom:12px;border-bottom:1px solid var(--mag-border)}.article-toc-list{list-style:none;padding:0;margin:0;counter-reset:toc;display:flex;flex-direction:column;gap:6px}.article-toc-list>li{counter-increment:toc;line-height:1.4}.article-toc-sublist{list-style:none;padding:4px 0 4px 10px;margin:4px 0 0;display:flex;flex-direction:column;gap:4px}.article-toc-link{font-family:var(--mag-sans);font-size:12.5px;line-height:1.4;color:var(--mag-meta);text-decoration:none;transition:color .15s;display:block;padding:2px 0}.article-toc-link--sub{font-size:12px;color:var(--mag-muted);padding-left:8px;border-left:1px solid var(--mag-border)}.article-toc-link:hover{color:var(--mag-ink)}.article-toc-link.active{color:var(--mag-ink);font-weight:600}.article-toc-top{margin-top:16px;padding-top:12px;border-top:1px solid var(--mag-border);font-family:var(--mag-sans);font-size:11px;color:var(--mag-muted);text-decoration:none;transition:color .15s}.article-toc-top:hover{color:var(--mag-ink)}@media (prefers-reduced-motion: reduce){.blog-card,.article-cta-btn,.blog-locale-switch,.blog-category-pill,.breadcrumb-chip,.article-back-btn,.article-toc-link,.article-body a{transition:none!important}.blog-card:hover,.article-cta-btn:hover{transform:none!important}}@media (max-width: 640px){.article-body>p:first-of-type:first-letter{font-size:1em;float:none;margin:0}.article-meta{gap:8px;font-size:12px}.blog-hero-title,.article-title{line-height:1.05}.article-cta-bottom{flex-direction:column-reverse;align-items:stretch}.article-cta-btn{justify-content:center;width:100%}.article-back-btn{text-align:center}}
