body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#1a1a1a;background:#fff;line-height:1.4;overflow-wrap:anywhere}
main{max-width:720px;margin:0 auto;padding:0 16px 16px;box-sizing:border-box}
a{color:inherit}
/* header (mockup breaking-top-v2) */
.hdr{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 -16px;padding:6px 16px;border-bottom:1px solid #eee}
.logo{font-weight:900;font-size:19px;letter-spacing:-.5px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.logo span{color:#c1121f}
.follow{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 14px;border-radius:10px;background:#7360f2;color:#fff;font-weight:700;font-size:13px;text-decoration:none}
.pname{margin:12px 0 6px;font-size:22px}
.tag{display:inline-block;font-size:11px;padding:2px 7px;border-radius:10px;margin-right:4px;font-weight:600;text-decoration:none}
.t-arrest{background:#fde2e2;color:#9b1c1c}
.t-ind{background:#fff1d6;color:#8a5a00}
.t-kp{background:#e6ecff;color:#2a3f9b}
.t-ost{background:#efe3fb;color:#5b2a8a}
.t-dem{background:#e8eef3;color:#3d5566}
.t-ist{background:#dcebfb;color:#1d4f7c}
.t-mer{background:#ffe8c7;color:#7a4300}
.t-pom{background:#e3f4e8;color:#1e5c34}
.t-sme{background:#f6dff3;color:#7a1f6e}
.t-link{background:#1f2937;color:#fff}
.row{border-bottom:1px solid #ddd;padding:10px 0}
.row .name{font-weight:700;font-size:15px}
.row .name a{text-decoration:none}
.row .meta{font-size:12px;color:#777}
.row .why{font-size:13px;margin-top:3px}
.hl{border-left:4px solid #1f2937;padding-left:10px}
.day{display:flex;align-items:center;gap:8px;margin:14px 0 4px;font-size:12px;font-weight:700;text-transform:uppercase;color:#555}
.day:after{content:"";flex:1;border-top:1px solid #bbb}
.today{color:#b91c1c}
.today:after{border-top:2px solid #b91c1c}
.label{margin-top:14px;font-size:12px;font-weight:700;text-transform:uppercase;color:#555}
.box{background:#f6f6f6;border-radius:6px;padding:10px;margin:8px 0;font-size:13px}
.src{font-size:11px;color:#777}
.tl{border-left:2px solid #ccc;margin:8px 0 8px 6px;padding-left:12px;font-size:13px}
.tl div{margin-bottom:8px;position:relative}
.tl div:before{content:"";position:absolute;left:-18px;top:5px;width:10px;height:10px;border-radius:50%;background:#999}
.tl .now:before{background:#b91c1c}
.tl b{display:block;font-size:12px}
.tl .ev{font-size:12px;color:#555;font-style:italic;margin-top:-6px}
.tl .ev:before{display:none}
ul.links{font-size:13px;padding-left:18px}
button.report{margin-top:6px;font-size:11px;padding:2px 8px;border:1px solid #ccc;border-radius:4px;background:#f6f6f6;color:#999;cursor:not-allowed}
footer{margin-top:28px;padding-top:10px;border-top:1px solid #ddd;font-size:11px;color:#777}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:6px}
.actions button.report{margin-top:0;margin-left:auto}
.share{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.actions .share{margin-top:0}
.sh{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;box-sizing:border-box;padding:0 8px;font:600 12px system-ui,sans-serif;color:#374151;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;text-decoration:none;cursor:pointer}
.sh:hover,.sh:focus-visible{background:#e5e7eb}
.sh[hidden]{display:none}
.tl .share{margin-top:2px}
.tl .share:before{display:none}
.tl .share{margin-bottom:0}
/* status labels: green dot for zvanično, neutral for the others */
.st{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:#555}
.st-zv{color:#166534}
.st-zv:before{content:"";width:7px;height:7px;border-radius:50%;background:#16a34a}
.st-po{color:#374151}
.st-ne{color:#6b7280}
.nw{background:#c1121f;color:#fff}
/* NOVO strip and big card (spec G1) */
.strip{margin:0 -16px;background:#c1121f;color:#fff;font-weight:900;font-size:13px;letter-spacing:1.5px;padding:7px 16px;display:flex;justify-content:space-between}
.strip small{font-size:13px;font-weight:600;letter-spacing:0;opacity:.9}
.novo-card{margin:0 -16px;padding:14px 16px;border-bottom:6px solid #f3f3f3}
.novo-card .tag{font-size:10.5px;font-weight:700}
.novo-card .n{font-size:24px;font-weight:900;line-height:1.1;margin:6px 0 4px}
.novo-card .n a{text-decoration:none}
.novo-card .r{font-size:13.5px;color:#444}
.novo-card .w{font-size:14.5px;margin-top:8px;line-height:1.35}
.novo-card .m{font-size:12px;color:#777;margin-top:8px}
.novo-card .share{margin-top:10px}
.counter-table{width:100%;border-collapse:collapse;margin:6px 0 14px}
.counter-table td{padding:6px 0;border-bottom:1px solid #eee;font-size:14.5px}
.counter-table td:last-child{text-align:right;font-weight:700}
.row .meta{margin-top:4px}
/* big share buttons (spec G5): Viber / WhatsApp / Podeli, thumb-sized */
.share.big{display:flex;flex-wrap:nowrap;gap:8px;width:100%}
.actions .share.big{flex:1 1 100%}
.shb{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;padding:0 6px;font:700 12.5px system-ui,-apple-system,"Segoe UI",sans-serif;border-radius:10px;border:0;text-decoration:none;cursor:pointer;background:#f1f1f1;color:#333}
.shb-vb{background:#7360f2;color:#fff}
.shb-wa{background:#1f8f4e;color:#fff}
.shb:hover,.shb:focus-visible{filter:brightness(.95)}
.shb-case{background:#f1f1f1;color:#333}
/* "Prati na Viberu" after a share tap */
.follow-prompt{position:fixed;left:8px;right:8px;bottom:calc(8px + var(--cb));z-index:15;max-width:704px;margin:0 auto;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;background:#111;color:#fff;border-radius:12px;font-size:13px;box-shadow:0 4px 16px rgba(0,0,0,.25)}
.follow-prompt[hidden]{display:none}
.follow-prompt span{flex:1}
.consent{position:fixed;left:8px;right:8px;bottom:calc(8px + var(--cb));z-index:20;max-width:704px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;background:#fff;color:#111;border:1px solid #ccc;border-radius:12px;font-size:13px;box-shadow:0 4px 16px rgba(0,0,0,.25)}
.consent[hidden]{display:none}
.consent span{flex:1 1 200px}
.cb{min-width:44px;min-height:44px;padding:0 16px;border-radius:8px;border:1px solid #111;font-size:14px;cursor:pointer;background:#fff;color:#111}
.cb-yes{background:#111;color:#fff}
body.consent-open .follow-prompt{bottom:calc(128px + var(--cb))}
/* the fixed bars must not cover the footer (360 px): room below main while one is open */
.fp-close{min-width:44px;min-height:44px;border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}
footer p{margin:0 0 6px}
/* floating counter bar (homepage only): --cb is its height; the other fixed bars sit above it */
body{--cb:0px}
body.has-counter{--cb:calc(104px + env(safe-area-inset-bottom))}
.counter-bar{position:fixed;left:0;right:0;bottom:0;z-index:10;box-sizing:border-box;background:#14161a;color:#fff;padding:6px 10px calc(10px + env(safe-area-inset-bottom))}
.cb-top{display:flex;justify-content:space-between;align-items:center;min-height:44px}
.cb-lbl{font-size:10px;letter-spacing:1px;color:#9aa0aa;font-weight:700;text-transform:uppercase;text-decoration:none;flex:1;align-self:stretch;display:flex;align-items:center}
.cb-share{margin:0}
.cb-podeli{min-width:44px;min-height:44px;padding:0 14px;border:0;border-radius:10px;background:#7360f2;color:#fff;font-size:12px;font-weight:800;cursor:pointer}
.cb-tiles{display:flex;gap:6px;color:inherit;text-decoration:none}
.cb-tile{flex:1;min-width:0;background:#23262c;border-radius:9px;padding:5px 2px;text-align:center}
.cb-tile b{display:flex;justify-content:center;align-items:center;gap:4px;font-size:19px;font-weight:900;line-height:1.2}
.cb-tile>span{display:block;font-size:9.5px;color:#c9ccd3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:380px){.counter-bar{padding-left:8px;padding-right:8px}.cb-tiles{gap:5px}.cb-tile{padding-left:1px;padding-right:1px}.cb-tile>span{font-size:9px;letter-spacing:-.1px}}
.cb-tile.r b{color:#ff6b74}
.cuffs{flex:none}
/* the fixed bars must not cover the footer (360 px): room below main while they are open */
body.has-counter main{padding-bottom:calc(var(--cb) + 8px)}
body.follow-open main{padding-bottom:calc(var(--cb) + 80px)}
body.consent-open main{padding-bottom:calc(var(--cb) + 140px)}
body.consent-open.follow-open main{padding-bottom:calc(var(--cb) + 200px)}
.t-more{background:#e5e7eb;color:#374151}
details.more{display:inline-block;vertical-align:top}
details.more summary{cursor:pointer;list-style:none}
details.more summary::-webkit-details-marker{display:none}
details.srcs summary{cursor:pointer;display:inline-block}
details.srcs a.src{display:block;margin:2px 0 2px 8px}