/* Uses only the font stacks and core palette already defined by the pocoApoco theme. */
.poco-article-page{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;background:#fff;color:var(--ink,#132238)}
.poco-article-page h1,.poco-article-page h2,.poco-article-page h3,.poco-article-page p,.poco-article-page li,.poco-article-page a,.poco-article-page small,.poco-article-page strong{font-family:inherit;text-transform:none}
.poco-article-page .serif{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-style:italic;font-weight:500}
.poco-article-header{height:82px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,34,56,.08)!important;box-shadow:0 6px 35px rgba(20,34,56,.04)}
.poco-article-header .top-nav a{color:#46576a!important}
.poco-article-header .menu-toggle span{background:var(--navy,#283b54)!important;color:var(--navy,#283b54)!important}
.poco-article-main{padding-top:82px}
.poco-article-hero{padding:112px 0 86px}
.poco-article-hero-inner{max-width:1040px}
.poco-back-link{display:inline-block;margin-bottom:46px;color:var(--teal,#1eb4b4);font-size:13px;font-weight:800}
.poco-article-hero h1{font-size:clamp(48px,6vw,82px);line-height:.98;max-width:990px;margin-bottom:24px;font-weight:760;letter-spacing:-.048em;color:var(--ink,#132238)}
.poco-article-date{font-size:12px;color:#718092;margin:0 0 30px}
.poco-article-lead{font-size:20px;line-height:1.72;max-width:760px;margin:0;color:#65758a}
.poco-article-content-section{padding:92px 0 120px}
.poco-article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:100px;align-items:start}
.poco-article-body{font-size:17px;line-height:1.82;color:#46576a}
.poco-article-body p{font-size:17px;line-height:1.82;color:#46576a;margin:0 0 26px}
.poco-article-body h2{font-size:36px;line-height:1.08;letter-spacing:-.04em;color:var(--ink,#132238);margin:70px 0 24px;font-weight:710}
.poco-article-body h3{font-size:25px;line-height:1.16;letter-spacing:-.035em;color:var(--ink,#132238);margin:48px 0 18px;font-weight:710}
.poco-article-body ul{margin:0 0 30px;padding-left:24px}
.poco-article-body li{margin:0 0 12px;color:#46576a}
.poco-article-body strong{color:var(--ink,#132238)}
.poco-article-body a{color:var(--teal,#1eb4b4);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.poco-article-aside{position:relative}
.poco-article-aside-inner{position:sticky;top:120px;border-top:2px solid var(--navy,#283b54);padding-top:24px}
.poco-article-aside-inner small{display:block;font-size:10px;color:#728193;margin-bottom:24px}
.poco-article-aside-inner strong{display:block;font-size:23px;line-height:1.25;letter-spacing:-.03em;color:var(--ink,#132238);margin-bottom:30px}
.poco-blog-hero{padding:120px 0 86px}
.poco-blog-hero h1{font-size:clamp(56px,7vw,88px);line-height:.95;max-width:900px;margin-bottom:28px;font-weight:760;letter-spacing:-.048em;color:var(--ink,#132238)}
.poco-blog-grid-section{padding:80px 0 130px}
.poco-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 52px}
.poco-blog-card{border-top:2px solid var(--navy,#283b54);padding:24px 0 44px;min-height:360px;display:flex;flex-direction:column}
.poco-blog-card small{font-size:10px;color:#728193}
.poco-card-date{font-size:11px!important;color:#8794a1!important;margin:8px 0 34px!important}
.poco-blog-card h2{font-size:34px;line-height:1.08;letter-spacing:-.04em;margin:0 0 20px;color:var(--ink,#132238)}
.poco-blog-card>p:not(.poco-card-date){font-size:15px;line-height:1.7;color:#65758a;margin:0 0 28px}
.poco-read-more{margin-top:auto;font-size:13px;font-weight:820;color:var(--teal,#1eb4b4)}
.poco-article-mobile-nav{position:fixed;z-index:110;top:82px;left:0;right:0;background:#fff;border-bottom:1px solid #dde3e7;padding:18px 24px;display:none;gap:4px;box-shadow:0 18px 40px rgba(20,34,56,.08)}
.poco-article-mobile-nav.open{display:grid}
.poco-article-mobile-nav a{padding:12px 0;font-size:14px;font-weight:720;color:#46576a;border-bottom:1px solid #eef1f3}
@media(max-width:900px){
  .poco-article-header .top-nav{display:none}
  .poco-article-header .menu-toggle{display:block}
  .poco-article-layout{grid-template-columns:1fr;gap:58px}
  .poco-article-aside-inner{position:static}
  .poco-blog-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .poco-article-page .page-shell{width:min(100% - 36px,1180px)}
  .poco-article-header .header-inner{width:calc(100% - 28px)}
  .poco-article-header .brand{width:188px}
  .poco-article-hero{padding:78px 0 64px}
  .poco-back-link{margin-bottom:34px}
  .poco-article-hero h1{font-size:46px}
  .poco-article-lead{font-size:18px}
  .poco-article-content-section{padding:64px 0 82px}
  .poco-article-body h2{font-size:31px;margin-top:58px}
  .poco-article-body h3{font-size:23px;margin-top:42px}
  .poco-blog-hero{padding:82px 0 58px}
  .poco-blog-hero h1{font-size:48px}
  .poco-blog-grid-section{padding:58px 0 90px}
  .poco-blog-card h2{font-size:30px}
  .poco-article-page .closing-inner{align-items:flex-start;flex-direction:column}
  .poco-article-page .closing-inner p{font-size:27px}
  .poco-article-page .footer-inner{align-items:flex-start;flex-direction:column}
  .poco-article-page .footer-links{margin-left:0;flex-wrap:wrap}
}

/* v1.2 — zasebna blog stranica, ali vizualno dio istog pocoApoco ekosustava. */
.poco-article-page .site-header.scrolled{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-color:rgba(20,34,56,.08);box-shadow:0 6px 35px rgba(20,34,56,.06)}
.poco-article-page .site-header.scrolled .top-nav a{color:#46576a}
.poco-article-page .site-header.scrolled .header-cta{color:var(--navy,#283b54);border-color:rgba(40,59,84,.28)}
.poco-article-page .site-header.scrolled .menu-toggle span{color:var(--navy,#283b54)}
.poco-article-page .top-nav a.nav-blog[aria-current="page"]{color:var(--gold,#d89741)!important}
.poco-article-page .header-cta{text-decoration:none}
.poco-article-page .poco-article-main{padding-top:76px}
@media(max-width:1180px){
  .poco-article-page .mobile-nav{display:grid}
}
@media(max-width:700px){
  .poco-article-page .poco-article-main{padding-top:74px}
}

/* Archive guard: /hr/blog/ ostaje samostalna stranica s karticama članaka. */
.poco-blog-page .poco-blog-hero,.poco-blog-page .poco-blog-grid-section{display:block}
.poco-blog-page .poco-blog-grid{visibility:visible;opacity:1}