/* Sadržaj stranica (Gutenberg) i blokovi teme. Učitava se i u editoru. */

:root {
	--navy: #1B2A41; --cream: #FAF8F4; --orange: #F28C28; --orange-dark: #D9761A; --yellow: #F7B733;
	--peach: #FDF1E6; --muted: #6B7280; --faint: #9CA3AF; --border: #E5E7EB; --radius: 16px; --radius-sm: 12px;
}

.entry { font-size: 16px; line-height: 26px; color: var(--navy); min-width: 0; }
.entry > :first-child { margin-top: 0; }
.entry > :last-child { margin-bottom: 0; }
.entry > * + * { margin-top: 20px; }
.entry > * { margin-bottom: 0; }
.entry p { margin: 0; text-wrap: pretty; }
.entry p + p { margin-top: 14px; }
.entry a:not([class]) { color: var(--orange-dark); font-weight: 700; }
.entry a:not([class]):hover { color: var(--navy); }
.entry h2, .entry h3, .entry h4 { margin: 0; line-height: 1.25; font-weight: 800; letter-spacing: -.02em; }
.entry h2 { font-size: 28px; }
.entry > h2, .entry > .wp-block-group > h2 { scroll-margin-top: 110px; }
.entry h3 { font-size: 20px; letter-spacing: -.01em; }
.entry h4 { font-size: 17px; letter-spacing: 0; }
.entry > h2:not(:first-child), .entry > .is-style-an-section + *, .entry > * + .is-style-an-section { margin-top: 72px; }
.entry h2 + p, .entry h3 + p, .entry h2 + .is-style-an-note { margin-top: 6px; }
.entry h2 + p { color: var(--muted); }
.entry p + h3, .entry .wp-block-table + h3, .entry .an-people + h3 { margin-top: 36px; }
.entry img { max-width: 100%; height: auto; }
.entry ul:not([class*="is-style"]), .entry ol:not([class*="is-style"]) { margin: 0; padding-left: 22px; }
.entry li + li { margin-top: 4px; }
.entry [id] { scroll-margin-top: 110px; }

/* Stilovi pasusa */
.entry .is-style-an-eyebrow, .is-style-an-eyebrow { margin: 0 0 8px !important; font-size: 12px; line-height: 1.4; letter-spacing: .14em; text-transform: uppercase; color: var(--orange) !important; font-weight: 700; }
.entry .is-style-an-eyebrow + h2 { margin-top: 0; }
.is-style-an-lead { font-size: 17px; line-height: 28px; }
.is-style-an-note { font-size: 13px; line-height: 21px; color: var(--muted); }
.entry .is-style-an-label, .is-style-an-label { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted) !important; font-weight: 700; line-height: 1.4; }
.is-style-an-card .is-style-an-label + p { color: var(--navy); font-weight: 700; font-size: 16px; }
.is-style-an-card.is-style-an-card--mini, .is-style-an-grid--mini > .is-style-an-card { padding: 16px; gap: 4px; border-radius: var(--radius-sm); }

/* Grupe */
.entry > .is-style-an-section > * + * { margin-top: 16px; }
.entry > .is-style-an-section > .is-style-an-eyebrow + * { margin-top: 0; }
.entry > .is-style-an-section > h2 + p { margin-top: 6px; }
.entry > .is-style-an-section > h2 + * { margin-top: 24px; }
.entry > .is-style-an-section > h2 + p + * { margin-top: 24px; }

.is-style-an-card, .is-style-an-card-dark, .is-style-an-callout, .is-style-an-callout-green, .is-style-an-stat {
	border-radius: var(--radius); padding: 24px; display: flex; flex-direction: column; gap: 12px;
}
.is-style-an-card > *, .is-style-an-card-dark > *, .is-style-an-callout > *, .is-style-an-callout-green > *, .is-style-an-stat > * { margin: 0 !important; }
.is-style-an-card { background: #fff; border: 1px solid var(--border); }
.is-style-an-card h3 { font-size: 20px; }
.is-style-an-card p { color: var(--muted); font-size: 15px; line-height: 24px; }
.is-style-an-card-dark { background: var(--navy); color: #fff; padding: 32px; }
.is-style-an-card-dark h2, .is-style-an-card-dark h3 { color: #fff; }
.is-style-an-card-dark h3 { font-size: 24px; }
.is-style-an-card-dark p { color: rgba(255, 255, 255, .85); font-size: 15px; line-height: 25px; }
.is-style-an-card-dark .is-style-an-eyebrow { color: var(--yellow) !important; }
.is-style-an-card-dark .is-style-an-note { color: rgba(255, 255, 255, .55); }
.is-style-an-card-dark a:not([class]) { color: var(--yellow); }
.is-style-an-callout { background: var(--peach); }
.is-style-an-callout p { color: var(--muted); font-size: 15px; line-height: 24px; }
.is-style-an-callout-green { background: #E6F5EE; padding: 28px; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 20px; }
.is-style-an-callout-green > .wp-block-group { flex: 1 1 260px; display: flex; flex-direction: column; gap: 6px; }
.is-style-an-callout-green > .wp-block-group > * { margin: 0; }
.is-style-an-callout-green h2, .is-style-an-callout-green h3 { font-size: 22px; }
.is-style-an-callout-green p { color: #1F6B49; font-size: 15px; line-height: 24px; }
.is-style-an-callout-green .icon-tile--block { background: #fff !important; width: 56px; height: 56px; border-radius: 16px; }
.is-style-an-callout-green .wp-block-button__link { background: #fff; color: #1F6B49; }
.is-style-an-callout-green .wp-block-button__link:hover { background: #2E9E6B; color: #fff; }
.is-style-an-stat { background: #fff; box-shadow: 0 8px 24px rgba(27, 42, 65, .08); gap: 6px; }
.is-style-an-stat p:first-child { font-size: 36px; font-weight: 800; color: var(--orange-dark); letter-spacing: -.03em; line-height: 1; }
.is-style-an-stat p:first-child:has(> strong) { font-size: 22px; color: var(--navy); letter-spacing: 0; line-height: 1.2; }
.is-style-an-stat p { font-size: 15px; color: var(--muted); }

.is-style-an-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.is-style-an-grid > * { margin: 0 !important; }
.entry .is-style-an-grid .is-style-an-card h3 { font-size: 18px; }

/* Kolone */
.entry .wp-block-columns { display: flex; flex-wrap: wrap; gap: 24px 48px; margin-bottom: 0; }
.entry .wp-block-columns.is-style-an-tight { gap: 24px; }
.entry .wp-block-column { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.entry .wp-block-column > * { margin: 0; }
.entry .wp-block-columns.are-vertically-aligned-center { align-items: center; }
.entry .wp-block-column .is-style-an-card-dark:only-child { position: sticky; top: 110px; }

/* Vremenska linija: <strong>godina</strong> Naslov (prvi red), zatim opis. */
.is-style-an-timeline { list-style: none; margin: 8px 0 0; padding: 0; }
.is-style-an-timeline > li {
	position: relative; margin: 0 !important; padding: 0 0 32px 124px; font-size: 15px; line-height: 24px; color: var(--muted);
}
.is-style-an-timeline > li::first-line { font-weight: 700; font-size: 17px; color: var(--navy); }
.is-style-an-timeline > li > strong:first-child {
	position: absolute; left: 0; top: 0; width: 88px; text-align: right; font-weight: 800; font-size: 18px; color: var(--orange-dark);
}
.is-style-an-timeline > li::before {
	content: ""; position: absolute; left: 97px; top: 5px; width: 14px; height: 14px; border-radius: 50%;
	background: var(--orange); border: 3px solid var(--peach); box-sizing: border-box; z-index: 1;
}
.is-style-an-timeline > li::after { content: ""; position: absolute; left: 103px; top: 12px; bottom: 0; width: 2px; background: var(--border); }
.is-style-an-timeline > li:last-child::after { display: none; }
@media (max-width: 480px) {
	.is-style-an-timeline > li { padding-left: 34px; }
	.is-style-an-timeline > li > strong:first-child { position: static; display: block; width: auto; text-align: left; font-size: 16px; }
	.is-style-an-timeline > li::before { left: 0; }
	.is-style-an-timeline > li::after { left: 6px; }
}

/* Koraci: numerisana lista, stavka = <strong>Naslov</strong> i opis. */
.is-style-an-steps { counter-reset: step; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
.is-style-an-steps > li {
	counter-increment: step; margin: 0 !important; background: #fff; border: 1px solid var(--border); border-radius: var(--radius);
	padding: 22px; display: flex; flex-direction: column; gap: 12px; font-size: 14px; line-height: 22px; color: var(--muted);
}
.is-style-an-steps > li::before {
	content: counter(step); width: 36px; height: 36px; border-radius: 50%; background: var(--navy); color: #fff;
	display: grid; place-items: center; font-weight: 800; font-size: 15px;
}
.is-style-an-steps > li > strong { display: block; color: var(--navy); font-size: 17px; line-height: 1.3; margin-bottom: -6px; }
.is-style-an-card-dark .is-style-an-steps > li { background: transparent; border: 0; padding: 0; flex-direction: row; align-items: flex-start; gap: 14px; color: rgba(255, 255, 255, .75); display: grid; grid-template-columns: 36px 1fr; }
.is-style-an-card-dark .is-style-an-steps > li::before { background: var(--orange); grid-row: span 2; }
.is-style-an-card-dark .is-style-an-steps > li > strong { color: #fff; font-size: 16px; margin: 0 0 4px; }

.is-style-an-columns { columns: 2; column-gap: 32px; }
@media (max-width: 560px) { .is-style-an-columns { columns: 1; } }

/* Tabele */
.entry .wp-block-table { margin: 0; overflow-x: auto; background: #fff; border: 1px solid var(--border); border-radius: var(--radius); }
.entry .wp-block-table table { width: 100%; border-collapse: collapse; font-size: 15px; table-layout: auto; }
.entry .wp-block-table th, .entry .wp-block-table td { padding: 14px 20px; text-align: left; border: 0; border-top: 1px solid var(--border); vertical-align: middle; }
.entry .wp-block-table thead { border: 0; }
.entry .wp-block-table thead th, .entry .wp-block-table thead td {
	border-top: 0; background: var(--cream); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); font-weight: 700; padding-top: 12px; padding-bottom: 12px;
}
.entry .wp-block-table tbody tr:first-child td { border-top: 0; }
.entry .wp-block-table thead + tbody tr:first-child td { border-top: 1px solid var(--border); }
.entry .wp-block-table td:first-child { font-weight: 700; }
.entry .wp-block-table figcaption { padding: 10px 20px; font-size: 13px; color: var(--muted); border-top: 1px solid var(--border); margin: 0; }
.entry .wp-block-table mark { padding: 4px 10px; border-radius: 999px; font-size: 13px; font-weight: 700; background: var(--peach); color: #B9611F; }
.entry .wp-block-table.is-style-an-kv { background: transparent; border: 0; border-radius: 0; }
.entry .wp-block-table.is-style-an-kv td { padding: 8px 0; border-top: 0; border-bottom: 1px solid var(--border); font-weight: 700; }
.entry .wp-block-table.is-style-an-kv td:first-child { color: var(--muted); font-weight: 400; }
.entry .wp-block-table.is-style-an-kv td:last-child { text-align: right; }
@media (max-width: 640px) {
	.entry .wp-block-table th, .entry .wp-block-table td { padding: 12px 14px; }
}

/* Accordion (Detalji) */
.entry .wp-block-details { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; padding: 0; }
.entry .wp-block-details + .wp-block-details { margin-top: 8px; }
.entry .wp-block-details summary {
	list-style: none; display: flex; align-items: center; gap: 8px; padding: 16px 20px; min-height: 56px;
	font-weight: 700; font-size: 16px; cursor: pointer;
}
.entry .wp-block-details summary::-webkit-details-marker { display: none; }
.entry .wp-block-details summary::after {
	content: ""; flex: none; width: 18px; height: 18px; margin-left: auto; background: var(--muted);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E") center / contain no-repeat;
}
.entry .wp-block-details[open] summary::after {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
}
.entry .wp-block-details summary:hover { background: var(--cream); }
.entry .wp-block-details > :not(summary) { margin: 0; padding: 0 20px 18px; font-size: 15px; line-height: 25px; color: var(--muted); }
.entry .wp-block-details > ul:not([class*="is-style"]) { padding-left: 40px; line-height: 28px; }
.entry .wp-block-details > .is-style-an-columns { padding-left: 40px; }
.entry .wp-block-details > .wp-block-table { border: 0; border-radius: 0; border-top: 1px solid var(--border); padding: 0; }
.entry .wp-block-details > .wp-block-table td { border-top-color: #F3F4F6; padding-top: 12px; padding-bottom: 12px; }
.entry .wp-block-details summary small { color: var(--muted); font-weight: 500; font-size: 14px; }

/* Dugmad */
.entry .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.entry .wp-block-button { margin: 0; }
.entry .wp-block-button__link {
	display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 22px; border-radius: var(--radius-sm);
	background: var(--orange); color: #fff; font-weight: 700; font-size: 15px; line-height: 1; text-decoration: none; border: 2px solid transparent;
}
.entry .wp-block-button__link:hover { background: var(--orange-dark); color: #fff; }
.entry .is-style-outline .wp-block-button__link { background: transparent; border-color: var(--navy); color: var(--navy); }
.entry .is-style-outline .wp-block-button__link:hover { background: var(--navy); color: #fff; }

/* Fajl (osnovni blok) kao red za preuzimanje */
.entry .wp-block-file {
	display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin: 0; padding: 14px 20px;
	background: #fff; border: 1px solid var(--border); border-radius: var(--radius); font-weight: 700;
}
.entry .wp-block-file + .wp-block-file { margin-top: 8px; }
.entry .wp-block-file > a:first-child { flex: 1 1 200px; color: var(--navy); }
.entry .wp-block-file__button {
	display: inline-flex; align-items: center; height: 40px; padding: 0 14px; border-radius: var(--radius-sm); background: var(--orange);
	color: #fff !important; font-size: 14px; text-decoration: none;
}

/* Slike i galerije */
.entry .wp-block-image { margin: 0; }
.entry .wp-block-image img { border-radius: var(--radius); display: block; }
.entry .wp-block-image.is-style-an-media img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.entry .wp-block-gallery { gap: 12px; }
.entry .wp-block-gallery img { border-radius: var(--radius-sm); }

/* Ikona bloka */
.icon-tile--block { width: 44px; height: 44px; border-radius: var(--radius-sm); display: grid; place-items: center; }
.icon-tile--block .icon { width: 22px; height: 22px; }
.an-block-notice { margin: 0; padding: 16px 20px; border: 1px dashed var(--border); border-radius: var(--radius-sm); color: var(--muted); font-size: 14px; background: #fff; }

/* ---------------------------------------------------------------- Uposlenici */
.people { display: grid; gap: 16px; }
.people--mreza { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.people--kartice { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.people--centrirano { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.people--lista { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; gap: 0; }
.person { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); transition: box-shadow .2s; }
.person:hover { box-shadow: 0 8px 24px rgba(27, 42, 65, .08); }
.person__name { font-weight: 700; font-size: 16px; }
.person__sub, .person__title { font-size: 14px; color: var(--muted); line-height: 1.4; }
.person__phone { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; color: var(--orange-dark); font-weight: 700; font-size: 14px; }
.person__phone .icon { width: 14px; height: 14px; }
.person__phone:hover { color: var(--navy); }
.person--tile { padding: 18px; display: flex; gap: 14px; align-items: center; }
.person__text { min-width: 0; }
.person--center { padding: 22px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; }
.person--card { overflow: hidden; display: flex; flex-direction: column; }
.person__media { aspect-ratio: 1; background: linear-gradient(160deg, #FDF1E6, #F6B37A); display: grid; place-items: center; overflow: hidden; }
.person__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.person__body { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 4px; flex: 1; }
.person--card .person__name { font-weight: 800; font-size: 17px; }
.person__role { font-size: 14px; color: var(--orange-dark); font-weight: 700; }
.person--card .person__phone { margin-top: 10px; color: var(--navy); }
.person--card .person__phone:hover { color: var(--orange-dark); }
.person--row { display: flex; align-items: center; gap: 14px; padding: 12px 20px; border: 0; border-top: 1px solid var(--border); border-radius: 0; }
.person--row:first-child { border-top: 0; }
.person--row:hover { box-shadow: none; background: var(--cream); }
.person--row .person__name { flex: 1; font-size: 15px; }
.person__role-muted { font-size: 14px; color: var(--muted); text-align: right; }
.avatar { flex: none; border-radius: 50%; background: var(--orange); color: #fff; display: grid; place-items: center; font-weight: 800; overflow: hidden; }
.avatar img { width: 100%; height: 100%; object-fit: cover; }
.avatar--sm { width: 40px; height: 40px; font-size: 14px; }
.avatar--md { width: 52px; height: 52px; font-size: 17px; }
.avatar--lg { width: 64px; height: 64px; font-size: 20px; }
.avatar--xl { width: 88px; height: 88px; font-size: 28px; }
.avatar--muted { background: var(--border); color: var(--navy); }
@media (max-width: 480px) { .person--row { flex-wrap: wrap; } .person__role-muted { flex-basis: 100%; text-align: left; padding-left: 54px; margin-top: -8px; } }

.people-groups { display: flex; flex-direction: column; gap: 40px; }
.people-group__head { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.people-group__head h3 { margin: 0; font-size: 20px; font-weight: 800; }
.people-group__head span { font-size: 14px; color: var(--muted); }

.filter-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.filter-chips--sticky { position: sticky; top: 72px; z-index: 5; background: var(--cream); padding: 8px 0 16px; margin-bottom: 8px; }
.fchip {
	display: inline-flex; align-items: center; height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--border);
	background: #fff; color: var(--navy); font: inherit; font-weight: 700; font-size: 14px; cursor: pointer; white-space: nowrap;
}
.fchip:hover { border-color: var(--orange); color: var(--navy); }
.fchip.is-active { background: var(--navy); border-color: var(--navy); color: #fff; }

/* ---------------------------------------------------------------- Dokumenti */
.docs { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.doc { display: flex; align-items: center; gap: 16px; padding: 14px 20px; border-top: 1px solid var(--border); flex-wrap: wrap; }
.doc:first-child { border-top: 0; }
.doc:hover { background: var(--cream); }
.doc__icon { flex: none; width: 44px; height: 44px; border-radius: var(--radius-sm); background: #FDECEC; display: grid; place-items: center; color: #E5484D; }
.doc__icon .icon { width: 22px; height: 22px; }
.doc__text { flex: 1 1 260px; min-width: 0; }
.doc__title { font-weight: 700; font-size: 16px; line-height: 1.3; }
.doc__meta { font-size: 13px; color: var(--muted); margin-top: 2px; }
.btn--dl { height: 40px; padding: 0 14px; }
.btn--dl:hover { background: var(--orange); border-color: var(--orange); color: #fff; }
.btn .icon { width: 16px; height: 16px; }
.docs--empty { padding: 48px 20px; text-align: center; display: flex; flex-direction: column; gap: 6px; color: var(--muted); }
.docs--empty strong { color: var(--navy); font-size: 17px; }
.docs-filters { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: 20px; }
.docs-filters select { height: 44px; padding: 0 12px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: #fff; font: inherit; font-size: 15px; font-weight: 600; color: var(--navy); }
.search-field { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--border); border-radius: var(--radius-sm); height: 44px; padding: 0 12px; flex: 1 1 240px; max-width: 360px; color: var(--muted); }
.search-field:focus-within { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(242, 140, 40, .25); }
.search-field .icon { width: 18px; height: 18px; }
.search-field input { flex: 1; min-width: 0; border: 0; outline: 0; font: inherit; font-size: 15px; color: var(--navy); background: transparent; }
.docs-count { margin: 0 0 12px !important; font-size: 14px; color: var(--muted); }
.docs-count strong { color: var(--navy); }

.covers { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 20px; }
.cover-item { display: flex; flex-direction: column; gap: 10px; color: var(--navy); }
.cover-item:hover { color: var(--orange-dark); }
.cover { aspect-ratio: 3 / 4; border-radius: 8px; box-shadow: 0 8px 24px rgba(27, 42, 65, .12); padding: 14px; display: flex; flex-direction: column; justify-content: space-between; color: #fff; transition: transform .2s; overflow: hidden; }
.cover-item:hover .cover { transform: translateY(-4px); }
.cover--img { padding: 0; }
.cover--img img { width: 100%; height: 100%; object-fit: cover; }
.cover--narandzasta { background: linear-gradient(160deg, #F7B733, #F28C28 60%, #B9611F); }
.cover--plava { background: linear-gradient(160deg, #7FB3E6, #2F6FED); }
.cover--zelena { background: linear-gradient(160deg, #8FD1A8, #1F6B49); }
.cover--ljubicasta { background: linear-gradient(160deg, #C4B5FD, #6D28D9); }
.cover--siva { background: linear-gradient(160deg, #4A5A78, #1B2A41); }
.cover--crvena { background: linear-gradient(160deg, #F6B37A, #E5484D); }
.cover__lbl { font-size: 10px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; }
.cover__num { font-size: 26px; font-weight: 800; line-height: 1; }
.cover-item__title { font-weight: 700; font-size: 15px; }
.cover-item__sub { font-size: 13px; color: var(--muted); }

.doc-feature { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 24px; display: flex; gap: 24px; flex-wrap: wrap; align-items: flex-start; }
.doc-feature__preview { flex: none; width: 160px; aspect-ratio: 3 / 4; border-radius: 8px; background: #fff; border: 1px solid var(--border); box-shadow: 0 8px 24px rgba(27, 42, 65, .08); padding: 16px; display: flex; flex-direction: column; gap: 6px; }
.doc-feature__preview span { height: 4px; background: var(--border); border-radius: 2px; }
.doc-feature__preview span:nth-child(1) { width: 60%; height: 8px; background: var(--navy); }
.doc-feature__preview span:nth-child(2) { width: 40%; height: 6px; margin-bottom: 10px; }
.doc-feature__preview span:nth-child(5) { width: 80%; }
.doc-feature__preview em { margin-top: auto; font: 500 10px ui-monospace, Menlo, monospace; color: var(--muted); font-style: normal; }
.doc-feature__body { flex: 1 1 200px; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.doc-feature__body .eyebrow { margin: 0; }
.doc-feature__title { margin: 0; font-size: 24px; font-weight: 800; line-height: 1.2; }
.doc-feature__text { margin: 0; font-size: 15px; line-height: 24px; color: var(--muted); }

/* Termini u sadržaju */
.entry .events { margin: 0; }
.events--calendar { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.events--calendar .event { padding: 14px 18px; gap: 16px; }
.events--calendar .event__date { width: 56px; }
.events--calendar .event__day { font-size: 22px; }
.events--calendar .event__mon { font-size: 11px; }
.events--calendar .event__title { font-size: 15px; line-height: 1.3; }
.events--calendar .event__time { font-size: 13px; }

.news-grid--compact { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.news-grid--compact .card__body { padding: 18px 20px 20px; gap: 8px; }
.news-grid--compact .card__title { font-size: 17px; }