/* Vespella editorial journal: follows pricing's fixed, vertical photographic panel. */
body[data-page="tarot-space"],body[data-page="journal-article"]{background:#10191b}
body[data-page="tarot-space"] .tarot-space-main.journal-index{min-height:calc(100dvh - 80px);padding-bottom:90px}
body[data-page="tarot-space"] .journal-index-intro{padding-top:calc(var(--hero-header-height,84px) + 42px);padding-bottom:36px}
.journal-eyebrow{font-size:10px;color:var(--gold,#c7aa7c);letter-spacing:.19em;text-transform:uppercase}
.journal-index-intro h1{font-family:var(--serif,Georgia,serif);font-weight:400;color:#f0e9dd;font-size:clamp(48px,5vw,80px);line-height:1.08;letter-spacing:-.045em;margin:12px 0 17px;text-align:left}
.journal-index-intro h1 span{color:var(--gold,#cfb48a)}
.journal-index-intro>p:last-child{color:#bdc0ba;line-height:1.8;max-width:620px;font-size:15px}
.journal-listing{padding-bottom:15px}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.journal-card{display:block;text-decoration:none;color:inherit;min-width:0;border-top:1px solid #bea57b55;padding-top:14px;transition:opacity .25s}
.journal-card:hover{opacity:.87}
.journal-card-media{aspect-ratio:1.22;overflow:hidden;background:#1b2326}
.journal-card-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s}
.journal-card:hover img{transform:scale(1.025)}
.journal-card-copy{padding:20px 0 8px}
.journal-card h2{font-family:var(--serif,Georgia,serif);font-weight:400;font-size:clamp(24px,2.15vw,34px);line-height:1.22;letter-spacing:-.03em;color:#f1ece3;margin:11px 0}
.journal-card p{color:#bac1bb;font-size:13px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.journal-read{display:inline-flex;gap:16px;font-size:12px;color:var(--gold,#cdb48b);margin-top:17px}
.journal-feature{grid-column:span 3;display:grid;grid-template-columns:53% 1fr;gap:clamp(28px,5vw,70px);align-items:center;border-top:0;padding:0 0 20px}
.journal-feature .journal-card-media{aspect-ratio:1.58}
.journal-feature .journal-card-copy{padding:20px 18px 20px 0}
.journal-feature h2{font-size:clamp(36px,3.4vw,56px)}
.journal-empty{padding:70px 28px 110px;border-top:1px solid #ba99704d;border-bottom:1px solid #ba99704d;text-align:center;color:#bdc1bb}
.journal-empty h2{font-family:var(--serif,Georgia,serif);font-size:clamp(32px,4vw,54px);font-weight:400;color:#f0e9de;margin:20px 0 12px}
.journal-article-main{padding-top:var(--hero-header-height,84px);min-height:100dvh}
.journal-article-layout{display:grid;grid-template-columns:minmax(320px,36%) minmax(0,1fr);align-items:start;min-height:100dvh}
.journal-article-visual{margin:0;position:sticky;top:var(--hero-header-height,84px);height:calc(100dvh - var(--hero-header-height,84px));min-height:500px;background:#162125;overflow:hidden}
.journal-article-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 72%,#10191b44);pointer-events:none}
.journal-article-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%}
.journal-article-body{min-width:0;padding:30px clamp(28px,6vw,100px) 100px}
.journal-back{color:#aeb5af;font-size:12px;display:inline-flex;align-items:center;margin-bottom:24px;text-underline-offset:5px}
.journal-article-body h1{font-family:var(--serif,Georgia,serif);font-weight:400;letter-spacing:-.04em;font-size:clamp(37px,3.6vw,61px);line-height:1.14;color:#f5ebdd;margin:15px 0 21px}
.journal-dek{font-size:clamp(15px,1.32vw,18px);line-height:1.8;color:#c2c9c2;max-width:680px}
.journal-byline{font-size:11px;letter-spacing:.06em;color:#a6b2aa;border-bottom:1px solid #ae926455;padding:16px 0 20px;margin-bottom:27px}
.journal-prose{max-width:720px;color:#e0ded7;font-size:clamp(15px,1.23vw,17px);line-height:1.94;overflow-wrap:anywhere}
.journal-prose p{margin:0 0 24px}
.journal-prose h2{font-family:var(--serif,Georgia,serif);font-weight:400;font-size:clamp(27px,2.3vw,36px);line-height:1.25;color:#f1e8db;margin:45px 0 20px}
.journal-prose ul{padding-left:22px;margin:5px 0 26px}
.journal-prose li{margin-bottom:9px}
.journal-prose li::marker{color:var(--gold)}
.journal-prose blockquote{border-left:1px solid var(--gold,#c3a779);margin:35px 0;padding:13px 0 13px 24px;font-family:var(--serif,Georgia,serif);font-size:clamp(21px,2vw,29px);line-height:1.55;color:#d6c4aa}
.journal-inline-image{margin:40px 0}
.journal-inline-image img{display:block;width:100%;height:auto;max-height:660px;object-fit:contain}
.journal-article-end{display:flex;justify-content:space-between;gap:20px;padding-top:25px;margin-top:60px;border-top:1px solid #ae926455;font-size:11px;color:var(--gold)}
.journal-article-end a{color:#e9ddca;text-underline-offset:5px}
body[data-page="journal-article"] .site-footer{position:relative;background:#10191b;z-index:2}
.journal-preview-banner{position:fixed;z-index:1000;top:0;left:50%;transform:translateX(-50%);padding:9px 15px;color:#161d1c;background:#e8c992;font:600 11px sans-serif;letter-spacing:.06em;text-align:center}
@media(max-width:1250px){.journal-article-layout{grid-template-columns:33% minmax(0,1fr)}.journal-article-body{padding-inline:clamp(26px,4vw,60px)}}
@media(max-width:979px){
 .journal-article-layout{grid-template-columns:1fr;display:flex;flex-direction:column}
 .journal-article-visual{position:relative;top:auto;min-height:0;height:clamp(260px,43vw,420px);width:100%}
 .journal-article-body{width:100%;max-width:850px;margin:auto;padding:40px max(24px,5vw) 80px}
 .journal-article-main{min-height:0}
 .journal-feature{grid-template-columns:1fr;gap:16px}.journal-feature .journal-card-copy{padding:0 0 10px}.journal-feature .journal-card-media{aspect-ratio:1.8}
 .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-feature{grid-column:span 2}
}
@media(max-width:600px){
 body[data-page="tarot-space"] .journal-index-intro{padding-top:calc(var(--hero-header-height,74px) + 28px);padding-bottom:28px}
 .journal-index-intro h1{font-size:clamp(37px,10vw,53px)}
 .journal-index-intro>p:last-child{font-size:13px}
 .journal-grid{grid-template-columns:1fr;gap:26px}.journal-feature{grid-column:span 1}
 .journal-card-media{aspect-ratio:1.45}.journal-feature .journal-card-media{aspect-ratio:1.45}
 .journal-feature h2{font-size:34px}
 .journal-article-visual{height:240px}
 .journal-article-body{padding:28px 22px 65px}
 .journal-article-body h1{font-size:clamp(32px,8.5vw,42px)}
 .journal-back{margin-bottom:27px}
 .journal-article-end{flex-direction:column}
}

/* Section headings and inline emphasis in the single-field article editor. */
.journal-prose h3{font-family:var(--serif,Georgia,serif);font-weight:400;color:#e9ddc8;font-size:clamp(21px,1.9vw,29px);line-height:1.35;margin:30px 0 15px}
.journal-prose strong{font-weight:600;color:#f2e6d3}

/* Editorial reading comfort, 2026: 60-70ch line width, modest paragraph rhythm. */
body[data-page="journal-article"] .journal-article-main{padding-top:var(--hero-header-height,84px)!important; min-height:0!important; margin:0!important;}
body[data-page="journal-article"] .journal-article-layout{min-height:0!important;align-items:start;}
body[data-page="journal-article"] .journal-article-body{padding-top:clamp(26px,2.6vw,42px)!important;}
body[data-page="journal-article"] .journal-article-body h1{margin-top:10px;margin-bottom:22px;}
body[data-page="journal-article"] .journal-prose{max-width:66ch;font-family:var(--sans,'Manrope',Arial,sans-serif);font-size:16px;line-height:1.68;overflow:visible;overflow-wrap:break-word;}
body[data-page="journal-article"] .journal-prose p{margin-bottom:1.15em;}
body[data-page="journal-article"] .journal-prose h2{margin:2em 0 .65em;line-height:1.28;}
body[data-page="journal-article"] .journal-prose h3{margin:1.65em 0 .6em;line-height:1.35;}
body[data-page="journal-article"] .journal-prose blockquote{line-height:1.5;}
body[data-page="journal-article"] .journal-back{margin-bottom:18px;}
body[data-page="journal-article"] .journal-byline{padding:12px 0 17px;margin-bottom:28px;}
@media(min-width:980px){
 body[data-page="journal-article"] .journal-article-visual{position:sticky;top:var(--hero-header-height,84px);height:calc(100dvh - var(--hero-header-height,84px));min-height:0;}
}
@media(max-width:979px){
 body[data-page="journal-article"] .journal-article-visual{min-height:0;height:clamp(200px,31vw,310px);position:relative;top:auto;}
 body[data-page="journal-article"] .journal-prose{max-width:70ch;line-height:1.68;font-size:16px;}
}
@media(max-width:699px){
 body[data-page="journal-article"] .journal-article-visual{height:230px;}
 body[data-page="journal-article"] .journal-article-body{padding-top:23px!important;}
 body[data-page="journal-article"] .journal-prose{font-size:15.5px;line-height:1.7;}
 body[data-page="journal-article"] .journal-prose p{margin-bottom:1.1em;}
}

/* 2026-10-16 | Unified editorial reading layout for Vespella.
   No narrow 66ch box, fixed desktop cover exactly like tariff/services pages,
   comfortable fluid type, and section/date metadata on one line. */
body[data-page="tarot-space"] .journal-index-intro{
  box-sizing:border-box;
  padding-top:calc(var(--hero-header-height,84px) + 35px);
  padding-bottom:25px;
  text-align:left;
}
body[data-page="tarot-space"] .journal-index-intro h1{
  margin:9px 0 0;
  max-width:none;
  font-family:var(--serif,Georgia,serif);
  font-size:clamp(30px,3.05vw,52px);
  font-weight:400;
  line-height:1.2;
  letter-spacing:-.045em;
  text-align:left;
}
body[data-page="tarot-space"] .journal-index-intro>p:last-child{
  max-width:670px;
  margin:12px 0 0;
  text-align:left;
  font-size:13px;
  line-height:1.75;
  color:#bdc0ba;
}
body[data-page="journal-article"] .journal-article-body{
  box-sizing:border-box;
  position:relative;
  z-index:1;
  grid-column:2;
  width:100%;
  padding:clamp(26px,2.6vw,42px) clamp(26px,4vw,76px) 90px;
}
body[data-page="journal-article"] .journal-article-meta{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:baseline;
  gap:8px 18px;
  padding-bottom:14px;
  border-bottom:1px solid #ae926455;
}
body[data-page="journal-article"] .journal-article-meta time{
  color:#b5bcb5;
  font-size:11px;
  line-height:1.5;
  letter-spacing:.035em;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
body[data-page="journal-article"] .journal-article-body h1{
  margin:22px 0 30px;
}
body[data-page="journal-article"] .journal-prose{
  width:100%;
  max-width:none;
  box-sizing:border-box;
  min-width:0;
  font-family:var(--sans,'Manrope',Arial,sans-serif);
  font-size:clamp(16px,1.15vw,18px);
  line-height:1.72;
  overflow-wrap:break-word;
  word-break:normal;
}
body[data-page="journal-article"] .journal-prose p{margin:0 0 1.12em}
body[data-page="journal-article"] .journal-prose h2{margin:1.7em 0 .62em}
body[data-page="journal-article"] .journal-prose h3{margin:1.45em 0 .57em}
@media(min-width:980px){
  body[data-page="journal-article"] .journal-article-visual{
    position:fixed;
    top:var(--hero-header-height,84px);
    left:0;
    width:36%;
    height:calc(100dvh - var(--hero-header-height,84px));
    min-height:0;
    z-index:0;
    margin:0;
  }
  body[data-page="journal-article"] .journal-article-layout{
    display:grid;
    grid-template-columns:36% minmax(0,1fr);
    min-height:0;
    align-items:start;
  }
  body[data-page="journal-article"] .journal-article-body{
    background:#10191b;
  }
}
@media(min-width:980px) and (max-width:1250px){
  body[data-page="journal-article"] .journal-article-layout{grid-template-columns:33% minmax(0,1fr)}
  body[data-page="journal-article"] .journal-article-visual{width:33%}
  body[data-page="journal-article"] .journal-article-body{padding-inline:clamp(24px,3vw,40px)}
}
@media(max-width:979px){
  body[data-page="tarot-space"] .journal-index-intro{
    padding:calc(var(--hero-header-height,74px) + 29px) max(26px,5vw) 23px;
  }
  body[data-page="journal-article"] .journal-article-layout{
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  body[data-page="journal-article"] .journal-article-visual{
    position:relative;
    inset:auto;
    top:auto;
    width:100%;
    height:clamp(200px,31vw,310px);
  }
  body[data-page="journal-article"] .journal-article-body{
    width:100%;
    max-width:none;
    padding:clamp(26px,4vw,40px) max(26px,5vw) 75px;
  }
  body[data-page="journal-article"] .journal-prose{
    max-width:none;
    font-size:clamp(16px,1.6vw,17px);
    line-height:1.7;
  }
}
@media(max-width:699px){
  body[data-page="tarot-space"] .journal-index-intro{
    padding:calc(var(--hero-header-height,74px) + 24px) max(20px,5.5vw) 21px;
  }
  body[data-page="tarot-space"] .journal-index-intro h1{font-size:clamp(28px,7.5vw,42px)}
  body[data-page="journal-article"] .journal-article-visual{height:230px}
  body[data-page="journal-article"] .journal-article-body{
    padding:23px max(20px,5.5vw) 65px;
  }
  body[data-page="journal-article"] .journal-article-body h1{margin:20px 0 26px}
  body[data-page="journal-article"] .journal-prose{font-size:16px;line-height:1.7}
}

/* Article header: back link / centered category / right-aligned date on one row. */
body[data-page="journal-article"] .journal-article-meta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  justify-content:stretch;
  column-gap:clamp(6px,1vw,16px);
  flex-wrap:nowrap;
  min-width:0;
}
body[data-page="journal-article"] .journal-article-meta .journal-back{
  grid-column:1;
  justify-self:start;
  margin:0;
  white-space:nowrap;
  font-size:clamp(10px,.85vw,12px);
}
body[data-page="journal-article"] .journal-article-meta .journal-eyebrow{
  grid-column:2;
  justify-self:center;
  white-space:nowrap;
  text-align:center;
}
body[data-page="journal-article"] .journal-article-meta time{
  grid-column:3;
  justify-self:end;
  white-space:nowrap;
  text-align:right;
}
@media(max-width:420px){
  body[data-page="journal-article"] .journal-article-meta .journal-back{font-size:10px}
  body[data-page="journal-article"] .journal-article-meta .journal-eyebrow{font-size:9px;letter-spacing:.07em}
  body[data-page="journal-article"] .journal-article-meta time{font-size:10px;letter-spacing:0}
}

/* Stable, single-row article metadata: back / true center / date. */
body[data-page="journal-article"] .journal-article-meta{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  gap:clamp(4px,.8vw,12px)!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  width:100%;min-width:0;
}
body[data-page="journal-article"] .journal-article-meta > .journal-back{
  grid-column:1;grid-row:1;justify-self:start;min-width:0;
  white-space:nowrap;margin:0!important;line-height:1.35;
}
body[data-page="journal-article"] .journal-article-meta > .journal-eyebrow{
  grid-column:2;grid-row:1;justify-self:center;min-width:0;
  margin:0;white-space:nowrap;line-height:1.35;text-align:center;
}
body[data-page="journal-article"] .journal-article-meta > time{
  grid-column:3;grid-row:1;justify-self:end;min-width:0;
  margin:0;white-space:nowrap;line-height:1.35;text-align:right;
}
body[data-page="journal-article"] .journal-prose a{
  color:#dbc299;text-decoration:none;overflow-wrap:anywhere;
}
body[data-page="journal-article"] .journal-prose a:hover{color:#f7e7ce}
body[data-page="journal-article"] .journal-prose a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:420px){
  body[data-page="journal-article"] .journal-article-meta{gap:3px!important}
  body[data-page="journal-article"] .journal-article-meta > .journal-back{font-size:9px;letter-spacing:-.02em}
  body[data-page="journal-article"] .journal-article-meta > .journal-eyebrow{font-size:8px;letter-spacing:0}
  body[data-page="journal-article"] .journal-article-meta > time{font-size:9px;letter-spacing:0}
}

/* Vespella editorial links: restrained gold, visibly clickable on all devices. */
body[data-page="journal-article"] .journal-prose a.journal-context-link,
body[data-page="journal-article"] .journal-prose a.journal-context-link:visited{
  color:var(--gold,#d5b88d);
  text-decoration:none;
  transition:color .2s ease;
}
body[data-page="journal-article"] .journal-prose a.journal-context-link:hover,
body[data-page="journal-article"] .journal-prose a.journal-context-link:visited:hover{
  color:#f7e7ce;
}
body[data-page="journal-article"] .journal-prose a.journal-context-link:focus-visible{
  outline:2px solid var(--gold,#d5b88d);
  outline-offset:3px;
}
@media(prefers-reduced-motion:reduce){
  body[data-page="journal-article"] .journal-prose a.journal-context-link{transition:none}
}

/* Match the 3px Vespella header wordmark/tagline spacing across pages.
   Scoped to the header: footer logos and other elements stay unchanged. */
header.site-header .simple-nav-wrap > a.logo > span {
  margin-top: 3px;
}