/* Craqly v3 chrome: header, footer, promo card, related grid.
   Explicit CSS throughout — no utility framework on this WP instance. */

/* ---- Branded header ---- */
.cq-hdr{background:#fff;border-bottom:1px solid #e7ebf0}
.cq-hdr__in{max-width:78rem;margin:0 auto;padding:.8rem 1.25rem;
  display:flex;align-items:center;gap:2rem}
.cq-hdr__logo{display:inline-flex;align-items:center;flex:0 0 auto}
.cq-hdr__logo{gap:.55rem;text-decoration:none}
.cq-hdr__logo img{display:block;height:26px;width:26px;border-radius:6px}
.cq-hdr__word{font-family:ui-sans-serif,system-ui,sans-serif;font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:#0f172a}
.cq-hdr__nav{display:flex;gap:1.5rem;margin-left:.5rem}
.cq-hdr__nav a{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.92rem;
  font-weight:500;color:#475569;text-decoration:none}
.cq-hdr__nav a:hover,.cq-hdr__nav a[aria-current]{color:#0f172a}
.cq-hdr__cta{margin-left:auto;font-family:ui-sans-serif,system-ui,sans-serif;
  font-size:.88rem;font-weight:600;color:#fff !important;text-decoration:none;
  background:linear-gradient(120deg,#2563eb,#7c3aed);border-radius:9px;
  padding:.55rem 1.05rem;white-space:nowrap}
.cq-hdr__cta:hover{filter:brightness(1.06)}
@media(max-width:640px){
  .cq-hdr__nav{display:none}
  .cq-hdr__in{gap:1rem}
}

/* ---- Footer ---- */
.cq-ftr{background:#fff;border-top:1px solid #e7ebf0;margin-top:2rem}
.cq-ftr__in{max-width:78rem;margin:0 auto;padding:1.4rem 1.25rem;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;
  font-family:ui-sans-serif,system-ui,sans-serif;font-size:.85rem;color:#64748b}
.cq-ftr a{color:#475569;text-decoration:none;margin-left:1.1rem}
.cq-ftr__in > span a{margin-left:0}
.cq-ftr a:hover{color:#0f172a}

/* ---- In-article promo card (same design as the LRAI v3 card) ---- */
.lrai-banner{display:block;width:100%;margin:44px 0;border:1px solid #e2e8f0;
  border-radius:14px;background:linear-gradient(180deg,#fafbff,#fff);
  box-shadow:0 1px 3px rgba(15,23,42,.05);overflow:hidden;color:#0f172a}
.lrai-banner__content{padding:22px 24px}
.lrai-banner__kicker{display:inline-block;font-size:10.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:.09em;color:#4f46e5;background:#eef2ff;
  padding:4px 10px;border-radius:999px;margin-bottom:12px;
  font-family:ui-sans-serif,system-ui,sans-serif}
.lrai-banner__title{font-size:19px;font-weight:700;line-height:1.3;margin:0 0 7px;
  letter-spacing:-.01em;color:#0f172a;font-family:ui-sans-serif,system-ui,sans-serif}
.lrai-banner__body{font-size:14.5px;line-height:1.6;margin:0 0 16px;color:#475569;max-width:58ch;
  font-family:ui-sans-serif,system-ui,sans-serif}
.lrai-banner__cta,
.prose .lrai-banner a.lrai-banner__cta{display:inline-block;background:#4f46e5;color:#fff !important;
  font-weight:600;font-size:14px;padding:9px 18px;border-radius:9px;text-decoration:none;
  background-image:none;transition:background-color .15s,transform .15s;
  font-family:ui-sans-serif,system-ui,sans-serif}
.lrai-banner__cta:hover,
.prose .lrai-banner a.lrai-banner__cta:hover{background-color:#4338ca;transform:translateY(-1px)}

/* ---- Related posts ---- */
.lrai-related{margin-top:3.2rem}
.lrai-related__h{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  font-size:1.35rem;font-weight:600;color:#0f172a;margin:0 0 1rem}
.lrai-related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem}
.lrai-related__card{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;
  border:1px solid #e7ebf0;border-radius:12px;background:#fff;text-decoration:none;
  transition:border-color .15s,box-shadow .15s}
.lrai-related__card:hover{border-color:#c7d2fe;box-shadow:0 2px 10px rgba(79,70,229,.08)}
.lrai-related__cat{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.64rem;
  font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4f46e5}
.lrai-related__title{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.94rem;
  font-weight:600;line-height:1.4;color:#1e293b}

/* ---- Break the article out of Astra's boxed/narrow wrappers entirely.
   The v3 shell centers itself; Astra's container chain (ast-separate-container
   + ast-narrow-container) keeps re-capping width at each layer, so escaping
   the box is more robust than out-specifying three generations of it. ---- */
.single-post .lrai-article{
  width:100vw;position:relative;left:50%;transform:translateX(-50%);
}
.single-post #page{overflow-x:clip}
.single-post .site-content .ast-container{max-width:none !important;width:100% !important;
  padding-left:0 !important;padding-right:0 !important;display:block !important}
.single-post .site-content{padding:0 !important;margin:0 !important;background:#fff}
body.single-post{background:#fff}

/* ---- Hide Astra's own footer band (our .cq-ftr replaces it; verified the
   cq-ftr node sits OUTSIDE .site-footer so this cannot hide ours). ---- */
.site-footer{display:none}