/* Osobne financije V2 — presentation layer, staging version 0.1
   Scoped to the OF homepage; does not modify Newspaper core files. */
:root{--of-ink:#0a1e2d;--of-petrol:#0b2d2b;--of-green:#0e8f6e;--of-mint:#a7e1c4;--of-coral:#ff6b5b;--of-pale:#eff8f4;--of-cream:#fff5f1;--of-line:#e4ece9}
body.home{overflow-x:hidden}
body.home .td-header-wrap,body.home .td-footer-wrapper,body.home #td-header-menu,body.home .td-sub-footer-container{display:none!important}
body.home .td-main-content-wrap{padding:0!important}
body.home .td-main-content-wrap>.td-container,body.home .td-main-content-wrap .td-container,body.home .td-main-page-wrap>.td-container{max-width:none!important;width:100%!important}
body.home .td-main-content-wrap .td-pb-row,body.home .td-main-content-wrap .td-pb-span12{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
body.home .td-main-content-wrap .td-page-content{padding:0!important}
body.home h1,body.home h2,body.home h3,body.home h4{letter-spacing:normal}
.ofv2-site{box-sizing:border-box;position:relative;left:50%;margin-left:-50vw;width:100vw;max-width:100vw;background:#fff;color:var(--of-ink);font:400 15px/1.5 Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.ofv2-site *{box-sizing:border-box}.ofv2-site a{color:inherit;text-decoration:none}.ofv2-site a:hover{color:var(--of-green)}.ofv2-site a:focus-visible,.ofv2-site button:focus-visible,.ofv2-site input:focus-visible{outline:3px solid var(--of-coral);outline-offset:3px}
.ofv2-skip{position:absolute;left:0;top:-80px;padding:12px;background:#fff;z-index:300}.ofv2-skip:focus{top:0}
.ofv2-header{width:100%;background:#fff;border-bottom:1px solid var(--of-line)}.ofv2-topbar{max-width:1440px;margin:auto;padding:12px 26px 8px;min-height:118px;display:flex;align-items:center;gap:28px}
.ofv2-brand{display:block;width:264px;min-width:220px}.ofv2-brand img{width:100%;height:auto;display:block}
.ofv2-search{height:40px;max-width:400px;width:32%;border:1px solid #e9edec;border-radius:50px;display:flex;align-items:center;background:#f6f8f7;margin:auto}
.ofv2-search input{background:none;border:0!important;outline:0!important;box-shadow:none!important;flex:1;min-width:0;font-size:13px;padding:10px 14px!important}
.ofv2-search button{font-size:25px;border:0;background:transparent;color:var(--of-ink);padding:0 15px;cursor:pointer}
.ofv2-topright{display:flex;gap:20px;align-items:center;margin-left:auto}.ofv2-topright>span{font-family:Georgia,serif;font-style:italic;font-size:18px;line-height:1.1;transform:rotate(-6deg);white-space:nowrap}
.ofv2-subscribe{background:var(--of-coral);border-radius:6px;color:#fff!important;padding:12px 17px;font-size:12px;font-weight:800;white-space:nowrap}.ofv2-subscribe:hover{background:#e94f44}
.ofv2-menu-button{display:none;border:0;background:none;width:40px;cursor:pointer;flex-direction:column;gap:5px;padding:10px}.ofv2-menu-button span{display:block;height:2px;width:23px;background:var(--of-ink)}
.ofv2-menu{min-height:46px;display:flex;align-items:stretch;justify-content:center;gap:0;border-top:1px solid var(--of-line);width:100%;padding:0 14px;overflow-x:auto}
.ofv2-menu a{font-size:12px;font-weight:700;padding:15px 13px;white-space:nowrap;border-bottom:3px solid transparent}.ofv2-menu a:hover,.ofv2-menu .ofv2-nav-home{color:var(--of-green);border-color:var(--of-green)}
.ofv2-site main{max-width:1450px;margin:0 auto;padding:16px 22px 46px}
.ofv2-intro{display:grid;grid-template-columns:2.1fr 1fr .95fr;gap:9px;height:393px}
.ofv2-hero{border-radius:8px;overflow:hidden;position:relative;background:linear-gradient(111deg,#082c2b 0%,#0c5046 54%,#249c82 100%);color:white;display:flex;align-items:center;isolation:isolate}
.ofv2-hero-photo{background-image:linear-gradient(88deg,rgba(0,22,26,.89),rgba(0,24,23,.2)),var(--ofv2-hero-image);background-size:cover;background-position:center}
.ofv2-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 95% 20%,rgba(169,232,196,.18),transparent 45%);z-index:-1}
.ofv2-hero-content{z-index:2;position:relative;width:76%;padding:35px 36px}
.ofv2-pill{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.04em;background:var(--of-mint);color:var(--of-petrol);border-radius:4px;padding:4px 8px;text-transform:uppercase}
.ofv2-hero h1{font:700 clamp(27px,2.8vw,43px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:#fff;margin:13px 0 15px}.ofv2-hero p{font-size:15px;line-height:1.5;color:#eff5f3;max-width:420px;margin:0 0 20px}
.ofv2-button{display:inline-flex;align-items:center;gap:12px;border-radius:6px;padding:11px 15px;font-size:12px;letter-spacing:.015em;font-weight:800;text-transform:uppercase}
.ofv2-coral{background:var(--of-coral);color:#fff!important}.ofv2-coral:hover{background:#ed5448;color:#fff!important}.ofv2-green{background:#064b42;color:#fff!important}.ofv2-green:hover{background:#0e6c5a;color:#fff!important}
.ofv2-leaves{position:absolute;right:-18px;bottom:0;display:flex;gap:14px;align-items:flex-end;opacity:.46;transform:rotate(-9deg)}.ofv2-leaves i{display:block;width:60px;height:125px;border-radius:80% 0 60% 0;background:#a7e1c4}.ofv2-leaves i:nth-child(2){height:205px;background:#3ec4a1}.ofv2-leaves i:nth-child(3){height:300px;background:#7dd8bb}
.ofv2-hero-side{display:grid;grid-template-rows:repeat(3,1fr);gap:8px}.ofv2-hero-side-card{background:#f4f7f7;border-radius:7px;padding:14px 17px;display:flex;flex-direction:column;justify-content:center;gap:5px;transition:background .15s}.ofv2-hero-side-card:hover{background:#e9f6ef}
.ofv2-kicker{display:inline-block;color:#0b795e;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.03em}
.ofv2-hero-side-card strong{font:700 18px/1.18 Georgia,serif;color:var(--of-ink)}.ofv2-hero-side-card small{font-size:10px;color:#7b8b88}
.ofv2-promo{border-radius:8px;padding:20px 20px 0;background:linear-gradient(155deg,#e3f5ed,#f6fff8);overflow:hidden;position:relative}
.ofv2-promo h2{font:700 26px/1.13 Georgia,serif;color:var(--of-petrol);margin:12px 0 7px}
.ofv2-promo p{font-size:13px;color:#476863;margin:0 0 15px}
.ofv2-calculator-mark{position:absolute;bottom:-52px;right:12px;width:150px;height:196px;background:#063d35;color:#bcebd6;font:700 36px/1 Arial,sans-serif;border:8px solid #0c6855;border-radius:18px;transform:rotate(13deg);box-shadow:14px 13px 0 rgba(11,45,43,.09);padding:45px 13px 12px;display:grid;grid-template-columns:1fr 1fr;gap:2px;text-align:center}
.ofv2-calculator-mark span{font-size:30px}
.ofv2-discovery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:23px;padding:0 0 23px;border-bottom:1px solid var(--of-line)}
.ofv2-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px}
.ofv2-section-head h2{font:700 23px/1.1 Georgia,serif;margin:0;color:var(--of-ink)}.ofv2-section-head span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;color:#17644e}
.ofv2-discover-panel:first-child{padding-right:16px;border-right:1px solid var(--of-line)}
.ofv2-topic-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.ofv2-tile{min-height:107px;border-radius:7px;padding:10px 5px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:11px;font-weight:700;line-height:1.25}
.ofv2-topic-tile{background:#edf8f4;color:var(--of-ink)!important}.ofv2-topic-tile:hover{background:#d0f2e5}
.ofv2-life-tile{background:#fff1ed;color:var(--of-ink)!important}.ofv2-life-tile:hover{background:#ffddd4}
.ofv2-icon{font-family:Arial,sans-serif;font-size:25px;color:#085243;line-height:1}.ofv2-icon-house:before{content:"⌂"}.ofv2-icon-growth:before{content:"↗"}.ofv2-icon-shield:before{content:"◇"}.ofv2-icon-umbrella:before{content:"☂"}.ofv2-icon-receipt:before{content:"▤"}
.ofv2-icon{font-size:0}.ofv2-icon:before{content:"▣";font-size:27px}.ofv2-icon-house:before{content:"⌂"}.ofv2-icon-growth:before{content:"↗"}.ofv2-icon-shield:before{content:"⬡"}.ofv2-icon-umbrella:before{content:"☂"}.ofv2-icon-receipt:before{content:"▤"}
.ofv2-life-number{font-size:23px;color:var(--of-coral);font-weight:900;font-style:italic}
.ofv2-lower{display:grid;grid-template-columns:1.65fr .8fr .75fr;gap:22px;margin-top:24px}
.ofv2-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ofv2-article{overflow:hidden;min-width:0}.ofv2-article-picture{display:block;aspect-ratio:1.42;overflow:hidden;border-radius:6px;background:#d8eee5}
.ofv2-article-picture img{width:100%;height:100%;object-fit:cover}.ofv2-no-image{display:flex;align-items:center;justify-content:center}
.ofv2-placeholder-symbol{font-size:65px;color:#07715c}.ofv2-article-copy{padding:7px 3px}.ofv2-article h3{font:700 16px/1.21 Georgia,serif;margin:6px 0;color:var(--of-ink)}
.ofv2-article p{font-size:12px;color:#667774;margin:7px 0}.ofv2-article time{font-size:10px;color:#9caaa6}
.ofv2-initial-article{background:linear-gradient(160deg,#edf6f3,#f9faf8);border-radius:8px;min-height:244px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end}
.ofv2-initial-article:nth-child(2){background:linear-gradient(160deg,#fef0e9,#f9f6f4)}.ofv2-initial-article:nth-child(3){background:linear-gradient(160deg,#ecf8f5,#d2eee4)}
.ofv2-initial-article span{font-size:10px;color:#08725b;font-weight:800;letter-spacing:.06em}.ofv2-initial-article h3{font:700 19px/1.2 Georgia,serif;margin:9px 0;color:var(--of-ink)}.ofv2-initial-article p{font-size:12px;color:#4e635d;margin:0}
.ofv2-school{padding-left:5px}.ofv2-school-card{background:linear-gradient(147deg,#d7f3e8,#f3f9ef);border-radius:8px;padding:20px 17px;min-height:325px}
.ofv2-school-card h3{font:700 25px/1.15 Georgia,serif;margin:13px 0;color:#123a34}.ofv2-school-card p{font-size:12px;margin:0 0 10px}
.ofv2-school-card ol{margin:16px 0 0;padding:0;counter-reset:ol;list-style:none}.ofv2-school-card li{border-top:1px solid rgba(13,70,55,.16);padding:10px 0;font-size:12px;display:flex;gap:9px}.ofv2-school-card li:before{counter-increment:ol;content:counter(ol);border-radius:50%;background:#91d6af;width:20px;height:20px;text-align:center;flex-shrink:0;font-weight:800}
.ofv2-special{border-left:1px solid var(--of-line);padding-left:15px}.ofv2-generation{display:block;background:#f3f5f4;border-radius:8px;margin-bottom:9px;padding:13px}.ofv2-generation:hover{background:#e9f5ef}
.ofv2-generation span{font-size:10px;letter-spacing:.05em;font-weight:900;color:#0d8463}.ofv2-generation strong{display:block;font:700 17px/1.2 Georgia,serif;margin:8px 0}.ofv2-generation small{display:block;color:#61716c}
.ofv2-strap{margin-top:12px;border-radius:8px;padding:22px;color:white;font:700 23px/1.25 Georgia,serif;background:linear-gradient(145deg,#063b33,#0d7f62)}
.ofv2-footer{background:var(--of-petrol);color:#fff;padding:48px max(22px,calc((100vw - 1400px)/2 + 20px)) 22px}.ofv2-footer-grid{max-width:1400px;display:grid;grid-template-columns:2fr .9fr .9fr 1.6fr;gap:35px;margin:auto}
.ofv2-footer-title{font:bold 29px/1.2 Arial,sans-serif;color:#e0fff1}.ofv2-footer h3{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--of-mint);margin:8px 0 18px}
.ofv2-footer p,.ofv2-footer li{font-size:13px;line-height:1.7;color:#d9e8e1}.ofv2-footer ul{list-style:none;padding:0;margin:0}.ofv2-footer li{margin:7px 0}.ofv2-footer a:hover{color:var(--of-mint)}
.ofv2-network-logo{width:195px;max-width:100%;background:#fff;border-radius:4px;padding:10px;margin-top:5px}.ofv2-footer-bottom{max-width:1400px;margin:30px auto 0;border-top:1px solid #416058;padding-top:19px;display:flex;gap:20px;justify-content:space-between;color:#bed5ce;font-size:11px}
@media(max-width:1200px){.ofv2-topbar{gap:14px}.ofv2-topright>span{display:none}.ofv2-menu a{padding:14px 9px;font-size:11px}.ofv2-intro{grid-template-columns:1.7fr 1fr .85fr}.ofv2-lower{grid-template-columns:1.35fr .8fr}.ofv2-special{grid-column:1/-1;border-left:0;padding-left:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.ofv2-special .ofv2-section-head{grid-column:1/-1}.ofv2-strap{margin:0}}
@media(max-width:960px){.ofv2-intro{height:auto;grid-template-columns:2fr 1fr}.ofv2-hero{min-height:390px}.ofv2-hero-side{grid-template-rows:repeat(3,1fr)}.ofv2-promo{grid-column:1/-1;min-height:175px}.ofv2-calculator-mark{right:35px}.ofv2-discovery{grid-template-columns:1fr}.ofv2-discover-panel:first-child{border-right:0;padding:0}.ofv2-menu{justify-content:flex-start}.ofv2-lower{grid-template-columns:1fr 1fr}.ofv2-special{grid-template-columns:1fr 1fr 1fr}.ofv2-footer-grid{grid-template-columns:1.2fr 1fr;row-gap:22px}}
@media(max-width:720px){.ofv2-topbar{min-height:73px;padding:6px 15px;gap:12px}.ofv2-brand{min-width:0;width:158px}.ofv2-search,.ofv2-topright{display:none}.ofv2-menu-button{display:flex;margin-left:auto}.ofv2-menu{display:none;padding:0 13px 13px;flex-direction:column;align-items:stretch}.ofv2-menu.is-open{display:flex}.ofv2-menu a{padding:10px;border-bottom:1px solid #edf1ef}.ofv2-site main{padding:10px 12px 28px}.ofv2-intro{display:flex;flex-direction:column;gap:8px}.ofv2-hero{min-height:420px}.ofv2-hero-content{width:96%;padding:32px 25px}.ofv2-hero h1{font-size:37px}.ofv2-hero-side{display:grid;grid-template-columns:1fr;gap:7px}.ofv2-hero-side-card{min-height:98px}.ofv2-promo{min-height:190px}.ofv2-promo h2{font-size:25px}.ofv2-calculator-mark{right:20px}.ofv2-discovery{margin-top:17px;gap:16px;padding-bottom:18px}.ofv2-section-head h2{font-size:21px}.ofv2-topic-grid{grid-template-columns:repeat(3,1fr);gap:6px}.ofv2-tile{min-height:93px;font-size:11px}.ofv2-lower{display:flex;flex-direction:column;gap:25px;margin-top:20px}.ofv2-article-grid{grid-template-columns:1fr 1fr}.ofv2-initial-article{min-height:220px}.ofv2-initial-article:nth-child(3){grid-column:1/-1;min-height:160px}.ofv2-school{padding-left:0}.ofv2-special{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.ofv2-special .ofv2-section-head{grid-column:1/-1}.ofv2-special .ofv2-strap{grid-column:1/-1}.ofv2-footer{padding:37px 20px 20px}.ofv2-footer-grid{grid-template-columns:1fr 1fr;gap:20px}.ofv2-footer-grid>div:first-child,.ofv2-footer-grid>div:last-child{grid-column:1/-1}.ofv2-footer-bottom{display:flex;flex-direction:column;gap:6px}}
@media(max-width:420px){.ofv2-brand{width:143px}.ofv2-hero{min-height:390px}.ofv2-hero h1{font-size:33px}.ofv2-hero p{font-size:14px}.ofv2-hero-content{padding:24px 19px}.ofv2-article-grid{grid-template-columns:1fr}.ofv2-initial-article,.ofv2-initial-article:nth-child(3){min-height:155px;grid-column:auto}.ofv2-topic-grid{grid-template-columns:repeat(3,1fr)}.ofv2-footer-grid{grid-template-columns:1fr}}


/* OF V2 QA #1 — Newspaper full-width page integration and contrast, 2026-10-12 */
body.home .td-main-content-wrap,
body.home .td-main-content-wrap .td-container,
body.home .td-main-content-wrap .td-pb-row,
body.home .td-main-content-wrap .td-ss-main-content,
body.home .td-main-content-wrap .td-pb-span8.td-main-content,
body.home .td-main-content-wrap .td-page-content.tagdiv-type {
  width:100%!important;max-width:100%!important;
}
body.home .td-main-content-wrap .td-pb-span8.td-main-content {
  float:none!important;margin:0!important;padding:0!important;
}
body.home .td-main-content-wrap .td-pb-span4,
body.home .td-main-content-wrap .td-crumb-container,
body.home .td-main-content-wrap .td-page-header {display:none!important}
body.home .td-main-content-wrap .td-container,
body.home .td-main-content-wrap .td-pb-row,
body.home .td-main-content-wrap .td-page-content.tagdiv-type{
  margin:0!important;padding:0!important;
}
body.home .ofv2-site {
  position:relative!important;left:auto!important;margin-left:0!important;
  width:100%!important;max-width:100%!important;
}
html,body.home{max-width:100%;overflow-x:clip}
body.home .ofv2-site .ofv2-hero .ofv2-hero-content h1,
body.home .ofv2-site .ofv2-hero .ofv2-hero-content p {color:#fff!important}
body.home .ofv2-site .ofv2-footer,
body.home .ofv2-site .ofv2-footer a,
body.home .ofv2-site .ofv2-footer .ofv2-footer-title {color:#fff!important}
body.home .ofv2-site .ofv2-footer h3 {color:#a7e1c4!important}
body.home .ofv2-site .ofv2-footer p,
body.home .ofv2-site .ofv2-footer li,
body.home .ofv2-site .ofv2-footer li a {color:#e0eee7!important}
body.home .ofv2-site .ofv2-footer-bottom{color:#c8dbd3!important}
body.home .ofv2-site .ofv2-hero-side-card strong {color:#0a1e2d!important}
body.home .ofv2-site .ofv2-discover-panel h2,
body.home .ofv2-site .ofv2-section-head h2,
body.home .ofv2-site .ofv2-article h3,
body.home .ofv2-site .ofv2-school h3,
body.home .ofv2-site .ofv2-generation strong {color:#0a1e2d!important}
body.home .ofv2-site .ofv2-strap{color:#fff!important}
@media(max-width:720px) {
  body.home .ofv2-site .ofv2-topbar{padding:8px 16px!important}
  body.home .ofv2-site .ofv2-menu{width:100%!important}
}


/* OF V2 footer v0.1.2 — network standard; editorial links and legal pages */
body.page:not(.home) .ofv2-footer {
  position:relative;left:50%;margin-left:-50vw;width:100vw;max-width:100vw;
}
body.page:not(.home) .td-footer-wrapper,
body.page:not(.home) .td-sub-footer-container { display:none!important; }
.ofv2-footer-grid{grid-template-columns:1.65fr .85fr 1fr 1.3fr;gap:clamp(16px,3vw,46px)}
.ofv2-footer-slogan{font-weight:700;color:#a7e1c4!important}
.ofv2-footer .ofv2-footer-links ul{list-style:none;padding:0;margin:0}
.ofv2-footer .ofv2-footer-links li{list-style:none;padding:0;margin:8px 0}
.ofv2-footer .ofv2-footer-links a{font-size:13px;line-height:1.6;color:#e0eee7}
.ofv2-footer .ofv2-footer-network a{display:inline-block}
.ofv2-footer .ofv2-footer-network p{font-size:12px;margin:6px 0}
.ofv2-footer .ofv2-network-logo{
  width:min(100%,255px);height:auto;object-fit:contain;
  padding:0!important;margin:3px 0 0!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;
}
@media(max-width:960px){.ofv2-footer-grid{grid-template-columns:1fr 1fr;gap:25px}}
@media(max-width:650px){.ofv2-footer-grid{grid-template-columns:1fr 1fr;gap:18px}.ofv2-footer-grid .ofv2-footer-intro,.ofv2-footer-grid .ofv2-footer-network{grid-column:1/-1}}

/* OF homepage photo-led news module v0.1.4 */
.ofv2-latest-wide{margin:32px 0 0;padding-top:22px;border-top:1px solid #e4ece9}
.ofv2-latest-wide .ofv2-section-head h2{font-size:28px}
.ofv2-news-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}
.ofv2-news-lead{display:grid;grid-template-columns:52% 48%;min-height:365px;border-radius:8px;overflow:hidden;background:#f0f7f3}
.ofv2-news-lead-picture{display:block;min-height:365px;background:#d8e8de;overflow:hidden}
.ofv2-news-lead-picture img,.ofv2-news-small-picture img,.ofv2-side-picture img{width:100%;height:100%;object-fit:cover;display:block}
.ofv2-news-lead-text{padding:24px;align-self:center}
.ofv2-news-lead h3{font:700 31px/1.12 Georgia,serif;color:#0a1e2d;margin:12px 0}
.ofv2-news-lead p{font-size:13px;line-height:1.55;color:#59716a;margin-bottom:16px}
.ofv2-read-more{font-size:12px;font-weight:800;color:#0b715a!important}
.ofv2-news-side{display:grid;grid-template-rows:repeat(3,1fr);gap:10px}
.ofv2-news-small{display:grid;grid-template-columns:36% 64%;border-radius:8px;overflow:hidden;background:#f8faf9}
.ofv2-news-small-picture{background:#dceee6;display:block;overflow:hidden}
.ofv2-news-small>div{padding:12px;align-self:center}
.ofv2-news-small h3{font:700 18px/1.2 Georgia,serif;color:#0a1e2d;margin:6px 0}
.ofv2-news-small p{font-size:11px;line-height:1.4;color:#6b7f77;margin:5px 0}
.ofv2-news-more{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;padding-top:13px;border-top:1px solid #e4ece9}
.ofv2-news-more a{display:flex;justify-content:space-between;gap:10px;color:#0a1e2d;font:bold 15px/1.24 Georgia,serif}
.ofv2-news-more span{color:#0e8f6e}
.ofv2-news-not-ready{padding:35px;border-radius:8px;background:#f1f8f4}
.ofv2-news-not-ready strong{font:bold 26px Georgia,serif;color:#0a1e2d}
.ofv2-news-not-ready p{font-size:14px;max-width:680px}
.ofv2-below-editorial{display:grid;grid-template-columns:1.35fr .85fr;gap:24px;margin-top:35px;padding-top:22px;border-top:1px solid #e4ece9}
.ofv2-generations-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ofv2-generations-grid .ofv2-generation{padding:22px;min-height:144px;background:#f2f8f4}
.ofv2-generations-grid .ofv2-generation:nth-child(2){background:#fff1eb}
.ofv2-generations-grid .ofv2-generation strong{font-size:21px}
.ofv2-below-editorial .ofv2-strap{margin-top:12px}
.ofv2-below-editorial .ofv2-school{border-left:1px solid #e4ece9;padding-left:22px}
.ofv2-below-editorial .ofv2-school-card{min-height:260px}

/* OF photo-led preview: hero teasers and responsive rules */
.ofv2-site .ofv2-hero-side-card.ofv2-side-editorial{display:grid;grid-template-columns:38% 62%;padding:0;overflow:hidden;align-items:stretch;gap:0}
.ofv2-side-picture{display:block;min-height:90px;background:#d7e8e0;overflow:hidden}
.ofv2-side-text{padding:12px;display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:0}
.ofv2-site .ofv2-side-text strong{font:700 17px/1.18 Georgia,serif;color:#0a1e2d}
@media(max-width:1024px){
.ofv2-news-layout{grid-template-columns:1fr}
.ofv2-news-lead{min-height:320px}
.ofv2-news-lead-picture{min-height:320px}
.ofv2-news-side{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}
.ofv2-news-small{display:flex;flex-direction:column}
.ofv2-news-small-picture{aspect-ratio:1.6}
.ofv2-news-small>div{padding:12px}
.ofv2-news-small h3{font-size:16px}
.ofv2-news-small p{display:none}
.ofv2-below-editorial{grid-template-columns:1fr}
.ofv2-below-editorial .ofv2-school{border:0;padding:0}
}
@media(max-width:720px){
.ofv2-latest-wide{margin-top:22px}
.ofv2-news-lead{display:flex;flex-direction:column;min-height:0}
.ofv2-news-lead-picture{min-height:0;aspect-ratio:1.6}
.ofv2-news-lead h3{font-size:29px}
.ofv2-news-side{grid-template-columns:1fr}
.ofv2-news-small{display:grid;grid-template-columns:35% 65%;min-height:100px}
.ofv2-news-small-picture{aspect-ratio:auto}
.ofv2-news-small h3{font-size:17px}
.ofv2-news-more{grid-template-columns:1fr}
.ofv2-news-more a{padding:10px 0;border-bottom:1px solid #e4ece9}
.ofv2-generations-grid{grid-template-columns:1fr}
.ofv2-below-editorial{margin-top:26px}
}


/* OF V2 — Novac iz drugog kuta, compact editorial teaser: readability QA */
.ofv2-below-editorial .ofv2-curiosity {
  min-height:216px;
  margin-top:13px;
  padding:25px 28px 24px;
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-radius:9px;
  color:#fff;
  background:linear-gradient(115deg,#0a342f 0%,#0c624f 76%,#0c7c60 100%);
}
.ofv2-site .ofv2-curiosity-text {position:relative;z-index:1;max-width:88%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:0}
body.home .ofv2-site .ofv2-curiosity-eyebrow {display:flex;align-items:center;gap:9px;color:#d6f8e9!important;font-size:11px;letter-spacing:.11em;font-weight:850;margin-bottom:13px}
.ofv2-curiosity-dot {display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff6b5b;box-shadow:0 0 0 4px rgba(255,107,91,.14);flex:none}
body.home .ofv2-site .ofv2-below-editorial .ofv2-curiosity h3 {font:700 clamp(23px,1.9vw,30px)/1.16 Georgia,serif!important;color:#fff!important;margin:0 0 13px!important;text-shadow:none}
body.home .ofv2-site .ofv2-below-editorial .ofv2-curiosity h3 a {color:#fff!important}
body.home .ofv2-site .ofv2-below-editorial .ofv2-curiosity h3 a:hover {color:#c6f6df!important}
body.home .ofv2-site .ofv2-below-editorial .ofv2-curiosity p {font-size:14px!important;line-height:1.48!important;color:#ebfbf2!important;margin:0 0 15px!important}
body.home .ofv2-site .ofv2-curiosity-action {display:inline-flex;align-items:center;gap:8px;font-weight:850;font-size:12px;color:#c9f8df!important}
body.home .ofv2-site .ofv2-curiosity-action:hover {color:#fff!important}
.ofv2-curiosity-await {color:#c9f8df;font-size:12px;font-weight:750}
.ofv2-curiosity-motif {position:absolute;z-index:0;right:20px;top:-25px;font:900 205px/1 Georgia,serif;color:rgba(175,240,208,.085);transform:rotate(-12deg);user-select:none;pointer-events:none}
@media(max-width:720px) {
 .ofv2-below-editorial .ofv2-curiosity {min-height:200px;padding:23px 22px}
 .ofv2-site .ofv2-curiosity-text {max-width:92%}
 body.home .ofv2-site .ofv2-below-editorial .ofv2-curiosity h3 {font-size:23px!important}
 .ofv2-curiosity-motif {font-size:160px;right:6px;top:-6px}
}


/* OF V2 nav-and-school QA 0.2.2 — visual adjustments awaiting user review */

/* Navigation only: test uppercase typography, do not change the brand wordmark. */
.ofv2-site .ofv2-menu a {
  text-transform:uppercase;
  letter-spacing:.045em;
  font-weight:800;
  font-size:10.5px;
  padding-left:10px;
  padding-right:10px;
}

/* Life stages need their own visual language, distinct from topic icons. */
.ofv2-site .ofv2-life-number {
  font-family:Arial,Helvetica,sans-serif;
  font-style:normal;
  font-size:25px;
  font-weight:800;
  line-height:1.05;
  letter-spacing:-.035em;
  color:#ff6254;
}

/* Make the school block extend to the bottom of the left column. */
body.home .ofv2-site .ofv2-below-editorial {
  align-items:stretch;
}
body.home .ofv2-site .ofv2-below-editorial .ofv2-school {
  display:flex;
  flex-direction:column;
  min-height:0;
}
body.home .ofv2-site .ofv2-below-editorial .ofv2-school > .ofv2-section-head {
  flex-shrink:0;
}
body.home .ofv2-site .ofv2-below-editorial .ofv2-school-card {
  flex:1 1 auto;
  min-height:300px;
  display:flex;
  flex-direction:column;
  padding:23px 24px 24px;
}
body.home .ofv2-site .ofv2-school-card h3 {
  font-size:28px;
  margin:16px 0 12px;
}
body.home .ofv2-site .ofv2-school-card > p {
  font-size:13.5px;
  line-height:1.55;
  color:#244a3e;
  margin:0 0 14px;
}
body.home .ofv2-site .ofv2-school-card ol {
  margin-top:15px;
  display:flex;
  flex-direction:column;
  justify-content:space-evenly;
  flex:1 1 auto;
  padding:0;
}
body.home .ofv2-site .ofv2-school-card li {
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 0;
  font-size:14px;
  font-weight:600;
  line-height:1.4;
  color:#173e32;
}
body.home .ofv2-site .ofv2-school-card li:before {
  width:27px;
  height:27px;
  min-width:27px;
  line-height:27px;
  font-size:14px;
  font-weight:800;
  background:#8fd6af;
  color:#073f32;
}

/* The mobile menu has more room vertically; avoid cramped labels. */
@media(max-width:1200px) {
  .ofv2-site .ofv2-menu a {
    font-size:10px;
    letter-spacing:.025em;
    padding-left:7px;
    padding-right:7px;
  }
}
@media(max-width:1024px) {
  body.home .ofv2-site .ofv2-below-editorial .ofv2-school {
    border-left:0;
    padding-left:0;
  }
  body.home .ofv2-site .ofv2-below-editorial .ofv2-school-card {
    min-height:320px;
  }
}
@media(max-width:720px) {
  .ofv2-site .ofv2-menu a {
    font-size:12px;
    letter-spacing:.04em;
    padding:12px 10px;
  }
  .ofv2-site .ofv2-life-number {font-size:23px}
  body.home .ofv2-site .ofv2-school-card h3 {font-size:26px}
  body.home .ofv2-site .ofv2-school-card li {
    font-size:13.5px;
    padding:13px 0;
  }
}