/*
 * OF V2 – Najnovije compact editorial layout, QA iteration 2026-10-12.
 * Purposefully scoped to one homepage section. Footer, nav and hero untouched.
 * Older layout rules from of.css are overridden here.
 */
.ofv2-site .ofv2-latest-wide {
  margin-top:26px;
  padding-top:20px;
}
.ofv2-site .ofv2-latest-wide .ofv2-section-head h2 {
  font-size:27px;
}
.ofv2-site .ofv2-news-layout {
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);
  align-items:start;
  gap:14px;
}
.ofv2-site .ofv2-news-lead {
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  height:auto;
  overflow:hidden;
  background:#fff;
  border:1px solid #e4ece9;
  border-radius:8px;
}
.ofv2-site .ofv2-news-lead-picture {
  display:block;
  position:relative;
  width:100%;
  height:242px;
  min-height:0;
  flex:none;
  aspect-ratio:auto;
  overflow:hidden;
  background:#e8f2ed;
}
.ofv2-site .ofv2-news-lead-picture img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 39%;
}
.ofv2-site .ofv2-news-lead-text {
  min-height:0;
  padding:13px 17px 15px;
  align-self:stretch;
  background:#fff;
}
.ofv2-site .ofv2-news-lead h3 {
  font:700 clamp(21px,1.7vw,26px)/1.17 Georgia,serif;
  margin:5px 0 6px;
  color:#0a1e2d;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.ofv2-site .ofv2-news-lead p {
  color:#60746e;
  font-size:12px;
  line-height:1.45;
  margin:0 0 6px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.ofv2-site .ofv2-read-more {
  display:inline-block;
  margin-top:2px;
  font-size:11px;
  font-weight:800;
}
.ofv2-site .ofv2-news-side {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:repeat(3,119px);
  align-items:start;
  gap:10px;
}
.ofv2-site .ofv2-news-small {
  display:grid;
  grid-template-columns:35% minmax(0,1fr);
  min-width:0;
  height:119px;
  min-height:0;
  border-radius:8px;
  border:1px solid #e4ece9;
  background:#fff;
  overflow:hidden;
}
.ofv2-site .ofv2-news-small-picture {
  display:block;
  width:100%;
  height:119px;
  min-height:0;
  aspect-ratio:auto;
  overflow:hidden;
  background:#e8f2ed;
}
.ofv2-site .ofv2-news-small-picture img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.ofv2-site .ofv2-news-small>div {
  min-width:0;
  padding:9px 12px;
  align-self:center;
}
.ofv2-site .ofv2-news-small h3 {
  font:700 clamp(15px,1.15vw,18px)/1.21 Georgia,serif;
  color:#0a1e2d;
  margin:4px 0 0;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
}
.ofv2-site .ofv2-news-small p {display:none}
.ofv2-site .ofv2-news-more {
  margin-top:12px;
  padding-top:12px;
}
.ofv2-site .ofv2-news-more a {
  font:700 13px/1.32 Georgia,serif;
}
@media (max-width:1100px) {
  .ofv2-site .ofv2-news-layout {
    grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);
    gap:12px;
  }
  .ofv2-site .ofv2-news-lead-picture {height:220px}
  .ofv2-site .ofv2-news-side {grid-template-rows:repeat(3,114px);gap:8px}
  .ofv2-site .ofv2-news-small,.ofv2-site .ofv2-news-small-picture{height:114px}
}
@media (max-width:790px) {
  .ofv2-site .ofv2-news-layout {grid-template-columns:1fr;gap:12px}
  .ofv2-site .ofv2-news-lead-picture {height:auto;aspect-ratio:16/9}
  .ofv2-site .ofv2-news-lead h3 {font-size:25px}
  .ofv2-site .ofv2-news-side {grid-template-rows:repeat(3,115px);gap:8px}
  .ofv2-site .ofv2-news-small,.ofv2-site .ofv2-news-small-picture{height:115px}
  .ofv2-site .ofv2-news-small{grid-template-columns:35% minmax(0,1fr)}
  .ofv2-site .ofv2-news-small h3 {font-size:17px}
}
@media (max-width:470px) {
  .ofv2-site .ofv2-latest-wide .ofv2-section-head h2{font-size:24px}
  .ofv2-site .ofv2-news-lead-picture {aspect-ratio:1.55}
  .ofv2-site .ofv2-news-lead-text {padding:12px 13px 14px}
  .ofv2-site .ofv2-news-lead h3 {font-size:23px}
  .ofv2-site .ofv2-news-small{grid-template-columns:37% minmax(0,1fr)}
  .ofv2-site .ofv2-news-small>div{padding:8px 10px}
  .ofv2-site .ofv2-news-small h3{font-size:15px;line-height:1.18}
  .ofv2-site .ofv2-news-more{grid-template-columns:1fr}
}