/* RTL (Arabic) version - generated from the English stylesheet with rtlcss, plus Arabic font and no letter-spacing. Re-generate instead of hand-editing. */
/**
 * Imprint + Privacy Notice pages. Shared under one #sglegal scope since
 * both are "legal" pages built from the same hero/card/crumb components
 * used across the site (job/career/blog) - same pattern as job.css being
 * one file reused by every job post.
 *
 * @package SwissGRC
 */
#sglegal{
  --navy:#1A2E4C; --navy-2:#152743; --navy-3:#0f1c30;
  --teal:#17A2AC; --teal-lt:#2DC6CB; --teal-deep:#0F7C84; --magenta:#B82850;
  --ink:#16233a; --body:#40506a; --muted:#6b7a91;
  --line:#e5e9f0; --line-w:#e2e8ec;
  --paper:#fff; --paper-2:#f7f9fa;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px;
  --r-sm:12px; --r-card:18px;
  --h:'Anek Latin','IBM Plex Sans Arabic',sans-serif;
  --b:'Inter','IBM Plex Sans Arabic',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --pad:40px; --max:1180px;
  font-family:var(--b); color:var(--ink); background:var(--paper);
  line-height:1.6; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  display:block;
}
#sglegal *,#sglegal *::before,#sglegal *::after{box-sizing:border-box;}
#sglegal p,#sglegal h1,#sglegal h2,#sglegal h3,#sglegal ul,#sglegal li{margin:0;padding:0;}
#sglegal ul{list-style:none;}
#sglegal a{color:inherit;text-decoration:none;}
#sglegal button{font:inherit;border:0;background:none;cursor:pointer;color:inherit;}
#sglegal .wrap{width:100%!important;max-width:var(--max)!important;margin:0 auto!important;padding:0 var(--pad)!important;box-sizing:border-box!important;}

/* ============ HERO — same treatment as the blog post hero ============ */
#sglegal .hero{position:relative;overflow:hidden;isolation:isolate;color:#fff;
  background:
   radial-gradient(64% 74% at 6% 0%, rgba(23,162,172,.22) 0%, transparent 58%),
   radial-gradient(52% 70% at 98% 100%, rgba(48,98,165,.20) 0%, transparent 60%),
   linear-gradient(-166deg,var(--navy) 0%,var(--navy-2) 56%,var(--navy-3) 100%);}
#sglegal .hero::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
   background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(-90deg,rgba(255,255,255,.035) 1px,transparent 1px);
   background-size:52px 52px;
   -webkit-mask-image:radial-gradient(86% 100% at 8% 0%, #000 0%, transparent 74%);
           mask-image:radial-gradient(86% 100% at 8% 0%, #000 0%, transparent 74%);}
#sglegal .hero__in{position:relative;z-index:1;padding:clamp(64px,10vh,104px) 0;max-width:640px;}
#sglegal .crumb{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:#c7d2e2;margin-bottom:26px;}
#sglegal .crumb .dash{width:22px;height:2px;border-radius:2px;background:var(--teal-lt);flex:none;}
#sglegal .crumb a{color:var(--teal-lt);transition:color .15s ease;}
#sglegal .crumb a:hover{color:#fff;}
#sglegal .crumb .sep{opacity:.4;}
#sglegal .crumb .current{color:#c7d2e2;}
#sglegal .hero h1{color:#fff;font-family:var(--h);font-weight:700;font-size:clamp(30px,4.4vw,46px);line-height:1.15;letter-spacing:0;}
#sglegal .hero__sub{margin-top:var(--s5);font-size:16.5px;line-height:1.66;color:#c3d1e2;max-width:52ch;}

/* ============ LAYOUT ============ */
#sglegal .sec{padding:clamp(56px,7vw,88px) 0 clamp(72px,9vw,112px)!important;}
#sglegal .layout{display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:clamp(40px,6vw,84px)!important;align-items:start!important;width:100%!important;}
#sglegal .side{order:1;position:sticky;top:135px;width:100%;min-width:0;}
body.admin-bar #sglegal .side{top:167px;}
@media screen and (max-width:782px){
  body.admin-bar #sglegal .side{top:181px;}
}
#sglegal .art{order:0;min-width:0;}

/* ============ CONTENT — plain the_content() output, editable from the
   normal WordPress page editor (Heading/Paragraph/List/Details blocks).
   No custom markup required; this styles the bare tags directly. ============ */
#sglegal .art{max-width:72ch;}
#sglegal .art > *:first-child{margin-top:0!important;}
#sglegal .art h2{
  font-family:var(--h)!important;font-weight:700!important;font-size:clamp(21px,2.2vw,26px)!important;letter-spacing:0!important;color:var(--ink)!important;
  margin:clamp(40px,4.5vw,58px) 0 20px!important;padding-bottom:18px!important;border-bottom:1px solid var(--line)!important;
  scroll-margin-top:150px;
}
#sglegal .art h2:first-of-type{margin-top:0!important;}
#sglegal .art p{font-size:16px!important;line-height:1.72!important;color:var(--body)!important;margin:0 0 14px!important;}
#sglegal .art p:last-child{margin-bottom:0!important;}
#sglegal .art ul,#sglegal .art ol{margin:16px 0!important;padding:0!important;list-style:none!important;}
#sglegal .art ul li,#sglegal .art ol li{
  position:relative;padding:10px 26px 10px 0!important;border-bottom:1px solid var(--line-w);
  font-size:15px!important;line-height:1.55!important;color:var(--ink)!important;margin:0!important;
}
#sglegal .art ul li:last-child,#sglegal .art ol li:last-child{border-bottom:0;}
#sglegal .art ul li::before,#sglegal .art ol li::before{
  content:'';position:absolute;right:2px;top:16px;width:6px;height:10px;
  border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg);
}
#sglegal .art strong,#sglegal .art b{color:var(--ink)!important;font-weight:600!important;}
#sglegal .art a{color:var(--teal-deep)!important;font-weight:600!important;text-decoration:underline!important;text-underline-offset:2px;}
#sglegal .art a:hover{color:var(--navy)!important;}
#sglegal .art address{font-style:normal!important;margin:0!important;}

/* Native <details>/<summary> = the accordion (WordPress core "Details"
   block) — no custom JS needed, the browser handles open/close. */
#sglegal .art details{margin:0 0 12px!important;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;background:#fff;}
#sglegal .art details:last-child{margin-bottom:0!important;}
#sglegal .art details summary{
  list-style:none;cursor:pointer;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
  padding:18px 22px!important;margin:0!important;font-family:var(--b)!important;font-size:15.5px!important;font-weight:600!important;color:var(--navy)!important;
  transition:background-color .2s ease;
}
#sglegal .art details summary::-webkit-details-marker{display:none;}
#sglegal .art details summary:hover{background:var(--paper-2);}
#sglegal .art details summary::after{
  content:'';flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:1px solid var(--line-w);
  background-image:linear-gradient(var(--navy),var(--navy)),linear-gradient(var(--navy),var(--navy));
  background-repeat:no-repeat,no-repeat;background-position:center,center;background-size:9px 1.6px,1.6px 9px;
  transition:border-color .2s ease,background-color .2s ease;
}
#sglegal .art details[open] summary::after{
  border-color:var(--teal);background-color:var(--teal);
  background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-size:9px 1.6px,0 9px;
}
#sglegal .art details > :not(summary){padding:4px 22px 22px!important;margin:0!important;background:var(--paper-2);}
#sglegal .art details > :not(summary) p{margin:0 0 10px!important;}
#sglegal .art details > :not(summary) p:last-child{margin-bottom:0!important;}

/* Imprint sidebar cards */
#sglegal .card{width:100%!important;border:1px solid var(--line);border-radius:var(--r-card);background:#fff;overflow:hidden;}
#sglegal .card + .card{margin-top:16px;}
#sglegal .card__hd{padding:16px 22px;border-bottom:1px solid var(--line);background:var(--paper-2);
  font-family:var(--b);font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:uppercase;color:var(--navy);}
#sglegal .card__bd{padding:18px 22px 22px;font-size:14.5px;line-height:1.6;color:var(--body);}
#sglegal .card__bd a{display:block;color:var(--teal-deep);font-weight:600;margin-top:4px;}
#sglegal .card__bd a:hover{text-decoration:underline;}
#sglegal .rev{font-size:13px;color:var(--muted);}

/* "Contents" sidebar card — the exact component reused from the blog post
   (.side-block.toc-card / .toc-toggle / .toc-list). */
#sglegal .side-block{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 24px 50px -38px rgba(20,40,75,.3);}
#sglegal .toc-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;padding:0;margin:0 0 18px;font:inherit;text-align:right;cursor:default;}
#sglegal .toc-toggle-lbl{display:flex;align-items:center;gap:9px;}
#sglegal .side-label{font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--muted);}
#sglegal .toc-count{display:none;}
#sglegal .toc-toggle .chev{display:none;width:18px;height:18px;stroke:var(--muted);stroke-width:2;fill:none;flex:none;transition:transform .2s ease;}
#sglegal .toc-list{display:flex;flex-direction:column;gap:13px;}
#sglegal .toc-list a{display:flex;align-items:flex-start;gap:12px;padding:2px 14px 2px 0;margin-right:-14px;border:0;border-right:3px solid transparent;font-size:13.5px;font-weight:400;line-height:1.45;color:#57647a;transition:color .15s ease,border-color .15s ease;}
#sglegal .toc-list a:hover{color:var(--teal-deep);}
#sglegal .toc-list .num{flex:none;padding-top:1px;font-size:12px;font-weight:600;color:#9aa5b8;transition:color .15s ease;}
#sglegal .toc-list a.active{border-right-color:var(--teal);font-weight:700;color:var(--ink);}
#sglegal .toc-list a.active .num{color:var(--teal-deep);}

@media (max-width:920px){
  #sglegal .toc-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:rgba(23,162,172,.09);color:var(--teal-deep);font-size:11px;font-weight:700;}
  #sglegal .toc-toggle{cursor:pointer;margin-bottom:0;}
  #sglegal .side-block.is-open .toc-toggle{margin-bottom:18px;}
  #sglegal .toc-toggle .chev{display:block;}
  #sglegal .toc-list{display:none;margin-top:0;}
  #sglegal .side-block.is-open .toc-list{display:flex;}
  #sglegal .side-block.is-open .chev{transform:rotate(-180deg);}
}
@media (max-width:900px){
  #sglegal .layout{grid-template-columns:1fr!important;}
  #sglegal .side{position:static!important;order:0;}
  #sglegal .art{order:1;}
  /* Plain link cards (Imprint/Legal) read as "see also" - show them after
     the article, stacked in one column. The Contents TOC card (.side-block,
     no .card) stays before the article, order:0 above. */
  #sglegal .side:has(.card){order:2;}
}
@media (max-width:560px){
  #sglegal{--pad:22px;}
  #sglegal .art details summary{font-size:14.5px;}
}