.specimen-section{padding:4vw 0;border-bottom:1px solid var(--ink)}
.specimen-label{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;gap:30px}
.specimen-label h2{font:clamp(32px,5vw,64px)/1 var(--serif);letter-spacing:-.05em;margin:10px 0 0}
.specimen-label p{max-width:430px;color:var(--muted);font-size:13px;line-height:1.5}
.specimen{background:var(--sp-canvas);color:var(--sp-ink);font-family:var(--sp-font),system-ui,sans-serif;border:1px solid var(--sp-border);border-radius:var(--sp-radius);overflow:hidden;box-shadow:0 24px 70px #18171418}
.sp-nav{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--sp-border);background:var(--sp-canvas)}
.sp-nav>b{font-size:13px;letter-spacing:-.03em}.sp-nav>div{display:flex;align-items:center;gap:22px;font-size:11px}.sp-nav i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sp-primary);color:var(--sp-on-primary);font-style:normal;font-size:9px}
.sp-body{display:grid;grid-template-columns:170px 1fr;min-height:520px}.sp-body aside{padding:28px 16px;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;gap:7px;background:var(--sp-surface)}.sp-body aside b{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--sp-muted);padding:0 10px 12px}.sp-body aside span{padding:10px;border-radius:var(--sp-radius);font-size:11px;color:var(--sp-muted)}.sp-body aside .active{background:var(--sp-primary);color:var(--sp-on-primary)}
.sp-body main{padding:42px;min-width:0}.sp-kicker{font-size:9px;letter-spacing:.14em;color:var(--sp-primary);font-weight:700}.sp-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:14px 0 38px}.sp-title h2{font:600 clamp(34px,5vw,68px)/.95 var(--sp-font),system-ui,sans-serif;letter-spacing:-.065em;margin:0}.sp-title p{max-width:400px;color:var(--sp-muted);font-size:12px;line-height:1.5}.sp-title button{border:0;background:var(--sp-primary);color:var(--sp-on-primary);border-radius:var(--sp-radius);padding:13px 17px;font:600 10px var(--sp-font),sans-serif;white-space:nowrap}
.sp-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--sp-border);border-radius:var(--sp-radius);overflow:hidden}.sp-metrics article{padding:20px;border-right:1px solid var(--sp-border);background:var(--sp-surface)}.sp-metrics article:last-child{border:0}.sp-metrics small,.sp-chart small{display:block;font-size:8px;letter-spacing:.12em;color:var(--sp-muted)}.sp-metrics strong{display:block;font-size:32px;line-height:1.2;margin:10px 0}.sp-metrics em{font-style:normal;color:var(--sp-primary);font-size:9px}.sp-metrics .warn{color:var(--sp-muted)}
.sp-chart{margin-top:16px;border:1px solid var(--sp-border);border-radius:var(--sp-radius);padding:22px;background:var(--sp-surface)}.sp-chart-head{display:flex;justify-content:space-between}.sp-chart-head b{display:block;margin-top:7px;font-size:14px}.sp-chart-head>span{font-size:9px;color:var(--sp-muted)}.sp-bars{height:125px;display:flex;align-items:end;gap:8px;margin-top:20px;border-bottom:1px solid var(--sp-border)}.sp-bars i{flex:1;background:var(--sp-primary);border-radius:var(--sp-radius) var(--sp-radius) 0 0;min-width:8px;opacity:.85}.sp-bars i:last-child{opacity:1}
.compare-lede{font:18px/1.5 var(--serif);color:var(--muted);max-width:580px;margin:-25px 0 35px}.compare-col>h2{font:32px/1 var(--serif);letter-spacing:-.04em;margin:24px 0 18px}.specimen-compact{border-radius:calc(var(--sp-radius) * .75)}.specimen-compact .sp-nav{height:42px;padding:0 12px}.specimen-compact .sp-nav span,.specimen-compact .sp-nav i,.specimen-compact aside{display:none}.specimen-compact .sp-body{display:block;min-height:330px}.specimen-compact .sp-body main{padding:22px}.specimen-compact .sp-title{margin:10px 0 22px}.specimen-compact .sp-title h2{font-size:30px}.specimen-compact .sp-title p,.specimen-compact .sp-title button{display:none}.specimen-compact .sp-metrics article{padding:12px}.specimen-compact .sp-metrics strong{font-size:22px}.specimen-compact .sp-chart{padding:14px}.specimen-compact .sp-bars{height:68px}
@media(max-width:760px){.specimen-label{align-items:start;flex-direction:column}.sp-body{grid-template-columns:1fr}.sp-body aside{display:none}.sp-body main{padding:24px}.sp-title{align-items:start;flex-direction:column}.sp-title h2{font-size:42px}.sp-metrics{grid-template-columns:1fr}.sp-metrics article{border-right:0;border-bottom:1px solid var(--sp-border)}.sp-metrics article:last-child{border-bottom:0}.specimen-compact .sp-metrics{grid-template-columns:repeat(3,1fr)}}