/* LEGEND-A hardware direction. Reuses the existing brand and theme tokens. */
.server-home .hero h1{font-size:clamp(34px,4.1vw,60px)}
.server-home .hero-grid{align-items:center}
.server-home .hero-panel .idx{display:none}
.server-home .hero-panel ul li{grid-template-columns:1fr}
.hardware-teaser .section-head{margin-bottom:28px}
.hardware-formats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 26px}
.hardware-formats a{padding:24px 22px 26px 0;text-decoration:none;font-size:19px;font-weight:600;line-height:1.35}
.hardware-formats a+a{border-left:1px solid var(--line);padding-left:22px}
.hardware-formats a:hover,.hardware-formats a:focus-visible{color:var(--violet)}
.hardware-teaser .note{margin:20px 0 26px}
.server-page .hero h1{font-size:clamp(36px,4.8vw,68px)}
.server-page .hero-grid{grid-template-columns:1.12fr .88fr;gap:64px;align-items:center}
.server-rack{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:30px;position:relative}
.server-rack h2{font-size:23px;line-height:1.3;margin-bottom:24px}
.server-chassis{padding:24px 16px;background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;display:grid;gap:12px}
.server-unit{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;min-height:64px;border:1px solid var(--line);padding:13px 16px;border-radius:4px;font-size:14px;font-weight:600}
.server-vents{width:66px;height:26px;display:block;background:repeating-linear-gradient(90deg,var(--line-strong) 0 2px,transparent 2px 7px)}
.server-rack p{color:var(--muted);font-size:14px;margin-top:20px}
.server-format-list{border-top:1px solid var(--line-strong)}
.server-format{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:36px;border-bottom:1px solid var(--line);padding:32px 0;scroll-margin-top:110px}
.server-format h3{font-size:27px;line-height:1.2;overflow-wrap:anywhere}
.server-format .format-tag{display:block;font-size:13px;font-weight:500;color:var(--violet);margin-top:14px}
.server-format h4{font-size:15px;letter-spacing:0;margin:0 0 10px}
.server-format p{font-size:15px;color:var(--muted)}
.server-format a{display:inline-block;color:var(--violet);font-size:14px;font-weight:600;margin-top:18px;text-underline-offset:4px}
.server-sizing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.server-sizing div{padding:24px 0;border-top:1px solid var(--line)}
.server-sizing h3{font-size:23px}
.server-sizing p{font-size:16px;color:var(--muted);margin-top:12px;max-width:65ch}
.server-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.server-scope article{border-top:2px solid var(--violet);padding-top:24px}
.server-scope h3{font-size:25px}
.server-scope p{font-size:16px;color:var(--muted);margin-top:16px}
.server-scope .btn{margin-top:24px}
.server-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;counter-reset:delivery}
.server-steps li{border-top:1px solid var(--line);padding-top:20px;counter-increment:delivery}
.server-steps li::before{content:counter(delivery);display:block;font-size:16px;color:var(--violet);margin-bottom:16px}
.server-steps h3{font-size:21px;line-height:1.3}
.server-steps p{color:var(--muted);font-size:15px;margin-top:12px}
.server-faq{max-width:900px}
.server-faq details{border-top:1px solid var(--line);padding:22px 0}
.server-faq details:last-child{border-bottom:1px solid var(--line)}
.server-faq summary{font-size:20px;font-weight:600;line-height:1.4;cursor:pointer;padding-right:18px}
.server-faq summary:focus-visible{outline:3px solid var(--violet);outline-offset:5px}
.server-faq details p{color:var(--muted);font-size:16px;line-height:1.7;margin-top:16px;max-width:75ch}
.server-pak-bridge{margin-top:28px;max-width:720px;color:var(--muted);font-size:15px}
.server-pak-bridge a{display:inline-block;margin-top:12px;font-weight:600;color:var(--violet);text-underline-offset:4px}
@media(min-width:1400px){.server-home .nav{gap:11px;font-size:12px}.server-home .header .wrap{gap:14px}.server-home .brand{gap:8px}.server-home .btn-small{padding:10px 12px}}
@media(max-width:1100px){.server-page .hero-grid{gap:32px}.server-format{gap:24px}.server-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.hardware-formats{grid-template-columns:repeat(2,minmax(0,1fr))}.hardware-formats a:nth-child(3){border-left:0;border-top:1px solid var(--line);padding-left:0}.hardware-formats a:nth-child(4){border-top:1px solid var(--line)}}
@media(max-width:800px){.server-page .hero-grid,.server-format,.server-scope{grid-template-columns:1fr}.server-page .hero-grid{gap:32px}.server-rack{padding:24px}.server-format{gap:20px;padding:28px 0}.server-format h3{font-size:26px}.server-sizing{gap:0 24px}.server-scope{gap:32px}.server-page .hero h1,.server-home .hero h1{font-size:clamp(34px,7.8vw,50px)}}
@media(max-width:480px){.server-sizing,.server-steps,.hardware-formats{grid-template-columns:1fr}.hardware-formats a{padding:18px 0;font-size:19px}.hardware-formats a+a{border-left:0;border-top:1px solid var(--line);padding:18px 0}.server-rack{padding:20px}.server-unit{padding:12px;gap:12px}.server-vents{width:46px}.server-steps{gap:24px}.server-format{scroll-margin-top:110px}}