.seo-wrap{width:min(1100px,calc(100% - 44px));margin:0 auto}
.seo-page{padding:64px 0 90px}
.seo-page h1{font-size:clamp(2.15rem,5.2vw,3.6rem);line-height:1.1;max-width:900px;letter-spacing:-.035em;margin:14px 0 22px}
.seo-lead{font-size:clamp(1.05rem,2.1vw,1.28rem);line-height:1.65;color:var(--ink-2);max-width:770px}
.seo-crumb{font-size:.92rem;color:var(--ink-3);margin:0 0 18px}
.seo-crumb a{color:var(--ink-2)}
.seo-section{margin-top:40px;max-width:780px}
.seo-section h2{font-size:1.34rem;line-height:1.3;margin:0 0 12px}
.seo-section p,.seo-article p{line-height:1.8;color:var(--ink-2)}
.seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px}
.seo-card{display:flex;flex-direction:column;justify-content:space-between;padding:25px;border:1px solid var(--line);background:var(--surface);border-radius:16px;text-decoration:none;color:var(--ink);min-height:175px;transition:border-color .18s,transform .18s}
.seo-card:hover,.seo-card:focus-visible{border-color:var(--line-strong);transform:translateY(-2px)}
.seo-card h2,.seo-card h3{font-size:1.12rem;line-height:1.4;margin:0 0 10px;color:var(--ink)}
.seo-card p{font-size:.95rem;color:var(--ink-2);line-height:1.6;margin:0 0 18px}
.seo-card span{font-size:.89rem;color:var(--ink-2);font-weight:700}
.seo-note{padding:22px 24px;border-left:3px solid var(--accent-solid);background:var(--surface);border-radius:0 12px 12px 0;margin:32px 0;max-width:780px}
.seo-note strong{color:var(--ink)}
.seo-note p{margin:8px 0 0;line-height:1.7;color:var(--ink-2)}
.seo-cta{margin-top:42px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.seo-cta-note{margin-top:15px;color:var(--ink-3);font-size:.92rem}
.seo-faq{margin-top:40px;max-width:780px}
.seo-faq details{border-bottom:1px solid var(--line);padding:16px 2px}
.seo-faq summary{font-weight:650;cursor:pointer}
.seo-faq p{line-height:1.7;color:var(--ink-2)}
.seo-related{margin-top:64px;border-top:1px solid var(--line);padding-top:35px}
.seo-related h2{font-size:1.4rem}
.seo-related .seo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.seo-related .seo-card{padding:18px;min-height:140px}
.seo-home{margin-top:8px}
.seo-home .seo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.seo-mini{text-decoration:none;color:var(--ink-2)}
.seo-social{margin-top:48px;padding:24px;border:1px solid var(--line);background:var(--surface);border-radius:16px}
.seo-social p{line-height:1.65;color:var(--ink-2)}
.seo-social a{color:var(--ink);text-underline-offset:3px}
.seo-review-note{margin:20px 0 0;color:var(--ink-2);font-size:.92rem;line-height:1.6}
@media (max-width:750px){.seo-page{padding:34px 0 60px}.seo-grid,.seo-home .seo-grid,.seo-related .seo-grid{grid-template-columns:1fr}.seo-card{min-height:135px;padding:20px}.seo-wrap{width:min(1100px,calc(100% - 32px))}}

/* Screenshots of actual extension build: full width, no distorted device mockups */
.screen-teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.screen-teaser-card{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:16px;color:var(--ink);transition:border-color .18s,transform .18s}
.screen-teaser-card:hover,.screen-teaser-card:focus-visible{border-color:var(--line-strong);transform:translateY(-2px)}
.screen-teaser-card img{width:100%;height:auto;aspect-ratio:8 / 5;object-fit:contain;display:block}
.screen-teaser-card span{padding:16px 17px;font-weight:650;line-height:1.35}
.screen-teaser-link{margin-top:23px}
.screen-teaser-link a{font-weight:650;color:var(--ink)}
.screen-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;margin-top:40px}
.screen-gallery-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;overflow:hidden}
.screen-gallery-num{font-family:var(--font-mono);color:var(--ink-3);font-size:.86rem;margin-bottom:14px}
.screen-gallery-card h2{font-size:1.3rem;line-height:1.35;margin:0 0 10px;color:var(--ink)}
.screen-gallery-card p{line-height:1.6;color:var(--ink-2);min-height:70px;margin:0 0 20px}
.screen-gallery-card img{width:100%;height:auto;aspect-ratio:8 / 5;object-fit:contain;border:1px solid var(--line);display:block}
.screen-gallery-card a:focus-visible img{outline:2px solid var(--accent-solid)}
@media(max-width:810px){.screen-teaser-grid,.screen-gallery-grid{grid-template-columns:1fr}.screen-gallery-card{padding:16px}.screen-gallery-card p{min-height:unset}}