.archive-visual{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#edf0e9 0%,#d6e1d9 55%,#bfd0c8 100%);color:#647b6d;border-radius:8px;overflow:hidden}
.archive-visual svg{width:54px;height:54px;flex:none}
.news-row.archive-row{display:block}
.news-row .archive-visual{width:160px;height:100px;float:right;margin:0 0 12px 24px}
.news-row:after{content:"";display:block;clear:both}
.hero-card>.archive-visual{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:linear-gradient(140deg,#6b8777,#384f45 65%,#263c34);color:#c2d1c2}
.hero-card>.archive-visual svg{width:120px;height:120px;position:absolute;top:35px;right:38px;opacity:.6}
.archive-months{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 32px}
.archive-months a{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;background:#f0f3ed;border:1px solid #dce3d9;border-radius:6px;font-size:13px;line-height:1.2}
.archive-months small{color:#637365;font-size:11px}
@media(max-width:650px){.news-row .archive-visual{float:none;width:100%;height:125px;margin:0 0 14px}.news-row .archive-visual svg{width:48px;height:48px}.hero-card>.archive-visual svg{width:86px;height:86px;top:20px;right:24px}.archive-months{gap:6px}.archive-months a{font-size:12px;padding:8px 10px}}
@media(max-width:350px){body:is(.blog,.date,.single-post) .header-tools{gap:3px}}