/* The WordPress wrapper owns authored colour, type, spacing and outer border. */
.bwr { min-width: 0; }
.bwr__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  margin-block-end: 1.5rem;
}
.bwr__summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem 1rem;
  margin: 0;
}
.bwr__summary strong { font-size: 1.65em; font-weight: 700; line-height: 1.15; letter-spacing: -.04em; }
.bwr__summary a, .bwr__summary span { font-size: .9em; }
.bwr__summary strong span { font-size: .7em; font-weight: 400; letter-spacing: 0; }
.bwr[data-bwr-columns="1"] { --bwr-columns: 1; }
.bwr[data-bwr-columns="2"] { --bwr-columns: 2; }
.bwr[data-bwr-columns="3"] { --bwr-columns: 3; }
.bwr__track {
  display: grid;
  gap: var(--bwr-gap, 1.5rem);
  padding-block: .25rem 1rem;
}
.bwr[data-bwr-layout="carousel"] .bwr__track {
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - (var(--bwr-columns, 2) - 1) * var(--bwr-gap, 1.5rem)) / var(--bwr-columns, 2));
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}
.bwr[data-bwr-layout="grid"] .bwr__track { grid-template-columns: repeat(var(--bwr-columns, 2), minmax(0, 1fr)); }
.bwr__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  box-sizing: border-box;
  scroll-snap-align: start;
  overflow-wrap: anywhere;
  margin: 0;
  padding: clamp(1.25rem, 2vw, 2rem);
  border: 1px solid currentColor;
  border-color: color-mix(in srgb, currentColor 22%, transparent);
  border-radius: .2rem;
}
.bwr__card blockquote { margin: 1.25rem 0 0; padding: 0; border: 0; font: inherit; }
.bwr__card blockquote p { margin: 0; white-space: pre-line; line-height: inherit; }
.bwr__card a { text-underline-offset: .2em; }
.bwr__card:has(.bwr__full[open]) > blockquote { display: none; }
.bwr__stars { display: flex; gap: .2rem; color: inherit; }
.bwr__stars svg { display: block; width: 1.1em; height: 1.1em; }
.bwr__full { width: 100%; margin-block-start: .8rem; }
.bwr__full summary { width: fit-content; min-height: 2.75rem; align-content: center; cursor: pointer; font-weight: 600; text-underline-offset: .2em; }
.bwr__full summary:hover { text-decoration: underline; }
.bwr__full summary:focus-visible { outline: 2px solid currentColor; outline-offset: .2rem; }
.bwr__full[open] blockquote { margin-block: .25rem 1rem; }
.bwr__full[open] .bwr__read, .bwr__full:not([open]) .bwr__close { display: none; }
.bwr__author { display: flex; align-items: center; gap: .75rem; width: 100%; margin-block-start: auto; padding-block-start: 1.5rem; }
.bwr__author img { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.bwr__author div { display: flex; flex-direction: column; gap: .3rem; }
.bwr__author a { font-weight: 700; }
.bwr__author time { font-size: .85em; opacity: .8; }
.bwr [data-bwr-controls]:empty { display: none; }
.bwr__controls { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .65rem; }
.bwr__controls[hidden] { display: none; }
.bwr__button {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 52px;
  height: 52px;
  min-width: 52px;
  padding: 0;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  background: transparent;
  background: color-mix(in srgb, currentColor 5%, transparent);
  color: inherit;
  font: inherit;
  font-size: 0;
  line-height: 1;
  cursor: pointer;
  transition: background-color 180ms ease, transform 180ms ease;
}
.bwr__button::before {
  content: '';
  display: block;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  background-color: currentColor;
  clip-path: polygon(16.667% 46.354%, 70.375% 46.354%, 47.417% 23.417%, 52.583% 18.25%, 84.333% 50%, 52.583% 81.75%, 47.417% 76.583%, 70.375% 53.646%, 16.667% 53.646%);
}
.bwr__button[data-bwr-action="previous"]::before { transform: rotate(180deg); }
.bwr[dir="rtl"] .bwr__button[data-bwr-action="previous"]::before { transform: none; }
.bwr[dir="rtl"] .bwr__button[data-bwr-action="next"]::before { transform: rotate(180deg); }
.bwr__button:is(:hover, :focus-visible) { background: color-mix(in srgb, currentColor 12%, transparent); }
.bwr__button:active { transform: scale(.96); }
.bwr__button:focus-visible, .bwr__track:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.bwr__button:disabled { opacity: .5; cursor: default; }
.bwr__status, .bwr .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.bwr__attribution { margin-block: 1rem 0; font-size: .85em; }
.bwr__invitation { margin-block: 1rem 0; }
[data-bwr-preview] .bwr__track { scroll-snap-type: none; }
@media (max-width: 980px) { .bwr[data-bwr-columns="3"] { --bwr-columns: 2; } }
@media (max-width: 640px) { .bwr[data-bwr-columns] { --bwr-columns: 1; } }
@media (prefers-reduced-motion: reduce) { .bwr__button { transition: none; } }