/* ============================================================
   buyers-guide-editorial.css
   Mr Lux · The Agency Dominican Republic — Phase 9

   Page layer for /buyers-investors-guide only. Every rule is
   scoped beneath body.ed-buyers (which also carries
   .seo-editorial-page, so the shared Phase 8 editorial layer in
   destination-editorial.css applies). No other page is affected.
   Motion is progressive: content never depends on it, and nothing
   here animates under prefers-reduced-motion.
   ============================================================ */

/* ── Hero ───────────────────────────────────────────────────── */
.ed-buyers .bg-hero{min-height:74vh;align-items:flex-end;padding-bottom:clamp(3.2rem,6vw,5rem)}
.ed-buyers .bg-hero__in{position:relative;z-index:1;max-width:720px}
.ed-buyers .bg-hero h1{color:#fff;font-size:clamp(2.2rem,4.6vw,3.6rem);margin-bottom:1rem}
.ed-buyers .bg-hero .sb{color:rgba(255,255,255,.78);max-width:600px;margin-bottom:0}
.ed-buyers .bg-hero__cta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.6rem}
.ed-buyers .bg-crumb{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:1rem}
.ed-buyers .bg-crumb a{color:rgba(255,255,255,.78);transition:color .3s ease}
.ed-buyers .bg-crumb a:hover{color:#fff}

/* ── Chapter index (all widths) ─────────────────────────────── */
.ed-buyers .bg-index ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(1.4rem,3vw,2.6rem);border-top:1px solid var(--ed-hair)}
.ed-buyers .bg-index li{border-bottom:1px solid var(--ed-hair-soft)}
.ed-buyers .bg-index a{display:flex;align-items:baseline;gap:.8rem;padding:.85rem 0;font-size:.9rem;color:var(--txt);transition:color .3s ease}
.ed-buyers .bg-index a span{font-family:var(--fh);font-size:.74rem;font-weight:600;letter-spacing:.14em;color:var(--red);flex:0 0 1.6rem}
.ed-buyers .bg-index a:hover{color:var(--red)}

/* ── Guide body with the sticky chapter rail ────────────────── */
.ed-buyers .bg-body{padding-left:var(--ed-gut);padding-right:var(--ed-gut)}
.ed-buyers .bg-rail{max-width:1180px;grid-template-columns:200px minmax(0,1fr);gap:clamp(2.4rem,5vw,4.5rem)}
.ed-buyers .bg-main{min-width:0;max-width:900px}
.ed-buyers .bg-chap{padding:clamp(2.6rem,5vw,4rem) 0;border-top:1px solid var(--ed-hair);scroll-margin-top:90px}
.ed-buyers .bg-chap:first-child{border-top:0;padding-top:0}
.ed-buyers .bg-chap__head{display:flex;align-items:baseline;gap:1.1rem;margin-bottom:1rem}
.ed-buyers .bg-chap__num{font-family:var(--fh);font-weight:300;font-size:clamp(1.9rem,3vw,2.5rem);line-height:1;color:var(--red);letter-spacing:.02em;flex:0 0 auto}
.ed-buyers .bg-chap__head .st{margin:0;overflow-wrap:break-word}
.ed-buyers .bg-chap .ed-lede{font-size:clamp(1.12rem,1.7vw,1.36rem);margin-bottom:1.6rem}
.ed-buyers [id]{scroll-margin-top:90px}

/* Numbered stages */
.ed-buyers .bg-stages{list-style:none;margin:0;padding:0;border-top:1px solid var(--ed-hair)}
.ed-buyers .bg-stages>li{display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:0 1.2rem;padding:1.45rem 0;border-bottom:1px solid var(--ed-hair)}
.ed-buyers .bg-stages__n{font-family:var(--fh);font-weight:300;font-size:1.5rem;line-height:1.1;color:var(--red);letter-spacing:.04em}
.ed-buyers .bg-stages h3{font-family:var(--fs);font-weight:400;font-size:1.28rem;line-height:1.3;color:var(--txt);margin:0 0 .45rem}
.ed-buyers .bg-stages p{font-size:.94rem;line-height:1.8;color:var(--t2);margin:0 0 .6rem;max-width:66ch}
.ed-buyers .bg-stages p:last-child{margin-bottom:0}
.ed-buyers .bg-stages .bg-aside{font-size:.86rem;color:var(--t3);padding-left:.9rem;border-left:1px solid var(--ed-hair)}
.ed-buyers .bg-stages a,.ed-buyers .bg-cols a,.ed-buyers .bg-callout a:not(.ed-textlink),.ed-buyers .bg-note a{color:var(--red);border-bottom:1px solid rgba(237,33,39,.32)}

/* Notes and callouts: a red rule, no panel */
.ed-buyers .bg-note{margin:1.8rem 0 0;padding:.2rem 0 .2rem 1.2rem;border-left:1px solid var(--red);font-size:.9rem;line-height:1.8;color:var(--t2);max-width:70ch}
.ed-buyers .bg-note b{color:var(--txt);font-weight:600}
.ed-buyers .bg-callout{padding:.2rem 0 .2rem 1.3rem;border-left:1px solid var(--red)}
.ed-buyers .bg-callout p{font-size:.92rem;line-height:1.8;color:var(--t2);margin:0 0 1rem}
.ed-buyers .bg-callout b{color:var(--txt)}
.ed-buyers .bg-split{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(1.8rem,4vw,3.4rem)}

/* Due-diligence checklist */
.ed-buyers .bg-check>li b{color:var(--txt);font-weight:600}
.ed-buyers .bg-check--1{grid-template-columns:minmax(0,1fr)}

/* Two- and three-column notes on hairlines */
.ed-buyers .bg-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(1.8rem,4vw,3.4rem);margin-top:2rem}
.ed-buyers .bg-cols--3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.4rem}
.ed-buyers .bg-cols>div{border-top:1px solid var(--ed-hair);padding:1.3rem 0 1.2rem}
.ed-buyers .bg-cols h3{font-family:var(--fh);font-size:.9rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--txt);margin:0 0 .55rem;line-height:1.4}
.ed-buyers .bg-cols p{font-size:.92rem;line-height:1.8;color:var(--t2);margin:0}

/* Supporting image inside the reading column */
.ed-buyers .bg-fig{margin:0 0 .6rem}

/* Closing costs: a dark panel within the column */
.ed-buyers .bg-chap--dark{border-top:0;padding-top:clamp(1rem,2vw,1.6rem);padding-bottom:clamp(1rem,2vw,1.6rem)}
.ed-buyers .bg-panel{position:relative;background:var(--blk);color:#fff;padding:clamp(1.8rem,4vw,3rem)}
.ed-buyers .bg-panel::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 92% 0%,rgba(237,33,39,.1) 0%,transparent 55%);pointer-events:none}
.ed-buyers .bg-panel>*{position:relative}
.ed-buyers .bg-panel .st{color:#fff}
.ed-buyers .bg-panel .ed-lede{color:rgba(255,255,255,.92)}
.ed-buyers .bg-cmp thead th:first-child{width:24%}
.ed-buyers .bg-panel .cmp thead th{color:#fff;border-bottom-color:rgba(255,255,255,.4)}
.ed-buyers .bg-panel .cmp th,.ed-buyers .bg-panel .cmp td{color:rgba(255,255,255,.78);border-bottom-color:var(--ed-hair-d)}
.ed-buyers .bg-panel .cmp tbody th{color:rgba(255,255,255,.6)}
.ed-buyers .bg-panel .cmp caption{color:rgba(255,255,255,.5)}
.ed-buyers .bg-panel__foot{margin-top:1.6rem}
.ed-buyers .bg-panel .cmp td::before{color:rgba(255,255,255,.55)}
.ed-buyers #faq{background:#fff}
.ed-buyers .bg-panel__foot p{max-width:none}

/* Full-bleed image band */
.ed-buyers .bg-band{position:relative;margin:0;height:clamp(220px,34vw,460px);overflow:hidden;background:#161616}
.ed-buyers .bg-band .ed-bg{position:absolute;inset:0;background-position:center 58%}

/* Mistakes + glossary pair */
.ed-buyers .bg-pair{gap:clamp(2.4rem,6vw,5.5rem)}
.ed-buyers .bg-pair .st{margin-bottom:1.4rem}
.ed-buyers .bg-gloss{margin:0;border-top:1px solid var(--ed-hair)}
.ed-buyers .bg-gloss>div{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:.2rem 1.4rem;padding:.9rem 0;border-bottom:1px solid var(--ed-hair-soft)}
.ed-buyers .bg-gloss dt{font-family:var(--fs);font-size:1rem;color:var(--txt);line-height:1.45}
.ed-buyers .bg-gloss dd{margin:0;font-size:.9rem;line-height:1.7;color:var(--t2)}

/* FAQ: single column, answers readable without JavaScript */
.ed-buyers .bg-faq{grid-template-columns:minmax(0,1fr)}
.ed-buyers .bg-faq .fitem:nth-child(2){border-top:0}
html:not(.m-js) .ed-buyers .bg-faq .fa{max-height:none;overflow:visible;padding:.1rem .1rem 1.2rem}

/* Sources: a quiet disclosure on white */
.ed-buyers .bg-sources{background:#fff;padding-top:0}
.ed-buyers .bg-sources .ds-use{display:inline}
.ed-buyers .bg-sources .ds-method b{color:var(--t2)}

/* ── Responsive ─────────────────────────────────────────────── */
@media(max-width:1080px){
  .ed-buyers .bg-rail{grid-template-columns:minmax(0,1fr)}
  .ed-buyers .bg-main{max-width:none}
  .ed-buyers .bg-index ol{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .ed-buyers .bg-cols--3{grid-template-columns:minmax(0,1fr)}
  .ed-buyers .bg-split{grid-template-columns:minmax(0,1fr)}
  .ed-buyers .bg-index ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .ed-buyers .bg-hero{min-height:68vh}
  .ed-buyers .bg-cols{grid-template-columns:minmax(0,1fr)}
  .ed-buyers .bg-index ol{grid-template-columns:minmax(0,1fr)}
  .ed-buyers .bg-stages>li{grid-template-columns:2.6rem minmax(0,1fr);gap:0 .9rem}
  .ed-buyers .bg-chap__head{gap:.8rem}
  .ed-buyers .bg-gloss>div{grid-template-columns:minmax(0,1fr)}
  .ed-buyers .bg-panel{padding:1.6rem 1.2rem;margin:0 calc(-1 * var(--ed-gut))}
}
@media(prefers-reduced-motion:reduce){
  .ed-buyers .bg-index a,.ed-buyers .bg-crumb a{transition:none}
}