/* Legal pages (privacy, terms, data deletion; marketing, 27 Sep 2026). They reuse the Insights reading layout
   (css/pages/insights.css); this adds the switcher between the three pages and the review-only draft markers. */

/* The three legal pages, as pills above the title (the header band is dark in Look 4) */
.lg-nav{display:flex;flex-wrap:wrap;gap:8px}
.lg-nav a{display:inline-flex;align-items:center;min-height:36px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--sd-line);background:var(--sd-paper);font:700 14px/1.2 var(--sd-font);color:var(--sd-ink);text-decoration:none}
.lg-nav a:hover{border-color:var(--sd-ink)}
.lg-nav a[aria-current="page"]{background:var(--sd-gold);border-color:var(--sd-ink)}
.sd-night .lg-nav a{background:transparent;border-color:rgba(255,255,255,.42);color:var(--sd-on-night,#fff)}
.sd-night .lg-nav a:hover{border-color:var(--sd-on-night,#fff)}
.sd-night .lg-nav a[aria-current="page"]{background:var(--sd-gold);border-color:var(--sd-gold);color:var(--sd-ink)}

/* Closing card: the email link in its sentence */
.ins-next p a{color:var(--sd-ink);font-weight:800;text-decoration:underline;text-decoration-color:var(--sd-gold-deep);text-decoration-thickness:2px;text-underline-offset:3px;overflow-wrap:anywhere}

/* Draft markers for Colin's business calls. Plain text on the live site; highlighted and numbered only in review
   builds (the review bar is present). The markers come out of the source before publishing. */
.lg-draft{display:none}
.sd-page:has(#reviewBar) .ins-prose>.lg-draft{display:block;padding:14px 18px;border:2px dashed var(--sd-gold-deep);border-radius:12px;background:var(--sd-canvas);font-size:15.5px;line-height:1.5;color:var(--sd-ink)}
body:has(#reviewBar) .lg-call{background:linear-gradient(transparent 58%,rgba(242,190,60,.5) 58%);border-bottom:2px dashed var(--sd-gold-deep)}
body:has(#reviewBar) .lg-call::after{content:attr(data-call);display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;padding:0 5px;border-radius:99px;background:var(--sd-ink);color:var(--sd-gold);font:800 11px/1 var(--sd-font);vertical-align:.2em}

@media (max-width:420px){
 .lg-nav a{padding:8px 12px;font-size:13.5px}
}