.macc-feed {
            margin: 0 auto;
            max-width: 1040px;
            padding: 1.5rem 1rem 3rem;
        }

        .macc-feed-header {
            border-bottom: 1px solid var(--macc-border-subtle);
            margin-bottom: 1.75rem;
            padding-bottom: 1rem;
        }

        .macc-feed-eyebrow {
            color: var(--macc-text-tertiary, var(--macc-text-muted));
            font-size: var(--macc-font-size-label, 0.82rem);
            font-weight: var(--macc-font-weight-strong, 600);
            letter-spacing: 0.08em;
            margin: 0 0 0.35rem;
            text-transform: uppercase;
        }

        .macc-feed-title {
            color: var(--macc-page-text, var(--macc-text));
            font-weight: var(--macc-font-weight-display, 700);
            margin: 0 0 0.35rem;
        }

        .macc-feed-lede {
            color: var(--macc-text-secondary);
            margin: 0;
        }

        .macc-feed-layout {
            display: grid;
            gap: 1.75rem;
            grid-template-columns: 220px minmax(0, 1fr);
        }

        .macc-feed-aside {
            align-self: start;
            position: sticky;
            top: 1rem;
        }

        .macc-feed-aside-label {
            color: var(--macc-text-tertiary, var(--macc-text-muted));
            font-size: var(--macc-font-size-label, 0.82rem);
            font-weight: var(--macc-font-weight-strong, 600);
            letter-spacing: 0.06em;
            margin: 0 0 0.6rem;
            text-transform: uppercase;
        }

        .macc-feed-filter {
            display: flex;
            flex-wrap: wrap;
            gap: 0.4rem;
            margin-bottom: 1.25rem;
        }

        .macc-feed-chip {
            background: transparent;
            border: 1px solid var(--macc-border-subtle);
            border-radius: var(--macc-radius-pill, 999px);
            color: var(--macc-text-secondary);
            cursor: pointer;
            font-size: var(--macc-font-size-small, 0.875rem);
            padding: 0.25rem 0.75rem;
        }

        .macc-feed-chip:hover {
            border-color: var(--macc-border);
            color: var(--macc-text-primary, var(--macc-text));
        }

        .macc-feed-chip.is-active {
            background: var(--macc-accent);
            border-color: var(--macc-accent);
            color: var(--macc-btn-primary-text, #fff);
            font-weight: var(--macc-font-weight-strong, 600);
        }

        .macc-feed-index {
            display: grid;
            gap: 0.15rem;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .macc-feed-index a {
            border-left: 2px solid var(--macc-border-subtle);
            color: var(--macc-text-secondary);
            display: block;
            font-size: var(--macc-font-size-small, 0.875rem);
            padding: 0.3rem 0 0.3rem 0.6rem;
            text-decoration: none;
        }

        .macc-feed-index a:hover {
            border-left-color: var(--macc-accent);
            color: var(--macc-text-primary, var(--macc-text));
        }

        .macc-feed-index a.is-active {
            border-left-color: var(--macc-accent);
            color: var(--macc-text-primary, var(--macc-text));
            font-weight: var(--macc-font-weight-strong, 600);
        }

        .macc-feed-index-version {
            font-weight: var(--macc-font-weight-strong, 600);
        }

        .macc-feed-index-date {
            color: var(--macc-text-tertiary, var(--macc-text-muted));
            font-size: var(--macc-font-size-micro, 0.75rem);
        }

        .macc-feed-list {
            display: grid;
            gap: 1.25rem;
        }

        .macc-feed-release {
            background: var(--macc-card-bg, var(--macc-surface));
            border: 1px solid var(--macc-card-border, var(--macc-border-subtle));
            border-radius: var(--macc-radius-lg, var(--macc-radius-panel, 10px));
            box-shadow: var(--macc-elevation-card, var(--macc-shadow-md));
            overflow: hidden;
            position: relative;
            scroll-margin-top: 1rem;
        }

        /* Branded top-cap anchors each release without shouting. */
        .macc-feed-release::before {
            content: "";
            position: absolute;
            inset: 0 0 auto 0;
            height: 3px;
            background: var(--macc-accent);
            opacity: 0.85;
        }

        .macc-feed-release-head {
            border-bottom: 1px solid var(--macc-border-subtle);
            padding: 1.15rem 1.35rem;
        }

        .macc-feed-release-topline {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 0.6rem;
            margin-bottom: 0.5rem;
        }

        .macc-feed-version {
            background: var(--macc-accent);
            border: 1px solid var(--macc-accent);
            border-radius: var(--macc-radius-pill, 999px);
            color: var(--macc-btn-primary-text, #fff);
            font-size: var(--macc-font-size-micro, 0.75rem);
            font-weight: var(--macc-font-weight-display, 700);
            font-variant-numeric: tabular-nums;
            letter-spacing: 0.02em;
            padding: 0.2rem 0.7rem;
            white-space: nowrap;
        }

        .macc-feed-date {
            color: var(--macc-text-tertiary, var(--macc-text-muted));
            font-size: var(--macc-font-size-small, 0.875rem);
        }

        .macc-feed-release-title {
            color: var(--macc-page-text, var(--macc-text));
            font-weight: var(--macc-font-weight-display, 700);
            margin: 0;
        }

        .macc-feed-release-summary {
            color: var(--macc-text-secondary);
            margin: 0.5rem 0 0;
        }

        .macc-feed-release-body {
            display: grid;
            gap: 1.1rem;
            padding: 1.1rem 1.25rem 1.25rem;
        }

        .macc-feed-shots {
            display: grid;
            gap: 0.75rem;
            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        }

        .macc-feed-shot {
            border: 1px solid var(--macc-border-subtle);
            border-radius: var(--macc-radius-md, 6px);
            margin: 0;
            overflow: hidden;
        }

        .macc-feed-shot img {
            display: block;
            height: auto;
            width: 100%;
        }

        .macc-feed-shot figcaption {
            color: var(--macc-text-tertiary, var(--macc-text-muted));
            font-size: var(--macc-font-size-micro, 0.75rem);
            padding: 0.4rem 0.6rem;
        }

        .macc-feed-section-label {
            align-items: center;
            color: var(--macc-text-secondary, var(--macc-text-muted));
            display: flex;
            font-size: var(--macc-font-size-label, 0.82rem);
            font-weight: var(--macc-font-weight-strong, 700);
            gap: 0.5rem;
            letter-spacing: 0.06em;
            margin: 0 0 0.6rem;
            text-transform: uppercase;
        }

        .macc-feed-section-label::before {
            content: "";
            flex: 0 0 auto;
            width: 0.9rem;
            height: 2px;
            border-radius: 2px;
            background: var(--macc-accent);
        }

        .macc-feed-items {
            display: grid;
            gap: 0.4rem;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .macc-feed-items li {
            color: var(--macc-text-secondary);
            font-size: var(--macc-font-size-small, 0.875rem);
            line-height: 1.5;
            padding-left: 1.35rem;
            position: relative;
        }

        /* Visible accent bullet (was a low-contrast gold dash). */
        .macc-feed-items li::before {
            content: "";
            position: absolute;
            left: 0.1rem;
            top: 0.52em;
            width: 0.45rem;
            height: 0.45rem;
            border-radius: 50%;
            background: var(--macc-accent);
        }

        .macc-feed-empty {
            background: var(--macc-surface);
            border: 1px solid var(--macc-border-subtle);
            border-radius: var(--macc-radius-panel, 8px);
            color: var(--macc-text-secondary);
            padding: 2rem 1.5rem;
            text-align: center;
        }

        @media (max-width: 820px) {
            .macc-feed-layout {
                grid-template-columns: 1fr;
            }

            .macc-feed-aside {
                position: static;
            }

            .macc-feed-index {
                grid-auto-flow: row;
            }
        }