/* ============================================================
   THE LADYBIRD CLUB: PRIVACY POLICY   (/privacy-policy/)
   Not from the live site. A short page header (label, H1, date), the "In short" line and
   the girls' short version in a soft pink card (Home's FAQ band colour), an "On this page"
   list (folded away on phones by assets/js/legal-toc.js), then the policy in the shared
   text column (--text-w) with the shared spacing scale (spacing.css).
   Tables: a clean table with soft row lines; below 640px each row becomes a small card,
   every cell led by its column heading (from data-label), so nothing scrolls sideways.
   ============================================================ */
.lg-page{max-width:var(--text-w);margin:0 auto;padding:72px 0 var(--sp-footer);
  font-family:'Jost',sans-serif;color:#2D2521;font-size:16px;line-height:1.8;}
.lg-page *{box-sizing:border-box;}
@media(max-width:700px){.lg-page{padding-top:48px;}}

/* HEADER */
.lg-head{text-align:center;}
.lg-head .tlc-ey{margin-bottom:var(--sp-label);}
.lg-page h1{margin:0;font-size:clamp(40px,6vw,64px);line-height:1.05;font-weight:700;}
.lg-updated{margin:var(--sp-h2) 0 0;font-size:14px;color:#2D2521;}

/* TEXT */
.lg-page p{margin:0;color:#2D2521;}
.lg-page p + p,.lg-page ul + p,.lg-page .lg-table + p{margin-top:var(--sp-para);}
.lg-page h2{margin:calc(var(--sp-content) + 16px) 0 0;font-size:clamp(26px,3.4vw,36px);line-height:1.15;
  font-weight:700;scroll-margin-top:24px;}
.lg-page h2 + p,.lg-page h2 + ul,.lg-page h2 + .lg-table{margin-top:var(--sp-h2);}
.lg-page p + ul,.lg-page p + .lg-table{margin-top:var(--sp-para);}
.lg-page strong{font-weight:600;color:#2D2521;}
.lg-page a{color:#2D2521;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere;}
.lg-page a:hover,.lg-page a:focus-visible{color:#2D2521;}
.lg-page ul{list-style:none;margin:0;padding:0;}
.lg-page ul li{position:relative;padding-left:22px;color:#2D2521;}
.lg-page ul li + li{margin-top:8px;}
.lg-page ul li::before{content:"";position:absolute;left:4px;top:.72em;width:7px;height:7px;border-radius:50%;background:#db99d3;}

/* IN SHORT + THE SHORT VERSION, FOR GIRLS: one soft pink card */
.lg-short{margin-top:var(--sp-content);padding:48px;border-radius:32px;background:#FADADE;}
@media(max-width:700px){.lg-short{padding:28px 22px;border-radius:24px;}}
.lg-short > p:first-child{font-size:18px;line-height:1.7;font-weight:500;color:#2D2521;}
.lg-short h2{margin-top:32px;font-size:clamp(24px,3vw,30px);}
.lg-short ul li::before{background:#db99d3;}

/* ON THIS PAGE */
.lg-toc{margin-top:var(--sp-content);}
.lg-toc-box{border:1px solid rgba(45,37,33,.1);border-radius:20px;padding:20px 24px;}
.lg-toc summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;
  font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#2D2521;}
.lg-toc summary::-webkit-details-marker{display:none;}
.lg-toc summary::after{content:"";width:8px;height:8px;margin-right:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);transition:transform .2s;}
.lg-toc-box[open] summary::after{transform:rotate(-135deg) translateY(-2px);}
.lg-toc summary:focus-visible{outline:2px solid #2D2521;outline-offset:4px;border-radius:4px;}
.lg-toc ol{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px 32px;font-size:15px;line-height:1.5;}
@media(min-width:768px){.lg-toc ol{grid-template-columns:1fr 1fr;}}
.lg-toc a{text-decoration:none;}
.lg-toc a:hover,.lg-toc a:focus-visible{text-decoration:underline;}

/* TABLES */
.lg-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;margin:0;border:0;}
.lg-table th{text-align:left;vertical-align:bottom;padding:0 16px 12px 0;font-size:14px;font-weight:600;color:#2D2521;
  border:0;border-bottom:2px solid #FADADE;}
.lg-table td{vertical-align:top;padding:14px 16px 14px 0;color:#2D2521;border:0;border-bottom:1px solid rgba(45,37,33,.08);}
.lg-table th:last-child,.lg-table td:last-child{padding-right:0;}
.lg-table td:first-child{color:#2D2521;}
@media(max-width:639px){
  .lg-table table,.lg-table tbody,.lg-table tr,.lg-table td{display:block;width:100%;}
  /* the headings stay for screen readers; each cell shows its own */
  .lg-table thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);border:0;}
  .lg-table tr{padding:16px 18px;border:1px solid rgba(45,37,33,.08);border-radius:16px;background:#fff;
    box-shadow:0 2px 4px rgba(45,37,33,.04),0 6px 16px rgba(45,37,33,.05);}
  .lg-table tr + tr{margin-top:12px;}
  .lg-table td{padding:0;border:0;}
  .lg-table td + td{margin-top:8px;}
  .lg-table td::before{content:attr(data-label) ": ";font-weight:600;color:#2D2521;}
}