/* GLP first-screen fix (Discover) — draft, not deployed. Load after theme style.css. */
:root{--glp-forest:#0B3D2E;--glp-coral:#E8633A;--glp-off:#F5F2EA}

/* 1. Compact meta line under H1 (overrides mobile column stacking at style.css:2094) */
.single-post-view .post-header{margin-bottom:12px}
.single-post-view .post-header .post-card-category{display:inline-block;margin-bottom:6px}
.single-post-view .post-title{margin:0 0 8px}
.single-post-view .post-meta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0 6px;
  margin:0;font-size:14px;line-height:1.4;color:#4a4a4a}
.single-post-view .post-meta > span:not([class]){display:none} /* literal "·" spans; removed in template diff */
.single-post-view .post-meta > * + *::before{content:"·";margin-right:6px;color:#8a8a8a}
.single-post-view .post-meta .post-reading-time{background:none;padding:0;font-size:inherit;font-weight:500;color:inherit;border-radius:0}
.single-post-view .breadcrumbs{margin-bottom:8px}

/* 3. Hero: fixed 16:9 box so it reserves space before the image loads (no CLS) */
.single-post-view .post-featured-image{aspect-ratio:16/9;margin-bottom:16px;background:var(--glp-off)}
.single-post-view .post-featured-image img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}

/* 2. Quick-answer box (Writer pastes at top of body) */
.glp-answer{box-sizing:border-box;margin:0 0 24px;padding:14px 16px 16px;background:var(--glp-off);
  border-left:4px solid var(--glp-coral);border-radius:8px;color:var(--glp-forest)}
.glp-answer p{margin:0;font-size:17px;line-height:1.5;color:var(--glp-forest)}
.glp-answer .glp-answer__label{margin:0 0 6px;font:700 12px/1.2 Figtree,system-ui,sans-serif;letter-spacing:.08em;
  text-transform:uppercase;color:var(--glp-coral)}
.glp-answer__label + p{font-weight:500}
/* Duplicate in-body H1 next to the box: hide visually only (Writer/Dev remove it for real) */
.post-content > h1:first-child,.post-content > .glp-answer + h1{display:none}
@media (min-width:768px){.glp-answer{padding:18px 22px}.glp-answer p{font-size:18px}}
@media (prefers-reduced-motion:reduce){.glp-answer,.single-post-view .post-featured-image img{transition:none!important;animation:none!important}}

/* Mobile first-screen budget: tighter top spacing so the answer starts above 600px */
@media (max-width:767px){
  .single-post-view .post-header{padding-bottom:12px}
  .single-post-view .breadcrumbs > span:last-child,.single-post-view .breadcrumbs > span:nth-last-child(2){display:none} /* current-page crumb repeats H1 */
  .single-post-view .post-meta > *{flex:0 0 auto;width:auto;min-width:0;margin:0;padding:0}
  .single-post-view{padding-top:0}
  .single-post-view .post-title{font-size:26px;line-height:1.15}
}

/* v2 fixes (review 23:03) */
@media (max-width:767px){
  .single-post-view .breadcrumbs{display:none!important} /* white-on-light ghost text in theme; hide whole row on mobile */
}
.single-post-view .post-meta{justify-content:flex-start!important;align-items:baseline;gap:0 8px!important;flex-direction:row!important}
.single-post-view .post-meta > *{flex:0 0 auto!important;width:auto!important;margin:0!important;padding:0!important}
.single-post-view .post-meta > *::before{content:none!important;margin:0!important}
.single-post-view .post-meta > time::before,.single-post-view .post-meta > .post-reading-time::before{content:"·"!important;margin-right:8px!important;color:#8a8a8a}

/* Live fix 2026-10-17: breadcrumb contrast + meta row (single.php 6504f8a4) */
.single .breadcrumbs{font-size:13px;line-height:1.5;color:#4F5D56}
.single .breadcrumbs a{color:#0B3D2E;text-decoration:underline;text-decoration-color:rgba(11,61,46,.3);text-underline-offset:2px}
.single .breadcrumbs span{color:#4F5D56}
.single .post-header .post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0}
.single .post-header .post-meta > *{display:inline-flex;align-items:center;margin:0;padding-block:0}
.single .post-header .post-meta > span:not([class]){color:#8A948F;line-height:1}
.single .post-header .post-meta > span:not([class]):empty{display:none}
/* Wide tables scroll inside their own box on phones (post 667 4-week plan) */
@media (max-width:767px){.single .entry-content table,.single article table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}
.single .post-header .post-meta > .post-author{display:inline}