/* RAZGOVORI-A-2026-10-19: rubrika "Sajber razgovori" (lista, intervju, blok na naslovnoj).
   Samo postojeci tokeni iz style.css; bez inline stila (CSP style-src 'self').
   RAZGOVORI-E-2026-10-20: raspored po skici (baner, cipovi tema, kartice 16:9, mrvice, kutije sagovornika/poruka/
   preporuke, pitanje + odgovor sa avatarom, mini kartice povezanog). Tamna tema i tokeni ostaju. 
   REDESIGN-INTERVJU-2026-11-04: nova stranica intervjua (2/3 + sidebar), kartice liste usklađene sa temom.
   SR-RZL-2026-11-04: lista bez banera, cipova i celije "na putu"; nova kartica (.rz-kartice / .rz-kartica). */

.rz-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.rz-ik { flex-shrink: 0; }

/* ─── oznaka iznad naslova intervjua (razgovor.html) ─── */
.rz-oznaka {
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--cyan);
    margin-bottom: 8px;
}
.rz-meta { display: inline-flex; align-items: center; gap: 6px; }
.rz-meta .rz-ik { width: 14px; height: 14px; }

/* ─── SR-RZL-2026-11-04: lista /sajber-razgovori ───
   Zaglavlje u stilu /alati (alati-katalog.css), bez banera. Kartica = jedan link (hover i :focus-visible kao
   .ak-kartica); grid 3 / 2 / 1 kolona po prelomima /alati (900 i 720 px); jednaka visina u redu (grid + flex). */
.rz-zaglavlje { max-width: 760px; margin-bottom: 28px; }
.rz-lista-naslov {
    margin: 0 0 12px; font-size: clamp(2rem, 4.2vw, 3.2rem); font-weight: 800; line-height: 1.1;
    letter-spacing: -0.015em; color: var(--text-primary);
}
.rz-lista-podnaslov { margin: 0 0 12px; font-size: 1.22rem; font-weight: 600; line-height: 1.5; color: var(--text-secondary); }
.rz-lista-opis { margin: 0; font-size: 1rem; line-height: 1.6; color: var(--text-secondary); max-width: 62ch; }

.rz-kartice { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.rz-stavka { display: flex; min-width: 0; }
.rz-kartica {
    display: flex; flex-direction: column; width: 100%; min-width: 0; overflow: hidden;
    background: var(--bg-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg);
    color: var(--text-primary); transition: border-color 0.15s, background 0.15s;
}
.rz-kartica:hover { border-color: var(--border-accent); background: var(--bg-card-hover); color: var(--text-primary); }
.rz-kartica:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
.rz-kartica-slika {
    display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 10; overflow: hidden;
    background: linear-gradient(135deg, var(--bg-elevated), var(--bg-secondary)); border-bottom: 1px solid var(--border-subtle);
}
/* fotografija je kvadratna (600x600): isecak 16:10 sa lice u gornjoj trecini */
.rz-kartica-slika img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
.rz-kartica-inicijali { font-size: 2.6rem; font-weight: 700; letter-spacing: 0.04em; color: var(--cyan); opacity: 0.8; }
.rz-kartica-telo { flex: 1; display: flex; flex-direction: column; min-width: 0; padding: 18px 20px 16px; }
.rz-kartica-oznaka { margin: 0 0 6px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--cyan); }
.rz-kartica-naslov { margin: 0 0 10px; font-size: 1.15rem; font-weight: 700; line-height: 1.3; color: var(--text-primary); }
.rz-kartica-ime { margin: 0; font-size: 1rem; font-weight: 600; line-height: 1.4; color: var(--text-secondary); }
.rz-kartica-funkcija { margin: 2px 0 0; font-size: 0.88rem; line-height: 1.4; color: var(--text-muted); }
.rz-kartica-opis {
    margin: 10px 0 0; font-size: 0.93rem; line-height: 1.5; color: var(--text-secondary);
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden;
}
.rz-kartica-meta { margin: auto 0 0; padding-top: 14px; font-size: 0.85rem; color: var(--text-muted); }

.rz-strane {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 32px 0 8px;
    color: var(--text-muted);
    font-size: 0.9rem;
}
.rz-prazno { max-width: 640px; padding: 8px 0 40px; }
.rz-prazno-naslov { margin: 0 0 8px; font-size: 1.35rem; font-weight: 700; line-height: 1.3; color: var(--text-primary); }
.rz-prazno p { margin: 0; font-size: 1rem; line-height: 1.6; color: var(--text-secondary); }

@media (max-width: 900px) {
    .rz-kartice { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rz-kartica-telo { padding: 16px 18px 14px; }
}
@media (max-width: 720px) {
    .rz-kartice { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}
@media (max-width: 600px) {
    .rz-lista-naslov { font-size: 1.85rem; line-height: 1.15; }
    .rz-lista-podnaslov { font-size: 1.05rem; }
    .rz-zaglavlje { margin-bottom: 20px; }
    .rz-kartica-naslov { font-size: 1.1rem; }
}

/* ─── sagovornik: slika ili inicijali ─── */
.rz-gost-ime { font-weight: 600; color: var(--text-primary); }
.rz-gost-funkcija { display: block; font-size: 0.85rem; font-weight: 400; color: var(--text-secondary); }
.rz-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    flex-shrink: 0;
    object-fit: cover;
    border: 1px solid var(--border-accent);
}
.rz-avatar-64 { width: 64px; height: 64px; }
.rz-avatar-40 { width: 40px; height: 40px; }
.rz-inicijali {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-elevated);
    color: var(--cyan);
    font-weight: 700;
    font-size: 1.1rem;
    letter-spacing: 0.02em;
}
.rz-avatar-40.rz-inicijali { font-size: 0.85rem; }


/* ─── REDESIGN-INTERVJU-2026-11-04: stranica intervjua (mockup Intervju.png) ───
   Desktop: sadrzaj 2/3, sidebar 1/3 (ista mreza kao vest.css). Do 900px jedna kolona: .rz-levo i .rz-desno su
   display: contents, redosled daje order. Sticky sidebar samo kad staje u ekran (sadrzaj-clanka.js, vest-desno-lepljiv). */
.rz-strana { padding-top: 16px; padding-bottom: 8px; }
.rz-strana h1, .rz-strana h2, .rz-strana p, .rz-strana li { overflow-wrap: anywhere; }
.rz-strana .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.rz-mrvice { margin: 0 0 20px; font-size: 0.82rem; color: var(--text-muted); }
.rz-mrvice ol { display: flex; flex-wrap: wrap; gap: 4px 0; list-style: none; padding: 0; margin: 0; }
.rz-mrvice li + li::before { content: '/'; margin: 0 10px; color: var(--text-muted); }
.rz-mrvice a { color: var(--text-secondary); }
.rz-mrvice a:hover { color: var(--cyan); }
.rz-mrvice [aria-current] { color: var(--text-muted); }
.rz-pregled-traka + .rz-mrvice { margin-top: 16px; }

/* REDESIGN-INTERVJU-PREGLED-2026-11-04: DOM = zaglavlje, sidebar (sagovornik + navigacija), tekst, sledeci korak.
   Desktop: sidebar u desnoj koloni od vrha (redovi 1-2), tekst levo od reda 2, sledeci korak desno ispod sidebar-a (red 3).
   Red 3 je 1fr: dugacak tekst siri samo njega, pa sledeci korak ostaje odmah ispod navigacije. */
.rz-raspored {
    display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); grid-template-rows: auto auto 1fr;
    column-gap: 32px; align-items: start;
}
.rz-glava { grid-column: 1; grid-row: 1; min-width: 0; }
.rz-desno { grid-column: 2; grid-row: 1 / span 2; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.rz-sadrzaj { grid-column: 1; grid-row: 2 / span 2; min-width: 0; }
.rz-raspored > .rz-korak { grid-column: 2; grid-row: 3; margin-top: 16px; }
.rz-desno.vest-desno-lepljiv { position: sticky; top: 80px; }   /* header 64 px + 16 */

/* zaglavlje */
.rz-glava { margin-bottom: 8px; }
.rz-oznake { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 0 0 14px; }
.rz-oznaka-tip { font-size: 0.85rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--cyan); }
.rz-rubrika {
    display: inline-flex; align-items: center; padding: 4px 12px;
    border: 1px solid var(--border-medium); border-radius: var(--radius-sm);
    font-size: 0.85rem; font-weight: 500; color: var(--text-secondary);
}
.rz-rubrika:hover { border-color: var(--border-accent); color: var(--text-primary); }
.rz-naslov {
    margin: 0 0 14px; font-size: clamp(1.75rem, 3.1vw, 2.55rem); font-weight: 800; line-height: 1.15;
    letter-spacing: -0.015em; color: var(--text-primary);
}
.rz-lead { margin: 0 0 20px; font-size: 1.15rem; line-height: 1.55; color: var(--text-secondary); }
.rz-meta-red {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 20px;
    padding-bottom: 18px; border-bottom: 1px solid var(--border-subtle);
}
.rz-glava .rz-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; font-size: 0.9rem; color: var(--text-secondary); }
.rz-meta-sep { margin-left: 10px; color: var(--text-muted); }
.rz-meta-deo { white-space: nowrap; }   /* REDESIGN-INTERVJU-PREGLED: tacka ostaje na kraju reda, ne na pocetku sledeceg */
.rz-kopiraj {
    display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 6px 14px;
    background: transparent; border: 1px solid var(--border-medium); border-radius: var(--radius);
    color: var(--text-primary); font: inherit; font-size: 0.9rem; font-weight: 500; cursor: pointer;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
}
.rz-kopiraj:hover { border-color: var(--border-accent); background: var(--cyan-glow); }
.rz-kopiraj:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
.rz-kopiraj.kopirano { border-color: var(--cyan); color: var(--cyan); }

/* tekst: uvod, odgovori */
.rz-sadrzaj { font-size: 1.05rem; line-height: 1.7; color: var(--text-secondary); }
.rz-uvod { margin-top: 24px; }
.rz-sadrzaj p { margin: 0 0 14px; }
.rz-sadrzaj strong { color: var(--text-primary); }
.rz-sadrzaj em { color: var(--text-primary); }
.rz-sadrzaj a { color: var(--cyan); text-decoration: underline; text-underline-offset: 2px; }
.rz-sadrzaj a:hover { color: var(--text-primary); }
.rz-sadrzaj ul, .rz-sadrzaj ol { margin: 0 0 16px; padding-left: 24px; }
.rz-sadrzaj li { margin-bottom: 8px; }
.rz-sadrzaj li::marker { color: var(--cyan); }

.rz-sadrzaj .rz-blok-oznaka { margin: 0 0 4px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); }
.rz-blok-naslov { margin: 0 0 12px; font-size: 1.3rem; font-weight: 700; line-height: 1.3; color: var(--cyan); scroll-margin-top: 88px; }

.rz-o-sagovorniku {
    margin: 24px 0 8px; padding: 18px 22px;
    background: var(--bg-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg);
    font-size: 0.97rem;
}
.rz-o-sagovorniku .rz-blok-naslov { font-size: 1.1rem; }
.rz-o-sagovorniku > :last-child { margin-bottom: 0; }

/* pitanje: broj + naslov sa levom cyan crtom, odgovor poravnat sa tekstom pitanja */
.rz-par { margin-top: 36px; }
.rz-broj-pitanja, .rz-pitanje { padding-left: 18px; border-left: 3px solid var(--cyan); }
.rz-sadrzaj .rz-broj-pitanja { margin: 0; padding-top: 2px; font-size: 1.2rem; font-weight: 800; line-height: 1.2; color: var(--cyan); }
.rz-pitanje {
    margin: 0 0 14px; padding-bottom: 2px; font-size: 1.35rem; font-weight: 700; line-height: 1.35;
    color: var(--text-primary); scroll-margin-top: 88px;   /* sticky header 64 px + vazduh; isto u sadrzaj-clanka.js */
}
.rz-odgovor, .rz-reference-blok { padding-left: 21px; }
.rz-odgovor > :last-child { margin-bottom: 0; }

/* istaknuti citat (blockquote.rz-citat u odgovoru) */
.rz-odgovor .rz-citat {
    position: relative; margin: 24px 0; padding: 20px 24px 18px 76px;
    background: linear-gradient(135deg, var(--bg-card), var(--bg-secondary));
    border: 1px solid var(--border-accent); border-left: 4px solid var(--cyan); border-radius: var(--radius-lg);
}
.rz-odgovor .rz-citat::before {
    content: '\201C'; position: absolute; left: 22px; top: 8px;
    font-size: 4rem; font-weight: 800; line-height: 1; color: var(--cyan);
}
.rz-odgovor .rz-citat p { margin: 0 0 10px; font-size: 1.3rem; font-weight: 700; line-height: 1.4; color: var(--text-primary); }
.rz-odgovor .rz-citat p.rz-citat-potpis { margin: 0; font-size: 0.9rem; font-weight: 600; line-height: 1.4; color: var(--cyan); }

/* reference ispod odgovora (urednicka napomena) */
.rz-reference-blok { margin-top: 14px; font-size: 0.85rem; line-height: 1.55; color: var(--text-muted); }
.rz-reference-blok .rz-reference-naslov { margin: 0 0 4px; font-weight: 600; color: var(--text-secondary); }
.rz-reference-blok ul { margin: 0; padding-left: 18px; }
.rz-reference-blok li { margin-bottom: 4px; }
.rz-reference-blok a { color: var(--text-secondary); }
.rz-reference-blok a:hover { color: var(--cyan); }

.rz-sekcija-naslov {
    margin: 48px 0 0; padding-top: 24px; border-top: 1px solid var(--border-subtle);
    font-size: 1.6rem; font-weight: 800; line-height: 1.25; color: var(--text-primary); scroll-margin-top: 88px;
}
.rz-sekcija-naslov + .rz-par { margin-top: 20px; }

/* tri kljucne poruke */
.rz-poruke {
    margin: 40px 0 0; padding: 20px 24px;
    background: linear-gradient(135deg, var(--bg-card), var(--bg-secondary));
    border: 1px solid var(--border-accent); border-left: 4px solid var(--cyan); border-radius: var(--radius-lg);
}
.rz-poruke .rz-blok-naslov { font-size: 1.4rem; }
.rz-sadrzaj .rz-poruke-lista { margin: 0; padding: 0; list-style: none; }
.rz-poruke-lista li { position: relative; margin: 0 0 12px; padding-left: 24px; }
.rz-poruke-lista li:last-child { margin-bottom: 0; }
.rz-poruke-lista li::before {
    content: ''; position: absolute; left: 2px; top: 0.6em; width: 10px; height: 10px;
    border-radius: 50%; background: var(--cyan);
}

/* preporuka: isti izgled kao preporuka-box na vestima (vest.css se ovde ne ucitava) */
.rz-preporuka.preporuka-box {
    margin: 28px 0 0; padding: 20px 24px;
    background: var(--bg-card); border: 1px solid var(--border-subtle); border-left: 3px solid var(--cyan);
    border-radius: var(--radius-lg);
}
.rz-preporuka.preporuka-box > :last-child { margin-bottom: 0; }

.rz-sadrzaj .rz-urednicka { margin: 14px 0 0; font-size: 0.82rem; line-height: 1.55; color: var(--text-muted); }

/* povezani sadrzaji (alati/vesti koje je urednik povezao, bez alata iz "sledeceg koraka") */
.rz-povezano { margin-top: 32px; }
.rz-povezano .rz-blok-naslov { color: var(--text-primary); font-size: 1.15rem; }
.rz-sadrzaj .rz-povezano-lista { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.rz-povezano-lista li { margin: 0; }
.rz-sadrzaj a.rz-mini { display: flex; align-items: center; gap: 12px; height: 100%; padding: 12px 14px; text-decoration: none;
    background: var(--bg-card); border: 1px solid var(--border-subtle); border-radius: var(--radius); transition: border-color 0.15s, background 0.15s; }
.rz-sadrzaj a.rz-mini:hover { border-color: var(--border-accent); background: var(--bg-card-hover); }
.rz-mini-ikona { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex-shrink: 0;
    border-radius: var(--radius-sm); background: var(--bg-elevated); color: var(--cyan); }
.rz-mini-tekst { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rz-mini-tip { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--cyan); }
.rz-mini-naslov { font-size: 0.95rem; font-weight: 600; line-height: 1.35; color: var(--text-primary); }

/* sidebar */
.rz-panel { padding: 20px; background: var(--bg-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); }
.rz-panel-naslov { margin: 0 0 8px; padding-bottom: 12px; border-bottom: 1px solid var(--border-subtle); font-size: 1.25rem; font-weight: 700; color: var(--text-primary); }

/* REDESIGN-INTERVJU-PREGLED-2026-11-04: fotografija i tekst dele istu levu ivicu (unutrasnji razmak kartice) */
.rz-gost { padding: 16px; overflow: hidden; }
.rz-gost-foto { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: var(--radius); }
.rz-gost-inicijali {
    display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9;
    background: linear-gradient(135deg, var(--bg-elevated), var(--bg-secondary));
    font-size: 2.6rem; font-weight: 700; color: var(--cyan);
}
.rz-gost-tekst { padding: 14px 0 2px; }
.rz-gost .rz-gost-ime { margin: 0; font-size: 1.35rem; font-weight: 700; line-height: 1.3; }
.rz-gost .rz-gost-funkcija, .rz-gost .rz-gost-org { margin: 2px 0 0; font-size: 1rem; line-height: 1.4; color: var(--text-secondary); }
.rz-gost .rz-gost-org { color: var(--text-muted); }
.rz-gost-li { display: inline-block; margin-top: 8px; font-size: 0.95rem; font-weight: 600; color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }
.rz-gost-li:hover { color: var(--text-primary); }
.rz-gost-li:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; border-radius: 2px; }

.rz-nav-lista { margin: 0; padding: 0; list-style: none; }
.rz-nav-lista li { border-bottom: 1px solid var(--border-subtle); }
.rz-nav-lista li:last-child { border-bottom: 0; }
.rz-nav-lista a {
    display: block; padding: 11px 0 11px 14px; border-left: 3px solid transparent;
    font-size: 0.95rem; line-height: 1.4; color: var(--text-secondary);
}
.rz-nav-lista a:hover { color: var(--text-primary); }
.rz-nav-lista a.aktivna { border-left-color: var(--cyan); color: var(--text-primary); font-weight: 600; }
.rz-nav-lista a:focus-visible { outline: 2px solid var(--cyan); outline-offset: -2px; }
.rz-nav-sklopivo { display: none; }
.rz-nav-detalji summary { display: flex; align-items: center; justify-content: space-between; min-height: 44px; cursor: pointer; list-style: none; }
.rz-nav-detalji summary::-webkit-details-marker { display: none; }
.rz-nav-detalji summary::after { content: '\25BE'; color: var(--cyan); transition: transform 0.15s; }
.rz-nav-detalji[open] summary::after { transform: rotate(180deg); }
.rz-nav-detalji:not([open]) summary { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.rz-nav-detalji summary:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; border-radius: var(--radius-sm); }

.rz-korak-oznaka { margin: 0 0 12px; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--cyan); }
.rz-korak-red { display: flex; align-items: flex-start; gap: 16px; }
.rz-korak-ikona { flex: 0 0 auto; display: flex; color: var(--cyan); }
.rz-korak-ikona .ak-ikona { width: 48px; height: 48px; }
.rz-korak-tekst { flex: 1; min-width: 0; }
.rz-korak-naslov { margin: 0 0 6px; font-size: 1.25rem; font-weight: 700; line-height: 1.3; color: var(--text-primary); }
.rz-korak-tekst p { margin: 0 0 10px; font-size: 0.92rem; line-height: 1.5; color: var(--text-secondary); }
.rz-korak-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--cyan); }
.rz-korak-link:hover { color: var(--text-primary); }
.rz-strelica { display: inline-block; transition: transform 0.15s; }
.rz-korak-link:hover .rz-strelica, .rz-jos-kartica:hover .rz-strelica { transform: translateX(3px); }

/* jos intervjua */
.rz-jos { margin-top: 48px; padding-top: 28px; border-top: 1px solid var(--border-subtle); }
.rz-jos-naslov { margin: 0 0 16px; font-size: clamp(1.5rem, 2.6vw, 2rem); font-weight: 800; color: var(--text-primary); }
.rz-jos-lista { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none;
    border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle); }
.rz-jos-lista li { min-width: 0; }
.rz-jos-lista li + li { border-left: 1px solid var(--border-subtle); }
.rz-jos-kartica { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 100%; padding: 20px 4px 20px 0; color: var(--text-primary); }
.rz-jos-lista li + li .rz-jos-kartica { padding-left: 28px; }
.rz-jos-tekst { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.rz-jos-gost { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--cyan); }
.rz-jos-ime { font-size: 1.3rem; font-weight: 700; line-height: 1.3; }
.rz-jos-kartica:hover .rz-jos-ime { color: var(--cyan); }
.rz-jos-kartica .rz-strelica { font-size: 1.3rem; color: var(--cyan); }

/* ─── tablet i telefon: jedna kolona; naslov, lead, meta, sagovornik, "U razgovoru", tekst, sledeci korak ─── */
@media (max-width: 900px) {
    /* redosled = DOM (bez order): zaglavlje, sagovornik, "U razgovoru", tekst, sledeci korak */
    .rz-raspored { display: flex; flex-direction: column; align-items: stretch; gap: 20px; }
    .rz-glava { margin-bottom: 0; }
    .rz-desno { gap: 20px; }
    .rz-raspored > .rz-korak { margin-top: 0; }
    .rz-gost { display: flex; align-items: center; gap: 16px; padding: 12px; }
    .rz-gost .rz-gost-funkcija, .rz-gost .rz-gost-org { font-size: 0.92rem; }
    .rz-gost-foto { flex: 0 0 96px; width: 96px; height: 96px; border-radius: var(--radius); }
    .rz-gost-inicijali { font-size: 1.6rem; }
    .rz-gost-tekst { padding: 0; min-width: 0; }
    .rz-gost .rz-gost-ime { font-size: 1.15rem; }
    .rz-gost-li { margin-top: 4px; }
    .rz-nav-panel { display: none; }
    .rz-nav-sklopivo { display: block; padding: 8px 16px; }
    .rz-nav-detalji summary { padding: 0; border-bottom: 0; font-size: 1.1rem; }
    .rz-nav-detalji[open] summary { margin-bottom: 4px; padding-bottom: 8px; border-bottom: 1px solid var(--border-subtle); }
    .rz-uvod { margin-top: 0; }
    .rz-kopiraj { min-height: 44px; }
}
@media (max-width: 600px) {
    .rz-strana { padding-top: 12px; }
    .rz-mrvice { margin-bottom: 14px; }
    .rz-naslov { font-size: 1.6rem; line-height: 1.2; }
    .rz-lead { font-size: 1.02rem; }
    .rz-sadrzaj { font-size: 1.02rem; }
    .rz-pitanje { font-size: 1.18rem; }
    .rz-broj-pitanja, .rz-pitanje { padding-left: 14px; }
    .rz-odgovor, .rz-reference-blok { padding-left: 17px; }
    .rz-odgovor .rz-citat { padding: 52px 16px 16px; }
    .rz-odgovor .rz-citat::before { left: 16px; top: 4px; font-size: 3.4rem; }
    .rz-odgovor .rz-citat p { font-size: 1.15rem; }
    .rz-sekcija-naslov { font-size: 1.35rem; }
    .rz-o-sagovorniku, .rz-poruke, .rz-preporuka.preporuka-box { padding: 16px 18px; }
    .rz-sadrzaj .rz-povezano-lista { grid-template-columns: minmax(0, 1fr); }
    .rz-panel { padding: 16px; }
    .rz-jos-lista { grid-template-columns: minmax(0, 1fr); }
    .rz-jos-lista li + li { border-left: 0; border-top: 1px solid var(--border-subtle); }
    .rz-jos-lista li + li .rz-jos-kartica { padding-left: 0; }
    .rz-jos-ime { font-size: 1.15rem; }
}

/* ─── RAZGOVORI-B-2026-10-20: pregled nacrta (/sajber-razgovori/pregled/...) ─── */
.rz-pregled-traka {
    margin: 16px 0 0;
    padding: 10px 16px;
    border: 1px solid var(--yellow);
    border-radius: var(--radius-sm);
    background: var(--bg-elevated);
    color: var(--yellow);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: center;
}