/* =============================================================================
   ODZVONILO — Portal app styles (composition layer on top of kit.css).
   New views the build spec adds: read-only document viewer, dossier header,
   ko-je-ko index, archive view toggle, hero, generic page furniture. All read
   the shared tokens — no hard-coded colors, radius:0, hairline rules, no shadow.
   ========================================================================== */

/* ---- generic section intro / hero ---- */
.pz-hero{border-bottom:2px solid var(--ink);padding-bottom:22px;margin-bottom:24px;}
.pz-hero .oz-hero-slogan{margin-bottom:18px;}
.pz-lede{font:400 16px/1.7 var(--font-body);color:var(--ink2);max-width:62ch;margin:0 0 14px;}
.pz-strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0;}

/* ---- view toggle (cards / table) ---- */
.pz-viewbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 4px;}
.pz-viewbar .spacer{flex:1;}
.pz-count{font:400 11px/1 var(--font-data);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;}
.pz-toggle{display:inline-flex;border:1px solid var(--ink);}
.pz-toggle button,.pz-toggle a{display:inline-flex;align-items:center;gap:6px;font:700 11px/1 var(--font-data);
  background:none;border:none;border-right:1px solid var(--rule);color:var(--ink2);padding:9px 13px;cursor:pointer;
  text-decoration:none;letter-spacing:.04em;text-transform:uppercase;}
.pz-toggle button:last-child,.pz-toggle a:last-child{border-right:none;}
.pz-toggle button.is-on,.pz-toggle a.is-on{background:var(--ink);color:var(--bg);}
.pz-toggle button:hover,.pz-toggle a:hover{color:var(--ink);}
.pz-toggle button.is-on:hover,.pz-toggle a.is-on:hover{color:var(--bg);}
.pz-toggle button i,.pz-toggle a i{font-size:14px;}

/* Ko-je-ko live search results (instant, OpenSearch-backed) */
.kjk-sr{display:flex;flex-direction:column;border:1px solid var(--rule);margin-top:16px;background:var(--surface);}
.kjk-sr-item{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 15px;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink);}
.kjk-sr-img{width:38px;height:38px;flex:none;object-fit:cover;border:1px solid var(--rule);background:var(--bg);}
.kjk-sr-item:last-child{border-bottom:none;}
.kjk-sr-item:hover{background:color-mix(in srgb,var(--accent) 7%,transparent);}
.kjk-sr-tag{font:700 9px/1 var(--font-data);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);padding:4px 7px;flex:none;}
.kjk-sr-name{font:700 16px/1.2 var(--font-head);color:var(--ink);letter-spacing:-.01em;}
.kjk-sr-snip{flex-basis:100%;font:400 13px/1.45 var(--font-body);color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.kjk-sr .pz-empty{margin:0;border:none;}

.pz-cards{margin-top:10px;}
.pz-empty{border:1px dashed var(--rule);padding:26px;text-align:center;color:var(--muted);
  font:400 14px/1.6 var(--font-body);}

/* ---- crumb refinements reuse .oz-crumb ---- */

/* =============================================================================
   READ-ONLY DOCUMENT VIEWER (§5.1) — render of an already-redacted artifact.
   ========================================================================== */
.dv{border:1px solid var(--rule);background:var(--surface);margin:16px 0;}
.dv-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 13px;
  border-bottom:1px solid var(--rule);background:var(--header);}
.dv-bar .dv-ref{font:700 12px/1 var(--font-data);color:var(--ink);letter-spacing:.03em;}
.dv-bar .dv-pages{font:400 11px/1 var(--font-data);color:var(--muted);}
.dv-bar .spacer{flex:1;}
.dv-zoom{display:inline-flex;border:1px solid var(--ink);}
.dv-zoom button{background:none;border:none;border-right:1px solid var(--rule);color:var(--ink);
  width:30px;height:28px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:15px;}
.dv-zoom button:last-child{border-right:none;}
.dv-zoom button:disabled{color:var(--faint);cursor:default;}
.dv-zoom .lvl{display:inline-flex;align-items:center;justify-content:center;min-width:48px;
  font:700 11px/1 var(--font-data);color:var(--ink2);border-right:1px solid var(--rule);}
.dv-dl{display:inline-flex;align-items:center;gap:6px;font:700 11px/1 var(--font-data);
  color:var(--bg);background:var(--ink);border:2px solid var(--ink);padding:7px 11px;text-decoration:none;cursor:pointer;}
.dv-dl i{font-size:14px;}

.dv-main{display:grid;grid-template-columns:120px 1fr;min-height:460px;}
@media(max-width:640px){.dv-main{grid-template-columns:1fr;}.dv-thumbs{display:none;}}
.dv-thumbs{border-right:1px solid var(--rule);background:var(--bg);padding:12px 10px;
  display:flex;flex-direction:column;gap:10px;max-height:620px;overflow:auto;}
.dv-thumb{border:1px solid var(--rule);background:var(--surface);cursor:pointer;padding:6px;
  display:flex;flex-direction:column;gap:4px;align-items:center;}
.dv-thumb.is-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);}
.dv-thumb .mini{width:100%;aspect-ratio:.74;background:var(--surface);border:1px solid var(--rule);
  position:relative;overflow:hidden;}
.dv-thumb .mini i{display:block;height:3px;background:var(--faint);margin:5px 6px;}
.dv-thumb .mini i.r{background:var(--redact);}
.dv-thumb .pn{font:700 9px/1 var(--font-data);color:var(--muted);}
.dv-stage{background:repeating-linear-gradient(135deg,var(--bg),var(--bg) 16px,color-mix(in srgb,var(--rule) 22%,var(--bg)) 16px,color-mix(in srgb,var(--rule) 22%,var(--bg)) 17px);
  padding:24px;overflow:auto;max-height:640px;display:flex;justify-content:center;}
.dv-paper{background:var(--surface);border:1px solid var(--rule);width:520px;flex:none;
  padding:46px 44px;position:relative;transform-origin:top center;}
.dv-paper .dv-stamp{position:absolute;top:30px;right:30px;font-family:var(--font-display);font-size:13px;
  color:var(--accent);border:2px solid var(--accent);padding:5px 9px;letter-spacing:.06em;
  transform:rotate(-4deg);opacity:.85;}
.dv-letterhead{display:flex;gap:13px;align-items:flex-start;border-bottom:1px solid var(--ink);
  padding-bottom:14px;margin-bottom:18px;}
.dv-lh-mark{width:42px;height:42px;border:1px solid var(--rule);flex:none;display:flex;
  align-items:center;justify-content:center;color:var(--muted);font-size:20px;}
.dv-lh-lines{flex:1;display:flex;flex-direction:column;gap:6px;padding-top:3px;}
.dv-lh-lines b{font:700 11px/1.2 var(--font-data);color:var(--ink);letter-spacing:.04em;}
.dv-lh-lines span{height:6px;background:var(--faint);opacity:.5;}
.dv-otext p{font:400 12px/1.85 var(--font-data);color:var(--ink);margin:0 0 13px;text-align:justify;}
.dv-scanlines{display:flex;flex-direction:column;gap:9px;margin-top:6px;}
.dv-scanlines .ln{height:7px;background:var(--faint);opacity:.45;}
.dv-scanlines .rd{height:11px;background:var(--redact);border:1px solid var(--muted);}
.dv-pagefoot{display:flex;justify-content:space-between;margin-top:26px;padding-top:12px;
  border-top:1px solid var(--rule);font:400 10px/1 var(--font-data);color:var(--faint);}

/* OCR fallback block (no-JS parity carries the real text) */
.dv-ocr{border:1px solid var(--rule);background:var(--surface);padding:15px 17px;margin-top:14px;}
.dv-ocr summary{font:700 11px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink);cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;}
.dv-ocr summary i{color:var(--muted);}
.dv-ocr[open] summary{margin-bottom:12px;}
.dv-ocr p{font:400 14px/1.7 var(--font-body);color:var(--ink2);max-width:62ch;margin:0 0 11px;}

/* ---- record header (archive item) ---- */
.pz-rec-head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;
  border-bottom:2px solid var(--ink);padding-bottom:16px;margin-bottom:16px;}
.pz-rec-tab{display:inline-flex;align-items:center;background:var(--ink);color:var(--bg);
  font:700 9px/1 var(--font-data);letter-spacing:.1em;padding:6px 9px;text-transform:uppercase;}
.pz-rec-id{flex:1;min-width:200px;}
.pz-rec-ref{font:400 11px/1.3 var(--font-data);color:var(--faint);margin-top:8px;}
.pz-rec-h{font:700 26px/1.1 var(--font-head);color:var(--ink);margin:4px 0 8px;letter-spacing:-.01em;text-wrap:balance;}
.pz-kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;
  background:var(--rule);border:1px solid var(--rule);margin:14px 0;}
.pz-kv{background:var(--surface);padding:11px 13px;}
.pz-kv .k{font:400 9px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px;}
.pz-kv .v{font:700 13px/1.3 var(--font-data);color:var(--ink);}
.pz-hashrow{font:400 11px/1.5 var(--font-data);color:var(--faint);word-break:break-all;
  border:1px dashed var(--rule);padding:9px 12px;margin:6px 0 0;}
.pz-hashrow b{color:var(--ink2);font-weight:700;}

/* =============================================================================
   DOSSIER (/dosije/:ref) — curated bundle.
   ========================================================================== */
.pz-dos-head{border-bottom:2px solid var(--ink);padding-bottom:18px;margin-bottom:20px;}
.pz-dos-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;}
.pz-dos-no{font:400 12px/1 var(--font-data);color:var(--faint);letter-spacing:.06em;}
.pz-dos-summary{font:400 17px/1.55 var(--font-body);color:var(--ink2);max-width:64ch;margin:10px 0 0;}
.pz-dos-meta{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-top:14px;
  font:400 12px/1 var(--font-data);color:var(--muted);}
.pz-sec-title{font:400 11px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);display:flex;align-items:center;gap:9px;margin:26px 0 12px;}
.pz-sec-title::after{content:"";flex:1;height:1px;background:var(--rule);}
.pz-ent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;}

/* status verdict chips for dossiers */
.pz-dstatus{display:inline-flex;align-items:center;gap:6px;font:700 10px/1 var(--font-data);
  letter-spacing:.05em;border:1px solid currentColor;padding:5px 9px;text-transform:uppercase;}
.pz-dstatus.otvoreno{color:var(--pu);}
.pz-dstatus.objavljeno{color:var(--pv);}
.pz-dstatus.odzvonilo{color:var(--accent);}

/* verdict stamp (ODZVONILO) — landmark/concluded only */
.pz-verdict{display:inline-block;font-family:var(--font-display);font-size:15px;color:var(--accent);
  border:2px solid var(--accent);padding:7px 12px;letter-spacing:.08em;transform:rotate(-4deg);
  opacity:.92;white-space:nowrap;}

/* =============================================================================
   KO JE KO — profiles index.
   ========================================================================== */
.pz-people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:14px;}
.pz-party-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:8px;}

/* connections (no-JS relationship table; graph enhances it) ---- */
.pz-conn{width:100%;border-collapse:collapse;border:1px solid var(--rule);background:var(--surface);margin:6px 0 0;}
.pz-conn th{font:400 9px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
  text-align:left;padding:10px 12px;border-bottom:2px solid var(--ink);}
.pz-conn td{font:400 13px/1.4 var(--font-data);color:var(--ink);padding:11px 12px;border-bottom:1px solid var(--rule);vertical-align:middle;}
.pz-conn tr:last-child td{border-bottom:none;}
.pz-conn a{color:var(--link);text-decoration:none;cursor:pointer;font-weight:700;}
.pz-conn a:hover{text-decoration:underline;}
.pz-conn .rel{color:var(--muted);}
.pz-conn .src{color:var(--faint);font-size:11px;}
.pz-conn tr.clk{cursor:pointer;}
.pz-conn tr.clk:hover{background:color-mix(in srgb,var(--accent) 5%,transparent);}

.pz-profile-grid{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start;}
@media(max-width:820px){.pz-profile-grid{grid-template-columns:1fr;}}

.pz-aside-card{border:1px solid var(--rule);background:var(--surface);padding:14px 15px;margin-bottom:14px;}
.pz-aside-card > .oz-label{display:block;margin-bottom:10px;}

/* ---- about / generic prose page ---- */
.pz-prose h2{font:700 21px/1.15 var(--font-head);color:var(--ink);margin:26px 0 10px;letter-spacing:-.01em;}
.pz-prose p{max-width:62ch;font:400 16px/1.7 var(--font-body);color:var(--ink);margin:0 0 14px;}
.pz-facts-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;}
@media(max-width:560px){.pz-facts-2{grid-template-columns:1fr;}.pz-profile-grid,.pz-prose .pz-facts-2{}}
.pz-feature-box{border:1px solid var(--rule);background:var(--surface);padding:15px 16px;}
.pz-feature-box .h{font:700 13px/1 var(--font-data);color:var(--ink);text-transform:uppercase;
  letter-spacing:.05em;display:flex;align-items:center;gap:8px;margin-bottom:9px;}
.pz-feature-box .h i{color:var(--accent);font-size:16px;}
.pz-feature-box p{font:400 14px/1.6 var(--font-body);color:var(--ink2);margin:0;max-width:none;}

/* map page wrap */
.pz-map-tabs{display:flex;gap:0;border-bottom:2px solid var(--ink);margin:14px 0 16px;flex-wrap:wrap;}
.pz-map-tab{font:700 11px/1 var(--font-data);letter-spacing:.04em;background:none;border:none;
  padding:10px 14px;cursor:pointer;color:var(--ink2);text-transform:uppercase;display:inline-flex;align-items:center;gap:7px;}
.pz-map-tab i{font-size:15px;}
.pz-map-tab.is-on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent);}
.pz-map-tab:hover{color:var(--accent);}

/* footer extra nav (route links) */
.oz-foot .pz-foot-nav{display:flex;gap:14px 22px;flex-wrap:wrap;}

/* ---- rich report / methodology sections (transparency + o-nama) ---- */
.rpt-sec{margin-top:30px;border-top:1px solid var(--rule);padding-top:20px;}
.rpt-sec-h{display:flex;align-items:baseline;gap:10px;margin-bottom:4px;flex-wrap:wrap;}
.rpt-sec-n{font:400 10px/1 var(--font-display);letter-spacing:.12em;color:var(--accent);text-transform:uppercase;}
.rpt-sec-h h2{font:700 21px/1.15 var(--font-head);color:var(--ink);margin:0;letter-spacing:-.01em;}
.rpt-sec-sub{font:400 13px/1.55 var(--font-body);color:var(--muted);margin:6px 0 16px;max-width:62ch;}
.rpt-two{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center;}
@media(max-width:640px){.rpt-two{grid-template-columns:1fr;}}
.rpt-steps{list-style:none;margin:8px 0 0;padding:0;counter-reset:step;}
.rpt-steps li{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid var(--rule);}
.rpt-steps li:last-child{border-bottom:none;}
.rpt-steps .sn{flex:none;width:30px;height:30px;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;
  font:700 13px/1 var(--font-data);color:var(--ink);}
.rpt-steps .st b{font:700 14px/1.3 var(--font-data);color:var(--ink);display:block;margin-bottom:4px;}
.rpt-steps .st span{font:400 14px/1.6 var(--font-body);color:var(--ink2);}

/* =============================================================================
   READ-ONLY PDF.js VIEWER (§5.1) — real document render, baked redaction.
   ========================================================================== */
.pdfv{border:1px solid var(--rule);background:var(--surface);margin:16px 0;}
.pdfv-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:9px 12px;
  border-bottom:1px solid var(--rule);background:var(--header);}
.pdfv-bar .pdfv-ref{font:700 12px/1 var(--font-data);color:var(--ink);letter-spacing:.03em;margin-right:4px;}
.pdfv-bar .pdfv-page{font:400 11px/1 var(--font-data);color:var(--muted);min-width:96px;text-align:center;}
.pdfv-bar .spacer{flex:1;}
.pdfv-ico{background:none;border:1px solid var(--rule);color:var(--ink);width:28px;height:28px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;font-size:15px;}
.pdfv-ico:hover{border-color:var(--ink);}
.pdfv-ico:disabled{color:var(--faint);cursor:default;border-color:var(--rule);}
.pdfv-zoom{display:inline-flex;border:1px solid var(--ink);}
.pdfv-zoom button{background:none;border:none;border-right:1px solid var(--rule);color:var(--ink);
  height:28px;min-width:30px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:15px;}
.pdfv-zoom button.lvl{font:700 11px/1 var(--font-data);min-width:48px;}
.pdfv-zoom button:last-child{border-right:none;}
.pdfv-dl{display:inline-flex;align-items:center;gap:6px;font:700 11px/1 var(--font-data);
  color:var(--bg);background:var(--ink);border:2px solid var(--ink);padding:7px 11px;text-decoration:none;cursor:pointer;}
.pdfv-dl i{font-size:14px;}

.pdfv-main{display:grid;grid-template-columns:116px 1fr;height:560px;}
.pdfv-rail{border-right:1px solid var(--rule);background:var(--bg);padding:12px 10px;
  display:flex;flex-direction:column;gap:10px;overflow:auto;}
/* Mobile: single column + hide the thumbnail rail. MUST come AFTER the base .pdfv-rail rule above,
   else (equal specificity) the base display:flex wins and the rail stacks full-width over the page. */
@media(max-width:640px){.pdfv-main{grid-template-columns:1fr;height:auto;max-height:78vh;}.pdfv-rail{display:none;}}
.pdfv-thumb{position:relative;border:1px solid var(--rule);background:var(--surface);cursor:pointer;padding:5px;
  display:flex;flex-direction:column;align-items:center;gap:4px;}
.pdfv-thumb.is-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);}
.pdfv-thumbcanvas{width:100%;height:auto;display:block;background:#fff;border:1px solid var(--rule);}
.pdfv-thumb .pn{font:700 9px/1 var(--font-data);color:var(--muted);}
.pdfv-thumb .rdot{position:absolute;top:7px;right:7px;width:7px;height:7px;background:var(--redact);border:1px solid var(--muted);}
.pdfv-thumb-empty{border:1px dashed var(--rule);aspect-ratio:.74;display:flex;align-items:flex-end;justify-content:center;padding:4px;}
.pdfv-thumb-empty .pn{font:700 9px/1 var(--font-data);color:var(--faint);}
.pdfv-scroll{position:relative;overflow:auto;padding:20px;background:repeating-linear-gradient(135deg,var(--bg),var(--bg) 16px,color-mix(in srgb,var(--rule) 22%,var(--bg)) 16px,color-mix(in srgb,var(--rule) 22%,var(--bg)) 17px);}
/* The document viewer scrollbar uses the site-wide style from colors_and_type.css, but tints the track
   to the rule colour so it reads against the hatched scroll background. */
.pdfv-scroll::-webkit-scrollbar-track,.pdfv-rail::-webkit-scrollbar-track{background:color-mix(in srgb,var(--rule) 16%,transparent);}
.pdfv-page-slot{display:flex;flex-direction:column;align-items:center;margin-bottom:18px;}
.pdfv-pagewrap{position:relative;background:#fff;border:1px solid var(--rule);}
.pdfv-pagecanvas{display:block;width:100%;height:auto;}
.pdfv-page-stamp{position:absolute;top:5%;right:7%;font-family:var(--font-display);font-size:13px;color:var(--accent);
  border:2px solid var(--accent);padding:5px 9px;letter-spacing:.06em;transform:rotate(-4deg);opacity:.85;background:rgba(255,255,255,.4);}
.pdfv-redbox{position:absolute;background:var(--redact);border:1px solid var(--muted);z-index:3;}
.pdfv-page-num{font:400 10px/1 var(--font-data);color:var(--faint);margin-top:7px;}

/* selectable text layer (PDF.js) */
.pdfv-pagewrap .textLayer{position:absolute;inset:0;overflow:hidden;line-height:1;opacity:1;z-index:2;
  text-align:initial;forced-color-adjust:none;transform-origin:0 0;}
.pdfv-pagewrap .textLayer span,.pdfv-pagewrap .textLayer br{color:transparent;position:absolute;white-space:pre;
  cursor:text;transform-origin:0 0;}
.pdfv-pagewrap .textLayer ::selection{background:color-mix(in srgb,var(--accent) 38%,transparent);}
.pdfv-page-stamp{z-index:4;}

/* editable page indicator */
.pdfv-page-cur{background:none;border:none;border-bottom:1px dashed var(--muted);color:var(--ink);
  font:700 11px/1 var(--font-data);cursor:pointer;padding:0 2px;}
.pdfv-page-cur:hover{color:var(--accent);border-bottom-color:var(--accent);}
.pdfv-page-input{width:42px;background:var(--bg);border:1px solid var(--ink);color:var(--ink);
  font:700 11px/1 var(--font-data);padding:3px 4px;text-align:center;}
.pdfv-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;
  color:var(--muted);font:400 14px/1.5 var(--font-body);}
.pdfv-msg i{font-size:28px;color:var(--faint);}
.pdfv-foot{display:flex;align-items:center;gap:10px;padding:9px 13px;border-top:1px solid var(--rule);
  background:var(--header);font:400 11px/1.4 var(--font-data);color:var(--muted);}
.pdfv-foot i{color:var(--pr);margin-right:5px;}
.pdfv-foot .spacer{flex:1;}
.pdfv-hashmini{font:400 11px/1 var(--font-data);color:var(--faint);}

/* =============================================================================
   ARTICLE BODY MEDIA — embedded image / video / table components, and the
   threaded discussion (1 level deep, up/down votes). Design-system native.
   ========================================================================== */
/* Article reading column — centered measure, reads like a print journal. */
.oz-article{max-width:760px;margin-inline:auto;}
.oz-article-title{font-size:30px;line-height:1.1;margin-bottom:8px;text-wrap:balance;}
.oz-article .oz-dek{font-size:19px;}
.oz-articlebody{margin-top:14px;font:400 17.5px/1.78 var(--font-body);color:var(--ink);}
.oz-articlebody p{margin:0 0 18px;max-width:none;text-align:justify;text-align-last:left;
  hyphens:auto;-webkit-hyphens:auto;}
/* Drop cap on the lead paragraph (the first <p> in the body). */
.oz-articlebody>p:first-of-type::first-letter{float:left;font-family:var(--font-head);font-weight:700;
  font-size:3.5em;line-height:.82;padding:6px 10px 0 0;color:var(--ink);}
.oz-articlebody .oz-h2,.oz-h2{font:700 21px/1.18 var(--font-head);color:var(--ink);
  margin:28px 0 10px;letter-spacing:-.01em;text-wrap:balance;}
.oz-bodyblock{margin:22px 0;}
@media(max-width:560px){
  .oz-article-title{font-size:24px;}
  .oz-articlebody{font-size:16px;line-height:1.7;}
  .oz-articlebody p{text-align:left;text-align-last:left;}
  .oz-articlebody>p:first-of-type::first-letter{font-size:3em;padding-right:8px;}
}

/* EN parity for CSS-generated credit prefixes (i18n sets html[lang=en]) */
html[lang="en"] .ozm-cap .cred::before{content:"SOURCE · ";}
html[lang="en"] .oz-srccred::before{content:"SOURCE · ";}
html[lang="en"] .oz-figcap .cred::before{content:"PHOTO · ";}

/* media (static evidence) table — pairs with the DS .ozm-* media components */
.oz-mtable-wrap{margin:0;}
.oz-mtable-scroll{overflow-x:auto;border:1px solid var(--rule);}
.oz-mtable{width:100%;border-collapse:collapse;background:var(--surface);}
.oz-mtable-cap{caption-side:top;text-align:left;font:700 10px/1.3 var(--font-display);letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted);padding:10px 13px;border-bottom:1px solid var(--rule);}
.oz-mtable th{font:700 10px/1.2 var(--font-data);letter-spacing:.04em;text-transform:uppercase;color:var(--ink2);
  text-align:left;padding:9px 13px;border-bottom:2px solid var(--ink);background:var(--header);white-space:nowrap;}
.oz-mtable td{font:400 13px/1.4 var(--font-data);color:var(--ink);padding:9px 13px;border-bottom:1px solid var(--rule);}
.oz-mtable tr:last-child td{border-bottom:none;}
.oz-mtable th.num,.oz-mtable td.num{text-align:right;font-variant-numeric:tabular-nums;}
.oz-mtable tr.em td{background:color-mix(in srgb,var(--accent) 7%,var(--surface));font-weight:700;color:var(--ink);}
/* operator-designed sizing: explicit column widths + row heights (set in the backoffice grid editor) */
.oz-mtable--sized{table-layout:fixed;}
.oz-mtable col{width:var(--cw,auto);}
.oz-mtable tr{height:var(--rh,auto);}
.oz-mtable--sized th,.oz-mtable--sized td{white-space:normal;overflow-wrap:anywhere;vertical-align:top;}
.oz-srccred::before{content:"IZVOR · ";}

/* threaded discussion */
.oz-threadlist{display:flex;flex-direction:column;gap:4px;}
.oz-cthread{border-bottom:1px solid var(--rule);padding:14px 0;}
.oz-cthread:last-child{border-bottom:none;}
.oz-cnode{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;}
.oz-cnode--reply{margin-top:12px;}
.oz-creplies{margin:6px 0 0 46px;border-left:2px solid var(--rule);padding-left:14px;
  display:flex;flex-direction:column;gap:10px;}
.oz-cnode-main{min-width:0;}
.oz-cnode-head{display:flex;align-items:center;gap:9px;margin-bottom:7px;flex-wrap:wrap;}
.oz-cnode-actions{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap;}
.oz-cnode-actions .pa{display:inline-flex;align-items:center;gap:5px;font:700 11px/1 var(--font-data);
  color:var(--muted);background:none;border:1px solid transparent;padding:5px 8px;cursor:pointer;white-space:nowrap;}
.oz-cnode-actions .pa i{font-size:14px;}
.oz-cnode-actions .pa:hover{color:var(--accent);border-color:var(--rule);}
.oz-cnode-actions .pa.report:hover{color:var(--pd);border-color:var(--pd);}
.oz-cnode-actions .pa.report.is-on{color:var(--pd);border-color:var(--pd);cursor:default;}
.oz-cnode-actions .pa:disabled{cursor:default;}

/* vote control (up / net / down) */
.oz-vote{display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:1px;}
.oz-vbtnv{background:none;border:none;cursor:pointer;color:var(--muted);display:inline-flex;
  align-items:center;justify-content:center;font-size:18px;width:24px;height:20px;padding:0;}
.oz-vbtnv.up:hover,.oz-vbtnv.up.is-on{color:var(--accent);}
.oz-vbtnv.down:hover,.oz-vbtnv.down.is-on{color:var(--link);}
.oz-vote-n{font:700 12px/1 var(--font-data);color:var(--ink2);font-variant-numeric:tabular-nums;}
.oz-vote-n.pos{color:var(--accent);}
.oz-vote-n.neg{color:var(--link);}

@media(max-width:560px){
  .oz-creplies{margin-left:22px;padding-left:10px;}
  .oz-video-big{width:52px;height:52px;font-size:22px;}
}

/* =============================================================================
   RESPONSIVE patches (loaded after kit.css → overrides win at equal specificity).
   ========================================================================== */
/* Wide data tables scroll horizontally inside their own box rather than pushing
   the page wider. Covers the bare karta region table + connections table (the
   media tables already sit in .oz-mtable-scroll; display:block there still scrolls). */
@media(max-width:680px){
  .oz-mtable,.pz-conn,.oz-conn{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
}
@media(max-width:560px){
  .oz-trep-stats{grid-template-columns:repeat(2,1fr);}
  .oz-head-in{gap:10px 12px;padding:12px 16px;}
  .pz-rec-h{font-size:22px;}
}
@media(max-width:380px){
  .oz-trep-stats{grid-template-columns:1fr;}
}