@charset "utf-8";

.ldw-live {
  --live-bg: #111213;
  --live-ink: #ffffff;
  --live-muted: #c9cbcf;
  --live-line: rgba(255, 255, 255, .22);
  --live-gold: #ffd200;
  --live-action-ink: #000000;
  --live-action-line: rgba(255, 255, 255, .5);   /* button outline: 3:1+ on the background */
  --live-action-hover: rgba(255, 255, 255, .1);
  --live-hover-tint: rgba(255, 255, 255, .06);
  margin: 0 0 1.5rem;
  background: var(--live-bg);
  color: var(--live-ink);
  box-shadow: inset 6px 0 0 var(--live-gold);
  font-size: 1rem;
  line-height: 1.45;
  transition: background-color .3s ease, color .3s ease, box-shadow .3s ease;
}
/* Light theme */
:root:not(.dark) .ldw-live {
  --live-bg: #f1f1f1;
  --live-ink: #1a1a1a;
  --live-muted: #5b5f66;
  --live-line: rgba(0, 0, 0, .14);
  --live-gold: #e21833;
  --live-action-ink: #ffffff;
  --live-action-line: rgba(0, 0, 0, .5);
  --live-action-hover: rgba(0, 0, 0, .06);
  --live-hover-tint: rgba(0, 0, 0, .045);
}
.ldw-live[hidden] { display: none; }

.ldw-live { --host-umd: #ff3b54; --host-btaa: #43b0ea; --host-other: #9a9da3; }
:root:not(.dark) .ldw-live { --host-umd: #e21833; --host-btaa: #005e8d; --host-other: #8a8d93; }
.ldw-live [data-host-kind] { --live-host: var(--host-other); }
.ldw-live [data-host-kind="umd"]  { --live-host: var(--host-umd); }
.ldw-live [data-host-kind="btaa"] { --live-host: var(--host-btaa); }
html .ldw-live .ldw-live__item a.ldw-live__title { display: inline-block; padding-left: 1.05em; text-indent: -1.05em; }
html .ldw-live .ldw-live__item a.ldw-live__title::before,
.ldw-live__mini-title[data-host-kind]::before {
  content: ""; display: inline-block; width: .55em; height: .55em; margin-right: .5em; border-radius: 50%;
  background: var(--live-host); vertical-align: .1em;
}
.ldw-live__inner { padding-top: 1rem; padding-bottom: 1.1rem; }   /* sides: umd-layout-space-horizontal-larger, like the header */
.ldw-live__frame { position: relative; padding-right: 2.75rem; }    /* right: room for the collapse button in the corner */
.ldw-live__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.1rem;
  align-items: start;
}
.ldw-live__group + .ldw-live__group { padding-top: 1.1rem; border-top: 1px solid var(--live-line); }
@media (min-width: 992px) {
  .ldw-live__body { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 0; }
  .ldw-live__group:first-of-type { padding-right: 2.75rem; }
  .ldw-live__group + .ldw-live__group { padding: 0 0 0 2.75rem; border-top: 0; border-left: 1px solid var(--live-line); align-self: stretch; }
}
html .ldw-live .ldw-live__body a.ldw-live__all { grid-column: 1 / -1; justify-self: start; }
.ldw-live__body[hidden] { display: none; }

.ldw-live__toggle {
  position: absolute; top: -.45rem; right: -9px;                   /* the icon's right edge on the content's right edge */
  display: flex; align-items: center; justify-content: center;
  width: 2rem; height: 2rem; padding: 0; margin: 0;
  font: inherit; color: var(--live-muted); background: transparent; border: 0; border-radius: 4px; cursor: pointer;
}
.ldw-live__toggle:hover { color: var(--live-gold); }
.ldw-live__toggle:focus-visible { outline: 2px solid var(--live-gold); outline-offset: 2px; }
.ldw-live__mini { display: none; }
.ldw-live__pm { position: relative; width: 14px; height: 14px; flex: none; }
.ldw-live__pm::before, .ldw-live__pm::after { content: ""; position: absolute; background: currentColor; }
.ldw-live__pm::before { left: 0; top: 50%; width: 14px; height: 2px; margin-top: -1px; }
.ldw-live__pm::after { left: 50%; top: 0; width: 2px; height: 14px; margin-left: -1px; transform: rotate(90deg); transition: transform .3s ease; }
.ldw-live--collapsed .ldw-live__pm::after { transform: none; }          /* plus when collapsed, minus when open */
@media (prefers-reduced-motion: reduce) { .ldw-live__pm::after { transition: none; } }

.ldw-live--collapsed .ldw-live__inner { padding-top: 0; padding-bottom: 0; }
.ldw-live--collapsed .ldw-live__frame { padding-right: 0; }
.ldw-live--collapsed .ldw-live__toggle {
  position: static; width: 100%; height: auto; min-height: 2.5rem; padding: .35rem 0;
  justify-content: space-between; gap: 1rem; text-align: left; color: var(--live-ink);
}
.ldw-live--collapsed .ldw-live__toggle:hover .ldw-live__mini-title { text-decoration: underline; text-underline-offset: .2em; }
.ldw-live--collapsed .ldw-live__toggle .ldw-live__pm { color: var(--live-muted); }
.ldw-live--collapsed .ldw-live__toggle:hover .ldw-live__pm { color: var(--live-gold); }
.ldw-live--collapsed .ldw-live__mini { display: flex; align-items: center; gap: .35rem .75rem; min-width: 0; flex-wrap: nowrap; }
.ldw-live__mini .ldw-live__mini-label { margin: 0; flex: none; flex-wrap: nowrap; }
.ldw-live__mini-title { min-width: 0; line-height: 1.3; font-size: .95rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ldw-live__mini-more { flex: none; font-size: .85rem; color: var(--live-muted); white-space: nowrap; }
.ldw-live__group { min-width: 0; }
.ldw-live__label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .25rem .6rem;
  margin: 0 0 .5rem;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--live-gold);
}
.ldw-live__sub { font-weight: 600; letter-spacing: .04em; text-transform: none; color: var(--live-ink); font-size: .95rem; }
.ldw-live__dot {
  width: .65rem; height: .65rem; border-radius: 50%;
  background: #ff3b4f;
  box-shadow: 0 0 0 0 rgba(255, 59, 79, .7);
  animation: ldw-pulse 1.8s ease-out infinite;
}
@keyframes ldw-pulse { 70% { box-shadow: 0 0 0 .55rem rgba(255, 59, 79, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 59, 79, 0); } }
@media (prefers-reduced-motion: reduce) { html:not(.ldw-motion-playing) .ldw-live__dot { animation: none; } }
html.ldw-motion-paused .ldw-live__dot { animation: none; }

.ldw-live__list { list-style: none; margin: 0; padding: 0; }
.ldw-live__item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .1rem 1rem;
  align-items: start;
  padding: .55rem 0;
  border-top: 1px solid var(--live-line);
}
.ldw-live__item:first-child { border-top: 0; padding-top: 0; }
html .ldw-live a.ldw-live__title {
  font-size: 1.1rem; font-weight: 700; line-height: 1.3;
  color: var(--live-ink); text-decoration: none;
}
html .ldw-live a.ldw-live__title:hover,
html .ldw-live a.ldw-live__title:focus-visible { color: var(--live-gold); text-decoration: underline; text-underline-offset: .2em; }
.ldw-live__item { position: relative; border-radius: 4px; transition: background-color .2s ease, box-shadow .2s ease; }
html .ldw-live .ldw-live__item a.ldw-live__title::after { content: ""; position: absolute; inset: 0; z-index: 1; }
html .ldw-live .ldw-live__item a.ldw-live__action { position: relative; z-index: 2; }
.ldw-live__item:hover, .ldw-live__item:focus-within {
  background-color: var(--live-hover-tint);
  box-shadow: 0 0 0 .45rem var(--live-hover-tint);        /* the tint reaches a little past the text without moving it */
}
.ldw-live__item:hover, .ldw-live__item:focus-within,
.ldw-live__item:hover + .ldw-live__item, .ldw-live__item:focus-within + .ldw-live__item { border-top-color: transparent; }   /* no divider lines through the tint */
html .ldw-live .ldw-live__item:hover a.ldw-live__title { color: var(--live-gold); text-decoration: underline; text-underline-offset: .2em; }
html .ldw-live .ldw-live__item a.ldw-live__title:focus-visible { outline: 0; }
html .ldw-live .ldw-live__item:has(a.ldw-live__title:focus-visible) { outline: 2px solid var(--live-gold); outline-offset: .45rem; }   /* keyboard focus rings the whole block */
@media (prefers-reduced-motion: reduce) { .ldw-live__item { transition: none; } }
.ldw-live__meta { grid-column: 1; margin: 0; font-size: .88rem; color: var(--live-muted); }
.ldw-live__meta span + span::before { content: "\00b7"; margin: 0 .5em; font-weight: 400; }   /* the dot stays regular even before the bold "ends in" */
.ldw-live__rel { color: var(--live-ink); font-weight: 600; }
html .ldw-live a.ldw-live__action {
  grid-column: 2; grid-row: 1 / span 3; align-self: center;
  padding: .35rem .9rem; font-size: .85rem; font-weight: 600; white-space: nowrap; text-decoration: none;
  color: var(--live-ink); background: transparent; border: 1px solid var(--live-action-line); border-radius: 4px;
}
html .ldw-live a.ldw-live__action:hover,
html .ldw-live a.ldw-live__action:focus-visible { color: var(--live-ink); background: var(--live-action-hover); border-color: var(--live-ink); }
.ldw-live__more { margin: .4rem 0 0; font-size: .85rem; color: var(--live-muted); }
html .ldw-live a.ldw-live__all {
  flex-basis: 100%; font-size: .9rem; font-weight: 600; color: var(--live-ink); text-decoration: underline; text-underline-offset: .2em;
}
html .ldw-live a.ldw-live__all:hover, html .ldw-live a.ldw-live__all:focus-visible { color: var(--live-gold); }
html .ldw-live a:focus-visible { outline: 2px solid var(--live-gold); outline-offset: 2px; }
.ldw-live__sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

@media (max-width: 575px) {
  .ldw-live__inner { padding-top: .9rem; padding-bottom: 1rem; }
  .ldw-live--collapsed .ldw-live__inner { padding-top: 0; padding-bottom: 0; }
  .ldw-live--collapsed .ldw-live__mini {
    display: grid; grid-template-columns: auto 1fr; grid-template-areas: "label more" "title title"; gap: .15rem .75rem; align-items: center;
  }
  .ldw-live__mini-label { grid-area: label; }
  .ldw-live__mini-more { grid-area: more; }
  .ldw-live__mini-title { grid-area: title; }
  .ldw-live__item { grid-template-columns: 1fr; }
  html .ldw-live a.ldw-live__action { grid-column: 1; grid-row: auto; justify-self: start; margin-top: .4rem; }
}

/* on the home page the strip sits above the hero, full width */
.ldw-live--bar { margin: 0; }

/* catalog: quick filters, result count, highlights, live badge */
.ldw-quick { display: flex; flex-wrap: wrap; gap: .6rem 1.75rem; margin: 0 0 1rem; }
.ldw-quick__group { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; border: 0; margin: 0; padding: 0; min-width: 0; }
.ldw-quick__legend { float: left; margin: 0 .35rem 0 0; padding: 0; width: auto; font-size: .75rem; font-weight: 700; letter-spacing: .02em; color: var(--sc-muted, rgba(0,0,0,.68)); }
.ldw-chip {
  font: inherit; font-size: .88rem; font-weight: 600; line-height: 1.2;
  padding: .35rem .8rem; cursor: pointer;
  color: var(--sc-ink, #000); background: #fff;
  border: 1px solid var(--sc-muted, rgba(0,0,0,.6)); border-radius: 999px;
}
.ldw-chip:hover { border-color: var(--sc-accent, #e21833); color: var(--sc-accent, #e21833); }
.ldw-chip[aria-pressed="true"] { color: #fff; background: #000; border-color: #000; }
.ldw-chip:focus-visible { outline: 2px solid var(--sc-accent, #e21833); outline-offset: 2px; }
.ldw-chip__n { margin-left: .35em; font-weight: 400; }

.ldw-count { margin: 0 0 1rem; font-size: .92rem; color: var(--sc-muted, rgba(0,0,0,.68)); min-height: 1.4em; }
.ldw-count strong { color: var(--sc-ink, #000); }

mark.ldw-hit { padding: 0 .1em; color: inherit; background: #ffd200; border-radius: 2px; }
.ldw-matchnote { position: relative; z-index: 2; margin: .5rem 0 0; font-size: .82rem; color: var(--sc-muted, rgba(0,0,0,.68)); }
.ldw-matchnote::before { content: "Also matches: "; font-weight: 700; color: var(--sc-ink, #000); }

.ldw-badge {
  display: inline-block; margin: 0 .7em 0 0; padding: .1em .55em; vertical-align: .05em; font-style: normal;
  font-size: .7rem; font-weight: 700; letter-spacing: .02em;
  color: #fff; background: #c41230; border-radius: 2px;
}
.ldw-badge--done { color: #333; background: #e8e8e8; }

/* Floating cards (default) */

:root .ldw-live.ldw-live--float {
  --live-bg: #f1f1f1; --live-ink: #1a1a1a; --live-muted: #5b5f66; --live-line: rgba(0, 0, 0, .14);
  --live-gold: #c8102e; --live-action-ink: #ffffff; --live-action-line: rgba(0, 0, 0, .5);
  --live-action-hover: rgba(0, 0, 0, .06); --live-hover-tint: rgba(0, 0, 0, .045);
  --host-umd: #e21833; --host-btaa: #005e8d; --host-other: #8a8d93;
}
.ldw-live.ldw-live--float {
  position: fixed; left: 1rem; bottom: 1rem; z-index: 950; margin: 0;
  width: 26rem; max-width: calc(100vw - 2rem);
  display: flex; flex-direction: column; align-items: stretch; gap: .6rem;
  background: transparent; box-shadow: none;
  animation: ldw-float-in .35s ease-out both;
}
.ldw-live--float .ldw-live__inner { box-sizing: border-box; max-width: none; margin-left: 0; margin-right: 0; background: var(--live-bg); box-shadow: inset 6px 0 0 var(--live-host, var(--live-gold)), 0 12px 32px rgba(0, 0, 0, .22); }
@keyframes ldw-float-in { from { opacity: 0; transform: translateY(1rem); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .ldw-live.ldw-live--float { animation: none; } }
html.ldw-motion-paused .ldw-live.ldw-live--float { animation: none; }
body:has(.ldw-motion-btn--float) .ldw-live.ldw-live--float { bottom: 4.5rem; }

.ldw-live--float .ldw-live__inner.umd-layout-space-horizontal-larger { padding: 1rem 1rem 1.1rem 1.6rem; }
.ldw-live--float .ldw-live__frame { max-height: calc(100vh - 5rem); max-height: calc(100dvh - 5rem); overflow-y: auto; overscroll-behavior: contain; padding-right: 0; }
.ldw-live--float .ldw-live__body > .ldw-live__group:first-child .ldw-live__label { padding-right: 4.5rem; }
.ldw-live--float .ldw-live__toggle { top: -.35rem; right: 2.25rem; }
.ldw-live--float .ldw-live__body { grid-template-columns: minmax(0, 1fr); column-gap: 0; }
.ldw-live--float .ldw-live__group:first-of-type { padding-right: 0; }
.ldw-live--float .ldw-live__group + .ldw-live__group { padding: 1.1rem 0 0; border-left: 0; border-top: 1px solid var(--live-line); }
.ldw-live--float .ldw-live__item { grid-template-columns: 1fr; }
html .ldw-live--float a.ldw-live__action { grid-column: 1; grid-row: auto; justify-self: start; margin-top: .45rem; }

.ldw-live--float.ldw-live--collapsed { width: auto; align-items: flex-start; }
.ldw-live--float.ldw-live--collapsed.ldw-live--has-vote { width: 26rem; align-items: stretch; }
.ldw-live--float.ldw-live--has-vote .ldw-live__frame { max-height: calc(100vh - 11rem); max-height: calc(100dvh - 11rem); }
.ldw-live--float.ldw-live--collapsed .ldw-live__inner.umd-layout-space-horizontal-larger { padding: 0 1rem 0 1.5rem; }
.ldw-live--float.ldw-live--collapsed .ldw-live__frame { padding-right: 2.5rem; margin-right: 0; overflow: visible; }
.ldw-live--float.ldw-live--collapsed .ldw-live__toggle { min-height: 3rem; padding: .5rem 0; }
.ldw-live--float.ldw-live--collapsed .ldw-live__mini { display: grid; grid-template-columns: auto auto; grid-template-areas: "label more" "title title"; gap: .1rem .75rem; align-items: center; justify-content: start; }
.ldw-live--float .ldw-live__mini-label { grid-area: label; margin: 0; }
.ldw-live--float .ldw-live__mini-more { grid-area: more; }
.ldw-live--float .ldw-live__mini-title { grid-area: title; max-width: 20rem; }

/* Big Ten voting reminder */
.ldw-live__vote {
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .5rem 1rem;
  width: 100%; max-width: 26rem; box-sizing: border-box; padding: .85rem 3.25rem .9rem 1.25rem;
  background: #e21833; color: #fff; box-shadow: 0 12px 32px rgba(0, 0, 0, .28);
}
.ldw-live__vote p { margin: 0; color: inherit !important; }
.ldw-live__vote-title { font-size: 1rem; font-weight: 700; line-height: 1.3; }
.ldw-live__vote-text { font-size: .85rem; line-height: 1.35; }
html .ldw-live a.ldw-live__vote-more { color: #fff; font-weight: 600; text-decoration: underline; text-underline-offset: .18em; }
html .ldw-live a.ldw-live__vote-more:hover { text-decoration-thickness: 2px; }
html .ldw-live a.ldw-live__vote-more:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
html .ldw-live a.ldw-live__vote-go {
  padding: .35rem .9rem; font-size: .85rem; font-weight: 600; white-space: nowrap; text-decoration: none;
  color: #fff; background: transparent; border: 1px solid #fff; border-radius: 4px;
}
html .ldw-live a.ldw-live__vote-go:hover, html .ldw-live a.ldw-live__vote-go:focus-visible { color: #000; background: #fff; }
html .ldw-live a.ldw-live__vote-go:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.ldw-live__vote-x {
  position: absolute; top: .65rem; right: 1rem; display: flex; align-items: center; justify-content: center;
  width: 2rem; height: 2rem; padding: 0; margin: 0; color: #fff; background: transparent; border: 0; border-radius: 4px; cursor: pointer;
}
.ldw-live__dismiss .ldw-live__pm, .ldw-live__vote-x .ldw-live__pm { transform: rotate(45deg); width: 12px; height: 12px; }
.ldw-live__dismiss .ldw-live__pm::before, .ldw-live__vote-x .ldw-live__pm::before { width: 12px; }
.ldw-live__dismiss .ldw-live__pm::after, .ldw-live__vote-x .ldw-live__pm::after { height: 12px; transform: none; transition: none; }
.ldw-live__vote-x:hover { background: rgba(255, 255, 255, .16); }
.ldw-live__vote-x:focus-visible { outline: 2px solid #fff; outline-offset: 1px; }
.ldw-live__vote [hidden] { display: none !important; }
.ldw-live__vote.is-asking { padding-right: 1.25rem; }
.ldw-live__vote-ask { grid-column: 1 / -1; }
.ldw-live__vote-btns { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .55rem; }
.ldw-live__vote-opt {
  padding: .35rem .9rem; font: inherit; font-size: .85rem; font-weight: 600; line-height: 1.3; cursor: pointer;
  color: #fff; background: transparent; border: 1px solid #fff; border-radius: 4px;
}
.ldw-live__vote-opt:hover, .ldw-live__vote-opt:focus-visible { color: #000; background: #fff; }
.ldw-live__vote-opt:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.ldw-live__vote-btns { align-items: center; }
.ldw-live__vote-cancel {
  padding: .35rem .25rem; font: inherit; font-size: .85rem; cursor: pointer;
  color: #fff; background: transparent; border: 0; text-decoration: underline; text-underline-offset: .2em;
}
.ldw-live__vote-cancel:hover { text-decoration-thickness: 2px; }
.ldw-live__vote-cancel:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* hide until */
.ldw-live__dismiss {
  position: absolute; top: -.35rem; right: 0; display: flex; align-items: center; justify-content: center;
  width: 2rem; height: 2rem; padding: 0; margin: 0; color: var(--live-muted); background: transparent; border: 0; border-radius: 4px; cursor: pointer;
}
.ldw-live__dismiss:hover { color: var(--live-gold); }
.ldw-live__dismiss:focus-visible { outline: 2px solid var(--live-gold); outline-offset: 2px; }
.ldw-live--collapsed .ldw-live__dismiss { top: 50%; transform: translateY(-50%); }
.ldw-live__frame[hidden] { display: none; }
.ldw-live__hide { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .6rem; padding: .7rem 0; }
.ldw-live__hide .ldw-live__hide-label { margin: 0 .25rem 0 0; }
.ldw-live__hide-opt {
  padding: .3rem .75rem; font: inherit; font-size: .85rem; font-weight: 600; line-height: 1.3; cursor: pointer;
  color: var(--live-ink); background: transparent; border: 1px solid var(--live-action-line); border-radius: 4px;
}
.ldw-live__hide-opt:hover, .ldw-live__hide-opt:focus-visible { background: var(--live-action-hover); border-color: var(--live-ink); }
.ldw-live__hide-cancel {
  padding: .3rem .25rem; font: inherit; font-size: .85rem; cursor: pointer;
  color: var(--live-muted); background: transparent; border: 0; text-decoration: underline; text-underline-offset: .2em;
}
.ldw-live__hide-cancel:hover { color: var(--live-ink); }
.ldw-live__hide button:focus-visible { outline: 2px solid var(--live-gold); outline-offset: 2px; }

/* phones: a slim strip under the header that sticks to the top while scrolling */
@media (max-width: 575px) {
  .ldw-live.ldw-live--float, .ldw-live.ldw-live--float.ldw-live--collapsed {
    position: sticky; top: 0; left: auto; bottom: auto; width: auto; max-width: none;
    gap: 0; align-items: stretch; animation: none; box-shadow: 0 6px 16px rgba(0, 0, 0, .18);
  }
  .ldw-live--float .ldw-live__inner { box-shadow: inset 6px 0 0 var(--live-host, var(--live-gold)); }
  .ldw-live__vote { max-width: none; box-shadow: none; padding: .65rem 3.25rem .7rem 1.5rem; }
  .ldw-live__vote-x { top: .45rem; }
  .ldw-live__vote-text { font-size: .8rem; }
  .ldw-live--float.ldw-live--has-vote .ldw-live__frame { max-height: calc(100vh - 7rem); max-height: calc(100dvh - 7rem); }
  .ldw-live--float .ldw-live__inner.umd-layout-space-horizontal-larger { padding: .9rem 1rem 1rem 1.5rem; }
  .ldw-live--float.ldw-live--collapsed .ldw-live__inner.umd-layout-space-horizontal-larger { padding: 0 1rem 0 1.5rem; }
  .ldw-live--float .ldw-live__frame { max-height: calc(100vh - 3rem); max-height: calc(100dvh - 3rem); }
  .ldw-live--float.ldw-live--collapsed .ldw-live__mini { grid-template-columns: auto 1fr; }
  .ldw-live--float .ldw-live__mini-title { max-width: none; }
}

/* each session block carries its host color on the left edge */
.ldw-live--float { --float-pad: 1.6rem; }
.ldw-live--float .ldw-live__inner.umd-layout-space-horizontal-larger,
.ldw-live--float.ldw-live--collapsed .ldw-live__inner.umd-layout-space-horizontal-larger { padding-left: 0; }
.ldw-live--float .ldw-live__frame, .ldw-live--float .ldw-live__hide { padding-left: var(--float-pad); }
.ldw-live--float:not(.ldw-live--collapsed) .ldw-live__inner { box-shadow: 0 12px 32px rgba(0, 0, 0, .22); }
.ldw-live--float .ldw-live__item::before {
  content: ""; position: absolute; left: calc(-1 * var(--float-pad)); top: .35rem; bottom: .35rem; width: 6px; background: var(--live-host);
}
.ldw-live--float .ldw-live__item:first-child::before { top: 0; }
html .ldw-live--float .ldw-live__item a.ldw-live__title { padding-left: 0; text-indent: 0; }
html .ldw-live--float .ldw-live__item a.ldw-live__title::before,
.ldw-live--float .ldw-live__mini-title[data-host-kind]::before { display: none; }
.ldw-live--float.ldw-live--collapsed { --float-pad: 1.5rem; }
@media (max-width: 575px) {
  .ldw-live--float { --float-pad: 1.5rem; }
  .ldw-live--float:not(.ldw-live--collapsed) .ldw-live__inner { box-shadow: none; }
}

/* open card: the choices sit over the list, same size */
.ldw-live--float .ldw-live__inner { position: relative; }
.ldw-live--float .ldw-live__hide.is-over {
  position: absolute; inset: 0; z-index: 3; justify-content: center; align-content: center;
  padding: 1.25rem 1.5rem; background: var(--live-bg);
}
.ldw-live__hide.is-over .ldw-live__hide-label { flex-basis: 100%; justify-content: center; margin: 0 0 .35rem; }

/* question and Cancel share the top line; choices sit on one row below */
.ldw-live__hide { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: .5rem; }
.ldw-live__hide-head, .ldw-live__vote-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.ldw-live__hide-opts { display: flex; flex-wrap: nowrap; gap: .45rem; }
.ldw-live__hide-opt, .ldw-live__vote-opt { white-space: nowrap; padding-left: .7rem; padding-right: .7rem; }
.ldw-live__hide.is-over { justify-content: center; align-items: center; }
.ldw-live__hide.is-over .ldw-live__hide-head { align-self: stretch; }
.ldw-live__hide.is-over .ldw-live__hide-label { flex-basis: auto; justify-content: flex-start; margin: 0; }
.ldw-live__hide.is-over .ldw-live__hide-opts { align-self: flex-start; }
.ldw-live__vote-btns { flex-wrap: nowrap; }
@media (max-width: 575px) { .ldw-live--float .ldw-live__hide.is-over { padding: 1.25rem 1rem 1.25rem 1.5rem; } }
.ldw-live--float .ldw-live__hide.is-over { justify-content: flex-start; padding: 1rem 1rem 1.1rem var(--float-pad); }
main[tabindex="-1"]:focus { outline: none; }