/* OKN alati: grčki kino tool, „Kratak odgovor“ block style and „Traka s brojkama“ pattern. Colours are the theme tokens with fallbacks. */
.okn-kino{display:grid;gap:24px;padding:20px;border-radius:12px;background:var(--okn-ink,#0F172A);color:#F8FAFC;margin:0 0 20px}
.okn-dark .okn-kino{padding:40px 0;border-radius:0;background:none;margin:0}
.okn-kino__intro{display:flex;flex-direction:column;gap:12px;min-width:0}
.okn-kino .okn-kicker{font-family:var(--okn-mono,"IBM Plex Mono",ui-monospace,monospace);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#FDBA74}
.okn-kino .okn-kino__h{margin:0;font-family:var(--okn-head,"Space Grotesk",sans-serif);font-size:30px;font-weight:700;line-height:1.1;color:#F8FAFC}
.okn-kino .okn-kino__lead{margin:0;color:#CBD5E1;font-size:17px;line-height:1.6}
.okn-kino__picks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:4px}
.okn-kino .okn-pick{display:flex;align-items:center;justify-content:center;height:48px;border-radius:8px;border:1.5px solid #475569;background:transparent;color:#F8FAFC;font-family:var(--okn-mono,"IBM Plex Mono",ui-monospace,monospace);font-size:18px;font-weight:600;text-decoration:none;cursor:pointer;font-variant-numeric:tabular-nums}
.okn-kino .okn-pick:hover{border-color:#F8FAFC;color:#F8FAFC}
.okn-kino .okn-pick[aria-pressed="true"]{background:#FDBA74;border-color:#FDBA74;color:#0F172A}
.okn-kino__card{display:flex;flex-direction:column;gap:16px;min-width:0;padding:20px;border-radius:12px;background:#fff;color:#0F172A}
.okn-kino__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px}
.okn-kino__title{font-family:var(--okn-head,"Space Grotesk",sans-serif);font-size:22px;font-weight:700}
.okn-kino__top .okn-mono{font-size:12px}
.okn-kino__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0}
.okn-kino__grid>div{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid #CBD5E1;border-radius:8px;min-width:0}
.okn-kino__grid dt{font-size:13px;color:#475467;line-height:1.3}
.okn-kino__grid dd{margin:0;color:#0F172A}
.okn-kino .okn-mono{font-family:var(--okn-mono,"IBM Plex Mono",ui-monospace,monospace);font-variant-numeric:tabular-nums}
.okn-kino .okn-big{font-size:28px;font-weight:600;line-height:1.15}
.okn-kino .okn-mid{font-size:22px;font-weight:600;line-height:1.2}
.okn-kino .okn-orange{color:#C2410C}
.okn-kino .okn-muted{color:#475467}
.okn-kino .okn-kino__note{margin:0;font-size:14px;line-height:1.5;color:#475467}
.okn-kino .okn-kino__note a{color:#1D4ED8;text-decoration:underline}
.okn-kino .okn-src{margin:0;font-family:var(--okn-mono,"IBM Plex Mono",ui-monospace,monospace);font-size:12px;color:#475467}
@media (max-width:479px){
	.okn-kino__grid>div{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:baseline;column-gap:12px}
	.okn-kino .okn-big{font-size:24px}
	.okn-kino .okn-mid{font-size:18px}
}
@media (min-width:900px){
	.okn-kino{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;padding:28px}
	.okn-dark .okn-kino{padding:56px 0}
	.okn-kino .okn-kino__h{font-size:36px}
	.okn-kino__card{padding:28px;gap:18px}
}

/* „Kratak odgovor“ (block style for paragraph and group) — the theme's ruled card */
.is-style-okn-kratak-odgovor{background:#fff;border:1.5px solid #0F172A;border-radius:10px;padding:16px;box-shadow:4px 4px 0 #0F172A;color:#0F172A}
p.is-style-okn-kratak-odgovor,.is-style-okn-kratak-odgovor p{font-size:16px;line-height:1.55}
.is-style-okn-kratak-odgovor>:last-child{margin-bottom:0!important}
.is-style-okn-kratak-odgovor .okn-kicker{display:block;margin:0 0 8px!important;font-family:var(--okn-mono,"IBM Plex Mono",ui-monospace,monospace);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#C2410C}
@media (min-width:900px){.is-style-okn-kratak-odgovor{box-shadow:6px 6px 0 #0F172A;padding:20px}}

/* „Traka s brojkama“ (3 cards) */
.okn-traka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.okn-traka__kartica{display:flex;flex-direction:column;gap:2px;padding:10px;background:#fff;border:1px solid #CBD5E1;border-radius:8px;min-width:0}
.okn-traka .okn-traka__broj{margin:0!important;font-family:var(--okn-mono,"IBM Plex Mono",ui-monospace,monospace);font-size:20px;font-weight:600;line-height:1.2;color:#0F172A;font-variant-numeric:tabular-nums}
.okn-traka .okn-traka__opis{margin:0!important;font-size:12px;line-height:1.3;color:#475467}

/* „Tabela sa brojkama“ block style for tables */
.is-style-okn-tabela td{font-family:var(--okn-mono,"IBM Plex Mono",ui-monospace,monospace);font-variant-numeric:tabular-nums}