/* Styl pro podstránky (ochrana osobních údajů, případové studie).
   Vychází ze stejných tokenů jako úvodní stránka. */

:root{
  --white:#FFFFFF; --tint:#F2F4F5;
  --ink:#0F1216; --ink-soft:#565C63; --muted:#8B9198; --rule:#E1E4E6;
  --blue:#0350C7;
  --gut:clamp(20px,5vw,72px);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--white);color:var(--ink);
  font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased;
}
.wrap{max-width:820px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.wrap-wide{max-width:1240px}

/* ---- hlavička ---- */
.sub-nav{border-bottom:1px solid var(--rule);padding:20px 0}
.sub-nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1240px}
.sub-nav svg{height:34px;width:auto;display:block}
.back{
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-soft);text-decoration:none;transition:color .25s;
}
.back:hover{color:var(--blue)}

/* ---- obsah ---- */
main{padding:clamp(48px,7vw,88px) 0 clamp(60px,8vw,110px)}
.kicker{
  display:block;font-family:"IBM Plex Mono",monospace;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;
}
h1{
  font-size:clamp(31px,5vw,50px);font-weight:600;letter-spacing:-.035em;
  line-height:1.08;margin:0 0 10px;text-wrap:balance;
}
.updated{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.1em;color:var(--muted);margin:0 0 clamp(34px,4vw,52px)}
.lede{font-size:clamp(17px,2vw,20px);line-height:1.55;color:var(--ink-soft);max-width:60ch;margin:0 0 clamp(34px,4vw,52px)}

h2{
  font-size:clamp(19px,2.3vw,25px);font-weight:600;letter-spacing:-.02em;line-height:1.25;
  margin:clamp(38px,4.5vw,58px) 0 14px;padding-top:22px;border-top:1px solid var(--rule);
}
h3{font-size:16.5px;font-weight:600;letter-spacing:-.01em;margin:26px 0 8px}
p{margin:0 0 15px;max-width:66ch}
a{color:var(--blue);text-underline-offset:2px}
ul{margin:0 0 15px;padding-left:0;list-style:none;max-width:66ch}
li{position:relative;padding-left:20px;margin-bottom:9px}
li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:2px;background:var(--blue)}
strong,b{font-weight:600}
.note{
  border-left:3px solid var(--blue);padding:2px 0 2px 20px;margin:26px 0;
  font-size:15.5px;color:var(--ink-soft);
}
.dl{list-style:none;padding:0;margin:0 0 18px;border-top:1px solid var(--rule);max-width:66ch}
.dl li{
  display:grid;grid-template-columns:minmax(140px,.6fr) 1fr;gap:8px 24px;
  padding:13px 0;border-bottom:1px solid var(--rule);margin:0;
}
.dl li::before{display:none}
.dl li span:first-child{
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);padding-top:3px;
}
@media(max-width:620px){.dl li{grid-template-columns:1fr;gap:2px}}

/* ---- patička ---- */
footer{background:var(--ink);color:#EDEFF1;padding:clamp(40px,5vw,60px) 0}
footer .wrap{max-width:1240px}
footer a{color:#7FA8F0}
.foot-btm{
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.1em;color:#7C848B;
  display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:space-between;align-items:baseline;
}
.foot-btm a{color:#7C848B;text-decoration:none;transition:color .25s}
.foot-btm a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}