/* ============================================================
   Dwoods Villa — SCOPED content styles
   ------------------------------------------------------------
   For pages that still use the old Bootstrap theme (header.php,
   style.css) but whose body copy is written in the new minimal
   markup: <main class="wrap"> ... </main>

   Every rule here is scoped to main.wrap, so it CANNOT touch the
   theme header, the footer, or anything outside the article.

   Used by: about.php, contact.php
   Do NOT load dv-minimal.css on these pages — that one restyles
   body / h1 / a / img globally and breaks the theme header.
   ============================================================ */

main.wrap{
  --ink:#1a1a1a; --muted:#5a5a5a; --line:#e4e4e4;
  --soft:#faf8f5; --accent:#b8842a; --accent-dk:#8f6620;

  max-width:860px;
  margin:0 auto;
  padding:0 20px 10px;
  color:var(--ink);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

main.wrap *{box-sizing:border-box}
main.wrap img{max-width:100%;height:auto}
main.wrap a{color:var(--accent-dk)}

/* type */
main.wrap h1{line-height:1.25;margin:28px 0 14px;font-size:clamp(24px,4.6vw,32px)}
main.wrap h2{line-height:1.3;margin:34px 0 12px;font-size:clamp(19px,3.4vw,23px);
  border-top:1px solid var(--line);padding-top:26px}
main.wrap h3{margin:22px 0 8px;font-size:clamp(16px,2.6vw,18px)}
main.wrap p{margin:0 0 15px}
main.wrap ul,main.wrap ol{margin:0 0 15px;padding-left:20px}
main.wrap li{margin-bottom:6px}
main.wrap p,main.wrap li,main.wrap td,main.wrap th,
main.wrap h1,main.wrap h2,main.wrap h3{overflow-wrap:break-word}

main.wrap .lead{font-size:17px;background:var(--soft);border-left:3px solid var(--accent);
  padding:16px 18px;margin:0 0 22px}
main.wrap .crumb{font-size:13px;color:var(--muted);margin:16px 0 0}
main.wrap .crumb a{color:var(--muted)}

/* table */
main.wrap table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px}
main.wrap th,main.wrap td{border:1px solid var(--line);padding:9px 11px;
  text-align:left;vertical-align:top}
main.wrap th{background:var(--soft);font-weight:600}

/* figure */
main.wrap figure{margin:20px 0}
main.wrap figcaption{font-size:13px;color:var(--muted);margin-top:6px}

/* faq */
main.wrap details{border:1px solid var(--line);padding:12px 14px;margin-bottom:8px;border-radius:4px}
main.wrap summary{font-weight:600;cursor:pointer}
main.wrap details p{margin:10px 0 0}

/* cta */
main.wrap .cta{background:var(--soft);border:1px solid var(--line);
  padding:20px;margin:28px 0;border-radius:6px}
main.wrap .btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
  padding:12px 22px;border-radius:4px;font-weight:600;margin:6px 8px 0 0}
main.wrap .btn:hover{background:var(--accent-dk);color:#fff}
main.wrap .btn.alt{background:#25632f}

@media(max-width:640px){
  main.wrap{padding:0 16px 10px}
  main.wrap table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  main.wrap table th,main.wrap table td{min-width:118px}
  main.wrap figure{margin:16px 0}
}