/* policy.css: shared by the three policy pages.
   Loaded before each page's own <style>; a page can override anything here.
   Edit here and every page in the family follows. */

/* HERO */
.hero{
  position:relative;
  background-color:var(--dark);
  background-image:
  linear-gradient(transparent, transparent),
  none;
  background-position:center 60%;
  background-size:cover;
  background-repeat:no-repeat;
  background-blend-mode:normal, normal;
  color:var(--white);
  padding:56px 0 40px;
  }
/* FACEBOOK COMMUNITY BANNER — community photo collage as background,
     dark gradient overlay on top so white text stays readable at any point
     in the image. Capped at 200px tall, same footprint as the old strip. */
.fb-banner{
  position:relative;text-align:center;padding:20px 0;max-height:200px;
  display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--white);
  background-image:
  linear-gradient(180deg, rgba(13,22,32,0.72) 0%, rgba(13,22,32,0.82) 55%, rgba(13,22,32,0.92) 100%),
  none;
  background-size:cover;background-position:center;
  }

.spotlight-card.style-photo.has-photo{
  background-image: linear-gradient(180deg, rgba(21,34,48,0.05) 0%, rgba(13,22,32,0.15) 60%), none;
  background-size:cover;background-position:center 42%;background-repeat:no-repeat;
  }

.cs-postmark-card{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:10px;width:208px;flex:0 0 208px;box-shadow:0 8px 20px rgba(21,34,48,0.18);text-align:left;}
.cs-postmark-photo{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg, var(--dark-soft) 0%, var(--blue) 55%, var(--green-dark) 100%);}

/* ===== Legal pages ===== */
.legal-hero{background:var(--dark);color:var(--white);padding:46px 0 0;position:relative;}
.legal-hero h1{color:var(--white);margin:0 0 10px}
.legal-hero .lh-meta{margin:0 0 26px}
.legal-hero .lh-meta strong{color:var(--white);}
.legal-tabs{display:flex;flex-wrap:wrap;gap:6px;}
.legal-tabs a{font-weight:700;text-decoration:none;color:#c7ccd1;border-radius:4px 4px 0 0;background:rgba(255,255,255,0.06)}
.legal-tabs a:hover{color:var(--white);background:rgba(255,255,255,0.12);}
.legal-tabs a.on{background:var(--paper);color:var(--dark);}
.legal-body{padding:40px 0 70px;}
.legal-grid{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start;}
.legal-toc{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;background:var(--white);border:1px solid var(--line);border-radius:4px;padding:18px 16px 14px;}
.legal-toc .toc-label{font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--green-dark);margin:0 0 10px 6px}
.legal-toc a{display:flex;gap:8px;line-height:1.35;color:#3c4048;text-decoration:none;padding:6px;border-radius:4px}
.legal-toc a span{flex:none;min-width:20px;color:var(--muted);font-weight:700;}
.legal-toc a:hover{background:var(--green-tint);color:var(--dark);}
.legal-doc{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:44px 52px;min-width:0;}
.legal-doc .legal-notice{background:var(--sunset-tint);border:1px solid color-mix(in srgb, var(--sunset-1) 30%, var(--white));border-left:4px solid var(--sunset-1);border-radius:4px;padding:22px 26px;margin:0 0 34px;}
.legal-doc .legal-notice h2{letter-spacing:.06em;margin:0 0 10px;color:var(--sunset-1);border:none;padding:0}
.legal-doc .legal-notice h2:first-child{margin-top:0;}
.legal-doc .legal-notice p:last-child{margin-bottom:0;}
.legal-doc section.ls{padding:0;}
.legal-doc .legal-intro{background:var(--sky-tint);border-radius:4px;padding:18px 22px;margin:0 0 34px;}
.legal-doc .legal-intro p{margin:0 0 6px}
.legal-doc .legal-intro p:last-child{margin:0;}
.legal-toc summary{list-style:none;cursor:pointer;}
.legal-toc summary::-webkit-details-marker{display:none;}
@media (min-width:981px){
  .legal-toc summary{pointer-events:none;}
}
@media (max-width:980px){
  .legal-toc summary:after{content:' ▾';}
  .legal-toc[open] summary:after{content:' ▴';}
}
.legal-doc h2{margin:42px 0 14px;padding-top:22px;border-top:1px solid var(--line);scroll-margin-top:20px}
.legal-doc section.ls:first-of-type h2{margin-top:0;padding-top:0;border-top:none;}
.legal-doc h2 .sn{color:var(--green-dark);margin-right:6px;}
.legal-doc h3{font-family:'Titillium Web',sans-serif;font-weight:800;margin:24px 0 8px;color:var(--dark)}
.legal-doc p{color:#33373d;margin:0 0 14px}
.legal-doc ul, .legal-doc ol{margin:0 0 16px;padding-left:22px;}
.legal-doc li{color:#33373d;margin:0 0 6px}
.legal-doc ul li::marker{color:var(--green-dark);}
.legal-doc ol li::marker{color:var(--green-dark);font-weight:700;}
.legal-doc strong{color:var(--dark);}
.legal-doc table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:14.5px;border:1px solid var(--line);border-radius:4px;overflow:hidden;}
.legal-doc th{background:var(--dark);color:var(--white);text-align:left;padding:12px 16px;font-weight:700;}
.legal-doc td{padding:12px 16px;border-top:1px solid var(--line);}
.legal-doc tr:nth-child(even) td{background:var(--paper);}
.legal-doc a{color:var(--green-dark);font-weight:700;}
.to-top{display:inline-block;margin-top:30px;font-size:13.5px;font-weight:700;color:var(--green-dark);text-decoration:none;}
@media (max-width:980px){
  .legal-grid{grid-template-columns:1fr;}
  .legal-toc{position:static;max-height:none;}
  .legal-toc nav{columns:2;}
}
@media (max-width:640px){
  .legal-toc nav{columns:1;}
  .legal-tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -24px;padding:0 24px;scrollbar-width:none;}
  .legal-tabs a{white-space:nowrap;flex:none}
}
.legal-hero h1{font-size:clamp(32px,4.6vw,52px);}
.legal-hero .lh-meta{font-size:16px;color:#c3cad1;}
.legal-tabs a{font-size:16px;padding:13px 20px;}
.legal-toc .toc-label{font-size:14px;}
.legal-toc a{font-size:16px;}
.legal-doc p, .legal-doc li, .legal-doc td, .legal-doc th{font-size:18px;line-height:1.7;}
.legal-doc h2{font-size:26px;}
.legal-doc h3{font-size:20px;}
.legal-doc .legal-notice h2{font-size:16px;}
.legal-doc .legal-notice p, .legal-doc .legal-notice li, .legal-doc .legal-intro p{font-size:16px;line-height:1.6;}
@media (max-width:640px){
  .legal-doc p, .legal-doc li, .legal-doc td, .legal-doc th{font-size:17px;}
  .legal-doc{padding:28px 20px;}
}
.press-logo{display:block;flex:none;background:var(--white);opacity:.82;transition:opacity .2s ease, background-color .2s ease;
  -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
a.press-logo:hover{opacity:1;background:var(--gold);}