@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Playfair+Display:wght@600&display=swap');
*{box-sizing:border-box}body{margin:0;background:#0E1A2B;color:#F3F1EC;font:17px/1.6 Inter,Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column}
a{color:#7FB0F0}header,main,footer{width:100%;max-width:880px;margin:0 auto;padding:20px}
nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}nav .links a{margin-left:18px;text-decoration:none;color:#F3F1EC;opacity:.85}nav .links a:hover{opacity:1;color:#3D7FD9}
.brand img{height:112px;width:auto;max-width:100%}main{flex:1;padding-top:56px}
h1,h2{font-family:'Playfair Display',Lora,serif;font-weight:600;line-height:1.2}h1{font-size:clamp(2rem,6vw,3.2rem);margin:.2em 0}
.rule{width:64px;height:4px;background:#3D7FD9;border-radius:2px;margin:18px 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:#3D7FD9;font-weight:600}
.lead{font-size:1.15rem;opacity:.9;max-width:620px}.card{background:#14243A;border:1px solid #4A5560;border-radius:12px;padding:24px;margin-top:32px}
.btn{display:inline-block;padding:12px 22px;border-radius:8px;background:#2B6CC4;color:#fff;text-decoration:none;font-weight:600;margin:8px 10px 0 0}.btn.ghost{background:transparent;border:1px solid #4A5560;color:#F3F1EC}
ul.feat{padding-left:1.1em}footer{border-top:1px solid #4A5560;display:flex;align-items:center;gap:12px;font-size:.9rem;opacity:.85;flex-wrap:wrap}footer img{height:32px;width:32px;border-radius:50%;object-fit:cover}
@media(max-width:560px){.brand img{height:92px}nav .links a{margin:0 14px 0 0}}
.hero{width:100vw;max-width:100%;margin:0 calc(50% - 50vw);line-height:0;overflow:hidden;border-bottom:1px solid #4A5560;background:#0E1A2B}
.hero img{width:100%;height:auto;display:block;max-height:250px;object-fit:cover;object-position:center}
@media(max-width:560px){.hero img{max-height:130px}}
.post h2{font-size:1.35rem;margin:1.6em 0 .5em}.post p,.post li{opacity:.95}.post .meta{opacity:.7;font-size:.95rem;margin:0 0 .2em}.post ul{padding-left:1.2em}.post code{font-size:.95em;background:#14243A;padding:.1em .35em;border-radius:4px}.post .back{margin-top:2.5em}.post table.simple{width:100%;border-collapse:collapse;font-size:.95rem}.post table.simple th,.post table.simple td{text-align:left;padding:8px 10px;border-bottom:1px solid #4A5560;vertical-align:top}.post table.simple th{color:#3D7FD9;font-weight:600}