.specs-page .page-head { padding-top:36px; padding-bottom:24px; }
.specs-page .page-head h1 { font-size:clamp(34px,4vw,50px); font-weight:700; }.specs-page h1 b { font-weight:inherit; }
.specs-page .page-head .lede { font-size:21px; margin-bottom:0; }
.spec-guide { display:flex; align-items:center; gap:28px; justify-content:space-between; border-bottom:1px solid var(--line); }
.spec-guide h2 { font-size:28px; margin-bottom:12px; }.spec-guide p:not(.kicker) { max-width:75ch; color:#becbde; margin-bottom:0; }.spec-guide > .btn { flex-shrink:0; margin:0; }
.core-specs > h2,.supporting-specs > h2 { margin-bottom:28px; }
.spec-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.spec-grid article { min-width:0; display:flex; flex-direction:column; padding:28px; border:1px solid #355a83; border-top:2px solid var(--brand-accent); border-radius:8px; background:linear-gradient(135deg,#13243c,var(--panel)); }
.spec-grid svg { width:40px; height:40px; fill:none; stroke:var(--brand-accent); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; margin-bottom:20px; }
.spec-purpose { font-size:15px; color:#9dcaff; margin:0 0 12px; }.spec-grid h3 { font-size:25px; line-height:1.3; margin-bottom:20px; }
.spec-badges { display:flex; flex-wrap:wrap; gap:8px; }.spec-badges span { display:block; border:1px solid #355a83; border-radius:4px; padding:4px 8px; color:#b4d7ff; font-size:13px; }
.spec-date { font-size:14px; color:#a8bad2; margin:12px 0 18px; }.spec-description { color:#becbde; line-height:1.6; }.spec-caveat { font-size:14px; color:#a8bad2; }
.spec-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:auto; padding-top:10px; font-size:15px; }.spec-actions .btn { margin:0; }.spec-shortcuts { display:flex; flex-wrap:wrap; gap:20px; margin:20px 0 0; font-size:15px; }
.supporting-specs { border-top:1px solid var(--line); }.support-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }.support-grid article { min-width:0; padding-top:20px; border-top:2px solid #355a83; }.support-grid h3 { font-size:22px; margin-bottom:12px; }.support-meta { font-size:14px; color:#9dcaff; }.support-grid article > p:not(.support-meta) { color:#becbde; }.support-links { display:flex; flex-wrap:wrap; gap:18px; font-size:15px; }
.spec-reference { border-top:1px solid var(--line); padding-top:20px; }.spec-reference details { margin-bottom:24px; }.spec-reference details p { color:#becbde; max-width:90ch; }.spec-reference li { margin-bottom:12px; }.reference-note { font-size:15px; line-height:1.7; color:#a8bad2; max-width:95ch; }
@media(max-width:760px) { .spec-grid,.support-grid { grid-template-columns:1fr; }.spec-guide { align-items:flex-start; flex-direction:column; }.spec-grid article { padding:24px; }.specs-page .page-head .lede { font-size:19px; } }