/* Katechezy inherit the Congress typography, palette and rectangular controls. */
.kc-section { padding: 88px 0 96px; background: var(--paper); }
.kc-heading { max-width: 750px; margin-bottom: 38px; }
.kc-heading h2 { margin: 0 0 18px; font-family: var(--serif); font-size: clamp(38px, 4.2vw, 58px); font-weight: 600; line-height: 1.08; letter-spacing: -.025em; text-wrap: balance; }
.kc-heading p { max-width: 68ch; margin: 0; color: var(--muted); }
.kc-cycles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.kc-cycle { display: flex; flex-direction: column; align-items: flex-start; padding: 32px 30px 28px; border: 1px solid var(--line); background: var(--cream); transition: border-color .2s ease, background-color .2s ease; }
.kc-cycle:hover { border-color: var(--gold); background: #fffaf0; }
.kc-symbol { width: 42px; height: 42px; color: #996b23; margin-bottom: 24px; }
.kc-cycle h3 { margin: 0 0 12px; font-family: var(--serif); font-size: 36px; line-height: 1.1; font-weight: 600; }
.kc-cycle p { margin: 0 0 22px; color: var(--muted); font-size: 15px; line-height: 1.75; }
.kc-cycle__meta { margin-top: auto; padding-top: 16px; border-top: 1px solid var(--line); width: 100%; font-size: 13px; color: var(--muted); }
.kc-cycle__action { display: inline-flex; align-items: center; gap: 12px; margin-top: 18px; font-size: 13px; font-weight: 800; color: var(--navy); }
.kc-arrow { width: 20px; height: 20px; flex: 0 0 20px; }
.kc-cycle:focus-visible, .kc-page a:focus-visible, .kc-page select:focus-visible, .kc-page audio:focus-visible, .desktop-nav .kc-nav:focus-visible, .mobile-nav .kc-nav:focus-visible { outline: 3px solid #996b23; outline-offset: 5px; }
.kc-page ::selection, .kc-section ::selection { color: var(--navy); background: var(--gold-light); }
.kc-page .subhero { padding: 62px 0; }
.kc-page .subhero h1 { text-wrap: balance; }
.kc-page .subhero .kc-intro { max-width: 64ch; margin: 24px 0 0; color: rgba(255,255,255,.86); font-size: 17px; line-height: 1.8; }
.kc-page .subhero .kc-series-meta { margin: 18px 0 0; color: var(--gold-light); font-size: 14px; font-variant-numeric: tabular-nums; }
.kc-content { padding: 54px 0 80px; }
.kc-cycle-nav { display: flex; flex-wrap: wrap; gap: 8px 28px; padding: 0 0 22px; margin-bottom: 36px; border-bottom: 1px solid var(--line); }
.kc-cycle-nav a { padding: 9px 0; font-size: 15px; font-weight: 600; color: var(--muted); text-underline-offset: 8px; }
.kc-cycle-nav a:hover, .kc-cycle-nav a[aria-current="page"] { color: var(--navy); text-decoration: underline; text-decoration-color: #996b23; text-decoration-thickness: 2px; }
.kc-list-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.kc-list-heading h2 { margin: 0; font-family: var(--serif); font-weight: 600; font-size: 34px; line-height: 1.2; }
.kc-speed { display: inline-flex; align-items: center; gap: 12px; color: var(--muted); font-size: 14px; }
.kc-speed select { padding: 7px 32px 7px 10px; min-height: 44px; border: 1px solid var(--line); border-radius: 4px; background: var(--paper); color: var(--navy); font-family: var(--sans); font-size: 14px; }
.kc-lesson { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .8fr); column-gap: 58px; padding: 34px 0 38px; border-top: 1px solid var(--line); scroll-margin-top: 112px; }
.kc-lesson:last-child { border-bottom: 1px solid var(--line); }
.kc-lesson__meta { display: flex; gap: 14px; flex-wrap: wrap; margin: 0 0 10px; color: var(--muted); font-size: 13px; font-variant-numeric: tabular-nums; }
.kc-lesson h3 { margin: 0 0 14px; font-family: var(--serif); font-weight: 600; font-size: clamp(27px, 2.6vw, 33px); line-height: 1.16; text-wrap: balance; }
.kc-lesson__description { max-width: 70ch; color: var(--muted); font-size: 15px; line-height: 1.85; margin: 0; }
.kc-lesson__player { align-self: center; min-width: 0; }
.kc-lesson audio { display: block; width: 100%; min-height: 48px; color-scheme: light; accent-color: var(--navy); }
.kc-lesson.is-playing h3 { color: #925d12; }
.kc-lesson__links { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px 22px; margin-top: 17px; font-size: 12px; }
.kc-lesson__links a { color: var(--navy); text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 4px; }
.kc-lesson__links a:hover { text-decoration-color: var(--gold); }
.kc-audio-error { margin-top: 16px; color: #9c1721; font-size: 14px; }
.kc-audio-error[hidden] { display: none; }
.kc-list-note { max-width: 70ch; margin: 18px 0 36px; color: var(--muted); font-size: 14px; }
.kc-reading-note { margin-top: 42px; padding: 24px 0 0; border-top: 1px solid var(--line); max-width: 70ch; }
.kc-reading-note h2 { font-family: var(--serif); font-weight: 600; font-size: 30px; line-height: 1.2; margin: 0 0 12px; }
.kc-reading-note p { font-size: 15px; color: var(--muted); margin: 0 0 14px; }
@media (max-width: 1120px) and (min-width: 901px) { .header-inner { gap: 20px; } .desktop-nav { gap: 13px; } }
@media (max-width: 900px) { .kc-section { padding: 64px 0 70px; } .kc-cycles { gap: 16px; } .kc-cycle { padding: 26px 22px; } .kc-cycle h3 { font-size: 32px; } .kc-lesson { column-gap: 30px; grid-template-columns: minmax(0, 1fr) minmax(250px, .85fr); } .kc-page .subhero .congress-identity--seal { display: none; } }
@media (max-width: 680px) { .kc-cycles { grid-template-columns: minmax(0, 1fr); } .kc-cycle { padding: 28px; } .kc-symbol { margin-bottom: 18px; } .kc-heading { margin-bottom: 30px; } .kc-page .subhero { padding: 38px 0 44px; } .kc-page .subhero h1 { font-size: clamp(37px, 10vw, 48px); } .kc-content { padding-top: 32px; } .kc-cycle-nav { gap: 6px 22px; margin-bottom: 28px; } .kc-lesson { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 28px 0 32px; } .kc-lesson h3 { font-size: 29px; } .kc-lesson__player { width: 100%; } .kc-list-heading { align-items: flex-start; } .kc-list-heading h2 { font-size: 30px; } .kc-lesson__links { font-size: 13px; } }
@media (prefers-reduced-motion: reduce) { .kc-cycle { transition: none; } }
.kc-reflection { margin-top: 18px; max-width: 70ch; font-size: 14px; }
.kc-reflection summary { color: var(--navy); cursor: pointer; padding: 4px 0; }
.kc-reflection summary:focus-visible { outline: 3px solid #996b23; outline-offset: 4px; }
.kc-reflection p { margin: 10px 0 0; color: var(--muted); line-height: 1.8; }
/* Keep the listener close to the first player while retaining the existing subpage identity. */
.kc-page .subhero { padding-block: 46px; }
.kc-page .subhero__inner { min-height: 0; padding-block: 0; }
.kc-page .subhero h1 { font-size: clamp(42px, 5vw, 68px); }
.kc-page .subhero .congress-identity--seal { width: 200px; padding: 16px; }
.kc-page .breadcrumbs { margin-bottom: 24px; color: #d4dce7; }
.kc-page .breadcrumbs span { color: var(--gold-light); }
.kc-page .subhero .kc-intro { margin-top: 18px; }
.kc-page .subhero .kc-series-meta { margin-top: 14px; }
@media (max-width: 680px) {
    .kc-page .subhero { padding-block: 32px 36px; }
    .kc-page .subhero h1 { font-size: clamp(37px, 10vw, 46px); }
    .kc-lesson__copy { display: contents; }
    .kc-lesson .kc-lesson__meta { grid-row: 1; margin: 0; }
    .kc-lesson h3 { grid-row: 2; margin: 0; }
    .kc-lesson__player { grid-row: 3; }
    .kc-lesson__description { grid-row: 4; }
    .kc-reflection { grid-row: 5; margin-top: 0; }
    .kc-lesson { row-gap: 18px; }
}