/* Legal: /privacy-policy/ and /terms-and-conditions/.
   Loads AFTER the frozen shared site.css. site.css is NOT edited.
   Components repeated from blog.css (.hero-eyebrow, .crumbs, .prose family) are
   byte-identical to that sheet on purpose — the design system lives in the six
   existing pages, this file does not fork it. Only .page-head and the .prose
   additions for <hr> and the contact block are new, and they are new because the
   legal pages are the only text-only pages on the site: no hero photography. */

/* ---- carried from services.css / our-work.css / blog.css, unchanged ---- */
.hero-eyebrow{color:var(--orange);font-weight:800;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .7rem}

/* ---- breadcrumbs, carried from blog.css, unchanged ---- */
.crumbs{background:var(--cream);border-bottom:1px solid var(--line);font-size:.85rem}
.crumbs ol{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px 0;margin:0}
.crumbs li{display:flex;align-items:center;gap:8px}
.crumbs li+li::before{content:"/";color:#9AA1AA}
.crumbs a{text-decoration:none;font-weight:600}
.crumbs a:hover{color:var(--orange)}
.crumbs [aria-current]{color:var(--ink);font-weight:700}

/* ---- page header band: the hero's job on a page with no photograph.
   Cream + rules, same furniture as .sec-process, so it reads as part of the set. */
.page-head{background:var(--cream);border-bottom:1px solid var(--line);text-align:center;padding:66px 0 58px}
.page-head h1{font-size:clamp(1.9rem,3.6vw,2.7rem);margin:0 0 .35em}
.page-head .page-sub{margin:0;font-size:.95rem}

/* ---- article prose, carried from blog.css, unchanged ---- */
.sec-article{background:#fff}
.prose{max-width:760px;margin:0 auto}
.prose h2{font-size:clamp(1.35rem,2.2vw,1.7rem);margin:1.9em 0 .55em}
.prose h3{font-size:1.1rem;margin:1.5em 0 .5em}
.prose ul.bullets{list-style:disc;padding-left:1.3em;margin:0 0 1rem}
.prose ul.bullets li{margin-bottom:.4em}
.prose ol.numbered{list-style:decimal;padding-left:1.4em;margin:0 0 1rem}
.prose ol.numbered li{margin-bottom:.4em}

/* ---- legal-specific: the <hr> rules the WordPress copy uses as section
   separators, and the contact block at the foot of each document ---- */
.prose-legal h2{font-size:clamp(1.3rem,2.1vw,1.6rem);margin:0 0 .6em}
.prose-legal h3{font-size:1.05rem;color:var(--ink);margin:1.6em 0 .5em}
.prose-legal .rule{border:0;border-top:1px solid var(--line);margin:34px 0}
.prose-legal a{color:var(--orange-dark);text-decoration:underline;text-underline-offset:2px}
.prose-legal a:hover{color:var(--orange)}
.prose-legal .legal-meta{color:var(--ink);font-weight:700;margin-bottom:.35rem}
.prose-legal .legal-date{font-size:.92rem;margin-bottom:1.6rem}
.prose-legal .legal-contact{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;margin:8px 0 24px}
.prose-legal .legal-contact p{margin:0 0 .45rem}
.prose-legal .legal-contact p:last-child{margin-bottom:0}
.prose-legal .legal-consent{font-weight:700;color:var(--ink)}

@media (max-width:767px){
  .page-head{padding:44px 0 38px}
  .prose-legal .legal-contact{padding:20px 18px}
}