/* Generated by scripts/generate_seo_pages.py. Do not edit here. */
:root { --bg:#F1F0EA; --surface:#FBFAF6; --ink:#33313D; --soft:#6B6876; --line:#E3E0D6; --accent:#3E4A63; --accent-soft:#E4E8F0; --warm:#E3A857; --warm-soft:#FBF0DD; }
* { box-sizing:border-box; } body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.6 'Nunito Sans',Arial,sans-serif; } a { color:var(--accent); } a:focus-visible { outline:3px solid var(--warm); outline-offset:3px; } .wrap { width:min(760px,calc(100% - 32px)); margin:auto; } header { border-bottom:1px solid var(--line); background:#FBFAF6; } .brand { display:inline-block; padding:18px 0; color:var(--accent); font-weight:800; text-decoration:none; } main { padding:36px 0 56px; } .crumbs { color:var(--soft); font-size:.9rem; margin-bottom:22px; } h1,h2,h3 { color:var(--ink); line-height:1.25; } h1 { font:600 clamp(2rem,7vw,2.8rem)/1.16 Georgia,serif; margin:0 0 14px; } h2 { font:600 1.45rem/1.28 Georgia,serif; margin-top:32px; } .lead { color:var(--soft); font-size:1.08rem; } .card { background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:18px; margin:14px 0; } .card h2,.card h3 { margin-top:0; } .button { display:inline-block; background:var(--warm); color:var(--ink); font-weight:800; padding:12px 16px; border-radius:10px; text-decoration:none; } .strategy { border-top:1px solid var(--line); padding:18px 0; } .strategy:first-of-type { border-top:0; } .strategy h3 { margin:0 0 8px; font-size:1.05rem; } .strategy p { white-space:pre-line; margin:0; } ul { padding-left:1.2rem; } li { margin:8px 0; } footer { border-top:1px solid var(--line); color:var(--soft); font-size:.9rem; padding:24px 0; } @media (prefers-color-scheme:dark) { :root { --bg:#20222B; --surface:#2A2C37; --ink:#EDEAE0; --soft:#A9A6B4; --line:#3C3E4A; --accent:#DCE4F2; --accent-soft:#333B4E; --warm:#E9B96C; } header { background:var(--surface); } }