.tkg-badminton {
  --tkg-bm-ink: #1b1464;
  --tkg-bm-accent: #ef8b1e;
  --tkg-bm-line: #8e87bd;
  --tkg-bm-soft: #261d70;
  --tkg-bm-muted: #d6d3e9;
  box-sizing: border-box;
  width: min(100%, 68rem);
  margin-inline: auto;
  padding: clamp(1rem, 4vw, 3rem);
  background: #000;
  color: #fff;
  font-size: 1rem;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

.tkg-badminton *, .tkg-badminton *::before, .tkg-badminton *::after { box-sizing: border-box; }
.tkg-badminton img { max-width: 100%; height: auto; vertical-align: middle; }
.tkg-badminton a { color: #fff; text-decoration: underline; text-underline-offset: .2em; }
.tkg-badminton a:focus-visible { outline: .17rem solid var(--tkg-bm-accent); outline-offset: .2rem; }
.tkg-badminton h1, .tkg-badminton h2, .tkg-badminton h3, .tkg-badminton h4 { color: #fff; line-height: 1.4; }
.tkg-badminton h1 { margin: 0 0 1.5rem; font-size: clamp(1.6rem, 4vw, 2.65rem); font-weight: 700; }
.tkg-badminton h2 { margin: 0 0 1rem; font-size: clamp(1.25rem, 2.5vw, 1.7rem); font-weight: 700; }
.tkg-badminton h3 { margin: 0 0 .35rem; font-size: 1.13rem; font-weight: 700; }
.tkg-badminton [id] { scroll-margin-block-start: 7rem; }

.tkg-badminton .tkg-badminton__hero { position: relative; isolation: isolate; margin: 0 0 1.5rem; overflow: hidden; background: #000; }
.tkg-badminton .tkg-badminton__hero-bg { position: absolute; z-index: -1; inset: 0; }
.tkg-badminton .tkg-badminton__hero-bg img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.tkg-badminton .tkg-badminton__hero-art, .tkg-badminton .tkg-badminton__nav-art { display: block; }
.tkg-badminton .tkg-badminton__hero-art img { display: block; width: 100%; }
.tkg-badminton .tkg-badminton__hero--top::after { position: absolute; inset: auto 0 0; height: 22%; background: linear-gradient(transparent, #000); pointer-events: none; content: ''; }
.tkg-badminton .tkg-badminton__art-nav { margin: 2rem 0; }
.tkg-badminton .tkg-badminton__art-nav ul { display: grid; gap: .75rem; justify-items: center; justify-content: center; padding: 0; margin: 0; list-style: none; }
.tkg-badminton .tkg-badminton__art-nav li { list-style: none; margin: 0; padding: 0; min-width: 0; }
.tkg-badminton .tkg-badminton__art-nav a { display: block; }
.tkg-badminton .tkg-badminton__art-nav a:hover { opacity: .82; }
.tkg-badminton .tkg-badminton__nav-art img { display: block; width: 100%; }
.tkg-badminton .tkg-badminton__nav { margin: 0 0 1.8rem; }
.tkg-badminton .tkg-badminton__nav ul,
.tkg-badminton .tkg-badminton__article-nav ul,
.tkg-badminton .tkg-badminton__jump { display: flex; flex-wrap: wrap; gap: .55rem; margin: 0; padding: 0; list-style: none; }
.tkg-badminton .tkg-badminton__nav li,
.tkg-badminton .tkg-badminton__article-nav li,
.tkg-badminton .tkg-badminton__jump li { margin: 0; padding: 0; list-style: none; }
.tkg-badminton .tkg-badminton__nav a,
.tkg-badminton .tkg-badminton__article-nav a,
.tkg-badminton .tkg-badminton__jump a { display: block; min-height: 2.75rem; padding: .4rem .85rem; border: 1px solid var(--tkg-bm-line); border-radius: .25rem; background: var(--tkg-bm-soft); }
.tkg-badminton .tkg-badminton__nav a[aria-current="page"],
.tkg-badminton .tkg-badminton__nav a:hover,
.tkg-badminton .tkg-badminton__article-nav a:hover,
.tkg-badminton .tkg-badminton__jump a:hover { background: var(--tkg-bm-accent); color: #000; }
.tkg-badminton .tkg-badminton__article-nav { margin-block-start: 2rem; }

.tkg-badminton .tkg-badminton__section { margin-block: 2rem; }
.tkg-badminton .tkg-badminton__section > h2:not(.tkg-badminton__heading-art) { padding-inline-start: .65rem; border-inline-start: .28rem solid var(--tkg-bm-accent); }
.tkg-badminton .tkg-badminton__heading-art { margin: 0 0 1rem; text-align: center; }
.tkg-badminton .tkg-badminton__article-panel,
.tkg-badminton .tkg-badminton__archive { margin: 0; padding: clamp(.8rem, 3vw, 1.7rem); border-block-start: 7px solid var(--tkg-bm-accent); background: var(--tkg-bm-ink); }
.tkg-badminton .tkg-badminton__article-panel h1 { color: var(--tkg-bm-accent); }
.tkg-badminton .tkg-badminton__date { margin: 0 0 .75rem; color: var(--tkg-bm-muted); font-variant-numeric: tabular-nums; }
.tkg-badminton .tkg-badminton__archive { list-style: none; }
.tkg-badminton .tkg-badminton__archive li { display: grid; grid-template-columns: minmax(0, 1fr); gap: .15rem 1rem; align-items: baseline; margin: 0; padding: .65rem 0; border-block-end: 1px solid var(--tkg-bm-line); list-style: none; }
.tkg-badminton .tkg-badminton__archive time { color: var(--tkg-bm-accent); font-size: .9rem; font-variant-numeric: tabular-nums; }

.tkg-badminton .tkg-badminton__stats { display: grid; gap: .7rem; grid-template-columns: repeat(auto-fit,minmax(min(100%, 12rem),1fr)); margin: 0; }
.tkg-badminton .tkg-badminton__stats > div { padding: .7rem 1rem; border: 1px solid var(--tkg-bm-line); border-radius: .35rem; background: var(--tkg-bm-soft); }
.tkg-badminton .tkg-badminton__stats dt,
.tkg-badminton .tkg-badminton__history dt { color: #fff; font-weight: 700; }
.tkg-badminton .tkg-badminton__stats dd,
.tkg-badminton .tkg-badminton__history dd { margin: 0; }
.tkg-badminton .tkg-badminton__history { margin: 0; }
.tkg-badminton .tkg-badminton__history > div { display: grid; grid-template-columns: minmax(0, 5rem) minmax(0, 1fr); gap: .75rem; padding: .7rem 0; border-block-end: 1px solid var(--tkg-bm-line); }

.tkg-badminton .tkg-badminton__cards { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit,minmax(min(100%, 15rem),1fr)); margin: 0; padding: 0; list-style: none; }
.tkg-badminton .tkg-badminton__cards > li { display: flex; flex-direction: column; align-items: stretch; margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--tkg-bm-line); border-radius: .5rem; background: var(--tkg-bm-ink); list-style: none; }
.tkg-badminton .tkg-badminton__cards > li > img { display: block; width: 100%; max-height: 24rem; aspect-ratio: 4 / 5; object-fit: contain; background: #f4f5fb; }
.tkg-badminton .tkg-badminton__card-text { padding: 1rem; }
.tkg-badminton .tkg-badminton__card-text dl { margin: .65rem 0 0; font-size: .9rem; }
.tkg-badminton .tkg-badminton__card-text dl > div { display: grid; grid-template-columns: minmax(0, 4.25rem) minmax(0, 1fr); gap: .35rem; }
.tkg-badminton .tkg-badminton__card-text dt { font-weight: 600; }
.tkg-badminton .tkg-badminton__card-text dd { margin: 0; }
.tkg-badminton .tkg-badminton__eyebrow,
.tkg-badminton .tkg-badminton__reading { margin: 0; color: var(--tkg-bm-muted); font-size: .88rem; }

.tkg-badminton .tkg-badminton__body { margin-block: 1rem 2rem; }
.tkg-badminton .tkg-badminton__body p { margin-block: .7rem; }
.tkg-badminton .tkg-badminton__body figure { margin: 1rem 0; }
.tkg-badminton .tkg-badminton__body figcaption { color: var(--tkg-bm-muted); font-size: .9rem; }
.tkg-badminton .tkg-badminton__table-wrap { max-width: 100%; margin-block: .75rem; overflow-x: auto; }
.tkg-badminton .tkg-badminton__table-wrap table { width: 100%; border-collapse: collapse; }
.tkg-badminton .tkg-badminton__table-wrap th,
.tkg-badminton .tkg-badminton__table-wrap td { padding: .55rem; border: 1px solid var(--tkg-bm-line); vertical-align: top; text-align: start; }
.tkg-badminton .tkg-badminton__table-wrap th { color: #fff; background: #003594; }
.tkg-badminton .tkg-badminton__score td:nth-child(2) { min-width: 3.5rem; font-weight: 700; font-variant-numeric: tabular-nums; }

@media (min-width: 768px) {
  .tkg-badminton .tkg-badminton__art-nav ul { grid-auto-flow: column; grid-auto-columns: minmax(0, 302px); }
  .tkg-badminton .tkg-badminton__hero--top::after { height: 16%; }
}

@media (min-width: 40rem) {
  .tkg-badminton .tkg-badminton__archive li { grid-template-columns: 8rem minmax(0, 1fr); }
  .tkg-badminton .tkg-badminton__table-wrap th,
  .tkg-badminton .tkg-badminton__table-wrap td { padding: .75rem 1rem; }
}