/* Aetheria Ascend Editorial — Blog index + long-form article pages.
   Original visual design; inspired by readable editorial layout conventions. */
:root{
  --blog-ink:#142536;--blog-muted:#687783;--blog-gold:#c6a669;--blog-cream:#faf8f3;
  --blog-rule:#e1e1dd;--blog-serif:Georgia,"Times New Roman",serif;
}
.blog-section{position:relative;padding:84px 0 100px;background:linear-gradient(180deg,#e4f0f7 0%,#f3f5f3 18%,#faf8f3 100%);color:var(--blog-ink);overflow:hidden}
.blog-section:before{content:"";position:absolute;inset:0 0 auto;height:220px;background:radial-gradient(ellipse at 50% -35%,#8eb6d544,transparent 68%);pointer-events:none}
.blog-shell{position:relative;width:min(1200px,calc(100% - 56px));margin-inline:auto}
.blog-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;padding-bottom:29px;border-bottom:1px solid #c4d5dc}
.blog-eyebrow{display:block;color:#a07736;font:800 11px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.23em;text-transform:uppercase;margin-bottom:15px}
.blog-intro h2{font:600 clamp(39px,5vw,68px)/1.12 'Cinzel',Georgia,serif;letter-spacing:-.055em;margin:0;color:#173b55}
.blog-intro h2 em{font-weight:400;font-style:normal;color:#ae884f}
.blog-intro p{max-width:615px;margin:14px 0 0;color:#627685;font:400 16px/1.65 'DM Sans',Arial,sans-serif}
.blog-follow{flex:none;display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border:1px solid #7795a3;background:#18354b;color:white;font:700 12px/1 'DM Sans',Arial,sans-serif;letter-spacing:.035em;border-radius:40px;white-space:nowrap}
.blog-follow:hover,.blog-follow:focus-visible{background:#275874;color:white}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:33px}
.blog-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #dedfda;border-radius:9px;background:#fff;box-shadow:0 9px 25px #0e29330c;transition:transform .2s ease,box-shadow .2s ease}
.blog-card:hover,.blog-card:focus-within{transform:translateY(-4px);box-shadow:0 18px 35px #0e29331e}
.blog-card-featured{grid-column:1 / -1;display:grid;grid-template-columns:1.12fr 1fr}
.blog-card-figure{display:block;position:relative;width:100%;aspect-ratio:1.85 / 1;overflow:hidden;background:#173348}
.blog-card-figure img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.blog-card:hover .blog-card-figure img{transform:scale(1.035)}
.blog-card-featured .blog-card-figure{height:100%;min-height:330px;aspect-ratio:auto}
.blog-card-info{padding:25px 27px 29px;display:flex;flex-direction:column;gap:10px;flex:1;align-items:flex-start}
.blog-card-featured .blog-card-info{justify-content:center;padding:36px 42px}
.blog-meta{font:700 11px/1.5 'DM Sans',Arial,sans-serif;color:#92723f;letter-spacing:.085em;text-transform:uppercase}
.blog-meta span{color:#b7b6b0;padding:0 6px}
.blog-card h3{margin:0;color:#193244;font:700 clamp(21px,2.2vw,31px)/1.24 var(--blog-serif);letter-spacing:-.025em}
.blog-card-featured h3{font-size:clamp(28px,3vw,41px)}
.blog-card p{margin:0;color:#5b6970;font:400 14px/1.75 'DM Sans',Arial,sans-serif}
.blog-card-author{margin-top:8px;color:#71818a;font:600 12px 'DM Sans',Arial,sans-serif}
.blog-read{margin-top:auto;padding-top:8px;color:#1b607c;font:800 12px 'DM Sans',Arial,sans-serif;border-bottom:1px solid #c8a567}
.blog-read:hover{color:#b78b47}
.blog-card a:focus-visible{outline:2px solid #a98142;outline-offset:4px}
.blog-footnote{font:500 12px/1.6 'DM Sans',Arial,sans-serif;color:#7d8785;margin-top:25px}

/* Individual article: roomy, calm Medium-like reading rhythm. */
body.blog-article-page{background:var(--blog-cream);color:var(--blog-ink)}
.article-topbar{height:70px;background:#0c1928;border-bottom:1px solid #33495c;color:#fff;position:sticky;top:0;z-index:100}
.article-topbar-inner{height:100%;width:min(1250px,calc(100% - 44px));margin:0 auto;display:flex;align-items:center;gap:22px}
.article-brand{color:#f5e5ba;white-space:nowrap;text-decoration:none;font:700 17px 'Cinzel',Georgia,serif;letter-spacing:.025em}
.article-nav{display:flex;gap:22px;align-items:center;margin-left:auto}
.article-nav a{font:700 12px 'DM Sans',Arial,sans-serif;color:#d9e2e6;text-decoration:none}
.article-nav a:hover{color:#f5d28c}
.article-nav .article-x{border:1px solid #506677;padding:9px 13px;border-radius:30px}
.article-page{padding-bottom:90px}
.article-hero{width:min(1120px,calc(100% - 48px));margin:58px auto 0;text-align:center}
.article-tag{display:block;color:#9b7943;font:800 11px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.20em;text-transform:uppercase;margin-bottom:16px}
.article-hero h1{max-width:950px;margin:0 auto;font:700 clamp(34px,5.1vw,65px)/1.12 var(--blog-serif);letter-spacing:-.035em;color:#122d43}
.article-deck{font:400 clamp(17px,1.9vw,21px)/1.6 'DM Sans',Arial,sans-serif;color:#697983;max-width:800px;margin:24px auto}
.article-byline{display:flex;justify-content:center;align-items:center;gap:12px;margin:22px 0 32px;color:#5b6b72;font:500 13px/1.5 'DM Sans',Arial,sans-serif}
.article-author-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#122e47;border:1px solid #b99b60;color:#f5e0b8;font:bold 21px Georgia,serif}
.article-byline strong{display:block;color:#1a3949;font-weight:800}
.article-byline small{display:block;color:#73828a}
.article-cover{margin:0 auto;width:min(1160px,calc(100% - 38px));border-radius:7px;overflow:hidden;box-shadow:0 8px 35px #14354b19}
.article-cover img{display:block;width:100%;max-height:580px;aspect-ratio:1.9/1;object-fit:cover}
.article-cover figcaption{padding:10px 16px;color:#6c7b7f;font:500 12px/1.45 'DM Sans',Arial,sans-serif;text-align:center;background:#eeeae0}
.article-reading{display:grid;grid-template-columns:minmax(0,1fr) 700px minmax(0,1fr);gap:30px;width:min(1240px,calc(100% - 48px));margin:52px auto 0}
.article-prose{grid-column:2;min-width:0;font:400 19px/1.9 var(--blog-serif);color:#26333b}
.article-prose p{margin:0 0 1.55em}
.article-prose>p:first-of-type:first-letter{float:left;font:bold 4.1em/.8 var(--blog-serif);padding:9px 12px 0 0;color:#98743e}
.article-prose h2{color:#183248;font:700 clamp(27px,3vw,36px)/1.3 var(--blog-serif);letter-spacing:-.02em;margin:2em 0 .67em}
.article-prose h3{color:#28435a;font:700 25px/1.25 var(--blog-serif);margin:1.8em 0 .7em}
.article-prose strong{color:#162e3f}
.article-prose ul{padding-left:25px;margin:0 0 1.7em}
.article-prose li{margin-bottom:11px}
.article-prose blockquote{margin:2em 0;padding:10px 0 10px 27px;border-left:3px solid #ba975e;color:#486073;font:italic 24px/1.55 var(--blog-serif)}
.article-prose figure{margin:36px -38px}
.article-prose figure img{display:block;width:100%;border-radius:5px}
.article-prose figure figcaption{color:#849097;font:500 12px/1.5 'DM Sans',Arial,sans-serif;text-align:center;padding:10px}
.article-prose a{color:#1b6a89;text-decoration:underline;text-underline-offset:3px}
.article-side{grid-column:3;align-self:start;position:sticky;top:105px;padding-top:4px}
.article-side-label{font:800 11px 'DM Sans',Arial,sans-serif;letter-spacing:.15em;color:#92723f;text-transform:uppercase;border-bottom:1px solid #dcdad4;padding-bottom:14px}
.article-side a{display:block;margin:18px 0;color:#213f51;text-decoration:none;font:700 15px/1.4 var(--blog-serif)}
.article-side a:hover{color:#95703c}
.article-end{grid-column:2;margin-top:20px;padding-top:23px;border-top:1px solid var(--blog-rule);color:#687983;font:500 13px/1.7 'DM Sans',Arial,sans-serif}
.article-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:21px}
.article-actions a{display:inline-flex;align-items:center;padding:11px 18px;border:1px solid #bbced8;border-radius:30px;background:#fff;color:#1b4a68;text-decoration:none;font:800 12px 'DM Sans',Arial,sans-serif}
.article-actions a:hover{border-color:#c5a368;background:#f7f3e9}
.article-footer{padding:45px 20px;background:#0c1928;text-align:center;color:#b9c8d5;font:500 12px 'DM Sans',Arial,sans-serif}
.article-footer a{color:#e1c78e;text-decoration:none}
.article-footer p{margin:10px 0}
@media(max-width:1060px){
 .article-reading{grid-template-columns:minmax(0,1fr) minmax(0,690px) minmax(0,1fr);gap:10px}
 .article-side{grid-column:2;position:static;grid-row:2;padding:12px 0;margin-top:15px}
 .article-end{grid-row:3}
 .blog-card-featured .blog-card-info{padding:28px}
 .blog-section{padding:68px 0 80px}
}
@media(max-width:760px){
 .blog-shell{width:min(100% - 30px,620px)}
 .blog-intro{display:block}
 .blog-follow{margin-top:21px}
 .blog-grid{grid-template-columns:1fr;gap:18px}
 .blog-card-featured{grid-column:auto;display:flex}
 .blog-card-featured .blog-card-figure{aspect-ratio:1.85/1;min-height:0;height:auto}
 .blog-card-featured h3{font-size:29px}
 .blog-card-featured .blog-card-info,.blog-card-info{padding:22px}
 .article-nav{gap:12px}
 .article-nav a{font-size:11px}
 .article-nav a:first-child{display:none}
 .article-brand{font-size:13px}
 .article-topbar-inner{width:calc(100% - 24px)}
 .article-hero{margin-top:34px;width:calc(100% - 32px)}
 .article-deck{margin:18px auto;font-size:17px}
 .article-cover{width:calc(100% - 16px)}
 .article-cover img{aspect-ratio:1.6/1}
 .article-reading{display:block;margin-top:31px;width:min(100% - 36px,650px)}
 .article-prose{font-size:18px;line-height:1.77}
 .article-prose h2{font-size:27px}
 .article-prose figure{margin:30px -5px}
 .article-side{margin-top:33px}
 .article-end{margin-top:25px}
}
@media(prefers-reduced-motion:reduce){
 .blog-card,.blog-card-figure img{transition:none!important}
}

/* Shared Aetheria header: official X icon, no more nonfunctional social placeholder. */
.site-header .header-x-link{
  display:grid;place-items:center;
  color:#f6e2ad;font:800 19px/1 'DM Sans',Arial,sans-serif;
  height:34px;width:34px;flex:0 0 34px;
  border:1px solid #ba9e60a8;border-radius:50%;
  background:#1b3048;
  margin-left:0;transition:background .2s;
}
.site-header .header-x-link:hover,.site-header .header-x-link:focus-visible{background:#316180;color:white}
.hero-social .social-x-official{
  display:block;color:white;min-width:22px;text-align:center;
  font:800 clamp(16px,2vw,24px)/1.7 'DM Sans',Arial,sans-serif;
  text-decoration:none;
}
.hero-social .social-x-official:hover{color:#f2d699}
.blog-card-figure--cast{background:radial-gradient(ellipse at 50% 80%,#7195b3,#1d3e60 70%)}
.blog-card-figure--cast img{object-fit:contain;object-position:center 70%}
html{scroll-padding-top:85px}
@media(max-width:950px){
  .site-header .header-x-link{height:30px;width:30px;flex-basis:30px;font-size:17px}
}
@media(max-width:650px){
  .site-header .header-x-link{height:28px;width:28px;flex-basis:28px;font-size:16px}
  .article-topbar{height:62px}
  .article-brand{font-size:12px;letter-spacing:0}
}
@media(max-width:390px){
  .site-header .header-x-link{width:26px;height:26px;flex-basis:26px}
  .article-topbar-inner{gap:8px}
  .article-nav{gap:8px}
  .article-nav .article-x{padding:8px 9px}
}