/* Additions to the captured visual system. styles.css remains byte-identical. */
.lab-site .os {padding-top:120px; padding-bottom:40px}
.lab-site .stack {max-width:880px}
.lab-site .lead-sub {max-width:660px}
.lab-site .lead-h1 {font-size:clamp(38px,6vw,64px); line-height:1.08}
.lab-site .wordmark, .wordmark.lab-wordmark {font-size:18px; letter-spacing:.13em; text-decoration:none}
.lab-site .hw-pair {display:grid; grid-template-columns:1fr 1fr; gap:18px}
.lab-site .hw-ans {border:1px solid var(--rule); border-radius:16px; background:rgba(7,6,8,.65)}
.lab-site .hw-demo {width:100%; margin-top:28px}
.lab-site .hw-ans {padding:25px; text-align:left}
.lab-site .hw-q {color:var(--light); font-size:18px; margin-bottom:14px}
.lab-site .hw-a {font-size:17px; line-height:1.5; color:var(--ink-dim)}
.lab-site .hw-cap {margin-top:18px; line-height:1.6; color:var(--ink-faint)}
.lab-site .nseg {padding:28px 30px; margin-top:22px}
.lab-site a {color:var(--light)}
.lab-site .lead-cta--primary {color:#1a1206}
.preview-note {position:relative; z-index:21; font:11px/1.6 var(--mono); color:var(--ink-faint); text-align:center; padding:16px 24px 0}
.lab-site .preview-note {padding-top:78px}
.lab-site .os {padding-top:32px}
.lab-site .neb {margin-bottom:15px}
.task-links, .program-links {display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 0}
.task-links a, .program-links a {font:12px/1.6 var(--mono); padding:8px 12px; border:1px solid var(--rule); border-radius:20px; text-decoration:none}
.tool-grid {display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:20px}
.tool-card {border:1px solid var(--rule); border-radius:16px; padding:22px; background:rgba(7,6,8,.65); min-width:0}
.tool-card h3 {font:600 22px/1.2 var(--serif); color:var(--ink); margin:0 0 17px}
.tool-card dl {margin:0}
.tool-card dt {font:10px/1.4 var(--mono); color:var(--light); letter-spacing:.1em; text-transform:uppercase; margin-top:14px}
.tool-card dd {font:15px/1.55 var(--serif); margin:5px 0 0; color:var(--ink-dim); overflow-wrap:anywhere}
.tool-card .nlink {font-size:11px}
.family-record {scroll-margin-top:90px}
.family-record .source-state {font:11px/1.7 var(--mono); color:var(--ink-faint); margin-top:16px}
.lab-insert {margin:20px auto 36px; max-width:900px; padding:24px; border:1px solid var(--rule); border-radius:16px; color:var(--ink-dim); font:17px/1.6 var(--serif)}
.lab-insert h2 {font:600 27px/1.2 var(--serif); color:var(--ink); margin:0 0 14px}
.lab-insert p {margin:12px 0}
.lab-insert a {color:var(--light)}
.lab-insert .program-links {margin-top:14px}
.lab-site a:focus-visible, .ap-menu button:focus-visible, .ap-menu a:focus-visible {outline:2px solid var(--light); outline-offset:5px}
@media(max-width:620px) {.tool-grid {grid-template-columns:1fr} .lab-site .nseg {padding:22px 20px} .lab-site .hw-pair {grid-template-columns:1fr; display:grid} .lab-site .wordmark {font-size:15px} .preview-note {font-size:10px} .lab-site .hw-ans {padding:20px}}