article:has(.kocf-archive) > h1.entry-title { display: none; }
#main-content > .container:has(.kocf-archive) {
  width: 100%;
  max-width: none;
  padding-top: clamp(14px, 3vw, 34px);
}
#main-content > .container:has(.kocf-archive)::before { display: none; }
#content-area:has(.kocf-archive) > #sidebar { display: none; }
#content-area:has(.kocf-archive) > #left-area { width: 100%; padding-inline: 0; }
.kocf-archive {
  --archive-ink: var(--guide-ink, #17332b);
  --archive-muted: var(--guide-muted, #4a655d);
  --archive-surface: var(--guide-surface, #fff);
  --archive-tint: var(--guide-art-fallback, #e7efe8);
  --archive-line: color-mix(in srgb, var(--archive-ink) 16%, #fff);
  max-width: 1100px;
  margin-inline: auto;
  padding: 0 clamp(14px, 4vw, 36px) 24px;
  color: var(--archive-ink);
}
.kocf-archive [hidden] { display: none !important; }
.kocf-archive :is(h1,h2,h3,p) { padding: 0; margin: 0; }
.kocf-archive :focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.kocf-archive__hero {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 16px;
  padding: clamp(22px, 4.5vw, 46px);
  border-radius: 18px;
  background: linear-gradient(120deg, var(--guide-header-start, #15372c), var(--guide-header-end, #28614b));
  color: var(--guide-header-note, #fff);
}
.kocf-archive .kocf-archive__hero h1 {
  margin-block: 5px 8px;
  color: var(--guide-header-title, #fff);
  font: 700 clamp(2rem, 5vw, 3.45rem)/1.05 var(--et_global_heading_font, "Roboto Slab"), Georgia, serif;
}
.kocf-archive__eyebrow { font-size: .7rem; letter-spacing: .13em; text-transform: uppercase; font-weight: 700; }
.kocf-archive__hero .kocf-archive__eyebrow { color: var(--guide-header-label, #fff); }
.kocf-archive .kocf-archive__hero a {
  color: var(--guide-header-title, #fff);
  text-decoration: underline;
  text-underline-offset: .2em;
  white-space: nowrap;
  font-weight: 700;
}
.kocf-archive__controls {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.4fr) repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
  padding: 14px;
  border: 1px solid var(--archive-line);
  border-radius: 12px;
  background: var(--archive-surface);
}
.kocf-archive__controls label { display: grid; gap: 4px; font-size: .82rem; font-weight: 700; }
.kocf-archive__controls :is(input,select) {
  width: 100%; min-width: 0; min-height: 44px; padding: 6px 9px; font: inherit; font-size: 1rem;
  border: 1px solid var(--archive-line); border-radius: 7px; background: var(--archive-surface); color: var(--archive-ink);
}
.kocf-archive__summary { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: 22px; }
.kocf-archive .kocf-archive__summary h2 { font: 700 clamp(1.35rem, 3vw, 1.85rem)/1.15 Georgia, serif; color: var(--archive-ink); }
.kocf-archive__summary span, .kocf-archive__footer, .kocf-archive__notice { font-size: .85rem; color: var(--archive-muted); }
.kocf-archive__day { margin-top: 15px; }
.kocf-archive .kocf-archive__day h3 { padding-bottom: 6px; border-bottom: 1px solid var(--archive-line); color: var(--guide-date, var(--archive-ink)); font-size: .98rem; font-weight: 700; }
.kocf-archive__row { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 11px; align-items: center; padding: 9px 0; border-bottom: 1px solid var(--archive-line); }
.kocf-archive__art { display: grid; place-items: center; width: 48px; height: 48px; overflow: hidden; border-radius: 7px; background: var(--archive-tint); font-size: .8rem; font-weight: 800; }
.kocf-archive__art img { width: 100%; height: 100%; object-fit: cover; }
.kocf-archive :is(.kocf-archive__show,.kocf-archive__title) { font: 700 1rem/1.25 Georgia, serif; color: var(--archive-ink); }
.kocf-archive__show { cursor: pointer; border: 0; background: none; text-align: left; padding: 3px 0; }
.kocf-archive__show:hover { text-decoration: underline; }
.kocf-archive__meta { display: flex; flex-wrap: wrap; column-gap: .45rem; font-size: .83rem; color: var(--archive-muted); }
.kocf-archive__meta span + span::before { content: '·'; margin-right: .45rem; }
.kocf-archive__expires { font-size: .75rem; color: var(--archive-muted); }
.kocf-archive :is(.kocf-archive__play,[data-close]) { cursor: pointer; min-height: 44px; padding: 6px 12px; border: 1px solid var(--archive-line); border-radius: 8px; background: var(--archive-surface); color: var(--archive-ink); font: inherit; font-size: .85rem; font-weight: 700; white-space: nowrap; }
.kocf-archive__play:hover, .kocf-archive__play[aria-current] { background: var(--archive-tint); }
.kocf-archive .kocf-archive__footer, .kocf-archive .kocf-archive__notice { margin-top: 15px; }
.kocf-archive :is(.kocf-archive__notice,.kocf-archive__footer,[data-error]) a { color: inherit; text-decoration: underline; text-underline-offset: .17em; }
.kocf-archive__player {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 1.4fr) auto;
  align-items: center; gap: 8px 14px; margin: 6px 0 8px 59px; padding: 9px 12px;
  scroll-margin-block-end: calc(100px + env(safe-area-inset-bottom, 0px));
  border: 1px solid var(--archive-line); border-radius: 12px; background: var(--archive-surface);
}
.kocf-archive__player audio { width: 100%; height: 44px; }
.kocf-archive__player [data-playing] { font-size: .9rem; font-weight: 700; line-height: 1.2; }
.kocf-archive__player [data-error] { grid-column: 1 / -1; font-size: .85rem; }
@media (max-width: 600px) {
  .kocf-archive__hero { flex-wrap: wrap; gap: 9px; }
  .kocf-archive__controls { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 10px; padding: 10px; }
  .kocf-archive__row { grid-template-columns: 38px minmax(0, 1fr) auto; gap: 8px; }
  .kocf-archive__art { width: 38px; height: 38px; }
  .kocf-archive__player { grid-template-columns: minmax(0, 1fr) auto; gap: 4px 8px; margin-inline-start: 0; padding: 8px; }
  .kocf-archive__player audio { grid-row: 2; grid-column: 1 / -1; }
  .kocf-archive__player [data-close] { grid-row: 1; grid-column: 2; }
}