/*
Theme Name: Financial Plan For Life
Author: Vlad Shafir
Description: Custom one-page theme for financialplanforlife.com. The homepage lives in front-page.php; blog posts use index.php.
Version: 7.1
Requires at least: 6.0
Text Domain: fpfl
*/
:root{--blue:#004763;--ink:#0A1F44;--stone:#e2e5df;--sun:#f4c30c;--muted:#4d5f78;--line:#d3d8d0}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.75;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--blue)}
h1,h2,h3{font-family:'DM Serif Display',Georgia,serif;line-height:1.2;font-weight:600}
.bar{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.bar .in{max-width:1180px;margin:0 auto;padding:0 16px;height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{text-decoration:none;color:var(--ink);font-family:'DM Serif Display',serif;font-weight:600;line-height:1.15;display:flex;flex-direction:column}
.logo small{font-family:'DM Sans',sans-serif;font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-top:3px}
.bar nav{display:flex;gap:22px;align-items:center}
.bar nav a{text-decoration:none;font-size:.9rem;color:var(--muted);font-weight:500}
.bar nav .cta{background:var(--blue);color:#fff;padding:9px 18px;border-radius:999px;font-weight:600}
.blog-head{background:var(--ink);color:#fff;padding:64px 16px}
.blog-head h1{max-width:820px;margin:0 auto;font-size:clamp(2rem,5vw,3rem)}
.wrap-post{max-width:760px;margin:0 auto;padding:56px 16px 80px}
.post-card{padding:28px 0;border-bottom:1px solid var(--line)}
.post-card h2{margin:0 0 6px;font-size:1.5rem}
.post-card h2 a{color:var(--ink);text-decoration:none}
.meta{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-weight:600}
.entry{font-size:1.05rem}
.entry h2{margin-top:2em}
.pager{display:flex;justify-content:space-between;margin-top:36px}
.foot{background:var(--ink);color:rgba(255,255,255,.6);font-size:.8rem;padding:36px 16px;text-align:center}
.foot a{color:rgba(255,255,255,.8)}
@media (max-width:720px){.bar nav a:not(.cta){display:none}}
.foot .legal{max-width:1000px;margin:0 auto;text-align:left;line-height:1.8}
.foot .legal p+p{margin-top:12px}