.news-page{padding-block:48px 80px;color:#1b1b1d;min-width:0}
.news-heading{margin-bottom:40px;max-width:800px}
.news-heading nav,.news-breadcrumb{font-size:14px;margin-bottom:36px;color:#666}
.news-heading nav a,.news-breadcrumb a{color:inherit;text-decoration:none}
.news-eyebrow{color:var(--osnovnaBoja);font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin:0 0 12px}
.news-heading h1,.news-article-heading h1{font-size:clamp(34px,4.5vw,58px);line-height:1.15;margin:0 0 20px;font-weight:600;overflow-wrap:anywhere}
.news-heading>p:last-child{color:#62626a;font-size:18px;line-height:1.6}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}
.news-card{min-width:0;display:flex;flex-direction:column;border:1px solid #ededed;background:white}
.news-card-image{display:block;aspect-ratio:3/2;overflow:hidden;background:#fbf1f4}
.news-card-image>img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.news-card-image:hover>img{transform:scale(1.03)}
.news-image-placeholder{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,#fbf1f4,#f4e1e8)}
.news-image-placeholder img{width:130px;height:auto}
.news-card-content{padding:24px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.news-card time,.news-article-heading time{font-size:13px;color:#777}
.news-card h2{font-size:24px;line-height:1.3;margin:12px 0;overflow-wrap:anywhere}
.news-card h2 a{color:inherit;text-decoration:none}
.news-card h2 a:hover{color:var(--osnovnaBoja)}
.news-card-content p{color:#62626a;line-height:1.65;margin:0 0 24px;overflow-wrap:anywhere}
.news-link{color:var(--osnovnaBoja);font-weight:700;text-decoration:none;display:inline-block;padding-block:8px}
.news-card-content>.news-link{margin-top:auto}
.news-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;margin-top:48px}
.news-pagination a{color:var(--osnovnaBoja);padding:12px;border:1px solid #e4d5db;text-decoration:none}
.news-empty{text-align:center;background:#faf6f7;padding:60px 24px;line-height:1.6}
.news-empty h2{font-size:28px;margin:0 0 16px}
.news-article-heading{max-width:850px;margin:0 auto 36px;text-align:center}
.news-article-summary{font-size:20px;line-height:1.7;color:#62626a;overflow-wrap:anywhere;margin:24px 0 0}
.news-article-cover{display:block;width:100%;max-height:680px;object-fit:cover;margin:0 auto 48px}
.news-body{max-width:800px;margin:auto;font-size:18px;line-height:1.85;overflow-wrap:anywhere}
.news-body h2,.news-body h3,.news-body h4{line-height:1.3;margin:1.6em 0 .7em}
.news-body p{margin:0 0 1.3em}.news-body img{max-width:100%;height:auto;object-fit:contain}
.news-body a{color:var(--osnovnaBoja);text-decoration:underline}
.news-body blockquote{margin:28px 0;padding:16px 24px;border-left:3px solid var(--osnovnaBoja);background:#fcf3f6;font-style:italic}
.news-body figure{margin:32px 0}.news-body figcaption{font-size:14px;color:#777}
.news-body table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:15px}
.news-body th,.news-body td{border:1px solid #ddd;padding:10px;text-align:left;overflow-wrap:anywhere}
.news-back{max-width:800px;margin:40px auto 0;padding-top:20px;border-top:1px solid #ededed}
.news-related{margin-top:64px}.news-related>h2{font-size:28px;margin-bottom:28px}
.news-preview-notice{display:flex;flex-direction:column;gap:10px;background:#fff6e6;padding:20px;margin-bottom:32px;border:1px solid #ebd4aa;font-size:14px}
.news-preview-notice a{color:var(--osnovnaBoja)}
.news-page a:focus-visible{outline:2px solid var(--osnovnaBoja);outline-offset:4px}
@media(max-width:1100px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:600px){.news-page{padding-block:28px 48px}.news-grid{grid-template-columns:1fr}.news-heading{margin-bottom:28px}.news-heading nav,.news-breadcrumb{margin-bottom:28px}.news-card-content{padding:22px}.news-article-heading{text-align:left}.news-article-summary{font-size:18px}.news-body{font-size:16px;line-height:1.8}.news-article-cover{margin-bottom:28px}.news-body blockquote{padding:14px 18px}.news-related{margin-top:40px}}