:root{--ri:#111820;--rp:#e8ecef;--rp2:#d6dde2;--rr:#e23d35;--rl:#a9b3bb}
.reference-site{color:var(--ri);background:var(--rp)}.reference-site .site-header{color:#f4f6f7;background:#101820f5;border-color:#35414a}.reference-site .site-header nav>a:not(.button){color:#aeb8c0}.reference-site .site-header nav>a:hover,.reference-site .site-header nav>a.active{color:#fff}.reference-site .brand-mark{color:#fff;background:var(--rr)}.reference-site main{max-width:none}.reference-kicker{margin:0;color:#b42621;letter-spacing:.17em;font:600 10px/1.4 DM Mono,monospace}
.reference-hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center;min-height:650px;padding:82px 48px;background:radial-gradient(circle at 74% 22%,#fff 0,transparent 28%),linear-gradient(135deg,#eef1f3,#cbd3d9);border-bottom:1px solid var(--rl)}.reference-hero h1{max-width:720px;margin:22px 0 28px;font-size:clamp(50px,5.5vw,82px);line-height:.96;letter-spacing:-.06em}.reference-hero h1 em{color:var(--rr);font-style:normal}.reference-lede{max-width:700px;color:#47545f;font-size:17px;line-height:1.75}.reference-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.reference-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:60px;padding:0 25px;color:#fff;background:var(--rr);text-transform:uppercase;letter-spacing:.1em;font:700 10px DM Mono}.reference-link{padding-bottom:5px;border-bottom:1px solid #7b878f;text-transform:uppercase;letter-spacing:.1em;font:600 9px DM Mono}
.signal-panel{padding:25px;border:1px solid #33404a;color:#e9edf0;background:#101820;box-shadow:18px 22px 45px #17212a30}.signal-panel-head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #34414b;letter-spacing:.11em;font:500 9px DM Mono}.signal-panel-head span{color:#91a0ab}.signal-flow{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;border:1px solid #34414b}.signal-flow article{position:relative;min-height:118px;padding:19px;border-right:1px solid #34414b;border-bottom:1px solid #34414b}.signal-flow article:nth-child(even){border-right:0}.signal-flow article:nth-last-child(-n+2){border-bottom:0}.signal-flow small,.signal-flow strong,.signal-flow b{display:block}.signal-flow small{color:#7f8d98;letter-spacing:.12em;font:9px DM Mono}.signal-flow strong{margin-top:22px;font-size:14px}.signal-flow b{position:absolute;right:16px;bottom:17px;color:#b7c1c8;font:500 10px DM Mono}.signal-flow article>i{position:absolute;top:18px;right:17px;width:7px;height:7px;border-radius:50%;box-shadow:0 0 9px currentColor;background:currentColor}.signal-flow .red{color:var(--rr)}.signal-flow .cyan{color:#25c4dc}.signal-flow .yellow{color:#f0c43f}.signal-flow .green{color:#72b56d}.signal-time{display:grid;grid-template-columns:auto repeat(5,1fr) auto;align-items:center;gap:8px;margin:24px 0 18px;color:#95a2ac;font:9px DM Mono}.signal-time i{height:2px;background:#e23d35}.signal-time i:nth-of-type(n+4){background:#3e4b54}.signal-time strong{color:var(--rr)}.signal-panel>p{margin:0;color:#93a0aa;font-size:11px;line-height:1.6}
.truth-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#111820;color:#d3dbe0}.truth-strip span{padding:17px;border-right:1px solid #34414a;text-align:center;letter-spacing:.12em;font:500 8px DM Mono}.truth-strip span:before{content:"+";margin-right:9px;color:var(--rr)}.quick-answer,.reference-section,.workflow-section,.method-section,.coverage-section{padding:92px 48px;border-bottom:1px solid var(--rl)}.quick-answer{display:grid;grid-template-columns:.55fr 1.45fr;gap:65px}.quick-answer h2,.reference-section h2,.workflow-section h2,.method-section h2,.coverage-section h2,.sample-rate h2{margin:18px 0 0;letter-spacing:-.045em;font-size:clamp(36px,4vw,59px);line-height:1.03}.question-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rl);border-left:1px solid var(--rl)}.question-grid a{min-height:155px;padding:22px;border-right:1px solid var(--rl);border-bottom:1px solid var(--rl);background:#edf0f2;transition:.2s}.question-grid a:hover{background:#fff;transform:translateY(-3px);box-shadow:0 13px 25px #17212a1d}.question-grid span,.setup-grid span,.coverage-section article span{color:var(--rr);font:600 9px DM Mono}.question-grid strong,.question-grid small{display:block}.question-grid strong{margin-top:42px;font-size:16px}.question-grid small{margin-top:7px;color:#68747d;font-size:10px}
.reference-section{background:var(--rp2)}.section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}.section-head>p{margin:0;color:#58656f;line-height:1.7}.hardware-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:58px}.hardware-card{display:flex;flex-direction:column;padding:27px;border:1px solid #9ea9b1;background:#e8ecef}.hardware-card.featured{border-top:4px solid var(--rr);padding-top:24px}.card-top{display:flex;justify-content:space-between;gap:15px;color:#68747d;font:500 8px DM Mono}.hardware-card h3{margin:48px 0 14px;font-size:25px}.hardware-card>p{min-height:110px;color:#4e5b65;font-size:12px;line-height:1.7}.hardware-card dl{display:grid;grid-template-columns:1fr 1fr;margin:20px 0 27px;border-top:1px solid var(--rl);border-left:1px solid var(--rl)}.hardware-card dl div{min-height:70px;padding:12px;border-right:1px solid var(--rl);border-bottom:1px solid var(--rl)}.hardware-card dt{color:#77828a;font:8px DM Mono;text-transform:uppercase}.hardware-card dd{margin:8px 0 0;font-size:11px;font-weight:700}.hardware-card>a{margin-top:auto;color:#a92924;text-decoration:underline;text-underline-offset:4px;font:600 9px DM Mono}.scope-note{max-width:900px;margin:32px 0 0;color:#53606a;font-size:12px}
.sample-rate{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;padding:92px 48px;background:#111820;color:#f1f3f4;border-bottom:1px solid #34414a}.sample-rate>div>p:not(.reference-kicker){color:#a9b4bc;line-height:1.75}.sample-rate .caveat{font-size:11px}.rate-table{border-top:1px solid #3c4851;border-left:1px solid #3c4851}.rate-row{display:grid;grid-template-columns:.35fr .7fr .85fr 1.4fr;align-items:center;min-height:86px;border-bottom:1px solid #3c4851}.rate-row>*{margin:0;padding:17px;border-right:1px solid #3c4851}.rate-row strong{color:#f0c43f;font:500 25px DM Mono}.rate-row span{color:#c0c9cf;font:11px DM Mono}.rate-row p{color:#9ba8b1;font-size:11px;line-height:1.5}.rate-head{min-height:45px;color:#74828c;font:8px DM Mono}.rate-head span{color:inherit}.reference-section.compact{background:#e8ecef}.setup-grid,.workflow-details{display:grid;grid-template-columns:repeat(4,1fr);margin-top:56px;border-top:1px solid var(--rl);border-left:1px solid var(--rl)}.setup-grid article{min-height:250px;padding:24px;border-right:1px solid var(--rl);border-bottom:1px solid var(--rl)}.setup-grid h3{margin:74px 0 13px;font-size:18px}.setup-grid p{color:#62707a;font-size:12px;line-height:1.65}
.workflow-section{background:#ccd4da}.workflow-map{display:grid;grid-template-columns:1fr .8fr 1fr;margin:60px 0 28px}.workflow-map>div{padding:25px;border:1px solid #8f9ba4;background:#e8ecef}.workflow-map span{color:#a32925;font:600 9px DM Mono}.workflow-map strong,.workflow-map code,.workflow-map small{display:block}.workflow-map strong{margin:40px 0 10px;font-size:19px}.workflow-map small{margin-top:25px;color:#6b7780}.workflow-map aside{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:18px;color:#66737d;text-align:center;font:9px DM Mono}.workflow-map aside i{height:1px;background:#79868f}.workflow-map aside b{color:#a52924}.workflow-map aside small{grid-column:1/-1}.workflow-details article{padding:23px;border-right:1px solid var(--rl);border-bottom:1px solid var(--rl)}.workflow-details h3{font-size:15px}.workflow-details p{color:#596671;font-size:11px;line-height:1.6}
.method-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:75px;background:#e8ecef}.method-section>div>p:last-child{color:#57646e;line-height:1.75}.method-section ol{margin:0;padding:0;border-top:1px solid var(--rl);list-style:none}.method-section li{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--rl)}.method-section li>span{color:var(--rr);font:600 9px DM Mono}.method-section li p{margin:5px 0 0;color:#64717a;font-size:11px}.method-rule{grid-column:1/-1;margin:0;padding:20px;border-left:4px solid var(--rr);background:#d5dce1;color:#4c5963}.coverage-section{background:#bcc6cd}.coverage-section>h2{max-width:750px}.coverage-section>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:52px;border-top:1px solid #939fa8;border-left:1px solid #939fa8}.coverage-section article{min-height:220px;padding:25px;border-right:1px solid #939fa8;border-bottom:1px solid #939fa8}.coverage-section h3{margin:60px 0 12px;font-size:17px}.coverage-section article p{color:#56636d;font-size:11px;line-height:1.65}.reference-site footer{color:#68747d;background:#d2d9de;border-color:var(--rl)}
@media(max-width:1000px){.reference-hero,.sample-rate,.method-section{grid-template-columns:1fr}.hardware-grid{grid-template-columns:1fr 1fr}.setup-grid,.workflow-details{grid-template-columns:1fr 1fr}.section-head{grid-template-columns:1fr}.truth-strip{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.reference-site .site-header nav{background:#101820fa}.quick-answer{grid-template-columns:1fr}.hardware-grid{grid-template-columns:1fr}.hardware-card>p{min-height:0}.workflow-map{grid-template-columns:1fr}.workflow-map aside{min-height:120px}.coverage-section>div{grid-template-columns:1fr}}
@media(max-width:600px){.reference-hero,.quick-answer,.reference-section,.workflow-section,.method-section,.coverage-section,.sample-rate{padding:62px 22px}.reference-actions{align-items:flex-start;flex-direction:column}.signal-panel{padding:16px}.signal-flow,.truth-strip,.question-grid,.setup-grid,.workflow-details{grid-template-columns:1fr}.signal-flow article{border-right:0!important;border-bottom:1px solid #34414b!important}.signal-flow article:last-child{border-bottom:0!important}.rate-row{grid-template-columns:.4fr .8fr 1fr}.rate-row>*{padding:12px}.rate-row p{grid-column:1/-1;border-top:1px solid #3c4851}.rate-head span:last-child{display:none}}

/* Technical reference typography stays compact and scan-friendly. */
.reference-hero h1{font-size:clamp(42px,4.4vw,62px);line-height:1.01;letter-spacing:-.045em}
.quick-answer h2,.reference-section h2,.workflow-section h2,.method-section h2,.coverage-section h2,.sample-rate h2{font-size:clamp(30px,3vw,44px);line-height:1.08}
@media(max-width:600px){.reference-hero h1{font-size:42px}.quick-answer h2,.reference-section h2,.workflow-section h2,.method-section h2,.coverage-section h2,.sample-rate h2{font-size:32px}}

/* Conventional reference-page scale: clear hierarchy without oversized display type. */
.reference-hero h1{max-width:640px;font-size:clamp(36px,3.4vw,48px);line-height:1.08;letter-spacing:-.035em}
.quick-answer h2,.reference-section h2,.workflow-section h2,.method-section h2,.coverage-section h2,.sample-rate h2{font-size:clamp(26px,2.4vw,36px);line-height:1.14;letter-spacing:-.025em}
@media(max-width:600px){.reference-hero h1{font-size:34px}.quick-answer h2,.reference-section h2,.workflow-section h2,.method-section h2,.coverage-section h2,.sample-rate h2{font-size:28px}}