/* Privatnost: one reading column, numbered sections, the contact band from Kolačići. Page prefix: pv-. */

.pv-open { padding: clamp(28px, 3.4vw, 64px) var(--g) clamp(40px, 5vw, 80px); }
.pv-kick { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding-bottom: 14px; border-bottom: 1.6px solid var(--ink); font: 600 12.5px/1.2 var(--ft); font-stretch: 75%; letter-spacing: .17em; text-transform: uppercase; color: var(--ink2); }
.pv-h1 { margin-top: clamp(30px, 3.6vw, 64px); font: 900 clamp(56px, 9vw, 168px)/.88 var(--fd); letter-spacing: -.045em; }
.pv-intro { max-width: 40em; }

.pv-doc { padding: 0 var(--g) clamp(60px, 7vw, 110px); max-width: calc(860px + 2 * var(--g)); }
.pv-s { padding: clamp(22px, 2.4vw, 34px) 0; border-top: 1px solid var(--rule); }
.pv-h { display: flex; align-items: baseline; gap: 14px; font: 800 clamp(24px, 2.4vw, 34px)/1.12 var(--fd); letter-spacing: -.015em; }
.pv-n { flex: none; font: 600 12.5px/1 var(--ft); font-stretch: 75%; letter-spacing: .17em; color: var(--ink3); }
.pv-s p, .pv-s li { font: 500 17px/1.62 var(--ft); color: var(--ink2); max-width: 44em; }
.pv-s p { margin-top: 12px; }
.pv-s ul { margin: 12px 0 0 1.15em; list-style: disc; }
.pv-s li { margin-top: 8px; }
.pv-s a { color: var(--ink); text-decoration-color: rgba(34, 28, 22, .35); text-underline-offset: 4px; }
.pv-s a:hover { text-decoration-color: currentColor; }

.pv-end { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 2.2vw; row-gap: 44px; align-items: end; padding: clamp(60px, 7vw, 110px) var(--g) clamp(50px, 5vw, 80px); }
.pv-q { grid-column: 1 / 6; padding-top: 18px; border-top: 1.6px solid var(--ink); }
.pv-q .ec-names { margin-top: 6px; }
.pv-crumbs { grid-column: 1 / 13; margin-top: clamp(20px, 3vw, 50px); padding-top: 16px; border-top: 1px solid var(--rule); }

@media (max-width: 900px) {
  .pv-q { grid-column: 1 / 13; }
  .pv-s p, .pv-s li { font-size: 16.5px; }
}