.seo-page{background:#f8fafc}.seo-hero{padding:clamp(48px,8vw,92px) 0 clamp(36px,5vw,64px);background:linear-gradient(180deg,#eff6fff0,#f8fafcfa),radial-gradient(circle at 78% 18%,rgba(34,197,94,.16),transparent 30%);border-bottom:1px solid rgba(148,163,184,.18)}.seo-hero__inner{max-width:900px}.seo-hero h1{margin:0;max-width:13ch;color:#0f172a;font-size:clamp(2.6rem,5vw,5.2rem);line-height:.98;font-weight:800;letter-spacing:0}.seo-hero p{margin:20px 0 0;max-width:62ch;color:#475569;font-size:1.15rem;line-height:1.7}.seo-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.seo-secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border:1px solid rgba(37,99,235,.18);border-radius:999px;padding:.9rem 1.3rem;background:#ffffffd6;color:#1d4ed8;font-weight:700;text-decoration:none}.seo-content{padding:clamp(38px,6vw,76px) 0}.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.seo-panel{border:1px solid rgba(148,163,184,.2);border-radius:8px;background:#fff;padding:24px;box-shadow:0 18px 38px #0f172a0f}.seo-panel h2{margin:0 0 10px;color:#0f172a;font-size:1.25rem;letter-spacing:0}.seo-panel p{margin:0;color:#475569;line-height:1.65}.seo-panel ul{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}.seo-panel li{position:relative;padding-left:22px;color:#1e293b;line-height:1.5}.seo-panel li:before{content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;border-radius:999px;background:#22c55e}@media (max-width: 760px){.seo-hero h1{max-width:100%;font-size:2.8rem}}.seo-reading{max-width:900px;display:grid;gap:24px}.seo-reading .seo-panel{min-width:0;padding:clamp(20px,4vw,36px)}.seo-panel h2{font-size:1.5rem;line-height:1.3}.seo-page a{text-underline-offset:3px}.seo-page a:focus-visible,.seo-page input:focus-visible{outline:3px solid #2563eb;outline-offset:4px}.seo-breadcrumb{padding-top:24px;color:#475569;font-size:.9rem;overflow-wrap:anywhere}.seo-skip{position:absolute;top:-100px;left:12px;z-index:100;background:#fff;padding:12px}.seo-skip:focus{top:12px}.seo-code{margin-top:20px;min-width:0}.seo-code pre{margin:0;padding:20px;overflow-x:auto;border-radius:8px;background:#0f172a;color:#e2e8f0;font-size:.88rem;line-height:1.65}.seo-panel figure{margin:24px 0 0}.seo-panel img{display:block;width:100%;height:auto;border:1px solid #cbd5e1;border-radius:8px}.seo-panel figcaption{margin-top:10px;color:#475569;font-size:.9rem;line-height:1.5}.seo-details{max-width:900px;padding-top:36px;padding-bottom:16px;color:#1e293b}.seo-details p{line-height:1.7}.seo-table-scroll{max-width:100%;overflow-x:auto}.seo-details table{width:100%;border-collapse:collapse;background:#fff;text-align:left}.seo-details caption{text-align:left;padding:12px 0}.seo-details td,.seo-details th{padding:14px;border-bottom:1px solid #cbd5e1}.seo-calculator{margin-top:32px;padding:24px;background:#fff;border:1px solid #cbd5e1;border-radius:8px}.seo-calculator label,.seo-calculator output{display:block;line-height:1.6}.seo-calculator output{font-weight:700}.seo-calculator input{display:block;margin-top:12px;padding:12px;max-width:100%;width:240px;font:inherit;border:1px solid #64748b;border-radius:4px}.seo-page .container{max-width:min(1100px,100%)}@media (max-width: 760px){.seo-page .navbar{flex-wrap:wrap;gap:12px}.seo-page .navbar-links{display:flex;flex-wrap:wrap;gap:12px}.seo-page .navbar-cta{display:none}.seo-page .seo-breadcrumb{padding-top:16px}}