.lab-preview .nav{grid-template-columns:auto 1fr;gap:32px}.lab-preview .nav-links{justify-content:flex-end;gap:20px}.lab-preview .nav-links a{font-size:.875rem;white-space:nowrap}.lab-preview .header-note{display:none}.lab-preview .eyebrow{font-size:.8125rem}.lab-preview .lab-notice{margin:0;background:#eef4f2;border:0;padding:8px 0;font-size:.875rem;color:#3e5d57}.lab-preview figure{margin:0}.lab-hero{background:#f4f5f5;border-bottom:1px solid var(--line)}.lab-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding-block:64px}.lab-hero h1{font-size:clamp(2.5rem,4.5vw,3.8rem);line-height:1.35;letter-spacing:-.04em;margin:0}.lab-hero h1 span{color:var(--brand)}.lab-hero .lead{font-size:1rem;max-width:34em}.lab-note{font-size:.875rem;color:var(--muted);line-height:1.7}.lab-hero-art{position:relative;border:1px solid #cdd4d3;background:white;box-shadow:12px 12px 0 #e1e8e5}.lab-hero-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.lab-image-label{position:absolute;left:16px;top:16px;padding:5px 10px;background:#fffef4e8;color:#344d48;font-size:.8125rem;letter-spacing:.07em;font-weight:700}.lab-hero-art figcaption{display:flex;flex-direction:column;gap:3px;padding:14px 18px;font-weight:700}.lab-hero-art small{font-size:.8125rem;color:var(--muted);font-weight:400}.lab-section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:28px}.lab-section-heading p:last-child{color:var(--muted);max-width:26em;margin-bottom:0}.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.lab-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.lab-card-body{padding:24px}.lab-card h3{margin:14px 0 10px;font-size:1.2rem;line-height:1.6}.lab-card h3 a{color:var(--ink);text-decoration:none}.lab-card h3 a:hover{text-decoration:underline}.lab-card p{margin:0;font-size:.9375rem;color:var(--muted)}.lab-card-image{display:block;background:#e7ecea}.lab-card-image img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}.lab-card-image img[src*="screen"],.lab-card-image img[src*="complete"]{object-fit:contain;background:#161616}.lab-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.asset-kind{font-size:.75rem;font-weight:800;letter-spacing:.08em;color:var(--muted);margin-right:4px}.lab-badge{display:inline-block;background:#eef4f2;border:1px solid #d7e5e0;color:#2d5c50;padding:2px 7px;font-size:.8125rem;border-radius:4px}.lab-planned{background:#f7f8f8;border-style:dashed}.lab-workflow-section{background:#edf3f0;border-block:1px solid #d3e1da}.lab-download{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:center;padding:34px;border:1px solid #b4ccc2;background:#fff}.lab-download h3{font-size:1.65rem;margin:16px 0 10px}.lab-download p{margin-block:8px}.lab-download-link{display:inline-flex;min-height:46px;align-items:center;font-weight:700;font-size:.9375rem}.lab-node-flow{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;text-align:center;font-size:.875rem}.lab-node-flow span{padding:12px 7px;border:1px solid #aac5bb;border-left:4px solid #387567;background:#f7faf8;border-radius:4px}.lab-node-flow b,.lab-node-flow .node-wide{grid-column:1/-1}.lab-node-flow b{line-height:1;color:#558477}.lab-next{margin-bottom:0}.lab-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lab-comparison figure{min-width:0;border:1px solid var(--line)}.lab-comparison img{display:block;width:100%;height:auto}.lab-comparison-label{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:.875rem;background:#f6f8f7}.lab-comparison-label strong{font-size:1rem}.lab-comparison-caption{display:flex;justify-content:space-between;gap:30px;align-items:center}.lab-comparison-caption p{color:var(--muted);max-width:48em;font-size:.9375rem}.lab-comparison-caption a{white-space:nowrap;font-size:.9375rem;font-weight:700}.lab-future-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.lab-future-grid>div+div{border-left:1px solid var(--line);padding-left:44px}.lab-future-grid p:not(.eyebrow){color:var(--muted)}.lab-test-list{border-top:1px solid var(--line)}.lab-test-list a{display:flex;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.lab-test-list strong{color:var(--brand);font-size:.9375rem;white-space:nowrap}.lab-test-list a:hover span{text-decoration:underline}.lab-legacy-finder{margin-top:32px}.lab-legacy-finder .home-finder{position:static;max-height:none;box-shadow:none}.lab-legacy-finder .home-results{max-height:360px}.lab-preview .article-screenshot img{display:block;width:100%;height:auto;max-width:100%}.lab-preview .article-screenshot{margin:24px 0}.lab-preview .article .lab-badges{margin-block:20px}.lab-preview .lab-article-toc{padding:20px;background:var(--surface);border:1px solid var(--line);margin-block:24px}.lab-preview .lab-article-toc summary{cursor:pointer;font-weight:700;min-height:32px}.lab-preview .lab-article-toc a{font-size:.9375rem}.lab-preview [id]{scroll-margin-top:90px}.lab-preview .article table th,.lab-preview .article table td{text-align:left}.lab-preview .article h1{font-size:clamp(1.8rem,4vw,2.5rem)}
.lab-article-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-block:24px}.lab-preview .lab-article-comparison .article-screenshot{margin:0}.lab-preview .article-screenshot figcaption{font-size:.875rem;line-height:1.7;color:var(--muted);margin-top:8px}.lab-preview .article-screenshot a{display:block}.lab-preview .lab-article-comparison img{aspect-ratio:1;object-fit:contain;background:#f4f6f5}
@media(max-width:1120px){.lab-preview .nav-links{gap:12px}.lab-hero-grid{gap:40px}.lab-preview .nav{gap:20px}.lab-preview .nav-links a{font-size:.8125rem}}
@media(max-width:1000px){.lab-preview .nav-links{display:none}.lab-preview .mobile-nav{display:block}.lab-preview .nav{grid-template-columns:1fr auto}.lab-hero-grid{gap:30px}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-download{gap:28px}.lab-section-heading{align-items:start}.lab-preview .mobile-nav nav{max-height:calc(100vh - 110px);overflow-y:auto}}
@media(max-width:700px){.lab-hero-grid{grid-template-columns:1fr;padding-block:38px;gap:36px}.lab-hero h1{font-size:2.6rem}.lab-hero-art{max-width:480px;box-shadow:7px 7px 0 #e1e8e5;margin-right:7px!important}.lab-hero .hero-actions{display:flex;flex-direction:column}.lab-section-heading{display:block}.lab-section-heading p:last-child{margin-top:14px}.lab-grid,.lab-download,.lab-future-grid{grid-template-columns:1fr}.lab-download{padding:22px}.lab-card-body{padding:22px}.lab-future-grid{gap:34px}.lab-future-grid>div+div{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.lab-comparison{gap:12px}.lab-comparison-label{display:block;padding:9px}.lab-comparison-label span{display:block;font-size:.8125rem}.lab-comparison-caption{display:block}.lab-test-list a{display:block}.lab-test-list strong{display:block;margin-top:5px}.lab-preview .section{padding-block:44px}.lab-preview .article h1{font-size:1.8rem}.lab-preview .lab-article-toc{padding:14px}.lab-preview .lab-article-toc ul{padding-left:20px}}

/* Visual refresh: existing examples, green palette and readable content. */
.lab-hero{background:radial-gradient(ellipse at 85% 20%,#b5ebdf80,transparent 58%),radial-gradient(ellipse at 15% 80%,#fff0b780,transparent 55%),#f3fbf7}.lab-hero-art{border-radius:20px;overflow:hidden;box-shadow:12px 12px 0 #c5e6d9}.lab-section-heading h2{color:#123f35}.lab-section-heading .eyebrow{color:#247761;font-weight:800;letter-spacing:.08em}.lab-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-card{border-color:#c8ded5;border-radius:18px;box-shadow:0 8px 24px #154b3810}.lab-card:nth-child(3n+2){border-color:#c8dedf}.lab-card:nth-child(3n){border-color:#e3d9b7}.lab-card-body{border-top:4px solid #63b497}.lab-card:nth-child(3n+2) .lab-card-body{border-top-color:#7bbfc3}.lab-card:nth-child(3n) .lab-card-body{border-top-color:#e2c86a}.lab-card-image{background:linear-gradient(135deg,#e5f5ed,#f8f4df);padding:12px}.lab-card-image img,.lab-card-image img[src*="screen"],.lab-card-image img[src*="complete"]{aspect-ratio:16/10;object-fit:contain;background:#f1f6f3;border-radius:9px}.lab-card h3{font-size:1.25rem;line-height:1.5}.lab-card h3 a:focus-visible,.lab-card-image:focus-visible{outline:3px solid #176a54;outline-offset:4px}.lab-workflow-section{background:linear-gradient(115deg,#e2f3eb,#eff8ef 65%,#fff6d9)}
.checkpoint-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;padding:26px;margin:0 0 24px;border:1px solid #b9dacd;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#bbebe280,transparent 65%),linear-gradient(125deg,#effaf4,#fff9e8);box-shadow:0 10px 30px #1449360c}.lab-preview .article .checkpoint-intro h1{font-size:clamp(1.6rem,3vw,2rem);line-height:1.45;margin:10px 0 20px}.checkpoint-intro .eyebrow{color:#176a54;font-weight:800;letter-spacing:.06em;font-size:.75rem;margin:0}.lab-preview .article .checkpoint-takeaways h2{font-size:1rem;line-height:1.5;margin:0 0 10px;border:0;padding:0;color:#174d3c}.checkpoint-takeaways ul{padding-left:1.2em;margin:0;font-size:.9375rem;line-height:1.75}.checkpoint-takeaways li{margin-block:6px}.checkpoint-intro-art{min-width:0;background:#fff;border-radius:14px;overflow:hidden;border:1px solid #d4e6dc}.checkpoint-intro-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.checkpoint-intro-art figcaption{padding:12px;font-size:.8125rem;line-height:1.65;color:#395b4c}.lab-preview .article:has(.checkpoint-intro)>.lab-badges{margin-block:14px}.lab-preview .article:has(.checkpoint-intro)>.lab-note{margin-block:10px}.lab-preview .article:has(.checkpoint-intro)>.lab-article-toc{margin-block:16px}
@media(max-width:700px){.lab-start-grid{grid-template-columns:1fr}.checkpoint-intro{grid-template-columns:1fr;padding:18px;gap:18px;margin-inline:0}.lab-preview .article .checkpoint-intro h1{font-size:1.6rem}.checkpoint-intro-art img{aspect-ratio:16/10}.lab-card-image{padding:10px}.lab-card h3{font-size:1.2rem}}

.lab-learning-path{margin:20px 0 28px;padding:20px;border:1px solid #cfe2d7;border-radius:16px;background:linear-gradient(120deg,#effaf4,#fff9ec)}.lab-learning-path h3{margin-top:0}.lab-learning-path ol{display:flex;flex-wrap:wrap;gap:12px 30px;padding-left:24px}.lab-learning-path li{max-width:100%;overflow-wrap:anywhere}.lab-learning-path a{color:#076453;text-decoration:underline;text-underline-offset:3px}.lab-learning-path p{margin-bottom:0}@media(max-width:600px){.lab-learning-path ol{display:block}.lab-learning-path li+li{margin-top:12px}}

.model-placement{max-width:100%;overflow-x:auto;white-space:pre;padding:16px;border-radius:12px;background:#edf5f1;line-height:1.7}.model-placement code{white-space:inherit}

/* Reference-notebook finish: let the measured artwork carry the color. */
body.lab-preview{--ink:#272b26;--muted:#596158;--line:#d9d7cc;--surface:#f3f1e9;--brand:#315b49;background:#fcfaf5;color:var(--ink)}
.lab-preview .lab-hero{background:#f2f0e7}
.lab-preview .lab-hero-art{border-radius:6px;border-color:#cccbbd;box-shadow:none;background:#fffdf8}
.lab-preview .lab-section-heading h2{color:var(--ink)}
.lab-preview .lab-section-heading .eyebrow{color:#566355;font-weight:600;letter-spacing:.06em}
.lab-preview .lab-card,.lab-preview .lab-card:nth-child(3n+2),.lab-preview .lab-card:nth-child(3n){border-color:var(--line);border-radius:6px;box-shadow:none;background:#fffdf8}
.lab-preview .lab-card-body,.lab-preview .lab-card:nth-child(3n+2) .lab-card-body,.lab-preview .lab-card:nth-child(3n) .lab-card-body{border-top:1px solid var(--line)}
.lab-preview .lab-card-image{background:#ecece3;padding:12px}
.lab-preview .lab-card-image img,.lab-preview .lab-card-image img[src*="screen"],.lab-preview .lab-card-image img[src*="complete"]{border-radius:3px;background:#f3f2ea;object-fit:contain}
.lab-preview .lab-workflow-section{background:#eeeee3;border-color:var(--line)}
.lab-preview .checkpoint-intro{background:#f3f1e7;border-color:var(--line);border-radius:6px;box-shadow:none}
.lab-preview .checkpoint-intro-art{border-radius:4px;border-color:var(--line)}
.lab-preview .lab-learning-path{background:#f2f1e7;border-color:var(--line);border-radius:6px}
.lab-preview .lab-badge{background:#eef1e9;border-color:#d3ddcb;color:#385241}
.lab-preview .model-placement{border-radius:4px;background:#f0f1e9}
.lab-tool-paths{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.lab-tool-paths h3{margin-top:0;font-size:1.1rem}
.lab-tool-paths ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lab-tool-paths li{min-width:0;padding:0 0 16px;border-bottom:1px solid var(--line)}
.lab-tool-paths a{display:inline-block;color:var(--ink);font-weight:700;text-underline-offset:4px;overflow-wrap:anywhere}
.lab-tool-paths p{color:var(--muted);font-size:.875rem;margin:8px 0 0}
@media(max-width:700px){.lab-preview .lab-hero-art{margin-right:0!important;box-shadow:none}.lab-tool-paths ul{grid-template-columns:1fr;gap:18px}}