.blog-main{background:var(--audio-bg);color:var(--audio-text);flex:1}.blog-admin-strip{text-align:right;width:min(1240px,100%);color:var(--audio-accent);margin-inline:auto;padding:18px 32px 0;font-size:12px}.blog-width{width:min(1240px,100%);margin-inline:auto;padding:0 32px 80px}.blog-intro{text-align:center;padding:78px 0 48px}.blog-eyebrow{letter-spacing:1.7px;color:var(--audio-muted);text-transform:uppercase;align-items:center;gap:10px;font-size:10px;line-height:1.6;display:flex}.blog-eyebrow>span{background:var(--audio-accent);width:24px;height:1px}.blog-intro .blog-eyebrow,.blog-article-header .blog-eyebrow{justify-content:center}.blog-intro h1{letter-spacing:-1.8px;margin:20px 0 16px;font-size:clamp(32px,4.5vw,54px);font-weight:500;line-height:1.15}.blog-description{color:var(--audio-muted);max-width:680px;margin-inline:auto;font-size:15px;line-height:1.85}.blog-tabs{border-bottom:1px solid var(--audio-line);flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:34px;padding-bottom:34px;display:flex}.blog-tabs a{color:var(--audio-muted);border:1px solid #0000;border-radius:5px;padding:9px 17px;font-size:12px}.blog-tabs a:hover{border-color:var(--audio-line);color:var(--audio-text)}.blog-tabs a.is-active{color:var(--audio-accent);background:var(--audio-panel);border-color:var(--audio-line)}.blog-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.blog-card{border:1px solid var(--audio-line);background:var(--audio-panel);border-radius:8px;flex-direction:column;min-width:0;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--audio-accent);transform:translateY(-3px)}.blog-card-cover,.blog-card-art{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-bottom:1px solid var(--audio-line);width:100%}.blog-card-art{color:var(--audio-accent);background:var(--audio-panel-raised);justify-content:center;align-items:center;gap:18px;display:flex}.blog-card-art span{letter-spacing:2px;font:9px ui-monospace,monospace}.blog-card-body{flex-direction:column;flex:1;min-width:0;padding:24px;display:flex}.blog-card h2{letter-spacing:-.5px;overflow-wrap:anywhere;font-size:20px;font-weight:500;line-height:1.45}.blog-card-description{color:var(--audio-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:12px 0 24px;font-size:13px;line-height:1.85;display:-webkit-box;overflow:hidden}.blog-card-meta{color:var(--audio-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:auto;font-size:10px;line-height:1.7;display:flex}.blog-card-read{color:var(--audio-accent);border-top:1px solid var(--audio-line);justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;font-size:11px;display:flex}.blog-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:55px 20px;display:flex}.blog-empty>svg{color:var(--audio-accent);margin-bottom:24px}.blog-empty h2{letter-spacing:-.6px;font-size:25px;font-weight:500}.blog-empty p{max-width:450px;color:var(--audio-muted);margin-top:14px;font-size:13px;line-height:1.85}.blog-pagination{border-top:1px solid var(--audio-line);grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:40px;padding-top:24px;font-size:12px;display:grid}.blog-pagination>a{color:var(--audio-accent);align-items:center;gap:10px;min-height:40px;display:inline-flex}.blog-pagination>a:last-child{justify-self:end}.blog-pagination>span{color:var(--audio-muted)}.blog-detail{padding-top:32px}.blog-breadcrumb{color:var(--audio-muted);align-items:center;gap:12px;min-width:0;font-size:11px;display:flex}.blog-breadcrumb>a{white-space:nowrap;color:var(--audio-accent);align-items:center;gap:7px;display:inline-flex}.blog-breadcrumb>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blog-article-header{text-align:center;padding:56px 0 44px}.blog-article-header h1{letter-spacing:-1.3px;overflow-wrap:anywhere;max-width:900px;margin:20px auto;font-size:clamp(30px,4vw,46px);font-weight:500;line-height:1.25}.blog-article-meta{color:var(--audio-muted);justify-content:center;align-items:center;gap:12px;margin-top:24px;font-size:11px;display:flex}.blog-hero-image{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;max-height:520px;margin-bottom:48px;display:block}.blog-article-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;display:grid}.blog-article-layout.has-toc{grid-template-columns:200px minmax(0,1fr)}.blog-article-layout.has-author{grid-template-columns:minmax(0,1fr) 210px}.blog-article-layout.has-toc.has-author{grid-template-columns:180px minmax(0,1fr) 200px}.blog-toc,.blog-author{position:sticky;top:100px}.blog-toc details{border-top:1px solid var(--audio-line);padding-top:18px}.blog-toc summary{cursor:pointer;align-items:center;gap:9px;font-size:12px;font-weight:500;display:flex}.blog-toc summary::-webkit-details-marker{display:none}.blog-toc nav{flex-direction:column;gap:12px;max-height:65vh;margin-top:20px;display:flex;overflow-y:auto}.blog-toc a{color:var(--audio-muted);overflow-wrap:anywhere;font-size:11px;line-height:1.75;display:block}.blog-toc a:hover{color:var(--audio-accent)}.blog-article{width:100%;min-width:0;max-width:780px;margin-inline:auto}.blog-prose{overflow-wrap:anywhere;color:var(--audio-text);font-size:15px;line-height:1.95}.blog-prose>:first-child{margin-top:0}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote,.blog-prose pre{margin-block:0 22px}.blog-prose h1,.blog-prose h2,.blog-prose h3,.blog-prose h4,.blog-prose h5,.blog-prose h6{letter-spacing:-.4px;margin-block:38px 16px;scroll-margin-top:110px;font-weight:600;line-height:1.4}.blog-prose h1{font-size:30px}.blog-prose h2{font-size:25px}.blog-prose h3{font-size:21px}.blog-prose h4{font-size:18px}.blog-prose ul{padding-inline-start:24px;list-style:outside}.blog-prose ol{padding-inline-start:24px;list-style:decimal}.blog-prose li{margin-block:6px}.blog-prose li>p{margin-bottom:8px}.blog-prose a{color:var(--audio-accent);text-underline-offset:4px;text-decoration:underline}.blog-prose strong{font-weight:600}.blog-prose em{font-style:italic}.blog-prose blockquote{border-left:2px solid var(--audio-accent);color:var(--audio-muted);background:var(--audio-panel-raised);padding:12px 20px}.blog-prose blockquote p:last-child{margin-bottom:0}.blog-prose code{background:var(--audio-panel-raised);border-radius:3px;padding:3px 6px;font-size:.85em}.blog-prose pre{background:var(--audio-panel-raised);border:1px solid var(--audio-line);border-radius:6px;padding:20px;overflow-x:auto}.blog-prose pre code{background:0 0;padding:0;font-size:12px;line-height:1.8}.blog-prose img{border-radius:6px;max-width:100%;height:auto;margin-block:28px}.blog-prose hr{border:0;border-top:1px solid var(--audio-line);margin-block:32px}.blog-prose table{border-collapse:collapse;width:100%;margin-block:24px;font-size:13px;display:block;overflow-x:auto}.blog-prose th,.blog-prose td{border:1px solid var(--audio-line);text-align:start;padding:10px 14px}.blog-prose th{background:var(--audio-panel-raised);font-weight:600}.blog-prose input[type=checkbox]{margin-inline-end:8px}.blog-author{border:1px solid var(--audio-line);background:var(--audio-panel);border-radius:7px;padding:22px}.blog-author .blog-eyebrow{letter-spacing:1px;margin-bottom:22px;font-size:9px}.blog-author>img{-o-object-fit:cover;object-fit:cover;border-radius:7px;width:64px;height:64px;margin-bottom:18px}.blog-author-placeholder{color:var(--audio-accent);background:var(--audio-panel-raised);border-radius:7px;margin-bottom:18px;padding:16px;display:inline-flex}.blog-author h2{overflow-wrap:anywhere;font-size:15px;font-weight:600;line-height:1.6}.blog-author>p:not(.blog-eyebrow){color:var(--audio-muted);overflow-wrap:anywhere;margin-top:10px;font-size:12px;line-height:1.85}.blog-author .blog-author-role{margin-top:2px;font-size:11px}.blog-author>a{color:var(--audio-accent);align-items:center;gap:8px;margin-top:18px;font-size:11px;display:inline-flex}.blog-tags{flex-wrap:wrap;gap:9px;margin-top:32px;display:flex}.blog-tags span{border:1px solid var(--audio-line);color:var(--audio-muted);border-radius:4px;padding:5px 10px;font-size:10px}.blog-back-link{border-top:1px solid var(--audio-line);margin-top:50px;padding-top:24px}.blog-back-link a{color:var(--audio-accent);align-items:center;gap:12px;font-size:12px;display:inline-flex}.blog-related{margin-top:55px}.blog-related>h2{letter-spacing:-.5px;margin-bottom:24px;font-size:26px;font-weight:500}.blog-main :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--audio-accent);outline-offset:4px}@media (max-width:1000px){.blog-card-grid{gap:18px}.blog-card-body{padding:20px}.blog-article-layout.has-toc.has-author{grid-template-columns:160px minmax(0,1fr)}.blog-article-layout.has-toc.has-author .blog-author{grid-column:2;position:static}}@media (max-width:760px){.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-intro{padding-top:50px}.blog-article-layout.has-toc,.blog-article-layout.has-author,.blog-article-layout.has-toc.has-author{grid-template-columns:minmax(0,1fr)}.blog-toc,.blog-author{position:static}.blog-article-layout.has-toc.has-author .blog-author{grid-column:1}.blog-toc{border:1px solid var(--audio-line);border-radius:6px;padding:16px 20px}.blog-toc details{border:0;padding:0}.blog-toc nav{max-height:220px}.blog-author{margin-top:12px}.blog-article-header{padding:40px 0 30px}.blog-hero-image{margin-bottom:28px}}@media (max-width:520px){.blog-width{padding-inline:20px;padding-bottom:50px}.blog-intro{padding:38px 0 28px}.blog-intro h1{letter-spacing:-1px;font-size:34px}.blog-description{font-size:13px}.blog-tabs{justify-content:flex-start;gap:6px;margin-bottom:24px;padding-bottom:22px}.blog-tabs a{padding:8px 12px;font-size:11px}.blog-card-grid{grid-template-columns:minmax(0,1fr);gap:22px}.blog-card-body{padding:22px}.blog-empty{min-height:300px;padding:35px 8px}.blog-empty h2{font-size:22px}.blog-prose{font-size:14px;line-height:1.9}.blog-prose h2{font-size:23px}.blog-prose h3{font-size:19px}.blog-article-header h1{letter-spacing:-.8px;font-size:31px}.blog-detail{padding-top:24px}.blog-pagination{gap:10px;font-size:11px}}@media (prefers-reduced-motion:reduce){.blog-main *{scroll-behavior:auto;transition:none}.blog-card:hover{transform:none}}
