.archive-body { background: #f4f6f7; color: #20262d; }
.archive-main { min-height: 70vh; padding-bottom: 72px; }
.archive-heading { padding: 58px 0 42px; background: #0f4f46; color: #fff; }
.archive-heading__inner { max-width: 980px; }
.archive-kicker { margin: 0 0 10px; color: #f1c75b; font: 700 .84rem/1.4 Arial,sans-serif; text-transform: uppercase; }
.archive-heading h1 { margin: 0; color: #fff; font-size: clamp(2.35rem,5vw,4rem); line-height: 1.08; }
.archive-heading p:last-child { max-width: 760px; margin: 18px 0 0; color: rgba(255,255,255,.88); font: 1.06rem/1.7 Arial,sans-serif; }
.archive-tools { background: #fff; border-bottom: 1px solid #dce3e5; }
.archive-tools__inner { display: grid; grid-template-columns: minmax(260px,1fr) auto; gap: 24px; align-items: end; padding-top: 22px; padding-bottom: 22px; }
.archive-search { display: grid; gap: 7px; color: #334047; font: 700 .82rem/1.3 Arial,sans-serif; }
.archive-search input { width: 100%; min-height: 44px; padding: 10px 13px; border: 1px solid #aab7bc; border-radius: 6px; background: #fff; color: #20262d; font: 1rem Arial,sans-serif; }
.archive-search input:focus { border-color: #0f6d61; outline: 3px solid rgba(15,109,97,.16); }
.archive-filters { display: flex; gap: 6px; padding: 4px; border: 1px solid #cbd5d8; border-radius: 7px; background: #f4f6f7; }
.archive-filters button { min-height: 36px; padding: 7px 13px; border: 0; border-radius: 5px; background: transparent; color: #34434a; font: 700 .9rem Arial,sans-serif; cursor: pointer; }
.archive-filters button.is-active { background: #0f4f46; color: #fff; }
.archive-content { padding-top: 34px; }
.archive-count { margin: 0 0 16px; color: #536269; font: 700 .9rem Arial,sans-serif; }
.archive-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.archive-card { min-height: 280px; padding: 24px; border: 1px solid #d7dfe2; border-radius: 8px; background: #fff; box-shadow: 0 5px 15px rgba(20,39,45,.05); }
.archive-card[hidden] { display: none; }
.archive-card__meta { display: flex; justify-content: space-between; gap: 14px; color: #65747b; font: .84rem/1.4 Arial,sans-serif; }
.archive-card__meta span { color: #0f6d61; font-weight: 700; }
.archive-card__category { margin: 18px 0 7px; color: #936000; font: 700 .78rem/1.4 Arial,sans-serif; text-transform: uppercase; }
.archive-card h2 { margin: 0; font-size: 1.45rem; line-height: 1.28; }
.archive-card h2 a { color: #143e47; text-decoration: none; }
.archive-card > p:not(.archive-card__category) { margin: 13px 0 20px; color: #4d5a60; font: .98rem/1.7 Arial,sans-serif; }
.archive-card__link { color: #0f6d61; font: 700 .95rem Arial,sans-serif; text-decoration: none; }
.archive-card a:hover,.archive-card a:focus-visible { text-decoration: underline; }
.archive-empty { padding: 38px 0; color: #536269; font: 1rem Arial,sans-serif; text-align: center; }
@media (max-width:760px) { .archive-tools__inner { grid-template-columns: 1fr; align-items: stretch; } .archive-filters { width: 100%; } .archive-filters button { flex: 1; } .archive-grid { grid-template-columns: 1fr; } .archive-card { min-height: 0; } }