:root{
  --navy:#0e2238; --navy-2:#0a1a2b; --ink:#1a2433; --muted:#5b6b7d;
  --green:#11825a; --green-2:#16a06f; --line:#e4e9ee; --bg:#f6f8fa; --card:#ffffff;
  --max:1080px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:var(--bg);line-height:1.65}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.sans{font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}

/* header */
header.site{background:var(--navy);color:#fff}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px}
.brand{font-weight:700;font-size:22px;color:#fff;letter-spacing:.2px;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.brand span{color:var(--green-2)}
nav.main a{color:#cdd8e3;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;margin-left:18px}
nav.main a:hover{color:#fff;text-decoration:none}

/* hero */
.hero{background:linear-gradient(180deg,var(--navy),var(--navy-2));color:#fff;padding:48px 0 40px}
.hero h1{font-size:34px;margin:0 0 10px;line-height:1.25}
.hero p{color:#b9c6d4;max-width:640px;margin:0;font-size:18px}

/* layout */
.layout{display:grid;grid-template-columns:1fr 320px;gap:32px;padding:36px 0}
@media(max-width:880px){.layout{grid-template-columns:1fr}}

/* cards */
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px 24px;margin-bottom:22px}
.card h2{margin:0 0 6px;font-size:22px}
.card h2 a{color:var(--ink)}
.kicker{font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--green);font-weight:700}
.meta{font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;color:var(--muted);margin:2px 0 10px}
.excerpt{color:#34414f;margin:0}

/* article body */
article.post h1{font-size:30px;line-height:1.25;margin:0 0 8px}
article.post h2{font-size:22px;margin:26px 0 8px}
article.post p{font-size:18px}
.disclaimer{background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);padding:14px 18px;border-radius:8px;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;color:var(--muted)}

/* sidebar / ad */
aside .ad-slot{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;text-align:center;margin-bottom:22px}
.ad-slot .lbl{font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9aa7b4;display:block;margin-bottom:8px}
.ad-box{width:300px;max-width:100%;height:250px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:#f0f3f6;border:1px dashed #c7d0d9;color:#9aa7b4;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px}
aside .widget{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px}
aside .widget h3{margin:0 0 10px;font-size:16px;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
aside .widget ul{margin:0;padding-left:18px}
aside .widget li{font-size:15px;margin-bottom:6px}

/* footer */
footer.site{background:var(--navy);color:#aab8c6;margin-top:30px;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
footer.site .wrap{padding:28px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;font-size:14px}
footer.site a{color:#cdd8e3}
footer .links a{margin-right:16px}
.note{font-size:12px;color:#7e8c9a;max-width:560px}