/* Styl pro podstránky (ochrana osobních údajů).
   Načítá se AŽ ZA style.css a jen na podstránkách. */

.page-head{
  background:var(--navy);
  color:#fff;
  padding-block:clamp(56px,9vh,110px) clamp(40px,6vh,72px);
}
.page-title{
  font-size:clamp(1.9rem,5vw,3.4rem);
  line-height:1.05;
  color:#fff;
  margin-bottom:14px;
}
.page-sub{
  font-size:13px;
  color:rgba(255,255,255,.6);
  margin:0;
}

.page-body{
  padding-block:clamp(56px,8vh,96px);
  max-width:820px;
}
.page-body h2{
  font-size:clamp(1.25rem,2.2vw,1.7rem);
  margin:clamp(38px,5vw,56px) 0 14px;
}
.page-body p,
.page-body li{
  font-size:15.5px;
  line-height:1.75;
  color:var(--ink-soft);
}
.page-body ul{ margin:0 0 1.1em; padding-left:20px; }
.page-body li{ margin-bottom:7px; }
.page-body a{ color:var(--copper); }

.page-body .id-list{ margin-top:6px; }
.page-body .id-row{ border-bottom-color:var(--line); }
.page-body .id-list dt{ color:var(--ink-soft); opacity:.75; }
.page-body .id-list dd{ color:var(--ink); }

.page-back{
  display:inline-block;
  margin-top:clamp(40px,5vw,64px);
  font-size:12px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--copper);
  text-decoration:none;
}
.page-back:hover{ text-decoration:underline; }

@media (max-width:700px){
  .page-body p, .page-body li{ font-size:15px; }
}