/* SIIK legal pages (legal.php). Scoped to .slg-page. Reading comfort first: ~70 characters a line,
 * 1.7 line height, calm headings; the text keeps whatever markup it was written with. */
.slg-page {
  --slg-bg: #0D0D17;
  --slg-card: rgba(255, 255, 255, .035);
  --slg-line: rgba(255, 255, 255, .09);
  --slg-text: #F4F4F8;
  --slg-body-text: #C9CDDB;
  --slg-muted: #A7AEC4;
  --slg-accent: #B197FF;
  --slg-head: Poppins, system-ui, sans-serif;
  --slg-body: Roboto, system-ui, sans-serif;
  background: var(--slg-bg);
  color: var(--slg-text);
  font-family: var(--slg-body);
  font-weight: 400;
  padding-bottom: 96px;
}
.slg-page *, .slg-page *::before, .slg-page *::after { box-sizing: border-box; }
.slg-wrap { width: min(1120px, 100% - 32px); margin: 0 auto; }

/* ---- title band ---- */
.slg-hero { padding: 56px 0 40px; margin-bottom: 40px; border-bottom: 1px solid var(--slg-line);
  background: radial-gradient(50% 120% at 0% 0%, rgba(139, 92, 246, .18), transparent 70%); }
.slg-switch { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 22px; }
.slg-switch a { display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border: 1px solid var(--slg-line); border-radius: 999px;
  color: var(--slg-muted); font: 500 14px/1 var(--slg-body); text-decoration: none; transition: color .15s, border-color .15s, background-color .15s; }
.slg-switch a:hover { color: var(--slg-text); border-color: rgba(255, 255, 255, .3); }
.slg-switch a[aria-current="page"] { background: var(--slg-text); border-color: var(--slg-text); color: #0D0D17; }
.slg-hero h1 { margin: 0; max-width: 22ch; font: 700 clamp(32px, 5vw, 52px)/1.08 var(--slg-head); letter-spacing: -.02em; color: var(--slg-text); }
.slg-meta { margin: 16px 0 0; font-size: 15px; color: var(--slg-muted); }
.slg-meta a { color: var(--slg-accent); text-decoration: none; }
.slg-meta a:hover { text-decoration: underline; }
.slg-meta span { margin: 0 6px; }

/* ---- contents + text ---- */
.slg-body { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 56px; align-items: start; }
.slg-body--single { grid-template-columns: minmax(0, 1fr); }
.slg-toc { position: sticky; top: 104px; max-height: calc(100vh - 128px); overflow: auto; scrollbar-width: thin; }
.admin-bar .slg-toc { top: 136px; }
.slg-toc details { border: 1px solid var(--slg-line); border-radius: 18px; background: var(--slg-card); padding: 14px 10px; }
.slg-toc summary { list-style: none; padding: 0 8px 10px; font: 600 12px/1 var(--slg-body); letter-spacing: .12em; text-transform: uppercase; color: var(--slg-muted); cursor: default; }
.slg-toc summary::-webkit-details-marker { display: none; }
.slg-toc ol { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1px; }
.slg-toc a { display: block; padding: 7px 10px; border-radius: 10px; color: var(--slg-muted); font: 400 14px/1.35 var(--slg-body); text-decoration: none; transition: background-color .15s, color .15s; }
.slg-toc a:hover { color: var(--slg-text); background: rgba(255, 255, 255, .05); }
.slg-toc a.is-current { color: var(--slg-text); background: rgba(177, 151, 255, .14); box-shadow: inset 2px 0 0 var(--slg-accent); }

.slg-content { max-width: 72ch; color: var(--slg-body-text); font: 400 16.5px/1.75 var(--slg-body); }
.slg-content > :first-child { margin-top: 0 !important; }
.slg-content p, .slg-content ul, .slg-content ol { margin: 0 0 1.1em; }
.slg-content ul, .slg-content ol { padding-left: 1.3em; }
.slg-content li { margin: .35em 0; }
.slg-content li::marker { color: var(--slg-accent); }
.slg-content strong, .slg-content b { color: var(--slg-text); font-weight: 600; }
.slg-content em { color: var(--slg-text); }
.slg-content a { color: var(--slg-accent); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; overflow-wrap: anywhere; }
.slg-content h2, .slg-content h3, .slg-content h4 { font-family: var(--slg-head); color: var(--slg-text); letter-spacing: -.01em; scroll-margin-top: 110px; }
.slg-content h2 { margin: 2.4em 0 .7em; padding-top: 1.4em; border-top: 1px solid var(--slg-line); font-size: 24px; font-weight: 600; line-height: 1.25; }
.slg-content h3 { margin: 1.8em 0 .5em; font-size: 19px; font-weight: 600; line-height: 1.3; }
.slg-content h4 { margin: 1.4em 0 .4em; font-size: 16.5px; font-weight: 600; }
.slg-content hr { border: 0; border-top: 1px solid var(--slg-line); margin: 2em 0; }
.slg-content img { max-width: 100%; height: auto; border-radius: 12px; }
.slg-content table { width: 100%; border-collapse: collapse; margin: 0 0 1.4em; font-size: 15px; }
.slg-content th, .slg-content td { padding: 10px 12px; border-bottom: 1px solid var(--slg-line); text-align: left; vertical-align: top; }
.slg-content th { color: var(--slg-text); font-weight: 600; }

/* Pages written as their own designs (Terms "tc-…", Refunds "rp-…") lose their <style> block here; their
 * badges, callouts, cards and notes get the shared look instead, matched by the words in their class names. */
.slg-content:not(.slg-content--cmplz) [style*="background"], .slg-content:not(.slg-content--cmplz) [style*="border"] { border-radius: 16px; }
.slg-content section, .slg-content:not(.slg-content--cmplz) [class*="wrap"], .slg-content:not(.slg-content--cmplz) [class*="hero"], .slg-content:not(.slg-content--cmplz) [class*="main"], .slg-content:not(.slg-content--cmplz) [class*="section"] { all: unset; display: block; }
.slg-content:not(.slg-content--cmplz) [class*="subtitle"] { font-size: 18px; line-height: 1.6; color: var(--slg-text); margin: 0 0 1.2em; }
.slg-content:not(.slg-content--cmplz) [class*="badge-row"] { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 1.4em; }
.slg-content:not(.slg-content--cmplz) [class*="badge"]:not([class*="badge-row"]) { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border: 1px solid var(--slg-line); border-radius: 999px; background: var(--slg-card); color: var(--slg-text); font-size: 13px; font-weight: 500; }
.slg-content:not(.slg-content--cmplz) [class*="callout"] { margin: 0 0 1.4em; padding: 20px 22px; border: 1px solid rgba(177, 151, 255, .4); border-radius: 18px; background: rgba(139, 92, 246, .1); }
.slg-content:not(.slg-content--cmplz) [class*="-grid"] { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin: 0 0 1.4em; }
.slg-content:not(.slg-content--cmplz) [class*="card"] { padding: 20px 22px; border: 1px solid var(--slg-line); border-radius: 18px; background: var(--slg-card); }
.slg-content:not(.slg-content--cmplz) [class*="callout"] > :last-child, .slg-content:not(.slg-content--cmplz) [class*="card"] > :last-child { margin-bottom: 0; }
.slg-content:not(.slg-content--cmplz) [class*="callout"] h2, .slg-content:not(.slg-content--cmplz) [class*="callout"] h3, .slg-content:not(.slg-content--cmplz) [class*="card"] h2, .slg-content:not(.slg-content--cmplz) [class*="card"] h3 { margin-top: 0; padding-top: 0; border-top: 0; font-size: 18px; }
.slg-content:not(.slg-content--cmplz) [class*="note"], .slg-content:not(.slg-content--cmplz) [class*="footer"] { font-size: 14px; color: var(--slg-muted); }
.slg-content:not(.slg-content--cmplz) [class*="footer"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 2em; padding-top: 1.4em; border-top: 1px solid var(--slg-line); }
.slg-content:not(.slg-content--cmplz) [class*="contact"] { margin-top: 2em; padding: 20px 22px; border: 1px solid var(--slg-line); border-radius: 18px; background: var(--slg-card); }
.slg-content:not(.slg-content--cmplz) a[class*="btn"], .slg-content:not(.slg-content--cmplz) a[class*="button"], .slg-content:not(.slg-content--cmplz) a[class*="-link"] { display: inline-flex; align-items: center; min-height: 46px; padding: 0 22px; border-radius: 999px;
  background: var(--slg-accent); color: #0D0D17 !important; font-weight: 600; text-decoration: none; }

/* ---- Complianz cookie policy: its accordions and consent switches, in the site's colours ---- */
.slg-content .cmplz-document { font-size: inherit; max-width: none; }
.slg-content .cmplz-document p, .slg-content .cmplz-document li { font-size: inherit !important; line-height: inherit !important; color: var(--slg-body-text); }
.slg-content .cmplz-document details, .slg-content .cmplz-dropdown { margin: 0 0 10px !important; border: 1px solid var(--slg-line) !important; border-radius: 14px !important; background: var(--slg-card) !important; overflow: hidden; }
.slg-content .cmplz-document summary { padding: 14px 16px !important; background: transparent !important; color: var(--slg-text) !important; cursor: pointer; }
.slg-content .cmplz-document summary h3, .slg-content .cmplz-document summary p { margin: 0 !important; padding: 0 !important; border: 0 !important; font: 600 16px/1.3 var(--slg-head) !important; color: var(--slg-text) !important; }
.slg-content .cmplz-document .cmplz-service-description, .slg-content .cmplz-document .cmplz-sharing-data, .slg-content .cmplz-document .cookies-per-purpose,
.slg-content .cmplz-document .cmplz-category-header, .slg-content .cmplz-document .cmplz-description {
  background: transparent !important; color: var(--slg-body-text) !important; border-color: var(--slg-line) !important; }
.slg-content .cmplz-document details > div { padding: 4px 16px 16px !important; }
.slg-content .cmplz-document .cookies-per-purpose { display: grid !important; grid-template-columns: 1fr 1fr 1fr; gap: 6px 12px; padding: 10px 0 !important; border-top: 1px solid var(--slg-line) !important; }
.slg-content .cmplz-document .cookies-per-purpose div { font-size: 14px; background: transparent !important; border: 0 !important; padding: 0 !important; }
.slg-content .cmplz-document .cmplz-subtitle, .slg-content .cmplz-document .cmplz-category-title { color: var(--slg-text) !important; font-weight: 600 !important; }
.slg-content .cmplz-document .cmplz-always-active { color: #8ff0b0 !important; }
.slg-content .cmplz-document .cmplz-banner-checkbox input, .slg-content .cmplz-document input[type="checkbox"] { accent-color: var(--slg-accent); }

@media (max-width: 1024px) {
  .slg-body { grid-template-columns: 1fr; gap: 24px; }
  .slg-toc { position: static; max-height: none; }
  .slg-toc details:not([open]) { padding-bottom: 4px; }
  .slg-toc summary { cursor: pointer; padding-bottom: 10px; }
  .slg-toc summary::after { content: "Show"; float: right; letter-spacing: 0; text-transform: none; color: var(--slg-accent); }
  .slg-toc details[open] summary::after { content: "Hide"; }
}
@media (max-width: 767px) {
  .slg-hero { padding: 36px 0 28px; margin-bottom: 28px; }
  .slg-content { font-size: 16px; }
  .slg-content h2 { font-size: 21px; }
  .slg-content .cmplz-document .cookies-per-purpose { grid-template-columns: 1fr; }
}