/* Only the new device presentation. Shared H&B navigation, hero and CTA remain reusable. */
.page-device .hero-image{background:#fff;border:1px solid var(--line)}
.page-device .hero-image img{aspect-ratio:4/3;object-fit:contain;background:#fff;padding:10px}
@media(min-width:761px){.page-device .hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.device-presentation{background:#fff}
.device-presentation h2{font-size:30px;line-height:40px;letter-spacing:-.5px}
.device-presentation h3{font-size:18px;line-height:28px;letter-spacing:-.2px}
.device-wavelength-section{padding-top:72px;padding-bottom:72px}
.device-wavelength-section>h2,.device-specs-section h2{margin-top:12px}
.device-section-intro{max-width:850px;font-size:14px;line-height:27px;margin-top:17px}
.device-wavelength-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:32px}
.device-wavelength-card{display:flex;flex-direction:column;padding:26px 22px;border:1px solid var(--line);border-radius:13px;background:var(--surface);min-width:0}
.device-wavelength-number{display:block;font:500 31px/42px Poppins,Arial,sans-serif;color:#94672f;letter-spacing:-.8px;margin-bottom:17px}
.device-wavelength-card h3{margin-bottom:12px}
.device-wavelength-card p{font-size:12px;line-height:24px;margin-bottom:21px}
.device-wavelength-card small{display:block;font-size:10px;line-height:19px;color:var(--body);border-top:1px solid var(--line);padding-top:13px;margin-top:auto}
.device-story{display:grid;grid-template-columns:240px minmax(0,780px);gap:80px;padding-top:26px;padding-bottom:40px}
.device-toc{align-self:start;position:sticky;top:28px}
main.page-device .device-toc h2{font-size:10px;line-height:18px;letter-spacing:1px;font-weight:500;margin-bottom:18px}
.device-toc a{display:block;padding:6px 0;font-size:11px;line-height:21px;color:var(--body)}
.device-toc a:hover{color:#94672f;text-decoration:underline;text-underline-offset:4px}
.device-copy .prose-section{margin-bottom:35px;scroll-margin-top:32px}
.device-copy .prose-section h2{margin-bottom:16px}
.device-copy .prose-section:nth-child(3n + 2) h2{color:#94672f}
.device-copy .prose-section p{font-size:15px;line-height:29px}
.device-copy .section-number{margin-bottom:9px;color:#94672f}
.device-specs-section{padding:64px 0 68px;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:26px}
.device-spec-list{margin:31px 0 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.device-spec-row{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);gap:35px;padding:21px 27px;border-top:1px solid var(--line)}
.device-spec-row:first-child{border-top:0}
.device-spec-row dt{font-size:13px;line-height:25px;font-weight:600;color:var(--text)}
.device-spec-row dd{margin:0;min-width:0}
.device-spec-value{display:block;font-size:14px;line-height:26px;color:var(--text)}
.device-spec-status{display:block;font-size:10px;line-height:20px;color:#94672f;margin-top:5px}
.device-sources{padding-top:42px;padding-bottom:30px}
.device-source-note{font-size:11px;line-height:23px;max-width:930px}
.device-sources .sources{margin-top:27px}
@media(min-width:761px) and (max-width:1100px){
 .device-wavelength-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .device-story{grid-template-columns:200px minmax(0,1fr);gap:40px}
 .device-wavelength-card{padding:25px}
}
@media(max-width:760px){
 .page-device .hero-image img{padding:8px;aspect-ratio:4/3}
 .device-presentation h2{font-size:25px;line-height:35px;letter-spacing:-.35px}
 .device-presentation h3{font-size:18px;line-height:28px}
 .device-wavelength-section{padding-top:45px;padding-bottom:43px}
 .device-wavelength-section>h2,.device-specs-section h2{margin-top:10px}
 .device-section-intro{font-size:13px;line-height:25px;margin-top:15px}
 .device-wavelength-grid{grid-template-columns:1fr;gap:15px;margin-top:25px}
 .device-wavelength-card{padding:23px}
 .device-wavelength-number{font-size:29px;line-height:39px;margin-bottom:12px}
 .device-wavelength-card h3{margin-bottom:10px}
 .device-wavelength-card p{font-size:13px;line-height:25px;margin-bottom:18px}
 .device-wavelength-card small{padding-top:12px}
 .device-story{display:block;padding-top:0;padding-bottom:22px}
 .device-toc{position:static;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:22px;margin-bottom:36px}
 main.page-device .device-toc h2{margin-bottom:12px}
 .device-toc a{font-size:11px;line-height:21px;padding:5px 0}
 .device-copy .prose-section{margin-bottom:30px}
 .device-copy .prose-section h2{margin-bottom:14px}
 .device-copy .prose-section p{font-size:14px;line-height:27px}
 .device-specs-section{padding:43px 0 47px}
 .device-spec-list{margin-top:24px;border-radius:10px}
 .device-spec-row{grid-template-columns:1fr;gap:5px;padding:19px 21px}
 .device-spec-row dt{font-size:12px;line-height:23px}
 .device-spec-value{font-size:13px;line-height:25px}
 .device-spec-status{font-size:10px;line-height:20px;margin-top:4px}
 .device-sources{padding-top:31px;padding-bottom:18px}
 .device-source-note{font-size:10px;line-height:21px}
}
