/*
Theme Name: Cyphon Insights
Theme URI: https://cyphonmedia.com/insights
Author: Cyphon Media
Description: Blog theme matching the Cyphon Media brand — marketing, landing page, copy & conversion insights.
Version: 1.0
*/
:root{
  --navy:#0f2742;--navy-mid:#1b4066;--blue:#2563a8;--blue-light:#6aa6da;
  --crimson:#c8102e;--crimson-dark:#a40d25;
  --off-white:#f4f7fb;--canvas:#d9e7f6;--light-gray:#e3ebf4;--text:#2c3c52;--white:#fff;
}
*{box-sizing:border-box;}
body{margin:0;font-family:'DM Sans',sans-serif;color:var(--navy);background:var(--off-white);line-height:1.65;font-size:17px;}
a{color:var(--blue);text-decoration:none;}a:hover{color:var(--crimson);}
h1,h2,h3,h4{font-family:'Playfair Display',serif;color:var(--navy);line-height:1.2;}
img{max-width:100%;height:auto;}
.site-header{background:#fff;border-bottom:1px solid var(--light-gray);position:sticky;top:0;z-index:50;}
.nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;}
.site-logo img{height:64px;width:auto;display:block;}
.site-nav a{margin-left:26px;font-weight:600;color:var(--navy);font-size:.95rem;}
.site-nav a:hover{color:var(--crimson);}
.nav-cta{background:var(--crimson)!important;color:#fff!important;padding:10px 20px;border-radius:8px;box-shadow:0 10px 26px rgba(200,16,46,.28);transition:transform .18s ease,background .18s ease;}
.nav-cta:hover{background:var(--crimson-dark)!important;transform:translateY(-3px);}
.blog-hero{background:linear-gradient(180deg,#cfe0f3,#d9e7f6);padding:64px 24px 56px;text-align:center;}
.blog-hero .eyebrow{color:var(--crimson);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;margin-bottom:10px;}
.blog-hero h1{font-size:2.6rem;margin:0 0 10px;}
.blog-hero p{max-width:640px;margin:0 auto;color:var(--text);}
.container{max-width:1100px;margin:0 auto;padding:48px 24px;}
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:28px;}
.post-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 16px 40px rgba(15,34,68,.12);transition:transform .18s ease,box-shadow .18s ease;display:flex;flex-direction:column;}
.post-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(15,34,68,.18);}
.post-card .thumb{aspect-ratio:16/9;background:var(--canvas);display:block;overflow:hidden;}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;}
.post-card .body{padding:22px 22px 26px;display:flex;flex-direction:column;flex:1;}
.post-card .cat{color:var(--crimson);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;margin-bottom:8px;}
.post-card h2{font-size:1.3rem;margin:0 0 10px;}
.post-card h2 a{color:var(--navy);}.post-card h2 a:hover{color:var(--blue);}
.post-card .excerpt{color:var(--text);font-size:.95rem;flex:1;}
.post-card .meta{margin-top:16px;font-size:.8rem;color:#7089a3;}
.read-more{margin-top:14px;color:var(--crimson);font-weight:600;font-size:.9rem;}
.article{max-width:760px;margin:0 auto;padding:48px 24px 64px;}
.article .eyebrow{color:var(--crimson);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;}
.article h1{font-size:2.4rem;margin:10px 0 14px;}
.article .meta{color:#7089a3;font-size:.9rem;margin-bottom:28px;}
.article-content{font-size:1.08rem;}
.article-content h2{margin-top:1.6em;}
.article-content img{border-radius:12px;box-shadow:0 16px 40px rgba(15,34,68,.12);}
.article-content blockquote{border-left:4px solid var(--crimson);margin:1.4em 0;padding:.4em 1.2em;background:#fff;border-radius:0 10px 10px 0;}
.back-home{display:inline-block;margin-top:26px;color:var(--blue);font-weight:600;}
.pagination{margin-top:40px;text-align:center;}
.pagination .page-numbers{padding:8px 14px;margin:0 4px;border-radius:8px;background:#fff;box-shadow:0 6px 16px rgba(15,34,68,.1);color:var(--navy);display:inline-block;}
.pagination .current{background:var(--crimson);color:#fff;}
.site-footer{background:var(--navy);color:#fff;text-align:center;padding:46px 24px;margin-top:40px;}
.site-footer .footer-logo{font-family:'Playfair Display',serif;font-size:1.4rem;margin-bottom:10px;}
.site-footer a{color:rgba(255,255,255,.85);}.site-footer a:hover{color:#fff;}
.site-footer .links{margin:14px 0;}.site-footer .links a{margin:0 12px;}
@media(max-width:600px){.site-logo img{height:48px;}.blog-hero h1{font-size:2rem;}.site-nav a{margin-left:14px;font-size:.85rem;}.nav-cta{padding:8px 14px;}}