.topnav{gap:clamp(.45rem,1.05vw,.95rem);margin-right:clamp(.45rem,1.6vw,1.6rem)}
.topnav a{font-size:.58rem;letter-spacing:.08em}

.section--lab-preview,.section--ui-preview{padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(4rem,8vw,7rem);border-top:1px solid var(--line,#1e293b)}
.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}
.preview-heading .section-label{margin:0}
.preview-index{color:#7890b3;font: .66rem/1.4 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase}
.lab-preview-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.82fr);gap:clamp(1.5rem,4vw,4.5rem);align-items:center;border:1px solid var(--line,#1e293b);background:linear-gradient(135deg,#101827 0%,#0c121d 75%);padding:clamp(1.25rem,3.5vw,3.5rem);position:relative;overflow:hidden}
.lab-preview-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--cobalt,#5089ff)}
.lab-preview-copy{position:relative;z-index:1}
.lab-preview-kicker,.ui-preview-kicker{color:#7791b5;font: .67rem/1.5 'IBM Plex Mono',monospace;letter-spacing:.15em;text-transform:uppercase}
.lab-preview-copy h3,.ui-preview-copy h3{color:#f2f5fa;font:500 clamp(1.7rem,3.4vw,3.1rem)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:.75rem 0 1rem}
.lab-preview-copy h3 em{color:#7aa6ff;font-style:normal}
.lab-preview-copy p,.ui-preview-copy p{color:#9aa8be;font:400 .92rem/1.8 'DM Sans',sans-serif;max-width:53ch}
.lab-preview-facts{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;margin:1.35rem 0 1.5rem;color:#c7d1e3;font: .66rem/1.5 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
.lab-preview-facts span{display:inline-flex;align-items:center;gap:.45rem}
.lab-preview-facts span:before{content:"";width:5px;height:5px;background:var(--cobalt,#5089ff);border-radius:50%}
.preview-link{display:inline-flex;align-items:center;gap:.7rem;color:#f3f5fa;text-decoration:none;border-bottom:1px solid #577fca;padding:.6rem 0;font: .68rem/1.4 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;transition:color .18s ease,border-color .18s ease}
.preview-link:hover{color:#8db6ff;border-color:#8db6ff}
.lab-preview-visual{margin:0;min-width:0;background:#09111c;border:1px solid #29384d;padding:clamp(.5rem,1.2vw,1rem);display:flex;align-items:center;justify-content:center;min-height:210px}
.lab-preview-visual img{display:block;width:100%;height:auto;max-height:270px;object-fit:contain}
.ui-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem);margin:1.5rem 0 1.75rem}
.ui-preview-card{min-width:0;border:1px solid var(--line,#1e293b);background:#0d1420;padding:clamp(.65rem,1.5vw,1rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.36fr);gap:1rem;align-items:center}
.ui-preview-card figure{margin:0;min-width:0;aspect-ratio:16/10;background:#080d15;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ui-preview-card img{width:100%;height:100%;object-fit:contain;display:block}
.ui-preview-card h3{color:#edf2fb;font:500 1rem/1.35 'Space Grotesk',sans-serif;margin:.35rem 0}
.ui-preview-card p{color:#91a0b7;font: .72rem/1.6 'IBM Plex Mono',monospace;margin:0}
.ui-preview-copy{margin-top:1.5rem}
@media (max-width:1050px) and (min-width:721px){.topnav{gap:.42rem;margin-right:.35rem}.topnav a{font-size:.53rem;letter-spacing:.045em}.topbar-actions{margin-left:.2rem}.availability-pill{display:none}}
@media(max-width:760px){.topnav{gap:.9rem}.topnav a{font-size:.63rem;letter-spacing:.09em}}
@media(max-width:700px){.lab-preview-panel{grid-template-columns:1fr}.lab-preview-visual{min-height:150px}.ui-preview-grid{grid-template-columns:1fr}.ui-preview-card{grid-template-columns:minmax(0,1fr) 105px}.preview-heading{align-items:flex-start;flex-direction:column}.preview-index{margin-left:38px}}
@media(prefers-reduced-motion:reduce){.preview-link{transition:none}}

.repo-link--secondary{white-space:normal;max-width:100%;overflow-wrap:anywhere}
@media(max-width:760px){.repo-link--secondary{font-size:.54rem;letter-spacing:.03em}}

.admin-placeholder{max-width:850px;margin:0 auto;padding:clamp(4.5rem,9vw,8rem) clamp(1.1rem,4vw,3.5rem) 6rem;color:#bdc8d9}
.admin-placeholder__eyebrow{color:#7faaff;font:.65rem/1.5 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;margin:0 0 1.2rem}
.admin-placeholder h1{color:#f2f5fa;font:500 clamp(2.4rem,7vw,5rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:0 0 1.2rem}
.admin-placeholder__lead,.admin-placeholder>p:not(.admin-placeholder__eyebrow){max-width:65ch;color:#9eabc1;font:400 .95rem/1.8 'DM Sans',sans-serif}
.admin-placeholder h2{color:#e7edf7;font:500 1.1rem/1.4 'Space Grotesk',sans-serif;margin:2rem 0 .75rem}
.admin-placeholder ul{display:grid;gap:.6rem;padding-left:1.2rem;color:#aab7ca;font:.88rem/1.7 'DM Sans',sans-serif;max-width:65ch;margin-bottom:2rem}