/* Logan's Martial Arts - Sensei Bill page only
   This stylesheet is intentionally page-specific so it does not alter Kids,
   Training Facility, Black Belt Roster, or other homepage-sidebar pages. */

.legacy-info-page .news-hero-panel {
    max-width: 900px;
}

.legacy-info-section {
    padding-top: 2rem;
}

.legacy-note-stack {
    display: grid;
    gap: 1.1rem;
}

.legacy-info-card,
.legacy-note-card {
    position: relative;
    border: 1px solid rgba(202, 162, 75, .22);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(0, 0, 0, .18)),
        rgba(14, 14, 16, .92);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .28);
}

.legacy-info-card--accent,
.legacy-note-card--feature {
    border-color: rgba(246, 211, 101, .42);
    background:
        radial-gradient(circle at top left, rgba(202, 162, 75, .16), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, .06), rgba(0, 0, 0, .24)),
        rgba(14, 14, 16, .94);
}

.legacy-note-card h2,
.legacy-info-card h2 {
    margin-top: 0;
    color: var(--gold);
    font-size: clamp(1.25rem, 2.4vw, 1.85rem);
    line-height: 1.15;
}

.legacy-note-card p,
.legacy-info-card p {
    line-height: 1.6;
}

.legacy-note-card p:last-child,
.legacy-info-card p:last-child {
    margin-bottom: 0;
}

.legacy-note-card--feature p {
    font-size: 1.02rem;
}

@media (max-width: 780px) {
    .legacy-info-section {
        padding-top: 1.25rem;
    }

    .legacy-note-stack {
        gap: .9rem;
    }

    .legacy-note-card,
    .legacy-info-card {
        padding: 1rem;
    }
}

/* Sensei Bill Page - justify card body text
   Page-scoped so this does not affect any other public page. */
.legacy-info-section .legacy-info-card,
.legacy-info-section .legacy-note-card {
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
}

.legacy-info-section .legacy-info-card p,
.legacy-info-section .legacy-note-card p,
.legacy-info-section .legacy-info-card li,
.legacy-info-section .legacy-note-card li,
.legacy-info-section .legacy-info-card blockquote,
.legacy-info-section .legacy-note-card blockquote {
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    overflow-wrap: break-word;
}