/* Also keeps the real HTML content usable before JS loads or when JS is disabled. */
.seo-nav { display:flex; flex-wrap:wrap; gap:1rem 2rem; padding:1.5rem max(1rem, 4vw); background:var(--paper); border-bottom:1px solid var(--line); }
.seo-nav a { color:var(--ink); text-decoration:none; }
.seo-page { max-width:1280px; margin:0 auto; padding:clamp(20px, 4vw, 64px); overflow-wrap:anywhere; }
.seo-page section { margin-block:3rem; }
.seo-page h1 { font-size:clamp(2rem, 4vw, 3.5rem); line-height:1.14; max-width:24ch; }
.seo-page p { line-height:1.7; }
.seo-page img { max-width:100%; height:auto; object-fit:contain; }
.seo-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:24px; margin-top:24px; }
.seo-grid article { padding:16px; border:1px solid var(--line); background:var(--paper); }
.seo-grid a { color:var(--ink); }
.seo-grid img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; }
.seo-photos { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:24px; margin-top:40px; }
.product-copy h3 a { color:inherit; text-decoration:none; }
.product-copy h3 a:hover { text-decoration:underline; }