/* Editorial pages: scoped independently from the product homepage. */
.articles-page{--article-accent:#8ab9f1;--article-tint:#19242d;line-height:1.7}
.article-header{border-bottom:1px solid var(--border);min-height:88px;justify-content:space-between}
.article-header .brand{font-size:25px}.article-home-link{font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:5px}.article-home-link:hover{color:var(--ink)}
.article-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;font-size:13px;color:var(--muted);padding-top:28px}.article-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.06em;line-height:1.5;color:var(--article-accent)}
.articles-main{padding-bottom:100px}.articles-heading{max-width:740px;padding:50px 0 42px}.articles-heading h1{font-size:clamp(36px,4.3vw,58px);line-height:1.13;margin:16px 0 22px;letter-spacing:-.04em}.articles-heading>p:last-child{font-size:18px;max-width:650px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.article-card{min-width:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#151515;transition:border-color .18s,transform .18s}.article-card:hover{border-color:#666;transform:translateY(-3px)}.article-card>a{display:flex;flex-direction:column;height:100%}.article-card>a:focus-visible{outline-offset:-4px;outline-width:3px}.article-card--blue{--article-accent:#8ab9f1;--article-tint:#19242d}.article-card--green{--article-accent:#9bccb2;--article-tint:#192820}.article-card--amber{--article-accent:#e1bb83;--article-tint:#30271d}.article-card--violet{--article-accent:#b7a6e1;--article-tint:#241e31}.article-card--rose{--article-accent:#d6a6b2;--article-tint:#2e2025}
.card-art{display:flex;justify-content:space-between;align-items:center;min-height:128px;padding:24px 28px;background:var(--article-tint);color:var(--article-accent);border-bottom:1px solid var(--border)}.card-art>span:first-child{font-size:52px;font-weight:300;letter-spacing:-.06em;line-height:1}.card-art-lines{width:106px;height:54px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;opacity:.55;position:relative;transform:skewY(-12deg)}.card-art-lines:after{content:"";position:absolute;top:24px;right:0;width:70%;height:2px;background:currentColor}.card-copy{display:flex;flex-direction:column;flex:1;padding:24px}.card-copy .eyebrow{font-size:11px;letter-spacing:.035em}.card-copy h2{font-size:23px;line-height:1.24;letter-spacing:-.025em;margin:14px 0}.card-copy p{font-size:14px;line-height:1.65;margin-bottom:24px}.article-card-link{font-size:13px;font-weight:600;color:var(--ink);margin-top:auto;display:flex;justify-content:space-between}
.article-main{padding-bottom:88px}.article-intro{max-width:820px;padding:44px 0 42px;margin-left:calc(220px + 48px)}.article-intro h1{font-size:clamp(35px,4.2vw,55px);line-height:1.13;letter-spacing:-.035em;margin:16px 0 25px}.article-lead{font-size:19px;line-height:1.75}.article-byline{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;margin-top:24px;color:#aaa}
.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px}.article-toc nav{position:sticky;top:28px;border-top:1px solid var(--border);padding-top:20px}.article-toc h2{font-size:12px;line-height:1.5;letter-spacing:.04em;margin-bottom:16px;text-transform:uppercase;color:var(--muted)}.article-toc a{display:block;font-size:13px;line-height:1.5;padding:7px 0;color:var(--muted)}.article-toc a:hover{color:var(--article-accent)}
.article-body{max-width:780px;min-width:0}.article-body>section{margin-bottom:40px;scroll-margin-top:28px}.article-body h2{font-size:28px;line-height:1.25;letter-spacing:-.025em;margin-bottom:20px}.article-body h3{font-size:18px;line-height:1.4;letter-spacing:-.01em;margin-bottom:9px}.article-body p,.article-body li{font-size:17px;line-height:1.8;color:#c9c9c9}.article-body p+p{margin-top:16px}.article-body strong{color:var(--ink);font-weight:600}.article-body ul,.article-body ol{margin:20px 0;padding-left:23px}.article-body li+li{margin-top:12px}.article-body li>p{margin-top:5px}.article-checklist{list-style-type:"✓  "}.article-checklist li::marker{color:var(--article-accent)}
.article-callout{margin:25px 0;padding:23px 26px;border-left:3px solid var(--article-accent);background:var(--surface);border-radius:0 8px 8px 0}.article-callout p{font-size:16px}.article-callout h3{color:var(--article-accent)}
.article-diagram{padding:25px;background:var(--article-tint);border:1px solid #ffffff24;border-radius:10px;margin:28px 0}.article-diagram figcaption,.article-table figcaption{font-size:14px;font-weight:600;line-height:1.5;color:var(--ink);margin-bottom:20px}.article-diagram ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:22px;margin:0;padding:0}.article-diagram li{font-size:14px;margin:0;min-width:0}.diagram-number{display:block;border-bottom:1px solid #ffffff30;font-size:12px;color:var(--article-accent);padding-bottom:12px;margin-bottom:15px;line-height:1}.article-diagram strong{display:block;font-size:15px;line-height:1.4}.article-diagram p{font-size:14px;line-height:1.65}.article-diagram .diagram-note{border-top:1px solid #ffffff24;padding-top:18px;margin-top:20px;font-size:13px;color:#b8c0c8}
.article-table{margin:28px 0;padding:23px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.article-table table{font-size:14px;min-width:520px}.article-table th,.article-table td{font-size:14px;padding:14px 12px;line-height:1.65}.article-table thead th{color:var(--article-accent);font-weight:600}.article-table tbody th{color:var(--ink);font-weight:600;white-space:nowrap}.article-table td:last-child{color:var(--muted)}.article-table .table-scroll:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.article-screenshot{margin:28px 0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.article-screenshot img{width:100%}.article-screenshot figcaption{font-size:13px;line-height:1.6;padding:14px 18px;color:var(--muted)}
.article-sound-map,.article-report,.article-comparison{padding:25px;margin:28px 0;border:1px solid #ffffff24;border-radius:10px;background:var(--article-tint)}.article-sound-map figcaption,.article-report figcaption,.article-comparison figcaption{font-size:14px;font-weight:600;line-height:1.5;margin-bottom:22px}.sound-map-sources{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sound-map-sources>div{padding:20px;border:1px solid #ffffff28;border-radius:8px;background:#10101066}.sound-icon{display:block;color:var(--article-accent);font-size:24px;line-height:1;margin-bottom:14px}.sound-map-sources strong,.sound-map-result strong{display:block;font-size:16px}.article-sound-map p{font-size:14px;line-height:1.65}.sound-map-result{max-width:420px;margin:18px auto 0;text-align:center}.sound-map-result>span{display:block;font-size:30px;color:var(--article-accent);line-height:1.3;margin-bottom:10px}.diagram-note{font-size:13px!important;color:#b8c0c8!important;border-top:1px solid #ffffff24;margin-top:20px;padding-top:16px}.article-report dl{margin:0;border-top:1px solid #ffffff24}.article-report dl>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;padding:15px 0;border-bottom:1px solid #ffffff24}.article-report dt{font-size:12px;color:var(--article-accent);font-weight:600}.article-report dd{margin:0;color:var(--ink);font-size:14px;line-height:1.65}.article-comparison>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comparison-panel{padding:20px;border:1px solid #ffffff28;border-radius:8px}.comparison-panel--before{background:#10101066}.comparison-panel--after{border-color:var(--article-accent)}.article-comparison h3{font-size:16px}.article-comparison ul{padding-left:18px;margin:14px 0 0}.article-comparison li{font-size:14px;line-height:1.65}.article-comparison li+li{margin-top:10px}
.article-faq details{border-top:1px solid var(--border);padding:18px 0}.article-faq details:last-child{border-bottom:1px solid var(--border)}.article-faq summary{font-size:16px;line-height:1.6;font-weight:600;cursor:pointer;padding-right:12px}.article-faq details p{font-size:16px;margin-top:13px}.article-faq details[open] summary{color:var(--article-accent)}
.article-install{border-top:1px solid #454545;padding:30px 0 5px;margin-top:38px}.article-install h2{font-size:27px;margin:13px 0}.article-install .button{margin:22px 0 0;font-size:15px}.article-install .article-install-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:13px}
.article-related{border-top:1px solid var(--border);margin-top:64px;padding-top:32px}.related-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:26px}.related-heading h2{font-size:26px;line-height:1.3}.related-heading>a{font-size:13px;text-decoration:underline;text-underline-offset:4px}.article-related .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-related .card-art{min-height:96px}.article-related .card-copy h2{font-size:22px}
.article-footer-top{display:flex;gap:30px;align-items:center;justify-content:space-between;padding-bottom:20px}.article-footer .brand{margin:0;font-size:24px}.article-footer-top nav{display:flex;gap:24px;font-size:13px}.article-footer .footer-bottom>a{margin-left:auto}.article-accent--green{--article-accent:#9bccb2;--article-tint:#192820}.article-accent--amber{--article-accent:#e1bb83;--article-tint:#30271d}.article-accent--violet{--article-accent:#b7a6e1;--article-tint:#241e31}.article-accent--rose{--article-accent:#d6a6b2;--article-tint:#2e2025}
@media(max-width:1100px){.article-intro{margin-left:228px}.article-layout{grid-template-columns:190px minmax(0,1fr);gap:38px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-body p,.article-body li{font-size:16px}}
@media(max-width:800px){.article-intro{margin-left:0;max-width:730px}.article-layout{grid-template-columns:minmax(0,1fr);gap:30px}.article-toc nav{position:static}.article-toc nav{display:flex;gap:5px 22px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--border)}.article-toc h2{width:100%;margin-bottom:5px}.article-toc a{font-size:13px}.article-body{max-width:100%}.article-footer-top{align-items:flex-start}.article-footer-top nav{flex-wrap:wrap;gap:12px 20px;max-width:360px}}
@media(max-width:640px){.article-header{min-height:78px}.article-header .brand{font-size:23px}.article-home-link{font-size:12px}.article-breadcrumbs{padding-top:22px;font-size:12px}.articles-heading{padding:34px 0 30px}.articles-heading h1{font-size:36px}.articles-heading>p:last-child{font-size:16px}.articles-main{padding-bottom:62px}.article-grid,.article-related .article-grid{grid-template-columns:minmax(0,1fr);gap:18px}.card-art{min-height:112px}.card-copy{padding:22px}.card-copy h2{font-size:24px}.article-intro{padding:32px 0 28px}.article-intro h1{font-size:35px;line-height:1.17}.article-lead{font-size:17px}.article-byline{font-size:11px;gap:5px 9px}.article-toc nav{gap:3px 18px}.article-toc a{font-size:12px}.article-body h2{font-size:26px}.article-body p,.article-body li{font-size:16px;line-height:1.8}.article-body>section{margin-bottom:32px}.article-callout{padding:20px}.article-diagram{padding:21px}.article-diagram ol{grid-template-columns:minmax(0,1fr);gap:20px}.article-diagram li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px}.diagram-number{border-bottom:0;padding:3px 0 0;margin:0;grid-row:1/3}.article-diagram li p{grid-column:2}.article-table{padding:18px}.article-table table{min-width:450px}.article-table th,.article-table td{font-size:13px;padding:12px 9px}.article-install .button{width:100%;gap:12px}.related-heading{display:block}.related-heading>a{display:inline-block;margin-top:12px}.article-related{margin-top:44px;padding-top:28px}.article-main{padding-bottom:58px}.article-footer-top{display:block}.article-footer-top nav{margin-top:23px;font-size:12px}.article-footer .footer-bottom>a{margin-left:0}.article-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.article-card{transition:none}.article-card:hover{transform:none}}
@media(max-width:640px){.article-sound-map,.article-report,.article-comparison{padding:21px}.sound-map-sources,.article-comparison>div{grid-template-columns:1fr}.sound-map-sources>div,.comparison-panel{padding:18px}.article-report dl>div{grid-template-columns:1fr;gap:6px;padding:14px 0}.article-report dt{font-size:12px}.article-report dd{font-size:14px}}
.article-table caption{text-align:left;font-size:14px;font-weight:600;line-height:1.5;color:var(--ink);padding-bottom:18px}.article-diagram ol:has(>li:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.article-install p:last-child{font-size:13px;color:var(--muted)}.article-body>p:last-of-type{margin-bottom:34px}.article-body p a:not(.button){color:var(--article-accent);text-decoration:underline;text-underline-offset:4px}
@media(max-width:640px){.article-diagram ol:has(>li:nth-child(4)){grid-template-columns:minmax(0,1fr)}}
.article-table-hint{display:none}
.article-body .article-diagram li{margin:0}
@media(max-width:640px){.article-body .article-table-hint{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:16px}}