/* Moonya blog (28.10.2026): vodiči za SEO i AI pretragu. Koristi landing-v3.css (UI3 tokeni, zaglavlje, futer,
   dugmad, cookie traka) i dodaje samo izgled članka: uska kolona za čitanje, okvir „Key takeaways", FAQ i CTA.
   Komponente prate /vs/ stranice (cmp-answer, cmp-faq, cmp-cta) prevedene na UI3 tokene. */
.bl-hero{padding-block:clamp(28px,5vw,64px) clamp(20px,3vw,36px)}
.bl-hero .lp-wrap{display:grid;gap:14px;justify-items:start}
.bl-hero h1{font-size:clamp(32px,4vw,54px);font-weight:900;letter-spacing:-.04em;line-height:1.04;max-width:22ch}
.bl-lead{font-size:clamp(17px,1.4vw,20px);max-width:60ch;color:var(--u-text)}
.bl-crumb{font-size:14px;color:var(--u-muted)}
.bl-crumb a{color:var(--u-ink);text-decoration:none;font-weight:600}
.bl-crumb a:hover{text-decoration:underline}
.bl-meta{font-size:14px;color:var(--u-muted);font-weight:600}

.bl-body{padding-bottom:var(--lp-sec-half)}
.bl-article{max-width:760px;margin:0 auto}
.bl-article h2{font-size:clamp(25px,2.4vw,32px);margin:46px 0 14px}
.bl-article h3{font-size:clamp(19px,1.6vw,22px);letter-spacing:-.02em;margin:30px 0 10px}
.bl-article p{margin:0 0 16px;line-height:1.7}
.bl-article ul,.bl-article ol{margin:0 0 18px;padding-left:22px;display:grid;gap:8px;line-height:1.65}
.bl-article a{color:var(--u-ink);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.bl-article a:hover{color:var(--u-muted)}
.bl-article strong{color:var(--u-ink)}
.bl-article table{width:100%;border-collapse:collapse;font-size:15.5px}
.bl-table{overflow-x:auto;margin:0 0 20px;border-radius:var(--u-r-md);background:var(--u-white);box-shadow:var(--u-shadow)}
.bl-table th,.bl-table td{text-align:left;vertical-align:top;padding:13px 16px;border-bottom:1px solid var(--u-canvas)}
.bl-table thead th{font-size:12.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--u-muted);background:var(--u-card)}
.bl-table tbody tr:last-child td{border-bottom:0}
.bl-table td:first-child{font-weight:700;color:var(--u-ink);white-space:nowrap}

.bl-takeaways{background:var(--u-white);border-radius:var(--u-r-lg);padding:24px 26px;box-shadow:var(--u-shadow);margin:0 0 30px}
.bl-takeaways strong{display:block;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--u-muted);margin-bottom:10px}
.bl-takeaways ul{margin:0;padding-left:20px}

.bl-toc{background:var(--u-card);border:1px solid var(--u-line);border-radius:var(--u-r-md);padding:18px 22px;margin:0 0 10px}
.bl-toc strong{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--u-muted);margin-bottom:8px}
.bl-toc ol{margin:0;gap:4px}
.bl-toc a{font-weight:600;text-decoration:none}
.bl-toc a:hover{text-decoration:underline}

.bl-note{background:var(--u-blue-soft);border-radius:var(--u-r-md);padding:18px 22px;margin:0 0 20px}
.bl-note p:last-child{margin-bottom:0}

.bl-moonya{background:var(--u-night);color:var(--u-night-text);border-radius:var(--u-r-lg);padding:26px 28px;margin:30px 0}
.bl-moonya h2,.bl-moonya h3,.bl-moonya strong{color:#fff}
.bl-moonya h2{margin-top:0}
.bl-moonya a{color:#fff}
.bl-moonya a:hover{color:var(--u-night-muted)}
.bl-moonya p:last-child,.bl-moonya ul:last-child{margin-bottom:0}

.bl-faq{display:grid;gap:12px;margin-top:8px}
.bl-faq details{background:var(--u-white);border-radius:var(--u-r-md);padding:16px 20px;box-shadow:var(--u-shadow)}
.bl-faq summary{cursor:pointer;font-weight:800;color:var(--u-ink);list-style:none;display:flex;justify-content:space-between;gap:16px}
.bl-faq summary::-webkit-details-marker{display:none}
.bl-faq summary::after{content:"+";flex:none;color:var(--u-muted);font-weight:800}
.bl-faq details[open] summary::after{content:"\2013"}
.bl-faq details p{margin:12px 0 0}

.bl-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:8px}
.bl-card{display:grid;gap:8px;align-content:start;background:var(--u-white);border-radius:var(--u-r-lg);padding:22px 24px;box-shadow:var(--u-shadow);text-decoration:none;color:var(--u-text);transition:transform .2s var(--ease)}
.bl-card:hover{transform:translateY(-2px)}
.bl-card h2,.bl-card h3{font-size:21px;letter-spacing:-.02em;margin:0}
.bl-card p{margin:0;line-height:1.6}
.bl-card .bl-meta{font-size:13px}
.bl-card .bl-more{font-weight:800;color:var(--u-ink)}
.bl-list{display:grid;gap:16px;max-width:860px}
.bl-list .bl-card h2,.bl-list .bl-card h3{font-size:clamp(22px,2vw,27px)}

.bl-cta{text-align:center;padding-block:var(--lp-sec-half) var(--lp-sec)}
.bl-cta-inner{display:grid;gap:14px;justify-items:center;background:var(--u-night);color:var(--u-night-text);border-radius:var(--u-r-xl);padding:clamp(32px,5vw,56px) clamp(20px,4vw,48px)}
.bl-cta h2{color:#fff;font-size:clamp(28px,3.2vw,42px);max-width:22ch}
.bl-cta p{max-width:54ch;color:var(--u-night-muted)}
.bl-cta .lp-cta-sub{color:var(--u-night-muted)}

@media (max-width:640px){
  .bl-takeaways,.bl-moonya{padding:20px}
  .bl-table td:first-child{white-space:normal}
}

/* Wave 3 (30.10.2026): izvori, rečnik (A do Z), grupe na indeksu, /resources/ i link na cenovnik u CTA. */
.bl-sources{font-size:15px;color:var(--u-muted)}
.bl-sources a{font-weight:600}
.bl-sources span{color:var(--u-muted)}
.bl-az{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 6px}
.bl-az a{display:inline-grid;place-items:center;min-width:36px;height:36px;border-radius:var(--u-r-md);background:var(--u-white);box-shadow:var(--u-shadow);text-decoration:none;font-weight:800}
.bl-glossary{display:grid;gap:12px;margin:0 0 10px}
.bl-glossary>div{background:var(--u-white);border-radius:var(--u-r-md);padding:16px 20px;box-shadow:var(--u-shadow);scroll-margin-top:96px}
.bl-glossary dt{font-weight:800;color:var(--u-ink);font-size:18px;margin-bottom:6px}
.bl-glossary dd{margin:0;line-height:1.65}
.bl-group{font-size:clamp(24px,2.2vw,30px);margin:34px 0 4px}
.bl-group:first-child{margin-top:0}
.bl-group-lead{color:var(--u-muted);margin:0 0 4px;max-width:70ch}
.bl-after{max-width:860px;margin-top:22px}
.bl-after a,.bl-card .bl-more[href]{color:var(--u-ink);font-weight:800}
.bl-cta .lp-cta-sub a{color:#fff;font-weight:700}
.bl-article h2[id],.bl-article h3[id]{scroll-margin-top:96px}