/* Shared styles for the legal pages (impresum, politika privatnosti) */
:root{
  --ink:#0c0c0d; --ink-2:#2b2c2f; --stone:#7c7f85; --line:#e3e3df; --mist:#f5f5f2;
  --red:#ee3e35; --blue:#306aad; --green:#51b247;
  --display:'Barlow Condensed','Arial Narrow',sans-serif;
  --body:'Barlow','Helvetica Neue',Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --gutter:clamp(20px,5vw,72px);
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#fff;color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}

.top{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.top .in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px;padding-inline:clamp(20px,2.6vw,40px)}
.top .brand{display:flex;align-items:center;gap:16px;text-decoration:none}
.top .brand img{height:28px;width:auto}
.top .brand span{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);border-left:1px solid rgba(12,12,13,.18);padding-left:16px;white-space:nowrap}
.top .back{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--ink);border-bottom:1px solid transparent;transition:border-color .3s;white-space:nowrap}
.top .back:hover{border-color:var(--ink)}
@media (max-width:620px){.top .brand span{display:none}}

main{max-width:880px;margin:0 auto;padding:clamp(56px,8vw,112px) var(--gutter) clamp(72px,9vw,128px)}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--stone);display:flex;align-items:center;gap:14px}
.tri{display:inline-flex;gap:3px}
.tri i{display:block;width:14px;height:3px;transform:skewX(-20deg)}
.tri i:nth-child(1){background:var(--red)}.tri i:nth-child(2){background:var(--blue)}.tri i:nth-child(3){background:var(--green)}
h1{font-family:var(--display);font-weight:300;text-transform:uppercase;font-size:clamp(44px,6vw,80px);line-height:.95;letter-spacing:-.01em;margin:28px 0 20px}
h1 b{font-weight:600}
.intro{font-size:clamp(18px,1.6vw,20px);font-weight:300;color:var(--ink-2);max-width:40em}
.updated{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--stone);margin-top:18px}

section{margin-top:clamp(44px,5vw,64px);padding-top:28px;border-top:1px solid var(--ink)}
h2{font-family:var(--display);font-weight:500;text-transform:uppercase;font-size:clamp(24px,2.4vw,32px);line-height:1.1;margin-bottom:16px;display:flex;gap:16px;align-items:baseline}
h2 .no{font-family:var(--mono);font-size:12px;font-weight:400;color:var(--stone);letter-spacing:.1em}
p,li{color:var(--ink-2);font-weight:300}
p+p,p+ul,ul+p{margin-top:.9em}
ul{padding-left:1.2em}
li+li{margin-top:.35em}
strong{font-weight:500;color:var(--ink)}
section a{border-bottom:1px solid rgba(12,12,13,.3);text-decoration:none;transition:border-color .3s}
section a:hover{border-color:var(--ink)}

dl.data{display:grid;grid-template-columns:220px 1fr;margin-top:8px}
dl.data dt,dl.data dd{padding:14px 0;border-bottom:1px solid var(--line)}
dl.data dt{font-size:14px;color:var(--stone);padding-right:20px}
dl.data dd{color:var(--ink)}
@media (max-width:560px){dl.data{grid-template-columns:1fr}dl.data dt{border-bottom:0;padding-bottom:0}dl.data dd{padding-top:4px}}

/* data the company still has to fill in before publishing */
.fill{background:#fff2b8;color:var(--ink);padding:1px 6px;font-weight:400}

footer{background:var(--ink);color:#8d9096;padding:36px clamp(20px,2.6vw,40px) calc(36px + env(safe-area-inset-bottom,0px));font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
footer .f-l{display:flex;align-items:center;gap:18px}
footer img{height:22px;width:auto}
footer nav{display:flex;gap:28px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
footer nav a{color:#b7b9be;text-decoration:none;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
footer nav a:hover,footer nav a[aria-current]{color:#fff;border-color:#fff}