/* Dokumenty prawne i 404 Systemu Szefa. Paleta A, 2026-09-11.
   Kanon tokenów: PORADNIK_SZEFA_2026/lejek_v2/design/DESIGN_TOKENS.md.
   Wszystkie reguły z dawnych bloków <style> regulaminu i prywatności są tutaj; klasy HTML bez zmian.
   404 generuje build_buyer_path.py jako <main class="legal"> z tym arkuszem. */
@font-face{font-family:Archivo;src:url('/produkty/poradnik-szefa/assets/fonts/archivo-var-latin-ext.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Archivo;src:url('/produkty/poradnik-szefa/assets/fonts/archivo-var-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:light;--paper:#fff;--ink:#141e36;--muted:#586278;--accent:#3354d3;--action:#cf3046;--wine:#a91f34;--wash:#f2f5fb;--line:#d9dfeb;--dark:#111d38;--light:#b9c9f4;--sans:Archivo,Arial,sans-serif;--serif:Archivo,Arial,sans-serif;--mono:Archivo,Arial,sans-serif;--ivory:#fff;--ivory-2:#f2f5fb;--coal:#fff;--black:#141e36;--white:#141e36;--dim:#586278;--dim-dark:#586278;--signal:#3354d3;--signal-ink:#fff;--signal-on-dark:#3354d3;--hair:#d9dfeb;--hair-dark:#d9dfeb}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--paper)}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2{font-weight:520;line-height:1.12;text-wrap:balance}
p{text-wrap:pretty}
a{color:inherit;text-underline-offset:5px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.skip-link{position:fixed;left:16px;top:-100px;z-index:100;padding:12px 18px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-weight:550;text-decoration:none}
.skip-link:focus{top:12px;left:16px}
.mono{font-family:inherit;font-size:11px;font-weight:650;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}
.container{max-width:50rem;margin:0 auto;padding:0 22px}
.site-header{background:var(--paper);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:74rem;margin:0 auto;padding:23px 22px}
.brand{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:15px;font-weight:550;text-decoration:none}
.brand img{display:block;width:166px;height:auto}
.brand i{font-style:normal;color:var(--accent)}
.nav .mono{color:var(--muted)!important;font-size:12px;font-weight:400;letter-spacing:.2px;text-transform:none}
main{padding:clamp(48px,7vw,96px) 0 clamp(64px,8vw,112px)}
.doc-kicker{display:block;margin-bottom:22px;color:var(--accent)}
h1{font-size:clamp(32px,3.6vw,46px);letter-spacing:-1.6px}
.lead{max-width:40rem;margin-top:22px;color:var(--muted);font-size:19px;line-height:1.55}
.contact-card{margin-top:40px;overflow:hidden;border:1px solid var(--line);border-radius:2px 30px 2px 2px;background:var(--wash)}
.contact-head{padding:14px 24px;border-bottom:1px solid var(--line)}
.contact-head .mono{color:var(--accent)}
.contact-body{padding:22px 24px 26px}
.contact-body ul{margin:0 0 18px;padding:0;list-style:none}
.contact-body li{padding:10px 0;border-top:1px solid var(--line);color:var(--ink);font-size:16px}
.contact-body li:first-child{padding-top:0;border-top:0}
.contact-body li a{font-weight:500}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:15px 27px;border:0;border-radius:50px;background:var(--accent);color:#fff;font-family:inherit;font-size:15px;font-weight:550;line-height:1.35;text-decoration:none;transition:background .2s,box-shadow .2s}
.button:hover{background:var(--dark);box-shadow:0 5px 16px #14213b12}
.button:active{box-shadow:none}
.doc{margin-top:48px}
.doc-section{margin-top:32px;padding-top:26px;border-top:1px solid var(--line)}
.doc-section .mono{display:block}
.doc-section h2{margin-top:10px;font-size:clamp(22px,2.2vw,26px);letter-spacing:-.6px}
.doc-section p{max-width:42rem;margin-top:12px;color:var(--ink);font-size:16px;line-height:1.65}
.doc-section a{color:var(--ink);font-weight:500}
.doc-section a:hover{color:var(--accent)}
.doc-section code{padding:1px 6px;border-radius:4px;background:var(--wash);font-family:inherit;font-size:.95em}
.site-footer{padding:20px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.footer-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;max-width:74rem;margin:0 auto;padding:0 22px}
.site-footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none}
.site-footer a:hover{color:var(--accent)}
.footer-links{display:flex;flex-wrap:wrap;gap:25px}
/* 404 */
main.legal{max-width:50rem;min-height:60vh;margin:0 auto;padding:clamp(64px,10vw,140px) 22px clamp(80px,10vw,160px)}
main.legal h1{font-size:clamp(34px,4vw,52px);letter-spacing:-1.8px}
main.legal p{max-width:40rem;margin-top:22px;color:var(--muted);font-size:19px}
main.legal p:last-child{margin-top:28px;color:var(--ink);font-size:16px}
main.legal a{display:inline-flex;align-items:center;min-height:44px;padding:0 1px;border-bottom:1px solid currentColor;color:var(--accent);font-weight:550;text-decoration:none}
main.legal a:hover{color:var(--ink)}
@media(max-width:760px){body{font-size:16px}.nav{padding:16px 20px}.brand img{width:133px}h1{font-size:clamp(30px,8vw,38px);letter-spacing:-1.2px}.lead{font-size:16px}.contact-card{margin-top:30px;border-radius:2px 24px 2px 2px}.button{width:100%;font-size:14px}.doc-section h2{font-size:22px}main.legal p{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.site-footer,.skip-link{display:none}}

/* Kotwice (#meta z panelu cookies) nie chowają się pod górną krawędzią. */
[id]{scroll-margin-top:32px}
