/* Daylight — policy / legal / about pages.
   Scoped to body.dl-doc and body.dl-about, which a snippet adds only to
   pages 3, 626, 630, 632, 1328, 1329 and 140. Nothing here touches page
   content, titles, canonicals or any other template.

   Tokens are declared locally: daylight-home.css loads ONLY on the
   homepage, so :root would otherwise be undefined here and every var()
   would resolve to nothing. Values copied verbatim. */
body.dl-doc,body.dl-about{
  --bg:#fcfaf7; --surface:#ffffff; --raised:#fffdfb;
  --sand:#f7f2ea; --sand-2:#f1ebe1;
  --sage:#5e8c77; --sage-deep:#3f6b58; --sage-darker:#2f5343;
  --sage-tint:#e6efe9; --sage-tint-2:#f0f6f2; --sage-line:#d7e6de;
  --peach:#e9a07b; --peach-deep:#b86f4a; --peach-tint:#fbeee5; --peach-line:#f3ddcc;
  --ink:#2e3335; --body:#5b6264; --muted:#5f6866;
  --line:#ece5db; --line-2:#f4efe7;
  --sh-1:inset 0 1px 0 rgba(255,255,255,.9), 0 1px 2px rgba(92,74,58,.05), 0 4px 12px -5px rgba(92,74,58,.12);
  --sh-2:inset 0 1px 0 rgba(255,255,255,.9), 0 1px 3px rgba(92,74,58,.06), 0 12px 26px -10px rgba(92,74,58,.16);
  --sh-3:inset 0 1px 0 rgba(255,255,255,.9), 0 2px 5px rgba(92,74,58,.07), 0 26px 52px -18px rgba(92,74,58,.22);
  --ease:cubic-bezier(.22,.9,.3,1);
  background:var(--bg);
}

/* ── the page shell ───────────────────────────────────────────────────
   The theme's constrained layout hands this group a max-width with both
   side margins at 0, which pins it flush left. Same defect the homepage
   and the blog had — centre it explicitly. */
body.dl-doc main#content,body.dl-about main#content{
  max-width:100%!important;margin-left:auto!important;margin-right:auto!important;
  padding:0 0 84px!important;background:var(--bg);position:relative;overflow-x:hidden}
/* the theme gives this columns block max-width:90% with both margins at
   0, which pins it flush left — centre it, do NOT zero the margins */
body.dl-doc main#content .wp-block-columns,body.dl-about main#content .wp-block-columns{
  margin:0 auto!important;gap:0!important;max-width:100%!important}
body.dl-doc main#content .wp-block-column,body.dl-about main#content .wp-block-column{
  padding:0!important;flex-basis:100%!important}

/* the theme leaves these as content-box, so max-width + padding would
   render 880 + 144 = 1024px wide. Border-box keeps the sheet at 880. */
body.dl-doc .entry-content,body.dl-about .entry-content,
body.dl-doc .entry-content *,body.dl-about .entry-content *,
body.dl-doc .dl-foot,body.dl-about .dl-foot,
body.dl-doc .dl-foot *,body.dl-about .dl-foot *{box-sizing:border-box}

/* a soft light behind the top of the sheet */
body.dl-doc main#content::before,body.dl-about main#content::before{
  content:"";position:absolute;left:50%;top:-300px;width:860px;height:620px;
  transform:translateX(-50%);border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(closest-side,var(--sage-tint) 0,transparent 72%);opacity:.85}
body.dl-about main#content::before{
  background:radial-gradient(closest-side,var(--peach-tint) 0,transparent 70%);opacity:.8}

/* ── the document sheet ───────────────────────────────────────────── */
body.dl-doc .entry-content,body.dl-about .entry-content{
  position:relative;z-index:1;
  max-width:880px;margin:56px auto 0!important;
  background:var(--surface);border:1px solid var(--line-2);border-radius:36px;
  box-shadow:var(--sh-3);padding:66px 72px 72px!important;
  font-family:"Plus Jakarta Sans",-apple-system,"Segoe UI",sans-serif!important;
  font-size:17px;line-height:1.78;color:var(--body)!important;
  -webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv05"}

body.dl-doc .entry-content *,body.dl-about .entry-content *{
  font-family:"Plus Jakarta Sans",-apple-system,"Segoe UI",sans-serif!important}

/* ── title block ──────────────────────────────────────────────────── */
body.dl-doc .entry-content h1,body.dl-about .entry-content h1{
  color:var(--ink)!important;text-align:center;letter-spacing:-.022em;
  font-size:clamp(2rem,4.2vw,2.9rem)!important;font-weight:800!important;
  line-height:1.14!important;margin:0 0 14px!important}
body.dl-doc .entry-content h1 em,body.dl-about .entry-content h1 em{
  font-style:normal;color:var(--sage-deep)!important}

/* eyebrow ABOVE the title, generated — no content is altered.
   display:table shrink-wraps the pill so margin:auto can centre it and
   it still sits on its own line; inline-flex would run beside the text. */
body.dl-doc .entry-content h1::before,body.dl-about .entry-content h1::before{
  content:attr(data-eyebrow);display:table;
  padding:7px 15px;border-radius:999px;background:var(--sage-tint);
  color:var(--sage-deep);font-size:.78rem;font-weight:700;letter-spacing:.01em;
  margin:0 auto 20px;line-height:1.3}
body.dl-about .entry-content h1::before{background:var(--peach-tint);color:var(--peach-deep)}

/* the rule under the title */
body.dl-doc .entry-content h1::after,body.dl-about .entry-content h1::after{
  content:"";display:block;width:64px;height:3px;border-radius:2px;
  background:var(--sage);margin:22px auto 0;opacity:.75}
body.dl-about .entry-content h1::after{background:var(--peach)}

/* ── section headings ─────────────────────────────────────────────── */
body.dl-doc .entry-content h2,body.dl-doc .entry-content h3,
body.dl-about .entry-content h2,body.dl-about .entry-content h3{
  color:var(--ink)!important;letter-spacing:-.018em;line-height:1.28!important;
  font-weight:800!important;scroll-margin-top:96px}
body.dl-doc .entry-content h2,body.dl-about .entry-content h2{
  font-size:1.42rem!important;margin:52px 0 14px!important;
  padding-top:30px;border-top:1px solid var(--line-2)}
body.dl-doc .entry-content h3,body.dl-about .entry-content h3{
  font-size:1.18rem!important;margin:40px 0 12px!important;
  color:var(--sage-darker)!important}
body.dl-doc .entry-content h2:first-of-type,body.dl-about .entry-content h2:first-of-type{
  border-top:0;padding-top:0}
body.dl-doc .entry-content h4{font-size:1.04rem!important;margin:28px 0 10px!important;
  color:var(--ink)!important;font-weight:800!important}

/* ── body copy ────────────────────────────────────────────────────── */
body.dl-doc .entry-content p,body.dl-about .entry-content p{
  margin:0 0 18px!important;color:var(--body)!important;font-size:17px!important;
  line-height:1.78!important}
body.dl-doc .entry-content strong,body.dl-about .entry-content strong{
  color:var(--ink)!important;font-weight:700}
body.dl-doc .entry-content a,body.dl-about .entry-content a{
  color:var(--sage-deep)!important;text-decoration:underline;
  text-underline-offset:3px;text-decoration-thickness:1px;
  transition:color .25s var(--ease)}
body.dl-doc .entry-content a:hover,body.dl-about .entry-content a:hover{
  color:var(--sage-darker)!important}

/* the opening paragraph reads as a standfirst */
body.dl-doc .entry-content h1 + p,body.dl-about .entry-content h1 + p{
  font-size:1.09rem!important;line-height:1.7!important;text-align:center;
  max-width:60ch;margin:0 auto 34px!important;color:var(--body)!important}

/* ── lists ────────────────────────────────────────────────────────── */
body.dl-doc .entry-content ul,body.dl-about .entry-content ul,
body.dl-doc .entry-content ol,body.dl-about .entry-content ol{
  margin:0 0 20px!important;padding-left:0!important;list-style:none!important}
body.dl-doc .entry-content li,body.dl-about .entry-content li{
  position:relative;padding-left:27px;margin-bottom:13px;
  color:var(--body)!important;font-size:17px!important;line-height:1.72!important;
  /* the theme sets overflow-wrap:anywhere, which hyphenates mid-word even
     when the line has room. break-word only breaks when it must. */
  overflow-wrap:break-word!important;word-break:normal!important}
body.dl-doc .entry-content li:last-child,body.dl-about .entry-content li:last-child{
  margin-bottom:0}
/* dot optically centred on the first line: with line-height 1.72 the first
   line box centres near .86em, so a 7px dot sits at .86em - 3.5px */
body.dl-doc .entry-content ul > li::before,body.dl-about .entry-content ul > li::before{
  content:"";position:absolute;left:4px;top:calc(.86em - 3.5px);width:7px;height:7px;
  border-radius:50%;background:var(--sage);opacity:.85}
/* nested lists step in rather than restarting at the margin */
body.dl-doc .entry-content li > ul,body.dl-about .entry-content li > ul,
body.dl-doc .entry-content li > ol,body.dl-about .entry-content li > ol{
  margin:11px 0 4px!important}
body.dl-doc .entry-content li > ul > li::before{
  background:var(--sage);opacity:.45;width:6px;height:6px;top:calc(.86em - 3px)}
body.dl-doc .entry-content ol{counter-reset:dlo}
body.dl-doc .entry-content ol > li{counter-increment:dlo}
body.dl-doc .entry-content ol > li::before{
  content:counter(dlo);position:absolute;left:0;top:.18em;width:22px;height:22px;
  border-radius:50%;background:var(--sage-tint);color:var(--sage-deep);
  font-size:.74rem;font-weight:800;display:grid;place-items:center}

/* ── separators ───────────────────────────────────────────────────────
   The theme ships wp-block-separator at a fixed width:100px, so every one
   of the fourteen rules on the terms page rendered as a short stub
   floating at the left margin. Full width, and let it breathe. */
body.dl-doc .entry-content hr,body.dl-about .entry-content hr,
body.dl-doc .entry-content .wp-block-separator,
body.dl-about .entry-content .wp-block-separator{
  border:0!important;border-top:0!important;border-bottom:0!important;
  width:100%!important;max-width:100%!important;height:1px!important;
  background:var(--line)!important;margin:40px auto!important;opacity:1!important}

/* ── generated table of contents (long policy pages only) ─────────── */
body.dl-doc .dl-toc{background:var(--sage-tint-2);border:1px solid var(--sage-line);
  border-radius:22px;padding:26px 30px;margin:0 0 40px}
body.dl-doc .dl-toc .lbl{display:block;font-size:.76rem;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;color:var(--sage-deep);margin-bottom:14px}
/* these need to out-specify the body-list rules above, which would
   otherwise hand the ToC the round numbered bullet meant for prose */
body.dl-doc .entry-content .dl-toc ol{margin:0!important;padding:0!important;
  columns:2;column-gap:34px;counter-reset:dltoc;list-style:none!important}
body.dl-doc .entry-content .dl-toc li{padding-left:0;margin:0 0 10px;
  break-inside:avoid;position:relative;
  font-size:.93rem!important;line-height:1.5!important}
/* No generated numbering: several of these documents already number
   their own headings ("1. Definitions"), and a counter on top of that
   rendered "1  1. Definitions". */
body.dl-doc .entry-content .dl-toc ol > li::before{content:none!important;display:none!important}
body.dl-doc .dl-toc a{color:var(--body)!important;text-decoration:none;
  font-weight:600;transition:color .2s var(--ease)}
body.dl-doc .dl-toc a:hover{color:var(--sage-deep)!important;text-decoration:underline;
  text-underline-offset:3px}

/* ── back to top ──────────────────────────────────────────────────── */
body.dl-doc .dl-foot,body.dl-about .dl-foot{
  max-width:880px;margin:26px auto 0;text-align:center}
body.dl-doc .dl-foot a,body.dl-about .dl-foot a{
  display:inline-flex;align-items:center;gap:9px;text-decoration:none;
  background:var(--surface);border:1px solid var(--line);border-radius:999px;
  padding:12px 24px;font-size:.9rem;font-weight:700;color:var(--body);
  box-shadow:var(--sh-1);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
body.dl-doc .dl-foot a:hover,body.dl-about .dl-foot a:hover{
  transform:translateY(-2px);box-shadow:var(--sh-2);color:var(--sage-deep)}

/* ── the inline-colour mark the theme uses on some headings ───────── */
body.dl-doc .entry-content mark,body.dl-about .entry-content mark{
  background:transparent!important;color:inherit!important}

/* ── responsive ───────────────────────────────────────────────────── */
@media (max-width:920px){
  body.dl-doc .entry-content,body.dl-about .entry-content{
    max-width:none;margin:34px 20px 0!important;padding:46px 34px 52px!important;
    border-radius:28px}
  body.dl-doc .dl-foot,body.dl-about .dl-foot{margin-left:20px;margin-right:20px}
  /* must match the specificity of the .entry-content .dl-toc rule above,
     or the two-column ToC survives and breaks words mid-syllable */
  body.dl-doc .entry-content .dl-toc ol{columns:1}
}
@media (max-width:560px){
  body.dl-doc .entry-content,body.dl-about .entry-content{
    margin:24px 14px 0!important;padding:36px 22px 42px!important;border-radius:22px;
    font-size:16.5px}
  body.dl-doc .entry-content p,body.dl-about .entry-content p,
  body.dl-doc .entry-content li,body.dl-about .entry-content li{font-size:16.5px!important}
  /* a narrow column cannot afford a 27px indent for a 7px dot */
  body.dl-doc .entry-content li,body.dl-about .entry-content li{
    padding-left:23px;margin-bottom:12px}
  body.dl-doc .entry-content ul > li::before,body.dl-about .entry-content ul > li::before{left:2px}
  body.dl-doc .entry-content hr,body.dl-about .entry-content hr,
  body.dl-doc .entry-content .wp-block-separator,
  body.dl-about .entry-content .wp-block-separator{margin:30px auto!important}
  body.dl-doc .entry-content h1,body.dl-about .entry-content h1{font-size:1.72rem!important}
  body.dl-doc .entry-content h2,body.dl-about .entry-content h2{font-size:1.26rem!important;margin-top:40px!important}
  body.dl-doc .entry-content h3,body.dl-about .entry-content h3{font-size:1.1rem!important}
  body.dl-doc .dl-toc{padding:22px 22px}
}
@media (prefers-reduced-motion:reduce){
  body.dl-doc *,body.dl-about *{transition:none!important}
}