/* ============================================================
   Azure Host — scoped blog-post theme
   Everything lives under .azure-host so it cannot touch site chrome.
   Loaded once via <link> in the post body; shared by all 4 languages.
   Fonts (Amiri / Cormorant Garamond / Marcellus SC) are self-hosted in
   /assets/css/fonts.css (loaded globally in layout.php) — no web-font CDN.
   ============================================================ */

.azure-host{
  --azure:#1d6e9c;--azure-bright:#3a9fd0;
  --gold:#c8a24b;--gold-bright:#ecca78;
  --ink:#0c161d;--ink-2:#11242f;
  --cream:#f1e9d8;--cream-dim:#c6bda6;
  position:relative;overflow:hidden;isolation:isolate;
  /* full-bleed: break out of the narrow .post-body / .wrap (max 780px) column */
  width:100vw;max-width:100vw;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  border-top:1px solid rgba(200,162,75,.25);border-bottom:1px solid rgba(200,162,75,.25);
  background:
    radial-gradient(circle at 18% -10%, rgba(58,159,208,.12), transparent 45%),
    radial-gradient(circle at 88% 8%, rgba(79,154,134,.10), transparent 42%),
    radial-gradient(circle at 50% 120%, rgba(216,154,46,.10), transparent 50%),
    var(--ink);
  color:var(--cream);
  font-family:'Cormorant Garamond',serif;font-size:19px;line-height:1.6;
}
.azure-host *{margin:0;padding:0;box-sizing:border-box}
.azure-host::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg fill='none' stroke='%233a9fd0' stroke-opacity='0.05'%3E%3Cpath d='M20 0 L40 20 L20 40 L0 20 Z'/%3E%3Cpath d='M20 8 L32 20 L20 32 L8 20 Z'/%3E%3C/g%3E%3C/svg%3E");opacity:.6}
.azure-host::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;mix-blend-mode:overlay;opacity:.16;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.azure-host .ah-wrap{position:relative;z-index:3;max-width:1040px;margin:0 auto;padding:0 32px}
.azure-host .ah-gold{background:linear-gradient(100deg,var(--gold) 0%,var(--gold-bright) 40%,#fff6d8 50%,var(--gold-bright) 60%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.azure-host .ah-rule{height:2px;border:0;margin:0 auto;background:linear-gradient(90deg,transparent,var(--gold),transparent);max-width:340px}
.azure-host a{color:var(--azure-bright);text-decoration:none}
.azure-host a:hover{text-decoration:underline}

/* hero */
.azure-host .ah-hero{position:relative;z-index:3;min-height:74vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 28px 60px;
  background:
    linear-gradient(180deg,rgba(12,22,29,.58),rgba(12,22,29,.8) 62%,var(--ink)),
    url("/assets/media/2026/Warhammer-prime/conquest-constantinople-zonaro.jpg");
  background-size:cover;background-position:center 26%}
.azure-host .ah-frame{border:1px solid rgba(200,162,75,.45);padding:48px 44px;position:relative;background:linear-gradient(180deg,rgba(29,110,156,.18),rgba(12,22,29,.28));backdrop-filter:blur(2px);max-width:700px}
.azure-host .ah-frame::before,.azure-host .ah-frame::after{content:"";position:absolute;width:26px;height:26px;border:2px solid var(--gold)}
.azure-host .ah-frame::before{top:-2px;left:-2px;border-right:0;border-bottom:0}
.azure-host .ah-frame::after{bottom:-2px;right:-2px;border-left:0;border-top:0}
.azure-host .ah-eyebrow{font-family:'Amiri',serif;letter-spacing:.42em;text-transform:uppercase;font-size:.72rem;color:var(--azure-bright);margin-bottom:22px}
.azure-host .ah-h1{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:clamp(2.4rem,7.5vw,5rem);line-height:.98;margin-bottom:6px}
.azure-host .ah-arabic{font-family:'Amiri',serif;font-size:clamp(1.7rem,5vw,2.6rem);color:var(--gold);margin:12px 0 8px;direction:rtl}
.azure-host .ah-sub{font-family:'Marcellus SC',serif;letter-spacing:.18em;text-transform:uppercase;font-size:.82rem;color:var(--cream-dim);margin-top:16px}
.azure-host .ah-byline{font-style:italic;color:var(--cream-dim);margin-top:18px;font-size:1rem}
.azure-host .ah-credit{position:absolute;bottom:10px;right:16px;font-family:'Marcellus SC',serif;font-size:.6rem;letter-spacing:.06em;color:var(--cream-dim);opacity:.55;text-transform:uppercase}

/* series nav */
.azure-host .ah-series{display:flex;align-items:stretch;gap:14px;flex-wrap:wrap;margin:44px 0 6px}
.azure-host .ah-series a,.azure-host .ah-series .ah-part{flex:1 1 230px;border:1px solid rgba(200,162,75,.3);background:linear-gradient(180deg,rgba(17,36,47,.5),rgba(12,22,29,.3));padding:14px 18px;display:block;transition:border-color .3s,transform .3s}
.azure-host .ah-series a:hover{border-color:var(--gold);transform:translateY(-3px);text-decoration:none}
.azure-host .ah-series .ah-lab{font-family:'Marcellus SC',serif;letter-spacing:.14em;text-transform:uppercase;font-size:.6rem;color:var(--azure-bright);display:block;margin-bottom:5px}
.azure-host .ah-series .ah-ttl{font-family:'Cormorant Garamond',serif;font-size:1.18rem;color:var(--cream);line-height:1.15;display:block}
.azure-host .ah-series .ah-now{border-color:var(--gold);background:linear-gradient(180deg,rgba(200,162,75,.16),rgba(12,22,29,.3))}
.azure-host .ah-series .ah-now .ah-lab{color:var(--gold-bright)}
.azure-host .ah-series .ah-soon{opacity:.55}
.azure-host .ah-series .ah-soon .ah-ttl{font-style:italic}

/* intro */
.azure-host .ah-intro{position:relative;z-index:3;padding:40px 0 20px}
.azure-host .ah-intro p{font-size:1.18rem;color:var(--cream);margin-bottom:18px}
.azure-host .ah-intro p.ah-lede{font-size:1.34rem;font-style:italic;color:var(--gold-bright)}
.azure-host .ah-drop::first-letter{font-family:'Amiri',serif;float:left;font-size:4.4rem;line-height:.78;padding:6px 14px 0 0;color:var(--azure-bright)}

/* log / entries */
.azure-host .ah-log{position:relative;z-index:3;padding:30px 0 20px}
.azure-host .ah-entry{margin:0 0 64px;opacity:0;transform:translateY(34px);animation:ah-rise .9s cubic-bezier(.2,.7,.2,1) forwards}
.azure-host .ah-entry:nth-child(2){animation-delay:.08s}
.azure-host .ah-entry:nth-child(3){animation-delay:.16s}
.azure-host .ah-entry:nth-child(4){animation-delay:.24s}
@keyframes ah-rise{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.azure-host .ah-entry{animation:none;opacity:1;transform:none}}
.azure-host .ah-entry-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.azure-host .ah-no{font-family:'Cormorant Garamond',serif;font-size:2.6rem;font-weight:700;color:var(--gold);line-height:1;opacity:.8}
.azure-host .ah-date{font-family:'Marcellus SC',serif;letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;color:var(--azure-bright)}
.azure-host .ah-entry h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.9rem,4.6vw,2.9rem);line-height:1.02;margin:6px 0 4px;color:var(--cream)}
.azure-host .ah-entry h2 .ah-arname{font-family:'Amiri',serif;font-size:.6em;color:var(--gold-bright);margin-left:12px}
.azure-host .ah-station{display:inline-block;font-family:'Marcellus SC',serif;letter-spacing:.12em;text-transform:uppercase;font-size:.64rem;color:var(--cream-dim);border:1px solid rgba(200,162,75,.4);border-radius:40px;padding:3px 12px;margin-bottom:14px}
.azure-host .ah-entry p{color:var(--cream-dim);font-size:1.08rem;margin-bottom:16px}
.azure-host .ah-entry p b{color:var(--cream)}

/* figures */
.azure-host .ah-fig{margin:22px 0;border:1px solid rgba(200,162,75,.3);background:rgba(12,22,29,.4);padding:8px}
.azure-host .ah-fig img{display:block;width:100%;height:auto;border:1px solid rgba(0,0,0,.4)}
.azure-host .ah-cap{font-family:'Marcellus SC',serif;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;color:var(--cream-dim);text-align:center;padding:10px 6px 4px}
/* carousel (step 00) — big swipeable slides + click-to-zoom */
.azure-host .ah-carousel{margin:22px 0;border:1px solid rgba(200,162,75,.3);background:rgba(12,22,29,.4);padding:8px;position:relative}
.azure-host .ah-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.azure-host .ah-track::-webkit-scrollbar{height:8px}
.azure-host .ah-track::-webkit-scrollbar-thumb{background:rgba(200,162,75,.4);border-radius:4px}
.azure-host .ah-track::-webkit-scrollbar-track{background:rgba(12,22,29,.5)}
.azure-host .ah-slide{flex:0 0 100%;scroll-snap-align:center;margin:0;min-width:0}
.azure-host .ah-zoom{display:block;position:relative;cursor:zoom-in;border:1px solid rgba(0,0,0,.4)}
.azure-host .ah-zoom img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;background:#070d12}
.azure-host .ah-zoom-ic{position:absolute;top:10px;right:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(12,22,29,.72);border:1px solid rgba(200,162,75,.5);color:var(--gold-bright);font-size:15px;border-radius:4px;opacity:.85}
.azure-host .ah-zoom:hover .ah-zoom-ic{opacity:1}
.azure-host .ah-slide .ah-cap{padding:10px 6px 4px}
.azure-host .ah-swipe-hint{font-family:'Marcellus SC',serif;letter-spacing:.14em;text-transform:uppercase;font-size:.58rem;color:var(--cream-dim);opacity:.6;text-align:center;padding:8px 0 2px}
/* CSS-only lightbox via :target */
.azure-host .ah-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:3vmin;background:rgba(5,9,12,.94);opacity:0;pointer-events:none;transition:opacity .25s;cursor:zoom-out}
.azure-host .ah-lightbox:target{opacity:1;pointer-events:auto}
.azure-host .ah-lightbox img{max-width:94vw;max-height:94vh;width:auto;height:auto;border:1px solid rgba(200,162,75,.4);box-shadow:0 20px 60px rgba(0,0,0,.6)}
.azure-host .ah-lightbox .ah-lb-close{position:absolute;top:18px;right:22px;color:var(--gold-bright);font-size:30px;line-height:1;font-family:'Cormorant Garamond',serif}

/* recipe */
.azure-host .ah-recipe{border:1px solid rgba(200,162,75,.28);background:linear-gradient(180deg,rgba(17,36,47,.55),rgba(12,22,29,.3));margin:24px 0;position:relative}
.azure-host .ah-recipe::before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:var(--accent,var(--gold))}
.azure-host .ah-recipe-title{display:flex;align-items:center;gap:10px;padding:16px 22px 4px 26px;font-family:'Marcellus SC',serif;letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;color:var(--gold-bright)}
.azure-host .ah-recipe-note{padding:0 22px 14px 26px;font-style:italic;color:var(--cream-dim);font-size:.98rem}
.azure-host .ah-paints{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid rgba(200,162,75,.2)}
.azure-host .ah-paint{border-right:1px solid rgba(12,22,29,.55);border-bottom:1px solid rgba(12,22,29,.55)}
.azure-host .ah-swatch{display:flex;height:46px}
.azure-host .ah-swatch i{flex:1;position:relative}
.azure-host .ah-swatch i::after{content:attr(data-l);position:absolute;bottom:3px;left:6px;font-family:'Marcellus SC',serif;font-size:.5rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.78);text-shadow:0 1px 2px rgba(0,0,0,.7)}
.azure-host .ah-swatch i.ah-light::after{color:rgba(0,0,0,.7);text-shadow:0 1px 2px rgba(255,255,255,.4)}
.azure-host .ah-pmeta{padding:9px 12px 12px}
.azure-host .ah-pname{font-family:'Marcellus SC',serif;font-size:.76rem;line-height:1.2;display:block;color:var(--cream)}
.azure-host .ah-puse{font-family:'Amiri',serif;font-size:.72rem;color:var(--cream-dim);margin-top:4px;display:block}

/* pull quote */
.azure-host .ah-pull{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.5rem;color:var(--gold-bright);text-align:center;max-width:640px;margin:46px auto;line-height:1.4;position:relative}
.azure-host .ah-pull::before{content:"\201C";font-family:'Amiri',serif;font-size:3rem;color:var(--azure-bright);opacity:.5;display:block;line-height:.4;margin-bottom:10px}

/* closing + footer */
.azure-host .ah-next{position:relative;z-index:3;padding:20px 0 10px}
.azure-host .ah-next .ah-date{display:block;text-align:center;margin-bottom:14px}
.azure-host .ah-next p{text-align:center;color:var(--cream-dim);max-width:640px;margin:0 auto 26px;font-size:1.1rem}
.azure-host .ah-footer{position:relative;z-index:3;text-align:center;padding:56px 28px 76px}
.azure-host .ah-footer .ah-arabic{font-size:2rem;color:var(--gold)}
.azure-host .ah-footer p{color:var(--cream-dim);font-style:italic;margin-top:10px}

@media(max-width:620px){
  .azure-host .ah-paints{grid-template-columns:1fr}
  .azure-host .ah-no{font-size:2rem}
  .azure-host .ah-zoom img{max-height:60vh}
}
@media(min-width:680px){.azure-host .ah-paints{grid-template-columns:repeat(3,1fr)}}