/* Vodiči (/vodic) — statička koža (static.css: ravno, kvadratno, tinta-ivice); ovdje samo raspored članka */
.wrap { max-width:820px; margin:0 auto; }
.vnav { display:flex; gap:18px; align-items:center; margin:0 0 26px; font-family:var(--disp); font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.vnav .btn { margin-left:auto; padding:7px 16px; font-size:12px; text-decoration:none; }
.crumb { font:12px var(--disp); letter-spacing:.04em; color:var(--stone); margin:0 0 10px; }
h1 { font-weight:500; text-transform:uppercase; letter-spacing:.1em; line-height:1.3; margin:0 0 12px; }
.lede { font-size:16px; line-height:1.6; margin:0 0 22px; }
h2 { font:600 15px var(--disp); text-transform:uppercase; letter-spacing:.1em; margin:34px 0 10px;
     border-bottom:1.5px solid var(--ink); padding-bottom:6px; }
p, li, dd { font-size:14px; line-height:1.65; }
ul, ol { padding-left:22px; }
li { margin-bottom:6px; }
code { font:13px var(--disp); background:#fff; border:1px solid var(--ink); padding:0 4px; }
.faq dt { font:600 14px var(--disp); margin:14px 0 4px; }
.faq dd { margin:0 0 10px; }
.hub li { margin-bottom:14px; }
.rel li { margin-bottom:4px; }
.card { background:var(--paper); padding:22px 24px; margin:30px 0 8px; }
.cta p { margin:0 0 12px; }
.cta p:last-child { margin:0; }
.btn { display:inline-block; padding:9px 22px; font:inherit; font-size:14px; cursor:pointer; text-decoration:none; margin-right:8px; }
.shot { border:1.5px solid var(--ink); margin:12px 0 18px; background:#fff; }
.shot img { display:block; width:100%; height:auto; }
.muted { color:var(--stone); font-size:13px; }
.vfoot { margin-top:40px; border-top:1.5px solid var(--ink); padding-top:14px; font-size:13px; }
.vfoot p { font-size:12px; }
