/* SnoopyWap – zanimljivosti */
.zan-mreza { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.zan-kartica { display: flex; flex-direction: column; gap: 6px; color: var(--tekst); text-decoration: none; transition: transform .15s, border-color .15s; }
.zan-kartica:hover { transform: translateY(-2px); border-color: var(--akcent); }
.zan-kartica h2 { font-size: 18px; line-height: 1.3; margin: 0; }
.zan-kartica p { margin: 0; color: var(--slabo); font-size: 14.5px; line-height: 1.5; }
.zan-kartica small { margin-top: auto; padding-top: 6px; color: var(--akcent3-t); font-weight: 600; font-size: 12.5px; }
.zan-znak { display: inline-grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: var(--polje); border: 1px solid var(--ivica); font-size: 24px; }
.zan-znak.veliki { width: 64px; height: 64px; border-radius: 18px; font-size: 34px; flex: none; }
.zan-glava { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.zan-glava .naslov-strane { margin: 0; }
.zan-nadnaslov { margin: 0 0 4px; color: var(--akcent3-t); font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; }
.zan-ukratko { margin-bottom: 20px; border-left: 4px solid var(--akcent); }
.zan-ukratko h2 { font-size: 16px; margin-bottom: 8px; }
.zan-ukratko ul { margin: 0; padding-left: 20px; display: grid; gap: 6px; font-size: 15px; }
.zan-tekst { font-size: 17px; line-height: 1.7; }
.zan-tekst p { margin: 0 0 16px; }
.zan-tekst h2 { font-size: 21px; line-height: 1.3; margin: 26px 0 10px; }
.zan-tekst ul { margin: 0 0 16px; padding-left: 22px; display: grid; gap: 6px; }
.zan-izvori { margin: 24px 0 0; padding-top: 14px; border-top: 1px solid var(--ivica); font-size: 14px; }
.zan-izvori h2 { font-size: 15px; margin-bottom: 6px; }
.zan-izvori ul { margin: 0; padding-left: 20px; display: grid; gap: 4px; }
.zan-izvori a { color: var(--akcent3-t); overflow-wrap: anywhere; }
.zan-podeli { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0 30px; }
.zan-jos { margin-bottom: 20px; }
@media (max-width: 599px) {
  .zan-mreza { grid-template-columns: 1fr; }
  .zan-znak.veliki { width: 52px; height: 52px; font-size: 28px; }
  .zan-tekst { font-size: 16.5px; }
}