
.seo-content,.seo-page{--seo-ink:#202920;--seo-muted:#586257;--seo-accent:#315e43;--seo-line:#dbe1d6;color:var(--seo-ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.7;box-sizing:border-box}
.seo-content{max-width:1200px;margin:48px auto;padding:36px 28px;border-top:1px solid var(--seo-line)}
.seo-content h2,.seo-page h1,.seo-page h2{line-height:1.2;letter-spacing:-.025em;color:var(--seo-ink)}
.seo-content h2{font-size:30px}.seo-content h3{font-size:20px;line-height:1.35}.seo-content p{max-width:82ch}
.seo-content a,.seo-page a{color:var(--seo-accent);text-underline-offset:4px}.seo-content a:focus-visible,.seo-page a:focus-visible,.seo-page summary:focus-visible{outline:3px solid #c08832;outline-offset:4px}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.seo-card{padding:22px;border:1px solid var(--seo-line);border-radius:16px;background:#f7f8f3}.seo-card h3{margin:0 0 12px}.seo-card p{margin:0}
.seo-guide-links{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.seo-content details,.seo-page details{padding:18px 0;border-bottom:1px solid var(--seo-line)}.seo-content summary,.seo-page summary{font-weight:700;cursor:pointer}.seo-content details p,.seo-page details p{margin:12px 0 0}
.seo-body{margin:0;background:#fbfcf8}.seo-header{max-width:1140px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--seo-line)}.seo-brand{font-weight:800;font-size:24px;text-decoration:none}.seo-nav{display:flex;flex-wrap:wrap;gap:18px;font-size:14px}
.seo-skip{position:absolute;left:16px;top:-100px;padding:10px;background:white;z-index:10}.seo-skip:focus{top:12px}
.seo-main{max-width:860px;margin:auto;padding:40px 28px 64px}.seo-breadcrumb{font-size:14px;color:var(--seo-muted);margin-bottom:28px}.seo-main h1{font-size:clamp(32px,5vw,52px);margin:0 0 24px}.seo-lead{font-size:20px;color:var(--seo-muted)}.seo-main section{margin:38px 0}.seo-main h2{font-size:28px}.seo-main p{margin:16px 0}.seo-main li{padding:5px 0}.seo-main blockquote{border-left:4px solid #789174;margin:24px 0;padding:16px 24px;background:#eff3e9;border-radius:0 12px 12px 0}
.seo-cta{display:inline-block;padding:12px 22px;border-radius:10px;background:#315e43;color:white!important;text-decoration:none;font-weight:700}.seo-cta:hover{background:#254b34}.seo-cta-box{padding:26px;background:#edf2e7;border:1px solid var(--seo-line);border-radius:16px}.seo-related{border-top:1px solid var(--seo-line);padding-top:24px}.seo-footer{max-width:1140px;padding:28px;margin:auto;border-top:1px solid var(--seo-line);font-size:14px;display:flex;flex-wrap:wrap;gap:18px}.seo-table-wrap{overflow-x:auto}.seo-page table{border-collapse:collapse;width:100%;background:white}.seo-page caption{text-align:left;margin-bottom:12px}.seo-page th,.seo-page td{padding:12px 18px;border-bottom:1px solid var(--seo-line);text-align:left}.seo-page thead{background:#eef3e7}
@media(max-width:760px){.seo-grid{grid-template-columns:1fr}.seo-content{padding:24px 18px;margin:24px auto}.seo-header{align-items:flex-start;flex-direction:column;padding:18px}.seo-main{padding:28px 18px 44px}.seo-main h2{font-size:24px}.seo-lead{font-size:18px}.seo-nav{gap:14px}.seo-main blockquote{padding:14px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
