/* Public document views use the same typography and neutral DSA site tokens. */
.seo-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px clamp(20px,5vw,80px);border-bottom:1px solid var(--border)}
.seo-header>a{flex:0 0 200px}.seo-header img{width:200px;height:auto}.seo-header nav{display:flex;gap:26px;font-size:14px;flex-wrap:wrap}
.seo-header a:hover,.seo-return a:hover,.seo-source:hover{color:#666}.seo-main{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:30px 0 72px}
.seo-breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#777;line-height:1.7}.seo-breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.seo-intro{padding:48px 0 40px;max-width:900px}.seo-intro h1{font-size:clamp(34px,5vw,64px);line-height:1.08;overflow-wrap:anywhere}.seo-intro>p:not(.seo-eyebrow){max-width:720px;color:#666;font-size:18px;margin-top:22px}.seo-intro>.button{margin-top:25px}.seo-eyebrow{font-size:13px;color:#777;margin-bottom:18px;letter-spacing:.02em}
.seo-grid{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.seo-grid>li{min-width:0}.seo-card{display:flex;flex-direction:column;gap:17px;height:100%;padding:26px;border:1px solid var(--border);border-radius:12px;background:white;transition:border-color .16s,background .16s}.seo-card:hover{border-color:#aaa;background:#fafafa}.seo-card-kicker{font-size:13px;color:#777}.seo-card h2{font-size:25px;line-height:1.2}.seo-card p{font-size:14px;color:#666}.seo-card-link{margin-top:auto;padding-top:12px;font-size:14px;font-weight:500}.seo-card img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:6px}
.seo-product-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:60px;margin:12px 0 48px}.seo-product-layout h2{font-size:26px;margin-bottom:24px}.seo-specs{margin:0}.seo-specs>div{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:16px 0;border-bottom:1px solid var(--border)}.seo-specs dt{color:#777;font-size:14px}.seo-specs dd{margin:0;font-size:15px;font-weight:500;overflow-wrap:anywhere}.seo-note{margin:22px 0;color:#777;font-size:13px}.seo-action{align-self:start;padding:30px;border:1px solid var(--border);border-radius:12px;background:#fafafa;display:flex;flex-direction:column;gap:16px}.seo-action h2{margin:0}.seo-action p{font-size:14px;color:#666}.seo-action .button{white-space:normal;text-align:center}.seo-action>a:not(.button){font-size:13px;text-align:center}.seo-source{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.seo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.seo-gallery img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:8px}.seo-return{display:flex;justify-content:space-between;gap:24px;margin-top:48px;padding-top:24px;border-top:1px solid var(--border);font-size:14px}.seo-footer{margin:0;padding:30px clamp(24px,5vw,80px);display:flex;flex-wrap:wrap;gap:28px;border-top:1px solid var(--border);font-size:13px;color:#666}
@media(max-width:900px){.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-product-layout{gap:30px}.seo-header{align-items:flex-start;flex-direction:column}.seo-header>a{flex:auto}.seo-header nav{gap:20px}}
@media(max-width:600px){.seo-main{width:calc(100% - 32px);padding-top:22px}.seo-header{padding:20px 16px;gap:20px}.seo-header nav{gap:15px;font-size:13px}.seo-grid,.seo-product-layout,.seo-gallery{grid-template-columns:1fr}.seo-intro{padding:32px 0}.seo-intro>p:not(.seo-eyebrow){font-size:16px}.seo-card{padding:24px}.seo-specs>div{gap:14px}.seo-action{padding:24px}.seo-return{flex-direction:column;gap:16px}.seo-footer{padding:28px 16px;gap:16px}.seo-breadcrumbs{font-size:12px}}
@media(prefers-reduced-motion:reduce){.seo-page{scroll-behavior:auto}.seo-card{transition:none}}