html{overflow-x:clip}
:root{--seo-label:#086B5E}
.eyebrow{color:var(--seo-label)}
.seo-footer .admin{opacity:1;color:var(--muted)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--seo-label:#3CC3AE}}
:root[data-theme="dark"]{--seo-label:#3CC3AE}
.skip-link{position:absolute;top:8px;left:16px;z-index:100;transform:translateY(-180%);background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:8px}
.skip-link:focus{transform:none}
.seo-page{padding-top:20px}
.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.seo-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:center;padding:42px 0 64px}
.seo-hero h1{font-size:clamp(34px,5vw,64px);margin-top:14px}
.seo-hero .lede{font-size:20px;margin-top:22px;max-width:52ch;color:var(--muted)}
.seo-sample{margin:0;max-width:330px;justify-self:center;transform:rotate(2deg)}
.seo-sample img{display:block;width:100%;height:auto;border:2px solid var(--ink);border-radius:8px;box-shadow:8px 8px 0 var(--marigold);background:white}
.seo-sample figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:18px}
.seo-copy{max-width:760px;margin-inline:auto}
.seo-copy section{padding-block:24px}
.seo-copy h2{font-size:clamp(25px,3vw,34px);margin-bottom:20px}
.seo-copy p+p{margin-top:16px}
.seo-copy a,.guide-links a,.seo-footer a{text-underline-offset:4px}
.seo-end{display:grid;gap:22px;margin-top:40px;text-align:center;justify-items:center}
.seo-footer{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.seo-footer nav{display:flex;gap:12px 24px;flex-wrap:wrap;max-width:760px}
.guide-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.guide-links a{display:flex;flex-direction:column;gap:8px;border:2px solid var(--rule);border-radius:14px;padding:20px;background:var(--sheet);text-decoration:none}
.guide-links a:hover{border-color:var(--ink)}
.guide-links strong{font-size:19px}.guide-links span{font-size:15px;color:var(--muted)}
@media(max-width:700px){.seo-hero{grid-template-columns:1fr;gap:35px;padding-top:26px}.seo-sample{max-width:260px}.guide-links{grid-template-columns:1fr}.seo-copy section{padding-block:20px}.seo-footer{display:grid}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.outline{animation:none;background-size:100% 100%}.btn:hover,.plan:hover,.card:hover{transform:none!important}}