.bdf-conjugation {
  --cj-ink: #202f3f;
  --cj-blue: #1c527c;
  --cj-muted: #4e6170;
  --cj-line: #d8e3e8;
  --cj-paper: #f3f8fa;
  color: var(--cj-ink);
  padding-block: 32px 54px;
  overflow-wrap: anywhere;
}
.bdf-conjugation__head nav { display: flex; flex-wrap: wrap; gap: 6px 10px; color: var(--cj-muted); font-size: 14px; margin-bottom: 14px; }
.bdf-conjugation__head h1 { font-size: 36px; line-height: 1.15; margin: 0 0 8px; }
.bdf-conjugation__head p { margin: 0 0 18px; }
.bdf-conjugation a { color: var(--cj-blue); }
.bdf-conjugation a:hover { text-decoration: underline; text-underline-offset: 3px; }
.bdf-conjugation :focus-visible { outline: 2px solid var(--cj-blue); outline-offset: 2px; }
.bdf-conjugation__search { max-width: 640px; }
.bdf-conjugation__search label, .bdf-conjugation__tables label { display: block; margin-bottom: 5px; font-size: 14px; font-weight: 750; }
.bdf-conjugation__search > div { display: flex; gap: 8px; }
.bdf-conjugation__search input, .bdf-conjugation__tables select {
  width: 100%; min-width: 0; min-height: 46px; padding: 8px 11px; font: inherit;
  background: #fff; color: var(--cj-ink); border: 1px solid #819dad; border-radius: 6px;
}
.bdf-conjugation__search input { flex: 1 1 0; }
.bdf-conjugation__primary {
  display: inline-flex; flex: none; align-items: center; justify-content: center; gap: 7px;
  min-height: 44px; padding: 7px 13px; color: #fff; background: var(--cj-blue);
  border: 1px solid var(--cj-blue); border-radius: 6px; font-weight: 700;
}
.bdf-conjugation__primary:hover { background: #123c5d; }
.bdf-conjugation__primary svg, .bdf-conjugation__audio svg { width: 18px; height: 18px; }
.bdf-conjugation__featured { display: flex; flex-wrap: wrap; align-items: center; gap: 0 13px; margin: 6px 0 4px; font-size: 14px; }
.bdf-conjugation__featured > span { font-weight: 750; color: var(--cj-muted); }
.bdf-conjugation__featured a { padding-block: 10px; min-height: 40px; }
.bdf-conjugation__featured a[aria-current=page] { font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.bdf-conjugation__index { display: grid; grid-template-columns: repeat(auto-fit, minmax(36px, 1fr)); gap: 5px; }
.bdf-conjugation__index > * {
  display: grid; place-items: center; min-height: 41px; font-weight: 750;
  border: 1px solid var(--cj-line); border-radius: 5px; background: var(--cj-paper);
}
.bdf-conjugation__index span { color: var(--cj-muted); opacity: .6; }
.bdf-conjugation__index a:hover, .bdf-conjugation__index [aria-current=page] { color: #fff; background: var(--cj-blue); }
.bdf-conjugation__results { border-top: 1px solid var(--cj-line); margin-top: 20px; padding-top: 17px; min-height: 120px; }
.bdf-conjugation__results h2 { margin: 0 0 4px; font-size: 29px; line-height: 1.2; }
.bdf-conjugation__word > div { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.bdf-conjugation__word h2 { margin: 0; }
.bdf-conjugation__word p { margin: 5px 0 15px; color: var(--cj-muted); }
.bdf-conjugation__detail { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); align-items: start; gap: 20px 28px; }
.bdf-conjugation__tables, .bdf-conjugation__detail aside { min-width: 0; }
.bdf-conjugation__tables table { border-collapse: collapse; width: 100%; margin-top: 12px; table-layout: fixed; }
.bdf-conjugation__tables caption { text-align: left; padding: 8px 0; font-weight: 750; }
.bdf-conjugation__tables th, .bdf-conjugation__tables td { border-bottom: 1px solid var(--cj-line); padding: 3px 8px; text-align: left; }
.bdf-conjugation__tables th { font-size: 14px; width: 30%; color: var(--cj-muted); }
.bdf-conjugation__tables thead th { background: var(--cj-paper); padding-block: 8px; }
.bdf-conjugation__form { display: flex; align-items: center; flex-wrap: wrap; gap: 3px 9px; }
.bdf-conjugation__form > span, .bdf-conjugation__form p { flex: 1 1 7ch; font-weight: 700; }
.bdf-conjugation__audio {
  display: grid; place-items: center; flex: none; width: 44px; height: 44px;
  color: var(--cj-blue); background: #fff; border: 1px solid var(--cj-line); border-radius: 6px;
}
.bdf-conjugation__audio:hover, .bdf-conjugation__audio.is-speaking { border-color: var(--cj-blue); background: var(--cj-paper); }
.bdf-conjugation__form .bdf-french-audio-status { flex-basis: 100%; }
.bdf-conjugation__detail h3 { font-size: 19px; margin: 0 0 8px; }
.bdf-conjugation__example { border-left: 2px solid #78a995; background: #f2f8f5; margin: 0 0 9px; padding: 8px 10px; }
.bdf-conjugation__example figcaption { color: #31594b; font-size: 13px; font-weight: 750; }
.bdf-conjugation__example p { margin: 0; }
.bdf-conjugation__example > p { color: var(--cj-muted); font-size: 15px; margin-top: 3px; }
.bdf-conjugation__detail summary { cursor: pointer; padding: 10px 0; color: var(--cj-blue); font-weight: 700; }
.bdf-conjugation__note { margin: 9px 0 0; padding-left: 10px; border-left: 2px solid #ad752e; font-size: 14px; color: var(--cj-muted); }
.bdf-conjugation__related { margin-top: 15px; }
.bdf-conjugation__muted, .bdf-conjugation__source { font-size: 14px; color: var(--cj-muted); }
.bdf-conjugation__source { border-top: 1px solid var(--cj-line); margin-top: 27px; padding-top: 14px; }
.bdf-conjugation__source p { margin-bottom: 7px; }
.bdf-conjugation__list { list-style: none; padding: 0; margin: 0; display: grid; gap: 0 16px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 154px), 1fr)); }
.bdf-conjugation__list li { border-bottom: 1px solid var(--cj-line); }
.bdf-conjugation__list a { display: flex; flex-direction: column; min-height: 44px; padding: 8px 3px; }
.bdf-conjugation__list small { color: var(--cj-muted); }
.bdf-conjugation__pages { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; margin-top: 10px; }
.bdf-conjugation__pages a { padding-block: 9px; text-decoration: underline; }
.bdf-conjugation__pages :last-child { text-align: end; }
@media (max-width: 680px) {
  .bdf-conjugation { padding-block: 21px 35px; }
  .bdf-conjugation__head h1 { font-size: 27px; }
  .bdf-conjugation__results h2 { font-size: 24px; }
  .bdf-conjugation__detail { grid-template-columns: minmax(0, 1fr); }
  .bdf-conjugation__index > * { min-height: 44px; }
  .bdf-conjugation__tables th, .bdf-conjugation__tables td { padding-inline: 6px; }
}