:root {
  --color-bg: #f1f3f5;
  --color-text: #231b2d;
  --color-accent: #6b2580;
  --font-sans: "Leelawadee UI", "Thonburi", "Noto Sans Thai", "Trebuchet MS", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Bahnschrift", "DIN Alternate", "Leelawadee UI", "Thonburi", "Noto Sans Thai", "Franklin Gothic Medium", Arial, sans-serif;
  --space-section: 3rem;
  --bk-surface: #ffffff;
  --bk-soft: #5b5266;
  --bk-line: #d9d5df;
  --bk-field-line: #a49daf;
  --bk-gold: #c8911f;
  --bk-gold-light: #f0d184;
  --bk-gold-soft: #f7eed9;
  --bk-orchid-soft: #f1e8f4;
  --bk-orchid-line: #dccbe3;
  --bk-orchid-mid: #a77bb7;
  --bk-accent-deep: #4e1960;
  --bk-on-dark: #efe9f3;
  --bk-on-dark-soft: #c9bfd2;
  --bk-dark-hover: #3a2f47;
  --bk-dark-line: #42364f;
  --bk-ok: #0e6b61;
  --bk-ok-light: #5c9f97;
  --bk-ok-soft: #e5f1ef;
  --bk-ok-line: #b5d6d1;
  --bk-warn: #8a5a00;
  --bk-amber: #8a6418;
  --bk-warn-soft: #f8eedb;
  --bk-warn-line: #e2cc9b;
  --bk-off: #9a2a3a;
  --bk-mute: #8f8899;
  --bk-grey: #6e6878;
  --bk-grey-soft: #f2f0f4;
  --bk-zebra: #f8f6fa;
  --bk-check: #e4d9ea;
  --bk-shadow: rgba(35, 27, 45, .07);
  --bk-shadow-lift: rgba(35, 27, 45, .36);
  --bk-radius: .5rem;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; color-scheme: light; }
body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-sans);
  font-size: 1rem;
  line-height: 1.6;
  overflow-wrap: break-word;
  word-break: normal;
}
html[lang="th-TH"] body {
  font-family: "Leelawadee UI", "Thonburi", "Noto Sans Thai", sans-serif;
  font-size: 1.125rem;
  line-height: 1.8;
  line-break: auto;
  letter-spacing: normal;
}
h1, h2, h3 {
  margin: 0 0 .6em;
  color: var(--color-text);
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.2;
}
html[lang="th-TH"] h1, html[lang="th-TH"] h2, html[lang="th-TH"] h3 { line-height: 1.5; }
h1 { font-size: clamp(1.9rem, 1.2rem + 2.2vw, 2.8rem); letter-spacing: -.005em; }
html[lang="th-TH"] h1 { letter-spacing: normal; }
h2 { padding-left: .7rem; border-left: .28rem solid var(--bk-gold); font-size: 1.45rem; }
h3 { font-size: 1.15rem; }
p, ul, ol, dl { margin: 0 0 1rem; }
ul, ol { padding-left: 1.3rem; }
li { margin: .2rem 0; }
a {
  color: var(--color-accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
  text-decoration-skip-ink: auto;
}
a:hover { color: var(--bk-accent-deep); text-decoration-thickness: 2px; }
html[lang="th-TH"] a { text-underline-offset: .32em; }
:focus-visible { outline: 3px solid var(--bk-gold); outline-offset: 2px; }
time { font-variant-numeric: tabular-nums; white-space: nowrap; }
q { color: inherit; }
.bk-skip {
  position: absolute;
  top: .5rem;
  left: 1rem;
  z-index: 10;
  padding: .55rem .9rem;
  border-radius: .35rem;
  background: var(--bk-gold);
  color: var(--color-text);
  font-weight: 700;
  transform: translateY(-200%);
}
.bk-skip:focus { transform: none; outline: 3px solid var(--bk-surface); }
.bk-wrap { width: 100%; max-width: 70rem; margin: 0 auto; padding-left: 1rem; padding-right: 1rem; }
.bk-header { background: var(--color-text); color: var(--bk-on-dark); border-bottom: .25rem solid var(--bk-gold); }
.bk-header .bk-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .55rem 1rem;
  padding-top: .85rem;
  padding-bottom: 0;
}
.bk-brand {
  display: inline-flex;
  flex: 1 1 100%;
  align-items: center;
  gap: .6rem;
  color: #ffffff;
  font-family: var(--font-display);
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}
.bk-brand::before {
  content: "";
  flex: none;
  width: .62rem;
  height: .62rem;
  background: var(--bk-gold);
  transform: rotate(45deg);
}
.bk-brand:hover { color: var(--bk-gold-light); }
.bk-nav {
  order: 3;
  flex: 1 1 100%;
  margin: .1rem 0 0;
  padding: .45rem 0 .6rem;
  border-top: 1px solid var(--bk-dark-line);
}
.bk-nav ul, .bk-langs { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.bk-nav ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .25rem; }
.bk-nav li, .bk-langs li { margin: 0; }
.bk-nav a {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 2.75rem;
  padding: .35rem .6rem;
  border-radius: .4rem;
  color: var(--bk-on-dark);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
}
html[lang="th-TH"] .bk-nav a { font-size: .95rem; line-height: 1.4; }
.bk-nav a:hover { background: var(--bk-dark-hover); color: #ffffff; }
.bk-nav a:focus-visible { outline-color: var(--bk-gold-light); outline-offset: 1px; }
.bk-nav [aria-current="page"] { background: var(--bk-gold); color: var(--color-text); box-shadow: inset 0 -.18rem 0 var(--bk-gold-light); }
.bk-nav [aria-current="page"]:hover { background: var(--bk-gold-light); color: var(--color-text); }
.bk-langs { order: 2; gap: .4rem; }
.bk-langs a {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: .1rem .75rem;
  border: 1px solid var(--bk-on-dark-soft);
  border-radius: 999px;
  color: var(--bk-on-dark);
  font-size: .9rem;
  text-decoration: none;
}
.bk-langs a:hover { color: #ffffff; border-color: #ffffff; background: var(--bk-dark-hover); }
.bk-langs a[aria-current], .bk-langs [aria-current] > a {
  background: var(--bk-gold);
  border-color: var(--bk-gold);
  color: var(--color-text);
  font-weight: 700;
}
.bk-main { display: block; padding: 1.5rem 0 calc(var(--space-section) * .8); }
.bk-main:focus, #main:focus { outline: none; }
.bk-crumbs { margin-bottom: 1.25rem; color: var(--bk-soft); font-size: .9rem; }
.bk-crumbs ol { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; list-style: none; }
.bk-crumbs li { display: inline-flex; align-items: center; margin: 0; }
.bk-crumbs li + li::before {
  content: "";
  width: .38em;
  height: .38em;
  margin: 0 .65em 0 .45em;
  border-top: 1.5px solid var(--bk-mute);
  border-right: 1.5px solid var(--bk-mute);
  transform: rotate(45deg);
}
.bk-crumbs [aria-current] { color: var(--color-text); }
main section, .bk-boundary, .bk-other-slices { margin-top: calc(var(--space-section) * .7); }
.bk-intro { font-size: 1.05em; }
.bk-lead { font-size: 1.15rem; line-height: 1.55; }
html[lang="th-TH"] .bk-lead { font-size: 1.22rem; line-height: 1.75; }
.bk-note { color: var(--bk-soft); font-size: .875em; line-height: 1.55; }
html[lang="th-TH"] .bk-note { line-height: 1.75; }
.bk-asof { color: var(--bk-soft); font-size: .9em; }
.bk-asof time { color: var(--color-text); font-weight: 700; }
.bk-count {
  display: inline-block;
  min-width: 1.75em;
  padding: .05em .5em;
  border-radius: 999px;
  background: var(--color-text);
  color: var(--bk-gold-light);
  font-family: var(--font-sans);
  font-size: .8rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  font-variant-numeric: tabular-nums;
  letter-spacing: normal;
  white-space: nowrap;
}
.bk-badge {
  display: inline-block;
  padding: .02rem .45rem;
  border: 1px solid var(--bk-orchid-line);
  border-radius: .25rem;
  background: var(--bk-orchid-soft);
  color: var(--bk-accent-deep);
  font-size: .72rem;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: .08em;
}
html[lang="th-TH"] .bk-badge { font-size: .82rem; line-height: 1.6; letter-spacing: normal; text-transform: none; }
.bk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  margin: .25rem .5rem .25rem 0;
  padding: .55rem 1.15rem;
  border: 2px solid var(--color-accent);
  border-radius: .45rem;
  background: var(--color-accent);
  color: #ffffff;
  font: inherit;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  cursor: pointer;
}
.bk-btn:hover { border-color: var(--bk-accent-deep); background: var(--bk-accent-deep); color: #ffffff; }
.bk-btn + .bk-btn { background: transparent; color: var(--color-accent); }
.bk-btn + .bk-btn:hover { background: var(--bk-orchid-soft); color: var(--bk-accent-deep); }
.bk-table-wrap {
  margin: .75rem 0 1rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--bk-line);
  border-radius: var(--bk-radius);
  background: var(--bk-surface);
}
table { width: 100%; border-collapse: collapse; font-size: .94em; }
th, td { padding: .55rem .75rem; border-bottom: 1px solid var(--bk-line); text-align: left; vertical-align: top; }
thead th {
  border-bottom: 2px solid var(--bk-orchid-line);
  background: var(--bk-orchid-soft);
  color: var(--bk-accent-deep);
  font-size: .9em;
  font-weight: 700;
  white-space: nowrap;
}
tbody tr:nth-child(even) { background: var(--bk-zebra); }
tbody tr:last-child td, tbody tr:last-child th { border-bottom: 0; }
html[lang="th-TH"] th, html[lang="th-TH"] td { line-height: 1.7; }
.bk-sessions { min-width: 34rem; }
.bk-sessions td:first-child, .bk-sessions td:nth-child(2) { white-space: nowrap; }
.bk-sessions td:first-child { font-weight: 700; }
.bk-log { min-width: 24rem; }
.bk-log-type { font-weight: 700; white-space: nowrap; }
.bk-type-launch { color: var(--color-accent); }
.bk-type-data { color: var(--bk-ok); }
.bk-type-fix { color: var(--bk-off); }
.bk-type-copy { color: var(--bk-soft); }
.bk-type-method { color: var(--bk-warn); }
.bk-hero { margin-top: 0; }
.bk-hero h1 { margin-bottom: .55rem; }
.bk-hero .bk-intro:first-of-type { font-size: 1.13em; }
.bk-hero .bk-lead { margin-bottom: .8rem; }
.bk-hero .bk-asof { margin-bottom: .35rem; }
.bk-hero .bk-note { margin-bottom: 0; }
.bk-hero::after {
  content: "";
  display: block;
  height: 1.5rem;
  margin-top: 1.4rem;
  border-radius: .2rem;
  background: repeating-conic-gradient(var(--bk-check) 0 25%, transparent 0 50%) 0 0 / 1.5rem 1.5rem;
}
.bk-quicknav {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin: 1.4rem 0 0;
  padding: 0;
  list-style: none;
}
.bk-quicknav ul { display: flex; flex: 1 1 100%; flex-wrap: wrap; gap: .55rem; margin: 0; padding: 0; list-style: none; }
.bk-quicknav li { margin: 0; }
.bk-quicknav-item {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  min-height: 2.75rem;
  padding: .35rem .45rem .35rem 1rem;
  border: 1px solid var(--bk-line);
  border-radius: 999px;
  background: var(--bk-surface);
  box-shadow: 0 1px 2px var(--bk-shadow);
  color: var(--color-text);
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
}
.bk-quicknav-item:hover {
  border-color: var(--color-accent);
  background: var(--bk-orchid-soft);
  color: var(--bk-accent-deep);
  text-decoration: none;
}
.bk-quicknav-item .bk-count { background: var(--bk-orchid-soft); color: var(--bk-accent-deep); }
.bk-quicknav-item:hover .bk-count { background: var(--color-accent); color: #ffffff; }
.bk-block h2 { margin-bottom: .45rem; }
h2 .bk-count { margin-left: .45rem; vertical-align: .22em; }
.bk-block .bk-intro { margin-bottom: 0; }
.bk-howcheck, .bk-cta, .bk-status, .bk-evidence, .bk-report, #right-to-reply {
  padding: 1rem 1.1rem .3rem;
  border: 1px solid var(--bk-line);
  border-radius: var(--bk-radius);
  background: var(--bk-surface);
}
.bk-c960, #not-measured {
  padding: 1rem 1.1rem .3rem;
  border-radius: var(--bk-radius);
  background: var(--bk-orchid-soft);
}
#not-measured { background: var(--bk-gold-soft); }
#not-measured h2 { border-left-color: var(--color-text); }
#right-to-reply { border-left: .3rem solid var(--color-accent); }
.bk-doc-section ul { padding-left: 1.2rem; }
.bk-cta { border-top: .25rem solid var(--bk-gold); }
.bk-about-list, .bk-slice-about { color: var(--bk-soft); font-size: .95em; }
.bk-about-list { padding-top: 1.4rem; border-top: 1px solid var(--bk-line); }
.bk-about-list h2 { font-size: 1.25rem; border-left-color: var(--bk-orchid-mid); }
.bk-about-list a, .bk-slice-about a { color: var(--color-accent); }
.bk-slice-about { padding-top: 1.1rem; border-top: 1px solid var(--bk-line); }
.bk-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .85rem;
  margin: 1.1rem 0 1.15rem;
  padding: 0;
  list-style: none;
}
.bk-teaser {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .35rem;
  margin: 0;
  padding: .9rem 1rem .8rem;
  border: 1px solid var(--bk-line);
  border-top: .22rem solid var(--bk-gold);
  border-radius: var(--bk-radius);
  background: var(--bk-surface);
  box-shadow: 0 1px 2px var(--bk-shadow);
}
.bk-teaser:hover, .bk-teaser:focus-within {
  border-color: var(--bk-orchid-mid);
  border-top-color: var(--color-accent);
  box-shadow: 0 .55rem 1.3rem -.7rem var(--bk-shadow-lift);
}
#gone .bk-teaser { border-top-color: var(--bk-mute); background: transparent; box-shadow: none; }
#gone .bk-teaser:hover, #gone .bk-teaser:focus-within { border-color: var(--bk-field-line); background: var(--bk-surface); }
.bk-teaser-name {
  color: var(--bk-accent-deep);
  font-family: var(--font-display);
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}
.bk-teaser-name::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--bk-radius);
}
.bk-teaser-name:hover, .bk-teaser:hover .bk-teaser-name { color: var(--color-accent); text-decoration: underline; text-decoration-thickness: 1px; }
.bk-teaser-name:focus-visible { outline: 0; }
.bk-teaser-name:focus-visible::after { outline: 3px solid var(--bk-gold); outline-offset: 2px; }
html[lang="th-TH"] .bk-teaser-name { line-height: 1.55; }
.bk-teaser-meta, .bk-slice-fact { color: var(--bk-soft); font-size: .86rem; line-height: 1.6; }
html[lang="th-TH"] .bk-teaser-meta, html[lang="th-TH"] .bk-slice-fact { font-size: .95rem; line-height: 1.75; }
.bk-teaser-chess { color: var(--bk-soft); font-weight: 700; }
.bk-teaser > .bk-teaser-chess {
  margin-top: auto;
  padding-top: .5rem;
  border-top: 1px solid var(--bk-line);
  font-size: .9rem;
}
html[lang="th-TH"] .bk-teaser > .bk-teaser-chess { font-size: 1rem; }
.bk-ch-confirmed:not(.bk-status-line) { color: var(--bk-ok); }
.bk-ch-scheduled:not(.bk-status-line) { color: var(--color-accent); }
.bk-ch-confirmed_undated:not(.bk-status-line) {
  color: var(--bk-ok);
  text-decoration-line: underline;
  text-decoration-style: dashed;
  text-decoration-color: var(--bk-ok-light);
  text-decoration-thickness: 1px;
  text-underline-offset: .28em;
}
.bk-ch-not_confirmed:not(.bk-status-line), .bk-ch-not_confirmed_nodate:not(.bk-status-line) { color: var(--bk-amber); font-weight: 600; }
.bk-ch-moved:not(.bk-status-line), .bk-ch-moved_unknown:not(.bk-status-line), .bk-ch-ended:not(.bk-status-line) { color: var(--bk-grey); font-weight: 400; }
.bk-see-all {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-height: 2.75rem;
  padding: .45rem 1.05rem;
  border: 2px solid var(--color-accent);
  border-radius: 999px;
  background: var(--bk-surface);
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}
.bk-see-all::after { content: "\2192"; font-weight: 700; }
.bk-see-all:hover { background: var(--color-accent); color: #ffffff; text-decoration: none; }
.bk-card h1 { margin-bottom: .2rem; }
.bk-name-local { margin-bottom: .3rem; color: var(--bk-soft); font-size: 1.15em; }
.bk-kind-line { color: var(--bk-soft); }
.bk-kind-line .bk-badge { font-size: .76rem; }
html[lang="th-TH"] .bk-kind-line .bk-badge { font-size: .86rem; }
.bk-card .bk-status { margin-top: 1.25rem; }
.bk-status-line { margin: 0 0 .7rem; padding: .1rem 0 .1rem .8rem; border-left: .3rem solid var(--bk-mute); }
.bk-status-label { font-weight: 700; }
.bk-stale { color: var(--bk-warn); font-weight: 700; }
.bk-st-open, .bk-status-line.bk-ch-confirmed { border-left-color: var(--bk-ok); }
.bk-st-operating, .bk-status-line.bk-ch-confirmed_undated { border-left-color: var(--bk-ok-light); }
.bk-st-closed, .bk-status-line.bk-ch-ended { border-left-color: var(--bk-off); }
.bk-st-unknown, .bk-status-line.bk-ch-moved_unknown { border-left-style: dotted; border-left-color: var(--bk-mute); }
.bk-st-not_a_venue, .bk-status-line.bk-ch-moved { border-left-color: var(--bk-orchid-mid); }
.bk-status-line.bk-ch-scheduled { border-left-color: var(--color-accent); }
.bk-status-line.bk-ch-not_confirmed { border-left-color: var(--bk-warn); }
.bk-status-line.bk-ch-not_confirmed_nodate { border-left-style: dotted; border-left-color: var(--bk-warn); }
.bk-facts {
  margin: 0 0 1rem;
  overflow: hidden;
  border: 1px solid var(--bk-line);
  border-radius: var(--bk-radius);
  background: var(--bk-surface);
}
.bk-fact {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .1rem;
  padding: .6rem .9rem;
  border-bottom: 1px solid var(--bk-line);
}
.bk-fact:last-child { border-bottom: 0; }
.bk-fact:nth-child(even) { background: var(--bk-zebra); }
dt { font-weight: 700; }
dd { margin: 0; }
.bk-fact dt { padding-top: .1rem; color: var(--bk-soft); font-size: .86rem; font-weight: 700; line-height: 1.5; }
html[lang="th-TH"] .bk-fact dt { font-size: .95rem; line-height: 1.7; }
.bk-chip {
  display: inline-block;
  margin-left: .3rem;
  padding: 0 .5rem;
  border: 1px solid var(--bk-line);
  border-radius: 999px;
  background: var(--color-bg);
  color: var(--bk-soft);
  font-size: .8em;
  line-height: 1.55;
  white-space: nowrap;
  vertical-align: .08em;
}
html[lang="th-TH"] .bk-chip { font-size: .84em; line-height: 1.7; }
.bk-chip:has(.bk-flag-official) { border-color: var(--bk-ok-line); background: var(--bk-ok-soft); }
.bk-chip:has(.bk-flag-secondary) { border-color: var(--bk-line); background: var(--bk-grey-soft); }
.bk-chip:has(.bk-flag-unverified) { border-color: var(--bk-warn-line); background: var(--bk-warn-soft); }
.bk-chip a { font-weight: 700; text-decoration: none; }
.bk-chip a:hover { text-decoration: underline; }
.bk-flag { font-weight: 700; }
.bk-flag-official { color: var(--bk-ok); }
.bk-flag-secondary { color: var(--bk-soft); }
.bk-flag-unverified { color: var(--bk-warn); }
.bk-unknown { color: var(--bk-soft); font-style: italic; }
html[lang="th-TH"] .bk-unknown { font-style: normal; }
.bk-training h3 { margin-top: 1.25rem; }
.bk-coaches { margin: .5rem 0 1rem; padding: 0; list-style: none; }
.bk-coach { margin: 0; padding: .55rem 0; border-bottom: 1px dashed var(--bk-line); }
.bk-coach:last-child { border-bottom: 0; }
.bk-location a, .bk-contacts a, .bk-src-link { overflow-wrap: anywhere; }
.bk-corrections ul { padding-left: 1.1rem; }
.bk-corrections li::marker { color: var(--bk-gold); }
.bk-boundary {
  padding: .75rem 1rem;
  border: 1px dashed var(--bk-field-line);
  border-radius: var(--bk-radius);
  background: transparent;
  color: var(--bk-soft);
  font-size: .875em;
}
.bk-report h2, #right-to-reply h2 { padding-left: 0; border-left: 0; }
.bk-report { border-left: .3rem solid var(--color-accent); }
.bk-sources { margin: .75rem 0 0; padding-left: 1.6rem; }
.bk-src-group { margin: 0 0 1rem; }
.bk-src-group::marker { color: var(--bk-soft); font-variant-numeric: tabular-nums; }
.bk-src-link {
  display: inline-block;
  padding: .08rem .7rem;
  border: 1px solid var(--bk-orchid-line);
  border-radius: 999px;
  background: var(--bk-orchid-soft);
  color: var(--bk-accent-deep);
  font-size: .9em;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}
.bk-src-link:hover { border-color: var(--color-accent); color: var(--bk-accent-deep); text-decoration: underline; text-decoration-thickness: 1px; }
.bk-src-group ul { margin: .35rem 0 0; padding: 0; list-style: none; }
.bk-src-item {
  margin: .25rem 0;
  padding: .35rem .6rem;
  border: 1px solid var(--bk-line);
  border-radius: .35rem;
  background: var(--bk-surface);
  font-size: .9em;
  line-height: 1.5;
  scroll-margin-top: 1rem;
}
html[lang="th-TH"] .bk-src-item { line-height: 1.7; }
.bk-src-item:target { border-color: var(--bk-gold); background: var(--bk-gold-soft); }
.bk-src-item .bk-flag { padding: 0 .35rem; border-radius: .25rem; font-size: .92em; }
.bk-src-item .bk-flag-official { background: var(--bk-ok-soft); }
.bk-src-item .bk-flag-secondary { background: var(--bk-grey-soft); }
.bk-src-item .bk-flag-unverified { background: var(--bk-warn-soft); }
.bk-src-time { font-weight: 700; }
.bk-src-quote { color: var(--color-text); }
.bk-not-opened { color: var(--bk-warn); font-weight: 700; }
.bk-slice-data { padding: .9rem 1.1rem; border-radius: var(--bk-radius); background: var(--bk-orchid-soft); }
.bk-slice-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .65rem;
  margin: .9rem 0 0;
  padding: 0;
  list-style: none;
}
.bk-slice-list li {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .25rem;
  margin: 0;
  padding: .7rem .9rem .75rem;
  border: 1px solid var(--bk-line);
  border-left: .22rem solid var(--bk-gold);
  border-radius: .4rem;
  background: var(--bk-surface);
  box-shadow: 0 1px 2px var(--bk-shadow);
}
.bk-slice-list li:hover, .bk-slice-list li:focus-within {
  border-color: var(--bk-orchid-mid);
  border-left-color: var(--color-accent);
  box-shadow: 0 .45rem 1.1rem -.7rem var(--bk-shadow-lift);
}
.bk-slice-list a {
  color: var(--bk-accent-deep);
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}
html[lang="th-TH"] .bk-slice-list a { line-height: 1.55; }
.bk-slice-list li > a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: .4rem;
}
.bk-slice-list a:hover, .bk-slice-list li:hover > a { color: var(--color-accent); text-decoration: underline; text-decoration-thickness: 1px; }
.bk-slice-list li > a:focus-visible { outline: 0; }
.bk-slice-list li > a:focus-visible::after { outline: 3px solid var(--bk-gold); outline-offset: 2px; }
.bk-other-slices ul, ul.bk-other-slices {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: .5rem 0 0;
  padding: 0;
  list-style: none;
}
.bk-other-slices li { margin: 0; }
.bk-other-slices a {
  display: inline-flex;
  align-items: center;
  min-height: 2.5rem;
  padding: .3rem .95rem;
  border: 1px solid var(--bk-line);
  border-radius: 999px;
  background: var(--bk-surface);
  text-decoration: none;
}
.bk-other-slices a:hover { border-color: var(--color-accent); background: var(--bk-orchid-soft); }
.bk-form { max-width: 72ch; }
.bk-form { margin-top: 1.5rem; }
#form { scroll-margin-top: 1rem; }
.bk-fieldset {
  min-width: 0;
  margin: 0 0 1.25rem;
  padding: 1rem 1.1rem .4rem;
  border: 1px solid var(--bk-line);
  border-radius: var(--bk-radius);
  background: var(--bk-surface);
}
legend { padding: 0 .4rem; font-family: var(--font-display); font-weight: 700; }
.bk-field { margin: 0 0 1rem; }
.bk-label { display: block; margin-bottom: .3rem; font-weight: 700; }
.bk-input, .bk-textarea {
  display: block;
  width: 100%;
  min-height: 2.75rem;
  padding: .55rem .7rem;
  border: 1px solid var(--bk-field-line);
  border-radius: .4rem;
  background: var(--bk-surface);
  color: var(--color-text);
  font: inherit;
}
.bk-textarea { min-height: 6.5rem; resize: vertical; }
.bk-input:focus, .bk-textarea:focus {
  border-color: var(--color-accent);
  outline: 3px solid var(--bk-gold);
  outline-offset: 1px;
}
.bk-modes .bk-field { display: inline-block; margin: 0 1.4rem .5rem 0; }
.bk-modes .bk-label {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-height: 2.75rem;
  margin: 0;
  font-weight: 400;
  cursor: pointer;
}
.bk-modes .bk-input {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  min-height: 0;
  margin: 0;
  padding: 0;
  accent-color: var(--color-accent);
}
.bk-hint { display: block; margin-top: .3rem; color: var(--bk-soft); font-size: .88em; }
.bk-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.bk-submit { margin-top: .25rem; }
.bk-submit:disabled { opacity: .6; cursor: progress; }
.bk-notice {
  margin: 1rem 0 0;
  padding: .75rem 1rem;
  border-left: .3rem solid var(--bk-mute);
  border-radius: .35rem;
  background: var(--bk-surface);
}
.bk-notice:empty { display: none; }
.bk-notice-ok { border-left-color: var(--bk-ok); background: var(--bk-ok-soft); }
.bk-notice-fail { border-left-color: var(--bk-off); background: #f8e7ea; }
.bk-notice-sending { border-left-color: var(--bk-gold); background: var(--bk-gold-soft); }
.bk-noscript { padding: .8rem 1rem; border-radius: var(--bk-radius); background: var(--bk-gold-soft); }
.bk-notfound { padding: 1.5rem 0 1rem; }
.bk-notfound h1 { font-size: clamp(2rem, 1.5rem + 3vw, 3rem); }
.bk-footer {
  padding: 1.6rem 0 2rem;
  border-top: .25rem solid var(--bk-gold);
  background: var(--color-text);
  color: var(--bk-on-dark);
  font-size: .93rem;
}
.bk-footer p { color: var(--bk-on-dark-soft); font-size: .875rem; line-height: 1.6; }
html[lang="th-TH"] .bk-footer p { font-size: .95rem; line-height: 1.75; }
.bk-footer a { color: var(--bk-gold-light); }
.bk-footer a:hover { color: #ffffff; }
.bk-footer-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 .2rem;
  margin: 0 0 1.1rem;
  padding: 0 0 .9rem;
  border-bottom: 1px solid var(--bk-dark-line);
  list-style: none;
}
.bk-footer-nav li { display: inline-flex; align-items: center; margin: 0; }
.bk-footer-nav li + li::before { content: "\b7"; margin-right: .2rem; color: var(--bk-gold); font-weight: 700; }
.bk-footer-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0 .55rem;
  border-radius: .35rem;
  color: var(--bk-on-dark);
  font-size: .95rem;
  font-weight: 600;
  text-decoration: none;
}
.bk-footer-nav li:first-child a { padding-left: 0; }
.bk-footer-nav a:hover { color: #ffffff; text-decoration: underline; text-decoration-color: var(--bk-gold); }
.bk-footer-nav [aria-current="page"] { color: var(--bk-gold-light); text-decoration: underline; text-decoration-color: var(--bk-gold); text-decoration-thickness: 2px; }
.bk-footer .bk-asof { margin-bottom: 0; color: var(--bk-on-dark-soft); }
.bk-footer .bk-asof time { color: #ffffff; }
@media (min-width: 36rem) {
  .bk-brand { flex: 0 1 auto; }
  .bk-nav ul { display: flex; flex-wrap: wrap; gap: .3rem .25rem; }
  .bk-nav a { min-height: 2.6rem; padding: .4rem .75rem; font-size: .95rem; line-height: 1.3; }
  .bk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 40em) {
  .bk-wrap { padding-left: 1.5rem; padding-right: 1.5rem; }
  .bk-main { padding-top: 1.9rem; }
  main section, .bk-boundary, .bk-other-slices { margin-top: var(--space-section); }
  .bk-quicknav { margin-top: 1.6rem; }
  .bk-fact { grid-template-columns: 10.5rem minmax(0, 1fr); gap: 1rem; align-items: baseline; }
  html[lang="th-TH"] .bk-fact { grid-template-columns: 12rem minmax(0, 1fr); }
  .bk-slice-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bk-howcheck, .bk-cta, .bk-status, .bk-evidence, .bk-report, #right-to-reply, .bk-c960, #not-measured { padding: 1.2rem 1.4rem .4rem; }
}
@media (min-width: 52rem) {
  .bk-nav ul { gap: .3rem .1rem; }
  .bk-nav a { padding: .45rem .65rem; }
}
@media (min-width: 58rem) {
  .bk-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
  .bk-slice-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
  a, .bk-btn, .bk-skip { transition: color .15s ease, background-color .15s ease, border-color .15s ease, transform .15s ease; }
  .bk-teaser, .bk-slice-list li { transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
  .bk-teaser:hover, .bk-slice-list li:hover { transform: translateY(-2px); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none; animation: none; }
}
@media print {
  body { background: #ffffff; color: #000000; font-size: 11pt; }
  .bk-header, .bk-footer { border: 0; background: none; color: #000000; }
  .bk-brand, .bk-footer a, .bk-footer p, .bk-footer .bk-asof, .bk-footer .bk-asof time, a { color: #000000; }
  .bk-nav, .bk-langs, .bk-skip, .bk-cta, .bk-report, .bk-form, .bk-other-slices, .bk-quicknav, .bk-footer-nav { display: none; }
  .bk-hero::after { display: none; }
  .bk-table-wrap { overflow: visible; border: 0; }
  .bk-sessions, .bk-log { min-width: 0; }
  .bk-teaser, .bk-slice-list li { box-shadow: none; transform: none; }
  .bk-teaser, .bk-status, .bk-src-item, .bk-slice-list li { break-inside: avoid; }
}
