/* ============================================================================
   THE LEGAL PAGES (Chiran, 26 Oct 2026) — inc/legal/class-legal-pages.php. Built on the Journal article's layout
   (journal.css: banner, contents list, body, right box). These rules bring each policy's own markup
   (.sarisara-policy, written with a small inline style) into the Journal's sizes. The body prefix out-ranks the
   theme's .single p and the policies' inline styles.
   ============================================================================ */
body .ssl .sarisara-policy{max-width:none;margin:0;color:var(--navy);line-height:1.75;font-size:17px}
body .ssl .sarisara-policy>*+*{margin-top:18px}
body .ssl .sarisara-policy p,body .ssl .sarisara-policy li{font-size:17px;line-height:1.75}
body .ssl .sarisara-policy h2{font-size:26px;line-height:1.2;letter-spacing:-.015em;font-weight:700;color:var(--navy);margin:44px 0 0;scroll-margin-top:24px}
body .ssl .sarisara-policy h2+*{margin-top:14px}
body .ssl .sarisara-policy.sarisara-policy h3{font-size:19px !important;line-height:1.35 !important;font-weight:700;margin:26px 0 0;color:var(--navy)}
body .ssl .sarisara-policy ul,body .ssl .sarisara-policy ol{padding-left:22px;margin-bottom:0}
body .ssl .sarisara-policy li{margin:8px 0}
body .ssl .sarisara-policy li::marker{color:var(--v)}
body .ssl .sarisara-policy a{color:var(--v);text-decoration:underline;text-underline-offset:3px}
body .ssl .sarisara-policy strong{font-weight:700}
/* "The short version" */
body .ssl .sarisara-policy-summary{margin:0;border:1px solid var(--vb);border-left:1px solid var(--vb);border-radius:16px;background:var(--vu);padding:22px 24px;scroll-margin-top:24px}
body .ssl .sarisara-policy-summary p.sarisara-policy-summary__title{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--v);margin:0 0 8px}
body .ssl .sarisara-policy-summary li{font-size:16.5px}
body .ssl .sarisara-policy-intro{font-size:18px;color:var(--t2)}
body .ssl .sarisara-policy-note{font-size:15px;color:var(--t2);background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
body .ssl .sarisara-policy-effective{font-size:13.5px;color:var(--t3);margin-top:32px}
/* tables (refund tiers, partner shares): a soft card that scrolls on its own on a phone */
body .ssl .sarisara-policy-matrix{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;font-size:15px}
body .ssl .sarisara-policy-matrix th{background:var(--vu);color:var(--navy);font-weight:700;text-align:left;padding:12px 14px;border-bottom:1px solid var(--vb);font-size:14px}
body .ssl .sarisara-policy-matrix td{padding:11px 14px;border-bottom:1px solid var(--soft);vertical-align:top}
body .ssl .sarisara-policy-matrix tr:last-child td{border-bottom:0}

/* the right box: our policies + questions */
.ssl-pols{display:flex;flex-direction:column;gap:2px;padding-top:4px}
.ssj .ssl-pol{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:14px;font-weight:500;color:var(--navy)}
.ssl-pol .ssj-ic{color:var(--v)}
.ssj .ssl-pol:hover{background:var(--vu);color:var(--v)}
.ssj .ssl-pol.on{background:var(--vu);color:var(--v-dark)}
.ssl-help{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--soft);font-size:14px;line-height:1.5;color:var(--t2)}
.ssl-help b{color:var(--navy);font-size:15px}
.ssj .ssl-help__a{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:8px 14px;border-radius:999px;border:1.5px solid var(--v);color:var(--v);font-weight:500;font-size:14px}
.ssj .ssl-help__a:hover{background:var(--v);color:#fff}
.ssl .ssj-atab{cursor:default}
.ssl .ssj-hero--article{min-height:calc(var(--ss-hdr) + 380px)}

/* ══ THE PURPLE TOP (Chiran, 4 Nov 2026): the policy pages are content pages, like the partner pages under Become a
   Sarisarian — no photo, the same purple, his butterfly pattern (.ss-pat in sarisara-chrome.css), the soft shade behind
   the menu only, and the words lined up with the logo. The height stays as it was. */
.ssl .ssj-hero.ssl-hero{background:linear-gradient(110deg,#16062E 0%,#3C0B72 42%,#7700FF 78%,#A44BFF 100%);overflow:hidden;
  padding-left:max(64px,calc(50% - 656px));padding-right:max(64px,calc(50% - 656px))}
.ssl .ssj-hero.ssl-hero::before{inset:0 0 auto 0;height:calc(var(--ss-hdr) * 1.6);background:linear-gradient(180deg,rgba(9,9,32,.62) 0%,rgba(9,9,32,.3) 45%,rgba(9,9,32,0) 100%)}
.ssl .ssl-hero .ssj-hero__in{max-width:none;margin:0;padding:0}
.ssl .ssl-hero .ssj-hero__h1,.ssl .ssl-hero .ssj-hero__sub,.ssl .ssl-hero .ssj-meta{text-shadow:none}
.ssl .ssl-hero .ssj-crumb,.ssl .ssl-hero .ssj-crumb a{color:#E9DBFF}
.ssl .ssl-hero .ssj-hero__sub{color:#EFE6FF}
.ssl .ssl-hero .ssj-atab{background:rgba(255,255,255,.14);color:#fff}
.ssl .ssl-hero .ssj-atab .ssj-ic{color:#fff}

@media (max-width:1100px){.ssl-aside{order:2}}
@media (max-width:640px){
  body .ssl .sarisara-policy p,body .ssl .sarisara-policy li{font-size:16.5px}
  body .ssl .sarisara-policy-matrix{font-size:14px}
  body .ssl .sarisara-policy-matrix th,body .ssl .sarisara-policy-matrix td{padding:10px 10px}
  body .ssl .sarisara-policy-summary{padding:18px}
  .ssl .ssj-hero--article{min-height:0}
  .ssl .ssj-hero.ssl-hero{padding-left:16px;padding-right:16px}
}