/* ==========================================================================
   PRIVACY.CSS  —  this page only
   Tokens, fonts, --gutter, header and footer live in common.css.
   ========================================================================== */

/* ============ TOKENS ============ */
:root{
  --head-color:#1D364D;
  --text-color:#425671;
  --page:#F5F8FC;
  --card:#F8FBFE;
  --card-line:#BBD7E6;
  --card-open:#F0F0ED;
  --icon:#8FB8CE;
  --r-md:8px;
  --shell:1440px;
}

body{
    font-family: var(--font-secondary);
  margin:0;background:var(--page);color:var(--text-color);
  font-size:15.5px;line-height:1.65;-webkit-font-smoothing:antialiased;
}
:focus-visible{outline:2px solid var(--head-color);outline-offset:2px;border-radius:4px}
a {
  text-decoration: none;
}
.wrap{margin:0 auto;padding:56px var(--gutter) 90px}
h1{margin:0 0 30px;font-size:40px;line-height:1.2;font-weight:500;color:var(--head-color)}

/* ============ DESKTOP: plain document ============ */
.sec{margin-bottom:34px}
.sec summary{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  list-style:none;cursor:default;pointer-events:none;
  font-size:24px;font-weight:400;color:var(--head-color);margin-bottom:20px;line-height:1.3;
}
.sec summary::-webkit-details-marker{display:none}
.sec summary::marker{content:""}
.sec .ico{display:none;flex:none;color:var(--icon)}
.sec-body p{margin:0 0 16px;max-width:none}
.sec-body p:last-child{margin-bottom:0}
.sec-body ul{margin:0 0 16px;padding:0;list-style:none}
.sec-body li{position:relative;padding-left:20px;margin-bottom:6px}
.sec-body li::before{content:"•";position:absolute;left:4px;color:var(--text-color)}

/* ============ MOBILE: accordion ============ */
@media (max-width:900px){
  .wrap{padding:26px var(--gutter) 48px}
  h1{font-size:26px;margin-bottom:20px}

  .sec{
    background:var(--card);border:1px solid var(--card-line);border-radius:var(--r-md);
    padding:0 18px;margin-bottom:14px;scroll-margin-top:20px;
  }
  .sec summary{
    pointer-events:auto;cursor:pointer;
    font-size:15px;font-weight:500;padding:16px 0;margin-bottom:0;gap:14px;
  }
  .sec .ico{display:block}
  .sec[open]{background:var(--card-open);border-color:var(--card-open)}
  .sec[open] summary{padding-bottom:8px}
  .sec[open] .ico{color:var(--head-color)}
  .sec[open] .bar-v{opacity:0}
  .sec-body{padding-bottom:18px;font-size:14.5px;line-height:1.6}
  .sec-body p{margin-bottom:12px}
  .sec-body li{font-size:14.5px}
}
@media (prefers-reduced-motion:no-preference){
  .ico,.bar-v{transition:color .18s ease,opacity .18s ease}
}