/* ============================================================================
   p-legal.css · the Termageddon policy on privacy.html, terms.html and
   cookies.html (2026-10-02). Loaded after the kit.

   Each legal page embeds its policy exactly as the WordPress site did: an
   empty div that Termageddon's script fills on window load with the policy
   HTML (from policies.termageddon.com/api/policy/<key>). The policy brings
   its own stylesheet, scoped by ID and loaded after this file:
     #<key> p, #<key> h2, #<key> li, ... { font: revert; margin: revert; padding: revert }
   That is (1,0,1), enough to beat every kit rule in .legal-doc. Every rule
   here is scoped to .legal-doc #tg-policy (the wrapper around the embed), so
   it reaches only the policy and outranks the embed's rules: (1,1,1) and up.
   The embed reverts font, margin and padding only, so the kit's colours,
   links, list squares and the h2 section rules and counters still apply.
   ========================================================================== */

.legal-doc #tg-policy{font-family:var(--font-body);font-weight:500;font-size:1rem;line-height:1.68;color:#33332c;
  overflow-wrap:break-word}
.legal-doc #tg-policy :is(article,section,div,details,p,ul,ol,li,a,span,em,i,small,summary){font:inherit}
.legal-doc #tg-policy :is(strong,b){font:inherit;font-weight:700;color:var(--ink)}

/* the placeholder until the policy lands, and the no script line */
.legal-doc #tg-policy .tg-loading,.legal-doc #tg-policy .tg-noscript{margin:0;font-family:var(--font-mono);font-size:.7rem;
  letter-spacing:.12em;text-transform:uppercase;line-height:1.7;color:var(--ash-paper)}

/* running text */
.legal-doc #tg-policy p{margin:0 0 .9rem;padding:0}
.legal-doc #tg-policy :is(ul,ol){margin:.5rem 0 1rem;padding:0}
.legal-doc #tg-policy ul>li{margin:0;padding:0 0 0 1.3rem}
.legal-doc #tg-policy ol{list-style:decimal;padding-left:1.4rem}
.legal-doc #tg-policy ol>li{margin:0 0 .45rem;padding:0 0 0 .2rem}
.legal-doc #tg-policy ol>li::before{display:none}
.legal-doc #tg-policy .text-left{text-align:left}

/* the policy's own title and date */
.legal-doc #tg-policy p.tg-last-updated-date{margin:0 0 1.6rem;font-family:var(--font-mono);font-size:.66rem;
  letter-spacing:.14em;text-transform:uppercase;line-height:1.6;color:var(--ash-paper)}

/* section headings: the kit's legal h2, whatever level the policy uses
   (privacy and cookies send h2, terms sends h3 with h-depth=3) */
.legal-doc #tg-policy :is(h2,h3).tpt-section-heading{position:relative;font-family:var(--font-display);font-weight:700;
  text-transform:uppercase;font-size:clamp(1.15rem,2.1vw,1.5rem);line-height:1.08;letter-spacing:0;color:var(--ink);
  margin:2.8rem 0 .9rem;padding:1.6rem 0 0;counter-increment:lsec;text-wrap:balance}
.legal-doc #tg-policy article>.tpt-section-heading:first-child{margin-top:0}
.legal-doc #tg-policy h3.tpt-section-heading::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,var(--moss-deep) 0 38px,var(--line-paper) 38px)}
.legal-doc #tg-policy h3.tpt-section-heading::after{content:"\00A7 " counter(lsec,decimal-leading-zero);
  content:"\00A7 " counter(lsec,decimal-leading-zero) / "";position:absolute;right:0;top:.5rem;font-family:var(--font-mono);
  font-size:.6rem;font-weight:400;letter-spacing:.2em;color:var(--ash-paper)}

/* the accordion tables (table-style=accordion): a hairline frame, one row
   per entry, a moss plus that closes to a bar when the row is open */
.legal-doc #tg-policy .accordions{margin:1.1rem 0 1.6rem;padding:0;border:1px solid var(--line-paper);border-radius:0;
  background:rgba(255,255,255,.4)}
.legal-doc #tg-policy .accordion{margin:0;padding:0;border-bottom:1px solid var(--line-paper)}
.legal-doc #tg-policy .accordion:last-child{border-bottom:0}
.legal-doc #tg-policy .accordion-summary{display:block;position:relative;list-style:none;cursor:pointer;margin:0;
  padding:.8rem 2.8rem .8rem 1rem;min-height:44px}
.legal-doc #tg-policy .accordion-summary::-webkit-details-marker{display:none}
.legal-doc #tg-policy .accordion-summary::after{content:"";position:absolute;right:1rem;top:50%;width:12px;height:12px;
  margin-top:-6px;background:linear-gradient(var(--moss-deep),var(--moss-deep)) center/12px 2px no-repeat,
  linear-gradient(var(--moss-deep),var(--moss-deep)) center/2px 12px no-repeat}
.legal-doc #tg-policy .accordion[open]>.accordion-summary::after{background-size:12px 2px,2px 0}
.legal-doc #tg-policy .accordion-summary:hover{background:rgba(24,23,28,.04)}
.legal-doc #tg-policy .accordion[open]>.accordion-summary{border-bottom:1px solid var(--line-paper)}
.legal-doc #tg-policy .accordion-heading{display:inline;margin:0;padding:0;font-family:var(--font-body);font-weight:700;
  font-size:1rem;line-height:1.45;letter-spacing:0;text-transform:none;color:var(--ink)}
.legal-doc #tg-policy .accordion-content{margin:0;padding:1rem 1rem 1.1rem}
.legal-doc #tg-policy .accordion-section{margin:0;padding:0}
.legal-doc #tg-policy .accordion-section+*{margin-top:1rem}
.legal-doc #tg-policy .accordion-section-heading{margin:0 0 .35rem;padding:0;font-family:var(--font-mono);font-weight:400;
  font-size:.64rem;line-height:1.5;letter-spacing:.2em;text-transform:uppercase;color:var(--moss-ink)}
.legal-doc #tg-policy .accordion-section-content{font-size:.95rem;line-height:1.6}
.legal-doc #tg-policy .accordion-section-content ul{margin:.2rem 0 0;gap:.3rem}
.legal-doc #tg-policy .table-responsive{overflow-x:auto;margin:0 0 1rem}

@media(max-width:640px){
  .legal-doc #tg-policy .accordion-summary{padding:.75rem 2.6rem .75rem .85rem}
  .legal-doc #tg-policy .accordion-summary::after{right:.85rem}
  .legal-doc #tg-policy .accordion-content{padding:.85rem .85rem 1rem}
}