/* =========================================================
   1. Phase 11B search-appearance styling
   ========================================================= */

.page-section .content-card .section-description,
.page-section .info-card .subcard-text {
    max-width: 72ch;
}

/* =========================================================
   2. Public discovery-link emphasis
   ========================================================= */

.page-section .badge-list {
    gap: 0.75rem;
}

.page-section .badge-list .status-badge {
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.page-section .badge-list a.status-badge:hover,
.page-section .badge-list a.status-badge:focus {
    text-decoration: none;
}

/* =========================================================
   3. Related discovery card rhythm
   ========================================================= */

.page-section .card-grid .info-card {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.page-section .card-grid .info-card .subcard-title a {
    text-decoration: none;
}

.page-section .card-grid .info-card .subcard-title a:hover,
.page-section .card-grid .info-card .subcard-title a:focus {
    text-decoration: underline;
}

/* =========================================================
   4. Public metadata readability
   ========================================================= */

.page-section .muted-text a {
    text-underline-offset: 0.15em;
}

.page-section .content-card .muted-text,
.page-section .info-card .muted-text {
    line-height: 1.6;
}

/* =========================================================
   5. Tighter action spacing on discovery pages
   ========================================================= */

.page-section .content-card .button,
.page-section .info-card .button {
    align-self: flex-start;
}