/* FramePad SEO articles and homepage explanation. Independent of the editor stylesheet. */
:root{--seo-ink:#203247;--seo-blue:#1765dc;--seo-muted:#52657c;--seo-border:#dce5ef;--seo-bg:#f6f9fe}
.fp-seo{max-width:1160px;margin:26px auto 48px;padding:0 20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--seo-ink);line-height:1.65;font-size:15px}
.fp-seo *{box-sizing:border-box}
.fp-seo h1{font-size:clamp(23px,3vw,32px);letter-spacing:-.03em;line-height:1.22;margin:0 0 13px}
.fp-seo h2{font-size:clamp(19px,2.3vw,25px);line-height:1.25;letter-spacing:-.02em;margin:26px 0 12px}
.fp-seo h3{font-size:18px;line-height:1.3;margin:18px 0 8px}
.fp-seo p{margin:0 0 15px}
.fp-seo a{color:#1456b2;text-decoration:underline;text-underline-offset:2px}
.fp-seo a:hover{color:#0b3e82}
.fp-seo small,.fp-seo .muted{color:var(--seo-muted)}
.fp-seo .lead{font-size:17px;color:#344e69;max-width:880px}
.fp-seo .eyebrow{color:#185bb8;font-weight:800;font-size:12px;letter-spacing:.07em;text-transform:uppercase;margin:0 0 12px}
.fp-seo .fp-seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 10px}
.fp-seo .fp-seo-card{background:white;border:1px solid var(--seo-border);border-radius:13px;padding:20px;box-shadow:0 4px 18px #122f5010}
.fp-seo .fp-seo-card h3{margin:0 0 7px}.fp-seo .fp-seo-card p{font-size:14px;color:var(--seo-muted);line-height:1.55}
.fp-seo .seo-action{display:inline-flex;align-items:center;gap:8px;background:var(--seo-blue);color:white;border-radius:8px;padding:9px 14px;text-decoration:none;font-weight:750;font-size:14px}
.fp-seo .seo-action:hover{color:white;background:#1254b5}
.fp-seo .seo-note{border-left:3px solid var(--seo-blue);background:#eaf2ff;padding:14px 18px;border-radius:0 10px 10px 0;color:#35516c;margin:22px 0}
.fp-seo .fp-seo-footer{border-top:1px solid var(--seo-border);margin-top:36px;padding-top:15px;font-size:13px;color:var(--seo-muted)}
.fp-seo .fp-seo-footer a{margin-right:15px}
.fp-seo .formula{font-family:Georgia,Times New Roman,serif;background:#eef4ff;padding:14px 18px;border-radius:8px;font-size:19px;overflow-x:auto;margin:14px 0 18px;white-space:normal}
.fp-seo .calc-table{border-collapse:collapse;width:100%;background:white;margin:18px 0 24px;font-size:14px}
.fp-seo .calc-table th,.fp-seo .calc-table td{text-align:left;border:1px solid #dce5ef;padding:10px 13px}
.fp-seo .calc-table th{background:#eff5ff;color:#2d4765}
.fp-seo .callout{background:#fff;border:1px solid var(--seo-border);border-radius:10px;padding:18px 20px;margin:20px 0}
.fp-seo .topic-nav{display:flex;gap:10px 16px;flex-wrap:wrap;border-bottom:1px solid var(--seo-border);padding:0 0 15px;margin-bottom:28px;font-size:14px}
.fp-seo .topic-nav .nav-brand{text-decoration:none;font-weight:800;color:#203247;margin-right:auto}
.fp-seo .breadcrumbs{font-size:13px;color:var(--seo-muted);margin-bottom:14px}
.fp-seo .wide{max-width:920px}
.fp-seo ul,.fp-seo ol{padding-left:23px;margin:11px 0 19px}
.fp-seo li{margin-bottom:8px}
.fp-seo code{background:#edf2f8;border-radius:4px;padding:2px 5px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92em}
@media(max-width:790px){.fp-seo .fp-seo-grid{grid-template-columns:1fr}.fp-seo{padding:0 14px;margin-top:22px}.fp-seo .topic-nav .nav-brand{flex-basis:100%}}