.blog-article-page{background:var(--bg);min-height:100vh}.blog-breadcrumb{max-width:var(--max-w);margin:0 auto;padding:16px 32px 0}.blog-breadcrumb ol{align-items:center;gap:6px;margin:0;padding:0;font-size:.82rem;list-style:none;display:flex}.blog-breadcrumb li{align-items:center;gap:6px;display:flex}.blog-breadcrumb a{color:var(--text-soft);align-items:center;min-height:44px;transition:color .2s;display:inline-flex}.blog-breadcrumb a:hover{color:var(--text)}.blog-breadcrumb .breadcrumb-separator{color:var(--text-soft);opacity:.5;-webkit-user-select:none;user-select:none}.blog-breadcrumb [aria-current=page]{color:var(--text);font-weight:600}.blog-article-layout{max-width:var(--max-w);grid-template-columns:1fr 220px;align-items:start;gap:48px;margin:0 auto;padding:24px 32px 80px;display:grid}.blog-article-content{min-width:0;max-width:780px}.blog-section-label{background:var(--accent-bg);color:var(--accent-ink);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;margin:0 0 12px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-block}.blog-article-header h1{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);word-break:break-word;margin:0 0 12px;font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.18}.blog-article-byline{color:var(--text-soft);margin:0 0 4px;font-size:.88rem;font-weight:500}.blog-article-date{color:var(--text-soft);margin:0 0 28px;font-size:.82rem;font-weight:500}.blog-hero{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);margin:0 0 28px;overflow:hidden}.blog-hero img{object-fit:contain;width:100%;height:auto;display:block}.blog-body{color:var(--text);line-height:1.72}.blog-body h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin:2.8em 0 .8em;scroll-margin-top:80px;font-size:clamp(24px,3vw,30px);font-weight:700;line-height:1.25}.blog-body h2:first-child{margin-top:0}.blog-body h3{font-family:var(--font-display);color:var(--text);margin:2em 0 .6em;scroll-margin-top:80px;font-size:clamp(18px,2.2vw,22px);font-weight:700;line-height:1.32}.blog-body p{margin:0 0 1.15em;font-size:17px}.blog-body strong{color:var(--text);font-weight:700}.blog-body em{color:var(--text-soft);font-style:italic}.blog-body figure{margin:1.6em 0}.blog-body figure img{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.blog-body figcaption{color:var(--text-soft);margin-top:8px;font-size:.84rem;font-style:italic;line-height:1.5}.blog-full-size-link{color:var(--accent-ink);text-underline-offset:3px;min-height:44px;margin-top:6px;font-size:.8rem;font-weight:600;line-height:44px;text-decoration:underline;display:inline-block}.blog-full-size-link:hover{color:var(--accent-light)}.blog-body table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:15px;line-height:1.55}.blog-body th,.blog-body td{text-align:left;border:1px solid var(--border);padding:10px 14px}.blog-body th{background:var(--surface);color:var(--text);font-weight:700}.blog-body td{background:var(--surface-raised);color:var(--text)}.blog-body .table-scroll{-webkit-overflow-scrolling:touch;margin:1.4em 0;overflow-x:auto}.blog-body a[download]{color:var(--accent-ink);text-underline-offset:3px;align-items:center;min-height:44px;font-weight:600;text-decoration:underline;display:inline-flex}.blog-body a[download]:hover{color:var(--accent-light)}.blog-body code{background:var(--surface);border:1px solid var(--border);font-size:.9em;font-family:var(--font-display);border-radius:3px;padding:1px 5px}.blog-faq-section{margin:1.4em 0}.blog-faq-section h3{margin:1.6em 0 .5em}.blog-sources-list{margin:1.4em 0;font-size:15px;line-height:1.65}.blog-sources-list a{color:var(--accent-ink);text-underline-offset:3px;font-weight:600;text-decoration:underline}.blog-sources-list a:hover{color:var(--accent-light)}.blog-credits-note{color:var(--text-soft);margin:1.2em 0;font-size:15px;line-height:1.6}.blog-tool-cta{border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);border:0;align-items:center;gap:8px;min-height:48px;margin:1.6em 0;padding:12px 24px;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .18s;display:inline-flex}.blog-tool-cta:hover{background:var(--accent-light)}.blog-back-link{color:var(--accent-ink);text-underline-offset:3px;align-items:center;gap:6px;margin-top:2.4em;padding:10px 0;font-size:.88rem;font-weight:600;text-decoration:underline;display:inline-flex}.blog-back-link:hover{color:var(--accent-light)}.blog-toc-sidebar{position:sticky;top:80px}.blog-toc-sidebar-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);margin:0 0 14px;font-size:.72rem;font-weight:700}.blog-toc-sidebar ol{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.blog-toc-sidebar a{border-left:2px solid var(--border);color:var(--text-soft);min-height:32px;padding:6px 12px;font-size:.82rem;line-height:1.45;transition:color .18s,border-color .18s;display:block}.blog-toc-sidebar a:hover{color:var(--text);border-left-color:var(--text-soft)}.blog-toc-sidebar a[aria-current=true]{color:var(--text);border-left-color:var(--accent);font-weight:650}.blog-toc-mobile{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin:0 0 20px;display:none;overflow:hidden}.blog-toc-mobile summary{color:var(--text-soft);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;align-items:center;gap:8px;min-height:44px;padding:12px 16px;font-size:.84rem;font-weight:700;list-style:none;display:flex}.blog-toc-mobile summary::-webkit-details-marker{display:none}.blog-toc-mobile summary:before{content:"▸";transition:transform .2s}.blog-toc-mobile[open] summary:before{transform:rotate(90deg)}.blog-toc-mobile ol{flex-direction:column;gap:2px;margin:0;padding:0 16px 14px;list-style:none;display:flex}.blog-toc-mobile a{border-radius:var(--radius-sm);color:var(--text-soft);min-height:40px;padding:8px 10px;font-size:.84rem;line-height:40px;transition:color .18s,background .18s;display:block}.blog-toc-mobile a:hover{color:var(--text);background:#0000000a}.blog-index-page{background:var(--bg);min-height:100vh}.blog-index-header{max-width:var(--max-w);margin:0 auto;padding:48px 32px 32px}.blog-index-header h1{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);margin:0 0 12px;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.2}.blog-index-intro{max-width:640px;color:var(--text-soft);margin:0;font-size:1rem;line-height:1.65}.blog-index-cards{max-width:var(--max-w);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin:0 auto;padding:0 32px 80px;display:grid}.blog-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);flex-direction:column;transition:box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.blog-card-image{aspect-ratio:958/384;object-fit:cover;background:var(--surface);width:100%;display:block}.blog-card-body{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex}.blog-card-category{background:var(--accent-bg);color:var(--accent-ink);letter-spacing:.1em;text-transform:uppercase;border-radius:3px;width:fit-content;padding:3px 8px;font-size:.68rem;font-weight:700;display:inline-block}.blog-card-title{font-family:var(--font-display);color:var(--text);margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}.blog-card-excerpt{color:var(--text-soft);flex:1;margin:0;font-size:.88rem;line-height:1.55}.blog-card-cta{border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);border:0;align-items:center;width:fit-content;min-height:42px;padding:10px 20px;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .18s;display:inline-flex}.blog-card-cta:hover{background:var(--accent-light)}@media (max-width:1024px){.blog-article-layout{grid-template-columns:1fr;gap:0}.blog-toc-sidebar{display:none}.blog-toc-mobile{display:block}}@media (max-width:767px){.blog-breadcrumb{padding:12px 16px 0}.blog-article-layout{padding:16px 16px 60px}.blog-index-header{padding:32px 16px 20px}.blog-index-cards{grid-template-columns:1fr;padding:0 16px 60px}.blog-body h2{margin-top:2em}.blog-body h3{margin-top:1.6em}.blog-body p{font-size:16px}}@media (max-width:430px){.blog-article-header h1{font-size:26px}.blog-card-body{padding:16px}}html[data-theme=dark] .blog-hero,html[data-theme=dark] .blog-body figure img{border-color:var(--border)}html[data-theme=dark] .blog-card{background:var(--surface);border-color:var(--border)}html[data-theme=dark] .blog-card:hover{border-color:var(--border-strong)}html[data-theme=dark] .blog-toc-mobile{background:var(--surface);border-color:var(--border)}html[data-theme=dark] .blog-toc-mobile a:hover{background:var(--accent-bg)}html[data-theme=dark] .blog-toc-sidebar a{border-left-color:var(--border)}html[data-theme=dark] .blog-toc-sidebar a:hover{border-left-color:var(--text-soft)}html[data-theme=dark] .blog-toc-sidebar a[aria-current=true]{border-left-color:var(--accent)}