/* ============================================================
   golf-insights.css
   Mr Lux · The Agency Dominican Republic — Phase 13

   Page layer for /golf and /insights only. Every selector is
   scoped to .page-golf or .page-insights. Both pages carry
   .seo-editorial-page, so the shared editorial layer in
   destination-editorial.css (chapters, hairline rows, stats,
   comparison table, links, sources drawer) applies. No other
   page is affected.
   ============================================================ */

/* ── Hero (same composition as the guide, authority and sellers heroes) ── */
:is(.page-golf,.page-insights) .gi-hero{align-items:flex-end;padding-bottom:clamp(3rem,6vw,4.6rem)}
.page-golf .gi-hero{min-height:74vh}
.page-insights .gi-hero{min-height:60vh}
:is(.page-golf,.page-insights) .gi-hero__in{position:relative;z-index:2;max-width:720px}
:is(.page-golf,.page-insights) .gi-hero h1{color:#fff;font-size:clamp(2.2rem,4.6vw,3.6rem);margin-bottom:1rem}
:is(.page-golf,.page-insights) .gi-hero .sb{color:rgba(255,255,255,.8);max-width:600px;margin-bottom:0}
:is(.page-golf,.page-insights) .gi-hero .sl{text-shadow:0 1px 14px rgba(0,0,0,.75)}
:is(.page-golf,.page-insights) .gi-hero .sb,:is(.page-golf,.page-insights) .gi-crumb{text-shadow:0 1px 12px rgba(0,0,0,.55)}
:is(.page-golf,.page-insights) .gi-hero__cta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.6rem}
:is(.page-golf,.page-insights) .gi-crumb{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:1rem}
:is(.page-golf,.page-insights) .gi-crumb a{color:rgba(255,255,255,.8);transition:color .3s ease}
:is(.page-golf,.page-insights) .gi-crumb a:hover{color:#fff}

/* ── Golf ─────────────────────────────────────────────────── */
.page-golf .gi-cdc{align-items:start}
.page-golf .gi-cdc__media{position:sticky;top:110px}
.page-golf .gi-cdc .bred{margin-top:1.6rem}
.page-golf .gi-access{margin-top:clamp(2rem,4vw,3rem)}
@media(min-width:901px){.page-golf .cmp tbody th{width:17%}}
.page-golf .cmp td b{display:block;font-family:var(--fs);font-weight:400;font-size:1.02rem;color:var(--txt);letter-spacing:0;text-transform:none;margin-bottom:.15rem}
.page-golf .gi-layer{position:sticky;top:110px}
.page-golf .gi-rows p+p{margin-top:.55rem}
.page-golf .gi-rows .gi-more{font-family:var(--fh);font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.page-golf .gi-rows .gi-more a{border-bottom-color:rgba(237,33,39,.45)}

/* ── Insights ─────────────────────────────────────────────── */
.page-insights .gi-feature .ed-feature__media{min-height:clamp(320px,36vw,520px)}
.page-insights .gi-links-1{grid-template-columns:minmax(0,1fr);margin-top:1.4rem}
.page-insights .gi-reviewed{display:block;font-family:var(--fh);font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--t3);margin-top:.9rem}
.page-insights .gi-watch{margin-top:1.4rem}
.page-insights .gi-briefs{list-style:none;margin:0;padding:0;border-top:1px solid var(--ed-hair)}
.page-insights .gi-brief{display:grid;grid-template-columns:2.6rem minmax(0,.9fr) minmax(0,1.5fr);gap:.3rem clamp(1.4rem,3.5vw,3rem);padding:1.7rem 0 1.6rem;border-bottom:1px solid var(--ed-hair)}
.page-insights .gi-brief__num{font-family:var(--fs);font-style:italic;font-size:1.02rem;color:var(--red);line-height:1.5}
.page-insights .gi-brief__cat{display:block;font-family:var(--fh);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:.45rem}
.page-insights .gi-brief h3{font-family:var(--fs);font-weight:400;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.25;color:var(--txt);margin:0}
.page-insights .gi-brief .gi-reviewed{margin-top:.6rem}
.page-insights .gi-brief p{font-size:.93rem;line-height:1.8;color:var(--t2);margin:0}
.page-insights .gi-brief__links{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem 1.4rem}
.page-insights .gi-brief__links a{font-family:var(--fh);font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--txt);border-bottom:1px solid rgba(237,33,39,.5);padding-bottom:.15rem;transition:color .3s ease,border-color .3s ease}
.page-insights .gi-brief__links a:hover{color:var(--red);border-bottom-color:var(--red)}
.page-insights .gi-brief__src{display:block;font-size:.78rem;line-height:1.6;color:var(--t3);margin-top:.7rem}
.page-insights .gi-brief__src a{color:var(--t2);border-bottom:1px solid var(--ed-hair)}
.page-insights .gi-brief{position:relative;scroll-margin-top:90px}
.page-insights .gi-anchor{position:absolute;top:-90px;left:0;width:1px;height:1px;visibility:hidden}
:is(.page-golf,.page-insights) .ed-ch[id]{scroll-margin-top:60px}

/* ── Responsive ───────────────────────────────────────────── */
@media(max-width:900px){
  .page-golf .gi-cdc__media,.page-golf .gi-layer{position:static}
  .page-golf .gi-cdc__media{aspect-ratio:16/10}
  .page-insights .gi-brief{grid-template-columns:2.2rem minmax(0,1fr)}
  .page-insights .gi-brief__body{grid-column:2}
  .page-insights .gi-brief__links{gap:0 1.4rem;margin-top:.4rem}
  .page-insights .gi-brief__links a{display:inline-flex;align-items:flex-end;min-height:44px;padding-bottom:.2rem}
}
@media(max-width:700px){
  .page-golf .gi-hero{min-height:68vh}
  .page-insights .gi-hero{min-height:56vh}
  :is(.page-golf,.page-insights) .gi-hero__cta>a{flex:1 1 100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  :is(.page-golf,.page-insights) .gi-crumb a,.page-insights .gi-brief__links a{transition:none}
}
