/* ============================================================================
   MH MENTORING · LEGAL PAGES
   Shared by polityka-prywatnosci.html and polityka-cookies.html.

   Same tokens as index-c.html, brandbook wydanie 03. The faces are served from
   /fonts as same-origin woff2 rather than inlined as data URIs: these two pages
   are read rarely and there is no reason to push 320 KB of base64 into each of
   them. Same-origin keeps the GDPR position of the main page - no request ever
   leaves for Google Fonts or a CDN.
   ============================================================================ */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;
  src:url(fonts/cormorant-garamond-600-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;
  src:url(fonts/cormorant-garamond-600-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;
  src:url(fonts/lato-400-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;
  src:url(fonts/lato-400-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;
  src:url(fonts/lato-700-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;
  src:url(fonts/lato-700-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* Brandbook wyd. 06 · osiem kolorów, każdy z jednym zadaniem. Magenta jasna,
     piaskowy róż, mgła ciepła i kość ciepła wycofane. */
  --magenta:#8E0B58; --wine:#6B0040; --koniak:#C4571B; --night:#3D0024;
  --honey:#E1912F;
  --paper:#FDFCFB; --milk:#F8F5F3; --tile:#F4ECE8;
  --rule:rgba(42,29,36,.14);
  --ink:#2A1D24; --lead-ink:#4A3E44; --white:#fff; --muted:#746B6F;
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'Lato',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --r:2px; --col:820px;
}
*,*::before,*::after{box-sizing:border-box}
body,h1,h2,h3,p,ul,ol,li,dl,dt,dd,figure,table{margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font:400 16px/1.7 var(--sans);
  -webkit-text-size-adjust:100%}
.wrap{max-width:var(--col);margin-inline:auto;padding-inline:24px}

:focus-visible{outline:2px solid var(--koniak);outline-offset:3px;border-radius:var(--r)}
h1[tabindex="-1"]:focus,h1[tabindex="-1"]:focus-visible{outline:none}
.skip{position:absolute;left:-9999px;top:12px;background:var(--wine);color:var(--paper);
  padding:10px 16px;border-radius:var(--r);z-index:20;text-decoration:none;font-weight:700}
.skip:focus{left:24px}

/* --- header ---------------------------------------------------------------- */
.site{border-bottom:1px solid var(--rule);background:var(--paper);padding-block:20px}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--magenta)}
.brand b{font-family:var(--serif);font-weight:600;font-size:21px;letter-spacing:.01em;line-height:1}
.brand span{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted)}
.langtoggle{display:flex;border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;flex:none}
.langtoggle button{border:0;background:transparent;color:var(--muted);cursor:pointer;
  font:700 11px/1 var(--sans);letter-spacing:.16em;padding:10px 15px}
.langtoggle button[aria-pressed="true"]{background:var(--wine);color:var(--paper)}

/* --- document -------------------------------------------------------------- */
main{padding-block:56px 80px}
.kicker{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--koniak)}
h1{font-family:var(--serif);font-weight:600;font-size:clamp(32px,5vw,46px);line-height:1.1;
  color:var(--ink);margin-top:14px;letter-spacing:-.01em}
.meta{margin-top:16px;font-size:14px;color:var(--muted)}
.accent{border:0;border-top:1px solid var(--koniak);width:56px;margin:28px 0 0}
.lead{font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.5;
  color:var(--lead-ink);margin-top:28px}

h2{font-family:var(--serif);font-weight:600;font-size:clamp(23px,2.6vw,27px);line-height:1.25;
  color:var(--ink);margin-top:52px;padding-top:26px;border-top:1px solid var(--rule)}
h2 .n{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.14em;
  color:var(--muted);margin-right:10px;vertical-align:3px}
h3{font-family:var(--sans);font-weight:700;font-size:15px;margin-top:28px;color:var(--ink)}
p{margin-top:16px}
ul,ol{margin-top:16px;padding-left:22px}
li{margin-top:9px}
li::marker{color:var(--koniak)}
/* Wyd. 06: zero podkreśleń, link niesie magenta i grubość Lato Bold. Pogrubienie
   jest sygnałem niekolorystycznym - magenta i tusz dzieli tylko ~1,6:1, więc sam
   kolor nie odróżniłby linku w tekście (WCAG 1.4.1). */
a{color:var(--magenta);font-weight:700;text-decoration:none}
a:hover,a:focus-visible{color:var(--night)}
strong{font-weight:700}

/* Definition table for the storage keys - reads better than prose for this. */
.keys{margin-top:22px;border:1px solid var(--rule);border-radius:var(--r);overflow:hidden}
.keys div{padding:16px 18px;border-top:1px solid var(--rule);background:var(--white)}
.keys div:first-child{border-top:0}
.keys dt{font-family:var(--sans);font-weight:700;font-size:14px;color:var(--ink)}
.keys dd{margin-top:6px;font-size:15px;color:var(--muted);line-height:1.6}

/* Facts still to be supplied before this page can go live. Deliberately loud:
   an unfinished legal page must not be able to pass for a finished one. */
.fill{background:rgba(196,87,27,.13);border-bottom:1px solid var(--koniak);
  padding:1px 5px;font-weight:700;font-size:.94em;color:var(--ink);white-space:normal}

.callout{margin-top:26px;padding:20px 22px;background:var(--tile);border-left:2px solid var(--koniak);
  border-radius:var(--r)}
.callout p:first-child{margin-top:0}

/* --- footer ---------------------------------------------------------------- */
.foot{background:var(--night);padding-block:40px;margin-top:72px;
  font-size:14px;color:rgba(255,255,255,.82)}
.foot a{color:var(--honey)}
.foot nav{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px 26px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
}