/*
 * Start Here landing page — scoped under `.ogw-start-here-page .entry-content `
 * (body class added in functions.php) so the design + reset rules apply to the
 * page's content area only, never the GeneratePress header/nav/footer. This
 * scope means blocks no longer need an inner `.ogw-start-here` wrapper, so the
 * sections can be authored as native GenerateBlocks. Loaded only on /start-here/.
 */
.ogw-start-here-page .entry-content  {
  --green:#2d6a2d; --green-dark:#1a4019; --green-mid:#3d7a3a;
  --green-light:#eaf4e8; --green-border:#b8d9b5;
  --amber:#c97b2a; --amber-light:#fdf3e7;
  --cream:#faf8f3; --cream-2:#f3efe7; --white:#fff;
  --ink:#1a1a14; --ink-2:#3d3d30; --ink-3:#6b6b58; --ink-4:#9a9a85;
  --border:#e2ddd4;
  /* Match the child theme's typography (fonts loaded in functions.php):
     Merriweather = display headings, Lora = editorial body serif, Inter = UI/body */
  --serif:var(--ogw-font-head,'Merriweather',Georgia,serif);
  --body-serif:var(--ogw-font-serif,'Lora',Georgia,'Times New Roman',serif);
  --sans:var(--ogw-font-ui,'Inter',-apple-system,BlinkMacSystemFont,sans-serif);
  --radius:8px;
  font-family:var(--sans); color:var(--ink);
}
.ogw-start-here-page .entry-content *{box-sizing:border-box;}
.ogw-start-here-page .entry-content :where(h1,h2,h3,p,ul,li){margin:0;}
.ogw-start-here-page .entry-content a{color:inherit;text-decoration:none;}
.ogw-start-here-page .entry-content img{display:block;max-width:100%;}

/* Merge hero with the header: kill the top wrapper spacing on this page only so
   the full-bleed hero butts flush against the nav bar. (.inside-article padding
   is already zeroed below; .site-content padding + .site-main margin remain.) */
.ogw-start-here-page .site-content{padding-top:0;}
.ogw-start-here-page.separate-containers .site-main{margin-top:0;}

/* Full-bleed hero (breaks out of the theme content container) */
.ogw-start-here-page .entry-content .page-hero{
  /* Top edge matches the nav bar (.main-navigation #154e45) and deepens
     downward, so the hero reads as one continuous green with the header. */
  background:linear-gradient(180deg,#154e45 0%,#123f37 55%,#0f3329 100%);
  padding:3.5rem 2rem 4rem; text-align:center; position:relative; overflow:hidden;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
}
.ogw-start-here-page .entry-content .page-hero::before{
  content:''; position:absolute; top:-40px; left:50%; transform:translateX(-50%);
  width:600px; height:600px;
  background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 70%); pointer-events:none;
}
.ogw-start-here-page .entry-content .page-hero-inner{max-width:680px; margin:0 auto; position:relative;}
.ogw-start-here-page .entry-content .page-hero-badge{
  display:inline-flex; align-items:center; gap:.5rem;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18);
  border-radius:999px; padding:.3rem 1rem; font-size:.72rem; font-weight:700;
  color:rgba(255,255,255,.8); text-transform:uppercase; letter-spacing:.1em; margin-bottom:1.25rem;
}
.ogw-start-here-page .entry-content .page-hero h1{
  font-family:var(--serif); font-size:clamp(2rem,5vw,3.2rem); font-weight:900;
  color:#fff; letter-spacing:-.025em; line-height:1.1; margin-bottom:1rem;
}
.ogw-start-here-page .entry-content .page-hero h1 em{font-style:italic; color:var(--amber);}
.ogw-start-here-page .entry-content .page-hero-sub{
  font-family:var(--body-serif); font-size:1.05rem; color:rgba(255,255,255,.72);
  line-height:1.75; margin-bottom:2rem;
}
.ogw-start-here-page .entry-content .page-hero-nav{display:flex; gap:.75rem; justify-content:center; flex-wrap:wrap;}
.ogw-start-here-page .entry-content .page-hero-nav a{
  font-size:.82rem; font-weight:600; color:rgba(255,255,255,.8); padding:.5rem 1rem;
  border:1px solid rgba(255,255,255,.2); border-radius:999px; transition:all .15s;
}
.ogw-start-here-page .entry-content .page-hero-nav a:hover{background:rgba(255,255,255,.12); color:#fff;}

/* Strip GeneratePress's article padding/card so the hero is flush + full-bleed */
.ogw-start-here-page .inside-article{padding:0 !important; border:none !important; box-shadow:none !important; background:transparent !important;}
.ogw-start-here-page .inside-article .entry-content{margin:0 !important;}

/* Body wrapper */
.ogw-start-here-page .entry-content .page-body{max-width:1100px; margin:0 auto; padding:3.5rem 1.25rem 1rem;}

/* Section headers */
.ogw-start-here-page .entry-content .chooser-section,
.ogw-start-here-page .entry-content .pillars-section,
.ogw-start-here-page .entry-content .problems-section{margin-bottom:4rem;}
.ogw-start-here-page .entry-content .section-label{
  font-size:.68rem; font-weight:800; color:var(--green-mid); letter-spacing:.14em;
  text-transform:uppercase; margin-bottom:.65rem; display:flex; align-items:center; gap:.5rem;
}
.ogw-start-here-page .entry-content .section-label::before{content:''; display:block; width:20px; height:2px; background:var(--green-mid);}
.ogw-start-here-page .entry-content .section-h{
  font-family:var(--serif); font-size:clamp(1.5rem,3vw,2rem); font-weight:900;
  color:var(--ink); letter-spacing:-.02em; margin-bottom:.55rem;
}
.ogw-start-here-page .entry-content .section-sub{
  font-family:var(--body-serif); font-size:.95rem; color:var(--ink-3); line-height:1.7; margin-bottom:2rem;
}

/* Situation chooser */
.ogw-start-here-page .entry-content .chooser-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1rem;}
.ogw-start-here-page .entry-content .chooser-card{
  background:var(--white); border:2px solid var(--border); border-radius:var(--radius);
  padding:1.5rem 1.25rem; transition:border-color .15s,box-shadow .15s,transform .15s;
  position:relative; display:block;
}
.ogw-start-here-page .entry-content .chooser-card:hover{border-color:var(--green-mid); box-shadow:0 4px 20px rgba(0,0,0,.08); transform:translateY(-2px);}
.ogw-start-here-page .entry-content .chooser-card.featured{border-color:var(--amber);}
.ogw-start-here-page .entry-content .chooser-card.featured::after{
  content:'Most Common'; position:absolute; top:-1px; right:1rem;
  background:var(--amber); color:#fff; font-size:.6rem; font-weight:800;
  letter-spacing:.08em; text-transform:uppercase; padding:.2rem .55rem; border-radius:0 0 4px 4px;
}
.ogw-start-here-page .entry-content .chooser-icon{font-size:2rem; margin-bottom:.75rem;}
.ogw-start-here-page .entry-content .chooser-title{font-size:.95rem; font-weight:700; color:var(--ink); margin-bottom:.4rem; line-height:1.3;}
.ogw-start-here-page .entry-content .chooser-desc{font-family:var(--body-serif); font-size:.85rem; color:var(--ink-3); line-height:1.6; margin-bottom:.9rem;}
.ogw-start-here-page .entry-content .chooser-link{font-size:.78rem; font-weight:700; color:var(--green-mid); display:flex; align-items:center; gap:.3rem;}
.ogw-start-here-page .entry-content .chooser-card:hover .chooser-link{gap:.5rem;}

/* Pillar rows */
.ogw-start-here-page .entry-content .pillar-row{
  display:grid; grid-template-columns:280px 1fr; gap:0; border:1px solid var(--border);
  border-radius:var(--radius); overflow:hidden; margin-bottom:1rem; background:var(--white); transition:box-shadow .2s;
}
.ogw-start-here-page .entry-content .pillar-row:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);}
.ogw-start-here-page .entry-content .pillar-row-left{background:var(--green-dark); padding:1.75rem 1.5rem; display:flex; flex-direction:column; justify-content:space-between;}
.ogw-start-here-page .entry-content .pillar-row-icon{font-size:2.2rem; margin-bottom:.75rem;}
.ogw-start-here-page .entry-content .pillar-row-label{font-size:.65rem; font-weight:800; color:rgba(255,255,255,.45); text-transform:uppercase; letter-spacing:.12em; margin-bottom:.35rem;}
.ogw-start-here-page .entry-content .pillar-row-title{font-family:var(--serif); font-size:1.15rem; font-weight:700; color:#fff; line-height:1.2; margin-bottom:.65rem;}
.ogw-start-here-page .entry-content .pillar-row-count{font-size:.72rem; color:rgba(255,255,255,.4); font-weight:500;}
.ogw-start-here-page .entry-content .pillar-row-cta{display:inline-flex; align-items:center; gap:.35rem; font-size:.78rem; font-weight:700; color:var(--amber); margin-top:1rem; transition:gap .15s;}
.ogw-start-here-page .entry-content .pillar-row:hover .pillar-row-cta{gap:.55rem;}
.ogw-start-here-page .entry-content .pillar-row-right{padding:1.5rem 1.75rem; display:flex; flex-direction:column; justify-content:center;}
.ogw-start-here-page .entry-content .pillar-row-desc{font-family:var(--body-serif); font-size:.92rem; color:var(--ink-2); line-height:1.75; margin-bottom:1.1rem;}
.ogw-start-here-page .entry-content .pillar-links{display:flex; flex-wrap:wrap; gap:.5rem;}
.ogw-start-here-page .entry-content .pillar-link-pill{font-size:.75rem; font-weight:600; color:var(--green-mid); background:var(--green-light); border:1px solid var(--green-border); border-radius:999px; padding:.25rem .75rem; transition:background .15s,color .15s;}
.ogw-start-here-page .entry-content .pillar-link-pill:hover{background:var(--green-mid); color:#fff;}

/* Problems */
.ogw-start-here-page .entry-content .problem-grid{display:grid; grid-template-columns:1fr 1fr; gap:1rem;}
.ogw-start-here-page .entry-content .problem-card{background:var(--white); border:1px solid var(--border); border-radius:var(--radius); padding:1.25rem 1.5rem; display:flex; align-items:flex-start; gap:1rem; transition:border-color .15s;}
.ogw-start-here-page .entry-content .problem-card:hover{border-color:var(--green-border);}
.ogw-start-here-page .entry-content .problem-icon{font-size:1.6rem; flex-shrink:0;}
.ogw-start-here-page .entry-content .problem-q{font-size:.9rem; font-weight:700; color:var(--ink); margin-bottom:.3rem; line-height:1.35;}
.ogw-start-here-page .entry-content .problem-a{font-family:var(--body-serif); font-size:.82rem; color:var(--ink-3); line-height:1.6; margin-bottom:.6rem;}
.ogw-start-here-page .entry-content .problem-link{font-size:.75rem; font-weight:700; color:var(--green-mid); display:flex; align-items:center; gap:.3rem;}
.ogw-start-here-page .entry-content .problem-card:hover .problem-link{gap:.5rem;}

/* Reading path */
.ogw-start-here-page .entry-content .path-section .section-label{color:var(--amber);}
.ogw-start-here-page .entry-content .path-section{background:var(--amber-light); border:1px solid #e8d5b7; border-radius:var(--radius); padding:2.5rem 2rem; margin-bottom:4rem;}
.ogw-start-here-page .entry-content .path-title{font-family:var(--serif); font-size:1.4rem; font-weight:900; color:var(--ink); letter-spacing:-.02em; margin-bottom:.4rem;}
.ogw-start-here-page .entry-content .path-sub{font-family:var(--body-serif); font-size:.9rem; color:var(--ink-3); line-height:1.65; margin-bottom:1.75rem;}
.ogw-start-here-page .entry-content .path-steps{display:flex; flex-direction:column; gap:.75rem;}
.ogw-start-here-page .entry-content .path-step{display:flex; align-items:flex-start; gap:1.1rem; background:var(--white); border:1px solid rgba(201,123,42,.18); border-radius:var(--radius); padding:1rem 1.25rem; transition:border-color .15s;}
.ogw-start-here-page .entry-content .path-step:hover{border-color:var(--amber);}
.ogw-start-here-page .entry-content .path-num{width:32px; height:32px; border-radius:50%; background:var(--amber); color:#fff; display:flex; align-items:center; justify-content:center; font-size:.8rem; font-weight:800; flex-shrink:0;}
.ogw-start-here-page .entry-content .path-step-body{flex:1;}
.ogw-start-here-page .entry-content .path-step-title{font-size:.9rem; font-weight:700; color:var(--ink); margin-bottom:.2rem;}
.ogw-start-here-page .entry-content .path-step-desc{font-family:var(--body-serif); font-size:.82rem; color:var(--ink-3); line-height:1.55; margin-bottom:.5rem;}
.ogw-start-here-page .entry-content .path-step-link{font-size:.75rem; font-weight:700; color:var(--amber); display:flex; align-items:center; gap:.3rem;}
.ogw-start-here-page .entry-content .path-step:hover .path-step-link{gap:.5rem;}

/* Author */
.ogw-start-here-page .entry-content .author-section{background:var(--white); border:1px solid var(--border); border-radius:var(--radius); padding:2rem 2.5rem; display:flex; gap:2rem; align-items:flex-start; margin-bottom:4rem;}
.ogw-start-here-page .entry-content .author-avatar{width:72px; height:72px; border-radius:50%; background:var(--green-mid); color:#fff; display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-size:1.5rem; font-weight:900; flex-shrink:0; border:3px solid var(--green-border);}
.ogw-start-here-page .entry-content .author-label{font-size:.65rem; font-weight:800; color:var(--ink-4); text-transform:uppercase; letter-spacing:.1em; margin-bottom:.35rem;}
.ogw-start-here-page .entry-content .author-name{font-family:var(--serif); font-size:1.1rem; font-weight:700; color:var(--ink); margin-bottom:.2rem;}
.ogw-start-here-page .entry-content .author-role{font-size:.78rem; color:var(--green-mid); font-weight:600; margin-bottom:.75rem;}
.ogw-start-here-page .entry-content .author-bio{font-family:var(--body-serif); font-size:.9rem; color:var(--ink-3); line-height:1.75;}

/* Newsletter */
.ogw-start-here-page .entry-content .nl-box{background:var(--green-dark); border-radius:var(--radius); padding:2.5rem; text-align:center; margin-bottom:1rem;}
.ogw-start-here-page .entry-content .nl-box-title{font-family:var(--serif); font-size:1.5rem; font-weight:900; color:#fff; margin-bottom:.5rem;}
.ogw-start-here-page .entry-content .nl-box-sub{font-family:var(--body-serif); font-size:.92rem; color:rgba(255,255,255,.65); line-height:1.7; margin-bottom:1.5rem;}
.ogw-start-here-page .entry-content .nl-form{display:flex; gap:.75rem; max-width:420px; margin:0 auto;}
.ogw-start-here-page .entry-content .nl-input{flex:1; padding:.75rem 1rem; border:1.5px solid rgba(255,255,255,.2); border-radius:4px; font-size:.9rem; background:rgba(255,255,255,.08); color:#fff; outline:none;}
.ogw-start-here-page .entry-content .nl-input::placeholder{color:rgba(255,255,255,.4);}
.ogw-start-here-page .entry-content .nl-btn{padding:.75rem 1.4rem; background:var(--amber); color:#fff; border:none; border-radius:4px; font-size:.88rem; font-weight:700; cursor:pointer; white-space:nowrap;}

/* Responsive */
@media(max-width:900px){
  .ogw-start-here-page .entry-content .chooser-grid{grid-template-columns:1fr 1fr;}
  .ogw-start-here-page .entry-content .pillar-row{grid-template-columns:1fr;}
  .ogw-start-here-page .entry-content .problem-grid{grid-template-columns:1fr;}
  .ogw-start-here-page .entry-content .author-section{flex-direction:column; gap:1rem;}
}
@media(max-width:600px){
  .ogw-start-here-page .entry-content .chooser-grid{grid-template-columns:1fr;}
  .ogw-start-here-page .entry-content .nl-form{flex-direction:column;}
}

/* ════════════════════════════════════════════════════════════
   SIZE BUMP — larger, more readable type, closer to the site's
   ~1.2rem body scale. Appended as overrides so the base design
   above stays intact. Tweak the values here to taste.
════════════════════════════════════════════════════════════ */
/* Hero */
.ogw-start-here-page .entry-content .page-hero h1{font-size:clamp(2.3rem,5.5vw,3.6rem);}
.ogw-start-here-page .entry-content .page-hero-sub{font-size:1.2rem;}
.ogw-start-here-page .entry-content .page-hero-nav a{font-size:.95rem;}

/* Section headers */
.ogw-start-here-page .entry-content .section-label{font-size:.78rem;}
.ogw-start-here-page .entry-content .section-h{font-size:clamp(1.8rem,3.4vw,2.5rem);}
.ogw-start-here-page .entry-content .section-sub{font-size:1.15rem;}

/* Chooser cards (Step 1 & 2) */
.ogw-start-here-page .entry-content .chooser-icon{font-size:2.4rem;}
.ogw-start-here-page .entry-content .chooser-title{font-size:1.15rem;}
.ogw-start-here-page .entry-content .chooser-desc{font-size:1.02rem;}
.ogw-start-here-page .entry-content .chooser-link{font-size:.92rem;}

/* Problem cards (Step 3) */
.ogw-start-here-page .entry-content .problem-icon{font-size:1.9rem;}
.ogw-start-here-page .entry-content .problem-q{font-size:1.08rem;}
.ogw-start-here-page .entry-content .problem-a{font-size:.98rem;}
.ogw-start-here-page .entry-content .problem-link{font-size:.9rem;}

/* Reading path */
.ogw-start-here-page .entry-content .path-title{font-size:1.65rem;}
.ogw-start-here-page .entry-content .path-sub{font-size:1.08rem;}
.ogw-start-here-page .entry-content .path-num{width:38px; height:38px; font-size:.95rem;}
.ogw-start-here-page .entry-content .path-step-title{font-size:1.08rem;}
.ogw-start-here-page .entry-content .path-step-desc{font-size:.98rem;}
.ogw-start-here-page .entry-content .path-step-link{font-size:.9rem;}

/* Author */
.ogw-start-here-page .entry-content .author-avatar{width:84px; height:84px; font-size:1.7rem;}
.ogw-start-here-page .entry-content .author-label{font-size:.72rem;}
.ogw-start-here-page .entry-content .author-name{font-size:1.3rem;}
.ogw-start-here-page .entry-content .author-role{font-size:.92rem;}
.ogw-start-here-page .entry-content .author-bio{font-size:1.08rem;}

/* Newsletter */
.ogw-start-here-page .entry-content .nl-box-title{font-size:1.75rem;}
.ogw-start-here-page .entry-content .nl-box-sub{font-size:1.08rem;}
.ogw-start-here-page .entry-content .nl-input,
.ogw-start-here-page .entry-content .nl-btn{font-size:1rem;}

/* ════════════════════════════════════════════════════════════
   SVG CARD ICONS (Phosphor duotone). SVGs use fill:currentColor,
   so `color` sets the icon tint; size via width/height (not font-size).
════════════════════════════════════════════════════════════ */
.ogw-start-here-page .entry-content .chooser-icon{color:var(--ogw-green,#3d7a3a); line-height:0;}
.ogw-start-here-page .entry-content .chooser-icon svg{width:30px; height:30px; display:block;}
.ogw-start-here-page .entry-content .problem-icon{color:var(--ogw-green,#3d7a3a); line-height:0;}
.ogw-start-here-page .entry-content .problem-icon svg{width:26px; height:26px; display:block;}