/* Hitz360 category archives only. Original loop, widgets and AJAX markup retained. */
.h360-archive {
    --h360-red: #c8102e;
    --h360-ink: #141414;
    --h360-muted: #606066;
    --h360-line: #e6e6e8;
    color: var(--h360-ink);
    background: #fff;
}
.h360-archive .breadcrumbs { font-size: 12px; letter-spacing: .02em; }
.h360-archive-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    padding: 12px 0 34px;
    margin-bottom: 32px;
    border-bottom: 1px solid var(--h360-line);
}
.h360-archive-heading { max-width: 790px; min-width: 0; }
.h360-archive-eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--h360-red);
}
.h360-archive-eyebrow::before { content: ""; width: 24px; height: 3px; background: currentColor; }
.h360-archive-title {
    margin: 0;
    color: var(--h360-ink);
    font-size: clamp(32px, 4.2vw, 58px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -.045em;
    overflow-wrap: anywhere;
}
.h360-archive-intro { margin-top: 18px; max-width: 720px; color: var(--h360-muted); font-size: 15px; line-height: 1.75; }
.h360-archive-intro p:last-child { margin-bottom: 0; }
.h360-archive-intro a { color: var(--h360-red); text-decoration: underline; text-underline-offset: 3px; }
.h360-archive-count { flex-shrink: 0; padding: 8px 13px; border: 1px solid var(--h360-line); border-radius: 4px; color: var(--h360-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
.h360-archive-feed-label { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 22px; font-size: 12px; font-weight: 700; }
.h360-archive-feed-label > :last-child { color: var(--h360-muted); font-weight: 400; }
.h360-archive-feed .loop {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 30px;
    margin: 0;
    --cols: 2;
    --grid-gutter: 24px;
}
.h360-archive-feed .loop > .l-post {
    display: flex;
    flex-direction: column;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0 0 22px;
    border: 0;
    border-bottom: 1px solid var(--h360-line);
    background: #fff;
    --media-radius: 6px;
}
.h360-archive-feed .loop > .l-post::before,
.h360-archive-feed .loop > .l-post::after { display: none; }
.h360-archive-feed .l-post .media {
    position: relative;
    isolation: isolate;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0 0 18px;
    border-radius: 6px;
    overflow: hidden;
    background: #f2f2f3;
}
/* Neutral brand fallback sits beneath the original artwork; no image replacement. */
.h360-archive-feed .l-post .media::before {
    content: "H360";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-size: clamp(30px, 4vw, 58px);
    font-weight: 800;
    letter-spacing: -.07em;
    color: #d2d2d6;
}
.h360-archive-feed .l-post .media .image-link {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 0;
    min-height: 0;
    padding: 0 0 100%;
    background-color: transparent;
}
.h360-archive-feed .l-post .media .wp-post-image { background-color: transparent; object-fit: cover; transition: transform .2s ease; }
.h360-archive-feed .l-post .media:hover .wp-post-image { transform: scale(1.025); }
.h360-archive-feed .l-post .content { padding: 0; flex: 1; justify-content: flex-start; }
.h360-archive-feed .post-title { font-size: 20px; line-height: 1.35; font-weight: 750; letter-spacing: -.025em; overflow-wrap: anywhere; }
.h360-archive-feed .post-title a { color: var(--h360-ink); transition: color .15s ease; }
.h360-archive-feed .post-title a:hover { color: var(--h360-red); }
.h360-archive-feed .post-meta-items { margin-top: 10px; font-size: 11px; line-height: 1.5; color: var(--h360-muted); }
.h360-archive-feed .post-meta-items a { color: inherit; }
.h360-archive-feed .excerpt { margin-top: 12px; font-size: 13px; line-height: 1.7; color: var(--h360-muted); }
.h360-archive-feed .excerpt p { margin: 0; }
.h360-archive-feed .read-more-link { color: var(--h360-red); }
.h360-archive .main-sidebar { border-left: 0; }
.h360-archive .main-sidebar .widget { margin-bottom: 28px; }
.h360-archive .main-sidebar .hitz360-search-wrapper { padding: 0; }
.h360-archive .main-sidebar .hitz360-search-input-wrap { display: flex; gap: 8px; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
.h360-archive .main-sidebar .hitz360-search-form input { flex: 1; width: 100%; min-width: 0; height: 44px; box-sizing: border-box; padding: 12px; border: 1px solid var(--h360-line); border-radius: 4px; font-size: 13px; color: var(--h360-ink); }
.h360-archive .main-sidebar .hitz360-search-button { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; min-width: 44px; min-height: 44px; line-height: 1; padding: 0; border-radius: 4px; background: var(--h360-red); color: #fff; }
.h360-archive .main-sidebar .hitz360-search-button:hover { transform: none; background: #a50d26; }
.h360-archive .main-sidebar .search-form { display: flex; gap: 8px; width: 100%; }
.h360-archive .main-sidebar .search-form label { flex: 1; min-width: 0; }
.h360-archive .main-sidebar .search-form input { width: 100%; min-width: 0; border-radius: 4px; border-color: var(--h360-line); font-size: 13px; }
.h360-archive .main-sidebar .search-form button { border-radius: 4px; background: var(--h360-red); min-width: 44px; min-height: 44px; }
.h360-archive .hottest-sidebar-widget { max-width: none; border: 1px solid var(--h360-line); border-radius: 6px; box-shadow: none; position: static; }
.h360-archive .hottest-sidebar-header { padding: 20px 18px; background: #fff; color: var(--h360-ink); font-size: 16px; line-height: 1.3; letter-spacing: -.02em; text-transform: none; border-bottom: 1px solid var(--h360-line); }
.h360-archive .hottest-sidebar-header::before { content: ""; width: 3px; height: 18px; background: var(--h360-red); }
.h360-archive .hottest-sidebar-header::after { display: none; }
.h360-archive .hottest-sidebar-list { padding: 0 16px; }
.h360-archive .hottest-sidebar-card { gap: 12px; margin: 0; padding: 16px 0; border: 0; border-bottom: 1px solid var(--h360-line); border-radius: 0; }
.h360-archive .hottest-sidebar-card:last-child { border-bottom: 0; }
.h360-archive .hottest-sidebar-card:hover { transform: none; box-shadow: none; }
.h360-archive .hottest-sidebar-image-wrapper { width: 64px; height: 64px; border-radius: 4px; background: #f2f2f3; }
.h360-archive .hottest-sidebar-title { font-size: 13px; line-height: 1.45; font-weight: 700; }
.h360-archive .hottest-sidebar-card:hover .hottest-sidebar-title { color: var(--h360-red); }
.h360-archive .hottest-sidebar-category { color: var(--h360-red); background: transparent; padding: 0; font-size: 9px; }
.h360-archive .hottest-sidebar-date { color: var(--h360-muted); font-size: 10px; }
.h360-archive .main-pagination { margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--h360-line); }
.h360-archive .main-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px; margin: 3px; border-radius: 4px; border: 1px solid var(--h360-line); color: var(--h360-ink); background: #fff; }
.h360-archive .main-pagination .current { color: #fff; background: var(--h360-ink); border-color: var(--h360-ink); }
.h360-archive .main-pagination a:hover { color: var(--h360-red); border-color: var(--h360-red); }
.h360-archive :is(a, button, input):focus-visible { outline: 3px solid var(--h360-red); outline-offset: 4px; }
@media (max-width: 940px) {
    .h360-archive-header { align-items: flex-start; gap: 20px; }
    .h360-archive-count { margin-top: 4px; }
    .h360-archive-feed .post-title { font-size: 18px; }
}
@media (max-width: 600px) {
    .h360-archive-header { flex-direction: column; padding-top: 4px; padding-bottom: 24px; margin-bottom: 24px; gap: 16px; }
    .h360-archive-eyebrow { font-size: 10px; }
    .h360-archive-title { font-size: 38px; }
    .h360-archive-intro { margin-top: 14px; font-size: 14px; }
    .h360-archive-count { padding: 5px 10px; font-size: 11px; }
    .h360-archive-feed .loop { grid-template-columns: minmax(0, 1fr); --cols: 1; row-gap: 26px; }
    .h360-archive-feed .post-title { font-size: 20px; }
    .h360-archive-feed .l-post .excerpt { display: block; }
    .h360-archive .main-pagination .page-numbers { margin: 2px; }
}
@media (prefers-reduced-motion: reduce) {
    .h360-archive .l-post .media .wp-post-image,
    .h360-archive .hottest-sidebar-image,
    .h360-archive .post-title a { transition: none; }
    .h360-archive .l-post .media:hover .wp-post-image { transform: none; }
}