/* SpiritShop — Blog post styles (shares the site's visual system) */
:root{
  --navy:#0F2B4C; --navy-2:#0a1f3a; --ink:#16253A; --stone:#5B6A82;
  --neon:#00FDDC; --neon-ink:#06342C; --mist:#F4F7FB; --line:#E6ECF4;
  --font-display:"Plus Jakarta Sans",system-ui,sans-serif;
  --font-display-tight:"Space Grotesk","Plus Jakarta Sans",system-ui,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* Header */
.post-hdr{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.post-hdr-in{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.post-hdr img{height:34px;width:auto}
.post-back{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--stone)}
.post-back:hover{color:var(--navy)}
.post-cta{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;font-weight:700;font-size:13.5px;padding:10px 18px;border-radius:999px;transition:.25s var(--ease)}
.post-cta:hover{background:var(--navy-2)}

/* Article shell */
.post-wrap{max-width:760px;margin:0 auto;padding:56px 24px 0}
.post-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--neon-ink)}
.post-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--neon)}
.post-title{font-family:var(--font-display-tight);font-weight:800;letter-spacing:-.02em;font-size:clamp(30px,4.6vw,46px);line-height:1.06;color:var(--navy);margin:18px 0 0;text-wrap:balance}
.post-meta{margin-top:20px;display:flex;align-items:center;gap:14px;font-size:13.5px;color:var(--stone);border-bottom:1px solid var(--line);padding-bottom:26px}
.post-meta .dot{width:4px;height:4px;border-radius:50%;background:#cbd5e1}
.post-cover{margin:32px auto 8px;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(15,43,76,.4)}
.post-cover img{width:100%;height:clamp(260px,42vw,440px);object-fit:cover}

/* Body */
.post-body{font-size:17.5px;line-height:1.72;color:#34435c}
.post-body h2{font-family:var(--font-display-tight);font-weight:700;letter-spacing:-.01em;font-size:clamp(22px,2.6vw,28px);line-height:1.18;color:var(--navy);margin:44px 0 14px}
.post-body p{margin:0 0 20px}
.post-body strong{color:var(--ink);font-weight:700}
.post-body ul{margin:0 0 22px;padding:0;list-style:none}
.post-body li{position:relative;padding-left:30px;margin-bottom:12px}
.post-body li::before{content:"";position:absolute;left:4px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 0 4px rgba(0,253,220,.18)}
.post-body .lead{font-size:20px;line-height:1.6;color:var(--ink)}

/* End CTA */
.post-end{max-width:760px;margin:56px auto 0;padding:0 24px}
.post-end-card{position:relative;overflow:hidden;border-radius:26px;background:var(--navy);color:#fff;padding:40px}
.post-end-card .glow{position:absolute;width:320px;height:320px;border-radius:50%;top:-120px;right:-80px;background:radial-gradient(circle,rgba(0,253,220,.28),transparent 60%);pointer-events:none}
.post-end-card p.k{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--neon);margin:0 0 10px}
.post-end-card h3{font-family:var(--font-display-tight);font-weight:800;font-size:clamp(24px,3vw,32px);line-height:1.1;margin:0 0 14px}
.post-end-card p.s{color:rgba(255,255,255,.75);font-size:16px;max-width:520px;margin:0 0 22px}
.post-end-card a{display:inline-flex;align-items:center;gap:8px;background:var(--neon);color:var(--neon-ink);font-weight:700;padding:13px 22px;border-radius:999px;font-size:15px}

/* Related */
.post-related{max-width:1100px;margin:72px auto 0;padding:0 24px}
.post-related h4{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--stone);font-weight:700;margin:0 0 20px}
.post-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post-rel{display:block;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.3s var(--ease)}
.post-rel:hover{box-shadow:0 24px 50px -30px rgba(15,43,76,.3);transform:translateY(-3px)}
.post-rel img{width:100%;height:130px;object-fit:cover}
.post-rel .b{padding:16px}
.post-rel .cat{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--neon-ink)}
.post-rel h5{font-family:var(--font-display);font-weight:700;color:var(--navy);font-size:15px;line-height:1.3;margin:8px 0 0}
@media(max-width:760px){.post-rel-grid{grid-template-columns:1fr}}

/* Footer */
.post-foot{margin-top:72px;border-top:1px solid var(--line);background:var(--mist)}
.post-foot-in{max-width:1100px;margin:0 auto;padding:32px 24px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;color:var(--stone);font-size:13px}
.post-foot a{font-weight:600}
.post-foot a:hover{color:var(--navy)}

/* Mobile */
@media(max-width:560px){
  .post-hdr-in{padding:12px 16px;gap:10px}
  .post-back{display:none}
  .post-hdr img{height:30px}
  .post-cta{font-size:12.5px;padding:9px 15px}
  .post-wrap{padding:36px 20px 0}
  .post-end{padding:0 20px}
  .post-end-card{padding:28px 22px}
  .post-related{padding:0 20px}
  .post-foot-in{padding:28px 20px}
}


/* ===================== SITE MENU (shared) ===================== */
.post-hdr-r{display:flex;align-items:center;gap:14px}
.blog-burger{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;background:rgba(15,43,76,.06);border:none;color:var(--navy);cursor:pointer;flex-shrink:0}
.blog-burger svg{width:22px;height:22px}
.blog-burger:hover{background:rgba(15,43,76,.1)}

.mnav{position:fixed;inset:0;z-index:95;display:none;flex-direction:column;background:#0E1A2C;color:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.mnav.open{display:flex}
.mnav-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;background:#0E1A2C;z-index:2}
.mnav-head img{height:34px;width:auto;filter:brightness(0) invert(1)}
.mnav-close{width:44px;height:44px;border-radius:999px;background:rgba(255,255,255,.08);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mnav-close svg{width:22px;height:22px}
.mnav-body{padding:10px 22px 28px;display:flex;flex-direction:column;flex:1}
.mnav-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 4px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);transition:color .2s}
.mnav-link:hover{color:#00FDDC}
.mnav-link .mnav-t{font-family:var(--font-display);font-weight:600;font-size:21px;letter-spacing:-.01em}
.mnav-link .mnav-s{display:block;font-size:12.5px;color:rgba(255,255,255,.5);font-weight:500;margin-top:2px}
.mnav-link svg{width:20px;height:20px;color:rgba(255,255,255,.4);flex-shrink:0}
.mnav-cta{margin-top:24px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#00FDDC;color:#06342C;font-weight:700;padding:17px;border-radius:999px;font-size:16px}
.mnav-cta svg{width:18px;height:18px}
.mnav-langs{display:flex;gap:8px;margin-top:18px}
.mnav-lang{flex:1;padding:13px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:600;font-size:14px;cursor:pointer}
.mnav-foot{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:16px}
.mnav-foot a{color:rgba(255,255,255,.6);display:inline-flex}
.mnav-foot a:hover{color:#fff}
.mnav-foot svg{width:22px;height:22px}
.mnav-foot .mnav-addr{margin-left:auto;text-align:right;font-size:11.5px;color:rgba(255,255,255,.45);line-height:1.5}
body.mnav-open{overflow:hidden}

/* ===================== RICH FOOTER (matches site) ===================== */
.bfoot{background:var(--navy-2);color:rgba(255,255,255,.62);margin-top:80px;padding:60px 0 30px}
.bfoot-in{max-width:1100px;margin:0 auto;padding:0 24px}
.bfoot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}
.bfoot-brand img{height:38px;width:auto;filter:brightness(0) invert(1)}
.bfoot-brand .tg{margin:18px 0 0;font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.55);max-width:300px}
.bfoot-contact{margin-top:18px;font-size:13.5px;line-height:1.7}
.bfoot-contact .addr{color:rgba(255,255,255,.82);font-weight:600}
.bfoot-contact a{color:rgba(255,255,255,.58)}
.bfoot-contact a:hover{color:#fff}
.bfoot-col h5{font-family:var(--font-display);font-weight:700;color:rgba(255,255,255,.9);font-size:14px;margin:0 0 16px}
.bfoot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.bfoot-col a{font-size:13.5px;color:rgba(255,255,255,.58)}
.bfoot-col a:hover{color:#fff}
.bfoot-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:26px}
.bfoot-bottom .cp{font-size:12px;color:rgba(255,255,255,.5)}
.bfoot-social{display:flex;gap:14px}
.bfoot-social a{color:rgba(255,255,255,.55)}
.bfoot-social a:hover{color:#fff}
.bfoot-social svg{width:20px;height:20px}
@media(max-width:760px){
  .bfoot{margin-top:56px}
  .bfoot-grid{grid-template-columns:1fr 1fr;gap:30px 24px}
  .bfoot-brand{grid-column:1/-1}
}
@media(max-width:440px){.bfoot-grid{grid-template-columns:1fr}}