/* ACCOUNTability! blog — styles tightened to match the CDB report design */
:root{
  --rose:#bf7474; --rose-soft:#d99e9e; --marker:#a83838;
  --navy:#0b446f; --page-bg:#030617; --panel-bg:#06091a; --panel-deep:#00010a;
  --ink:#ffffff; --ink-soft:#c9d3dd; --rule:rgba(255,255,255,0.10);
  --maxw:720px;
}
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  color:var(--ink);
  background:radial-gradient(ellipse at center, #030617 0%, #000 78%) fixed, #030617;
  font-family:'Montserrat','Heebo','Helvetica Neue',Arial,sans-serif;
  font-size:17px; line-height:1.7; -webkit-font-smoothing:antialiased;
}
a{ color:var(--rose); text-decoration:none; }
a:hover{ color:var(--rose-soft); text-decoration:underline; }

/* header / wordmark — matches the CDB topbar (white ACCOUNT + ability + !) */
.site-header{ position:sticky; top:0; z-index:1000; background:#00010a;
  border-bottom:1px solid var(--rule); }
.brand-block{ display:block; text-align:center; padding:13px 18px; text-decoration:none; }
.brand-block:hover{ text-decoration:none; }
.brand-word{ display:inline-flex; align-items:baseline;
  font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;
  font-size:26px; font-weight:500; line-height:1; letter-spacing:-0.5px; color:#fff; }
.b-account{ font-family:'Bebas Neue','Impact',sans-serif; font-weight:400;
  font-size:1.15em; letter-spacing:0.5px; text-transform:uppercase; color:#fff; }
.b-ability{ font-weight:500; font-size:1em; letter-spacing:-0.3px; color:#fff; }
.b-bang{ font-family:'Montserrat','Helvetica Neue',Arial,sans-serif; font-weight:500; color:#fff; }
.brand-sub{ display:block; font-size:10px; font-weight:400; letter-spacing:0.12em;
  text-transform:uppercase; color:rgba(255,255,255,0.55); margin-top:6px; }

/* layout */
.wrap{ max-width:var(--maxw); margin:0 auto; padding:0 22px; position:relative; z-index:1; }
.blog-hero{ text-align:center; padding:54px 22px 30px; border-bottom:1px solid var(--rule); }
.blog-hero h1{ font-family:'Bebas Neue','Impact',sans-serif; font-weight:400;
  font-size:2.7rem; letter-spacing:1px; line-height:1.04; color:#fff; margin:0 0 10px; }
.blog-hero p{ color:var(--ink-soft); max-width:560px; margin:0 auto; font-size:0.95rem; }

/* post list (index) */
.post-list{ list-style:none; margin:0; padding:36px 0 60px; }
.post-card{ display:block; padding:24px 0; border-bottom:1px solid var(--rule); text-decoration:none; }
.post-card:hover{ text-decoration:none; }
.post-card .kicker{ color:var(--rose); font-size:11px; letter-spacing:0.16em;
  text-transform:uppercase; font-weight:600; }
.post-card h2{ font-family:'Bebas Neue','Impact',sans-serif; font-weight:400;
  font-size:1.75rem; letter-spacing:0.6px; color:#fff; margin:8px 0 8px; line-height:1.08; }
.post-card:hover h2{ color:var(--rose-soft); }
.post-card p{ color:var(--ink-soft); margin:0; font-size:0.95rem; }
.post-meta{ color:rgba(255,255,255,0.4); font-size:12px; margin-top:10px;
  letter-spacing:0.06em; text-transform:uppercase; }

/* article */
.article{ padding:44px 0 30px; }
.article .kicker{ color:var(--rose); font-size:11px; letter-spacing:0.16em;
  text-transform:uppercase; font-weight:600; }
.article h1{ font-family:'Bebas Neue','Impact',sans-serif; font-weight:400;
  font-size:2.6rem; letter-spacing:0.8px; line-height:1.06; color:#fff; margin:10px 0 12px; }
.article .byline{ color:rgba(255,255,255,0.5); font-size:13px; margin-bottom:30px;
  padding-bottom:22px; border-bottom:1px solid var(--rule); }
.article h2{ font-family:'Bebas Neue','Impact',sans-serif; font-weight:400;
  font-size:1.7rem; letter-spacing:0.6px; color:#fff; margin:40px 0 12px; }
.article h3{ font-size:1.1rem; font-weight:700; color:#fff; margin:26px 0 8px; }
.article p{ margin:0 0 18px; color:#e7edf5; }
.article ul,.article ol{ margin:0 0 18px; padding-left:22px; color:#e7edf5; }
.article li{ margin:0 0 8px; }
.article li::marker{ color:var(--rose); }
.article strong{ color:#fff; }
.article code{ background:var(--panel-bg); border:1px solid var(--rule);
  border-radius:5px; padding:1px 6px; font-size:0.86em; color:var(--rose-soft); }
.article blockquote{ margin:24px 0; padding:14px 20px; border-left:3px solid var(--rose);
  background:var(--panel-bg); color:var(--ink-soft); font-style:italic; border-radius:0 8px 8px 0; }

/* CTA box — matches CDB card treatment */
.cta{ margin:44px 0 20px; padding:26px 24px; background:var(--panel-deep);
  border:1px solid rgba(191,116,116,0.30); border-radius:14px; text-align:center;
  box-shadow:0 8px 30px rgba(0,0,0,0.5); }
.cta h3{ font-family:'Bebas Neue','Impact',sans-serif; font-weight:400; font-size:1.55rem;
  letter-spacing:0.6px; color:#fff; margin:0 0 8px; }
.cta p{ color:var(--ink-soft); font-size:0.92rem; margin:0 0 16px; }
/* ghost button — matches the site (transparent bg, thin rose border, uppercase) */
.cta a.btn{ display:inline-block; background:transparent; color:var(--rose);
  border:1px solid var(--rose); border-radius:12px; padding:11px 26px;
  font-family:'Montserrat','Helvetica Neue',Arial,sans-serif; font-size:12px; font-weight:700;
  letter-spacing:1.2px; text-transform:uppercase; text-decoration:none; cursor:pointer;
  transition:color .18s,border-color .18s,background .18s; }
.cta a.btn:hover{ color:#fff; border-color:#d18a8a; background:rgba(191,116,116,0.18); text-decoration:none; }
.disclosure{ color:rgba(255,255,255,0.42); font-size:12px; font-style:italic; margin-top:14px; }

/* footer */
.site-footer{ border-top:1px solid var(--rule); padding:30px 22px; text-align:center;
  color:rgba(255,255,255,0.45); font-size:13px; position:relative; z-index:1; }
.site-footer a{ color:var(--rose-soft); }

@media (max-width:600px){
  body{ font-size:16px; }
  .blog-hero h1{ font-size:2.2rem; }
  .article h1{ font-size:2.1rem; }
}