/* Scoped styles: the configurator, playlist, and existing navigation are untouched. */
.seo-content{margin:32px 20px 24px;padding:25px 0;border-top:1px solid var(--line);color:var(--cocoa)}
.seo-content h2,.seo-article h1,.seo-article h2{font-family:var(--display);line-height:1.2;letter-spacing:-.3px}
.seo-content h2{font-size:26px;margin:0 0 18px}.seo-content h3{font-size:14px;margin:24px 0 10px}
.seo-content p,.seo-article p{font-size:13px;line-height:1.85;color:var(--body);overflow-wrap:break-word}
.seo-product-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:18px;margin:16px 0 22px;background:var(--surface)}
.seo-home-photo{display:block;width:100%;height:auto;border-radius:18px;margin:16px 0 22px;background:var(--surface)}
.seo-price-note{padding:14px;border-radius:12px;background:var(--surface)}
.seo-variants{padding:0 14px 10px;border:1px solid var(--line);border-radius:12px}.seo-variants h3{text-transform:capitalize}
.seo-related{display:flex;flex-wrap:wrap;gap:8px}.seo-related a{padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:#fffdf9;font-size:12px;text-decoration:none;line-height:1.5;color:var(--cocoa)}
.seo-guide-links{display:grid;gap:10px}.seo-guide-links a{display:block;padding:16px;border-radius:12px;background:var(--surface);font-size:13px;line-height:1.6;color:var(--cocoa);text-decoration:underline;text-underline-offset:3px}
.seo-faq details{border-bottom:1px solid var(--line);padding:14px 0}.seo-faq summary{cursor:pointer;font-weight:700;font-size:13px;line-height:1.6}.seo-faq details p{margin-bottom:0}
.seo-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;padding:16px 20px 0;font-size:10px;line-height:1.7}.seo-breadcrumb a{color:var(--body)}
.seo-article{padding:24px 22px}.seo-article .seo-breadcrumb{padding:0 0 24px}.seo-article h1{font-size:34px;margin:10px 0 16px}.seo-article h2{font-size:24px;margin:28px 0 10px}.seo-article .seo-intro{font-size:15px}.seo-article .seo-byline{font-size:11px;color:var(--body)}
.seo-article a{color:var(--cocoa);text-underline-offset:3px}.seo-guide-card{border-top:1px solid var(--line);margin-top:26px;padding-bottom:14px}
.seo-footer{padding:24px 22px;text-align:center;font-size:12px;border-top:1px solid var(--line);line-height:1.8}.seo-footer a{color:var(--cocoa)}
.seo-button{display:inline-block;border:1px solid var(--cocoa);border-radius:999px;padding:12px 20px;margin:15px 0}
.seo-content a:hover,.seo-article a:hover{background:var(--surface-2)}.seo-content a:focus-visible,.seo-content summary:focus-visible,.seo-article a:focus-visible{outline:2px solid var(--cocoa);outline-offset:4px}
