/* News should read comfortably as short paragraphs on phones and desktops. */
.article-reading-copy { @apply text-base sm:text-lg leading-8 break-words; }
.article-reading-copy p { @apply my-5; }
.article-reading-copy p:first-child { @apply mt-0; }
.article-reading-copy p:last-child { @apply mb-0; }
.article-reading-copy h2, .article-reading-copy h3 { @apply mt-8 mb-4 font-semibold leading-snug; }
.article-reading-copy ul { @apply list-disc pl-6 my-5 space-y-2; }
.article-reading-copy ol { @apply list-decimal pl-6 my-5 space-y-2; }
.article-reading-credit { @apply border-t border-gray-200 dark:border-slate-700 pt-5 text-sm leading-6 text-gray-500 dark:text-slate-400; }
/* Follow the visible viewport when a mobile keyboard opens. */
.auth-modal {
  container: auth-modal / size;
  top: var(--auth-viewport-top, 0px);
  bottom: auto;
  height: var(--auth-viewport-height, 100dvh);
}

.auth-modal-layout {
  height: 100%;
  padding: max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
}

.auth-modal-panel {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  min-height: 0;
}

.auth-modal-header {
  padding-left: 44px;
  padding-right: 44px;
}

/* An open keyboard leaves roughly a third of the panel for the form. The
   subtitle is the least load-bearing thing in the header, so drop it once the
   modal gets short. Safari < 16 has no container queries and just keeps it. */
@container auth-modal (max-height: 560px) {
  .auth-modal-header [data-auth-modal-target="subtitle"] { display: none; }
}

.auth-modal-body {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scroll-padding-block: 12px;
  -webkit-overflow-scrolling: touch;
}

/* Both tonight layouts set maximum-scale=1.0, which is what actually
   suppresses Safari's zoom-on-focus today (verified on iOS 26). Keep 16px
   anyway: it is the accessible way to get the same result, so dropping
   maximum-scale later is a one-line change. 44px is the touch-target min. */
.auth-modal input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]) {
  font-size: 16px;
  min-height: 44px;
}

@media (min-width: 640px) {
  .auth-modal-layout { padding: 24px; }
}
/* Public guides and portal previews share one theme and readable type scale.
   Buttons are 10px; image/cards 16px; the contents bar stays flat. */
.guide-page {
  --guide-bg: #ffffff;
  --guide-surface: #f8fafc;
  --guide-ink: #0f172a;
  --guide-muted: #475569;
  --guide-border: #e2e8f0;
  --guide-accent: #0f766e;
  --guide-accent-hover: #115e59;
  background: var(--guide-bg);
  color: var(--guide-ink);
}
.dark .guide-page {
  --guide-bg: #0f172a;
  --guide-surface: #172337;
  --guide-ink: #f8fafc;
  --guide-muted: #cbd5e1;
  --guide-border: #334155;
  --guide-accent: #5eead4;
  --guide-accent-hover: #99f6e4;
}
.guide-frame { max-width: 1280px; margin-inline: auto; padding-inline: 24px; }
.guide-hero { padding-block: 40px; }
.guide-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.guide-hero-copy { min-width: 0; }
.guide-hero-copy nav { padding: 0; margin-bottom: 24px; color: var(--guide-muted); line-height: 1.6; }
.guide-hero-copy nav :is(a, span) { color: inherit; }
.guide-hero-copy nav a:hover { color: var(--guide-accent); }
.guide-hero h1 { font-size: clamp(2rem, 3.8vw, 3.4rem); font-weight: 700; letter-spacing: -.045em; line-height: 1.12; max-width: 18ch; text-wrap: balance; }
.guide-deck { margin-top: 20px; max-width: 48ch; color: var(--guide-muted); font-size: 1.0625rem; line-height: 1.75; }
.guide-hero-photo { border-radius: 16px; overflow: hidden; aspect-ratio: 4/3; background: var(--guide-surface); }
.guide-hero-photo img { width: 100%; height: 100%; object-fit: cover; }
.guide-contents { position: sticky; top: 64px; z-index: 20; border-block: 1px solid var(--guide-border); background: var(--guide-bg); }
.guide-contents-links { display: flex; align-items: center; gap: 28px; overflow-x: auto; }
.guide-contents-label { font-size: .8125rem; color: var(--guide-muted); flex-shrink: 0; }
.guide-jump { display: inline-flex; align-items: center; min-height: 56px; flex-shrink: 0; font-size: .875rem; font-weight: 600; color: var(--guide-ink); border-bottom: 2px solid transparent; }
.guide-jump:hover { color: var(--guide-accent); border-bottom-color: var(--guide-accent); }
.embed-mobile .guide-contents { top: 0; }
.guide-page section[id] { scroll-margin-top: 140px; }
.embed-mobile .guide-page section[id] { scroll-margin-top: 72px; }
.guide-page > section:not(.guide-hero), .guide-page > main > section:not(.guide-hero) { background: var(--guide-bg); }
.guide-page > section > .max-w-7xl, .guide-page > main > section > .max-w-7xl { padding: 48px 24px; }
.guide-page > section h2, .guide-page > main > section h2 { font-size: clamp(1.4rem, 2.2vw, 1.9rem); line-height: 1.25; letter-spacing: -.025em; }
.guide-section-description { color: var(--guide-muted); max-width: 70ch; font-size: 1rem; line-height: 1.75; margin: 12px 0 28px; }
.guide-page .guide-introduction { padding: 48px 24px; }
.guide-page .guide-introduction > div { padding: 0; border: 0; border-radius: 0; background: transparent; }
.guide-page .guide-introduction > div > .absolute { display: none; }
.guide-page .guide-introduction h2 { margin-bottom: 20px; }
.guide-page .guide-introduction .relative > p { max-width: 80ch; line-height: 1.8; margin-bottom: 12px; }
.guide-page .guide-introduction .grid { margin-top: 28px; padding-top: 24px; }
.guide-page .guide-text { padding: 0; border: 0; border-radius: 0; background: transparent; }
.guide-page .guide-text > .absolute { display: none; }
.guide-page .guide-text .prose { max-width: 80ch; font-size: 1rem; line-height: 1.8; }
.guide-content-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--guide-border); border-radius: 16px; overflow: hidden; background: var(--guide-bg); }
.guide-card-photo { aspect-ratio: 16/10; overflow: hidden; background: var(--guide-surface); }
.guide-card-photo img { width: 100%; height: 100%; object-fit: cover; }
.guide-card-copy { display: flex; flex-direction: column; flex: 1; padding: 24px; }
.guide-card-copy h3 { font-size: 1.2rem; line-height: 1.4; letter-spacing: -.02em; font-weight: 700; }
.guide-card-copy h3 a:hover { color: var(--guide-accent); }
.guide-card-kicker { color: var(--guide-accent); font-size: .8125rem; font-weight: 600; margin-bottom: 8px; }
.guide-card-location { margin-top: 6px; color: var(--guide-muted); font-size: .875rem; }
.guide-card-description { margin-top: 16px; color: var(--guide-muted); font-size: .9375rem; line-height: 1.75; }
.guide-card-details { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 16px; font-size: .875rem; color: var(--guide-muted); }
.guide-card-tags { font-size: .8125rem; color: var(--guide-muted); margin-top: 16px; }
.guide-card-actions { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin-top: auto; padding-top: 24px; }
.guide-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 11px 20px; border-radius: 10px; background: var(--guide-accent); color: #fff; font-size: .875rem; font-weight: 600; white-space: nowrap; transition: background-color 150ms; }
.guide-button:hover { background: var(--guide-accent-hover); }
.dark .guide-button { color: #0f172a; }
.guide-text-link { min-height: 44px; display: inline-flex; align-items: center; color: var(--guide-accent); font-size: .875rem; font-weight: 600; }
.guide-text-link:hover { text-decoration: underline; }
.guide-page :is(a, button, summary):focus-visible { outline: 3px solid var(--guide-accent); outline-offset: 4px; }
.guide-listing-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding-top: 20px; margin-top: 20px; border-top: 1px solid var(--guide-border); font-size: .875rem; }
.guide-listing-facts dt { color: var(--guide-muted); font-size: .75rem; margin-bottom: 4px; }
.guide-listing-facts dd { font-weight: 500; }
.guide-content-card-wide { display: grid; grid-template-columns: 2fr 3fr; }
.guide-content-card-wide .guide-card-photo { height: 100%; }
.guide-faq { max-width: 880px; }
.guide-faq h2 { margin-bottom: 24px; }
.guide-faq details { border-bottom: 1px solid var(--guide-border); }
.guide-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 22px; cursor: pointer; font-size: 1rem; font-weight: 600; list-style: none; }
.guide-faq summary::-webkit-details-marker { display: none; }
.guide-faq summary::after { content: '+'; flex-shrink: 0; color: var(--guide-accent); font-size: 1.5rem; font-weight: 400; }
.guide-faq details[open] summary::after { content: '−'; }
.guide-faq details p { padding-bottom: 24px; color: var(--guide-muted); font-size: .9375rem; line-height: 1.8; max-width: 72ch; }
@media (min-width: 1024px) {
  .guide-listing-card { display: grid; grid-template-columns: 2fr 3fr; }
  .guide-listing-card .guide-card-photo { aspect-ratio: auto; height: 100%; min-height: 320px; }
}
@media (max-width: 767px) {
  .guide-frame { padding-inline: 20px; }
  .guide-hero { padding-block: 24px; }
  .guide-hero-grid { grid-template-columns: 1fr; gap: 24px; }
  .guide-hero-copy nav { margin-bottom: 16px; }
  .guide-hero h1 { font-size: 2rem; max-width: 20ch; }
  .guide-deck { font-size: .9375rem; margin-top: 14px; line-height: 1.7; }
  .guide-hero-photo { aspect-ratio: 16/9; }
  .guide-contents-links { gap: 24px; }
  .guide-contents-label { display: none; }
  .guide-page > section > .max-w-7xl, .guide-page > main > section > .max-w-7xl, .guide-page .guide-introduction { padding: 32px 20px; }
  .guide-card-copy { padding: 20px; }
  .guide-content-card-wide { display: flex; }
  .guide-card-photo { aspect-ratio: 16/9; }
}
@media (prefers-reduced-motion: reduce) {
  .guide-page *, .guide-page *::before, .guide-page *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
/* Show comparison pages (/compare/shows) and the comparison rail on show pages.
   Radii: 10px controls, 16px cards and images. One accent (the site's ticket
   red) for actions; green is reserved for "this one wins on a fact". */
.vs-page {
  --vs-bg: #f8fafc;
  --vs-surface: #ffffff;
  --vs-soft: #f1f5f9;
  --vs-ink: #0f172a;
  --vs-muted: #475569;
  --vs-faint: #64748b;
  --vs-border: #e2e8f0;
  --vs-accent: #dc2626;
  --vs-accent-hover: #b91c1c;
  --vs-link: #1d4ed8;
  --vs-win: #047857;
  --vs-win-bg: #d1fae5;
  --vs-shadow: 0 1px 2px rgb(15 23 42 / .04), 0 8px 24px rgb(15 23 42 / .06);
  background: var(--vs-bg);
  color: var(--vs-ink);
}
.dark .vs-page {
  --vs-bg: #0f172a;
  --vs-surface: #1e293b;
  --vs-soft: #172236;
  --vs-ink: #f8fafc;
  --vs-muted: #cbd5e1;
  --vs-faint: #94a3b8;
  --vs-border: #334155;
  --vs-accent: #ef4444;
  --vs-accent-hover: #dc2626;
  --vs-link: #93c5fd;
  --vs-win: #6ee7b7;
  --vs-win-bg: rgb(16 185 129 / .16);
  --vs-shadow: 0 1px 2px rgb(0 0 0 / .3), 0 8px 24px rgb(0 0 0 / .25);
}
.vs-page--inline { background: transparent; max-width: 80rem; margin-inline: auto; padding: 32px 16px; }
.vs-frame { max-width: 72rem; margin-inline: auto; padding-inline: 16px; }
.vs-body { padding-bottom: 72px; }
.vs-section { margin-top: 56px; scroll-margin-top: 88px; }
.vs-h2 { font-size: 1.375rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.25; text-wrap: balance; }
.vs-section__lede { margin-top: 6px; color: var(--vs-muted); max-width: 62ch; }
.vs-kicker { font-size: .75rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #fca5a5; }
.vs-link { color: var(--vs-link); font-weight: 500; }
.vs-link:hover { text-decoration: underline; }
.vs-link i { font-size: .75em; margin-left: 2px; }
.vs-note { margin-top: 12px; font-size: .8125rem; line-height: 1.55; color: var(--vs-faint); max-width: 78ch; }
.vs-sub { display: block; margin-top: 2px; font-size: .8125rem; font-weight: 400; color: var(--vs-faint); }
.vs-na { color: var(--vs-faint); }
.vs-empty { margin-top: 40px; color: var(--vs-muted); }

/* Hero */
.vs-hero { background: radial-gradient(120% 140% at 15% 0%, #312e81 0%, #1e1b4b 38%, #0b1020 78%); color: #fff; padding: 20px 0 64px; }
.vs-hero--index { padding-bottom: 44px; }
.vs-hero__title { margin-top: 8px; font-size: clamp(1.875rem, 5.2vw, 3.25rem); font-weight: 700; letter-spacing: -.035em; line-height: 1.08; text-wrap: balance; }
.vs-hero__lede { margin-top: 12px; font-size: clamp(1rem, 1.6vw, 1.1875rem); line-height: 1.5; color: rgb(255 255 255 / .86); max-width: 56ch; text-wrap: pretty; }
.vs-hero__meta { margin-top: 14px; font-size: .8125rem; color: rgb(255 255 255 / .66); }
.vs-hero__meta i { color: #6ee7b7; margin-right: 4px; }
.vs-hero .vs-stage { margin-top: 28px; height: clamp(190px, 36vw, 420px); border-radius: 16px; box-shadow: 0 24px 60px rgb(0 0 0 / .45); }

/* The split image */
.vs-stage { display: grid; grid-template-columns: repeat(var(--vs-cols, 2), minmax(0, 1fr)); gap: 3px; position: relative; overflow: hidden; background: #0b1020; isolation: isolate; }
.vs-stage__panel { position: relative; display: block; min-width: 0; min-height: 0; overflow: hidden; }
.vs-stage__panel img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
a.vs-stage__panel:hover img { transform: scale(1.04); }
.vs-stage__panel:has(.vs-stage__caption)::after { content: ""; position: absolute; inset: 40% 0 0; background: linear-gradient(to top, rgb(0 0 0 / .82), transparent); pointer-events: none; }
.vs-stage__caption { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; padding: 12px; color: #fff; }
.vs-stage__name { display: block; font-size: clamp(.9375rem, 2.2vw, 1.5rem); font-weight: 700; letter-spacing: -.02em; line-height: 1.15; }
.vs-stage__where { display: none; margin-top: 2px; font-size: clamp(.6875rem, 1.3vw, .875rem); color: rgb(255 255 255 / .8); }
.vs-stage__seal { position: absolute; z-index: 2; left: calc(var(--vs-seam) * 100% / var(--vs-cols, 2)); top: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 2.25em; height: 2.25em; border-radius: 999px; background: #fff; color: #0f172a; font-size: clamp(.75rem, 1.6vw, 1.125rem); font-weight: 800; font-style: italic; letter-spacing: -.02em; box-shadow: 0 0 0 4px rgb(11 16 32 / .55), 0 6px 16px rgb(0 0 0 / .4); }

/* The short answer */
.vs-answer { position: relative; margin-top: -36px; padding: 20px; background: var(--vs-surface); border: 1px solid var(--vs-border); border-radius: 16px; box-shadow: var(--vs-shadow); }
.vs-answer__label { font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--vs-accent); }
.vs-answer__label i { margin-right: 4px; }
.vs-answer__text { margin-top: 10px; font-size: clamp(1.0625rem, 1.7vw, 1.25rem); line-height: 1.55; font-weight: 500; letter-spacing: -.01em; max-width: 70ch; text-wrap: pretty; }
.vs-answer__picks { margin-top: 20px; display: grid; gap: 10px; }
.vs-pick { display: flex; align-items: center; gap: 12px; padding: 10px; background: var(--vs-soft); border-radius: 12px; }
.vs-pick__thumb { flex: none; width: 56px; height: 56px; border-radius: 10px; object-fit: cover; }
.vs-pick__text { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.vs-pick__for { font-size: .6875rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--vs-faint); }
.vs-pick__name { font-weight: 700; line-height: 1.25; }
.vs-pick__name:hover { text-decoration: underline; }
.vs-pick__facts { font-size: .8125rem; color: var(--vs-muted); }

/* Buttons */
.vs-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px; border-radius: 10px; background: var(--vs-accent); color: #fff; font-weight: 600; font-size: .9375rem; white-space: nowrap; transition: background-color .15s ease; }
.vs-btn:hover { background: var(--vs-accent-hover); }
.vs-btn--small { min-height: 40px; padding: 0 14px; font-size: .875rem; }
.vs-btn--ghost { background: transparent; color: var(--vs-ink); box-shadow: inset 0 0 0 1px var(--vs-border); }
.vs-btn--ghost:hover { background: var(--vs-soft); }

/* Jump links */
.vs-jump { margin-top: 20px; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin-inline: -16px; padding-inline: 16px; }
.vs-jump::-webkit-scrollbar { display: none; }
.vs-jump a { flex: none; padding: 8px 14px; border-radius: 999px; background: var(--vs-surface); border: 1px solid var(--vs-border); font-size: .875rem; font-weight: 500; color: var(--vs-muted); }
.vs-jump a:hover { color: var(--vs-ink); border-color: var(--vs-faint); }

/* Comparison tables. Phone layout first: each row is a grid, its label a
   full-width strip above the values, so two or three shows fit without
   sideways scrolling. From 768px it is an ordinary table. */
.vs-table-wrap { margin-top: 20px; background: var(--vs-surface); border: 1px solid var(--vs-border); border-radius: 16px; overflow: hidden; box-shadow: var(--vs-shadow); }
.vs-table { width: 100%; font-size: .875rem; line-height: 1.4; }
.vs-table, .vs-table thead, .vs-table tbody { display: block; }
.vs-table tr { display: grid; grid-template-columns: repeat(var(--vs-cols, 2), minmax(0, 1fr)); }
.vs-table__corner { display: none; }
.vs-table thead th { padding: 14px 8px; font-weight: 700; text-align: center; border-bottom: 1px solid var(--vs-border); }
.vs-table__show { display: flex; flex-direction: column; align-items: center; gap: 8px; line-height: 1.2; }
.vs-table__show img { width: 52px; height: 52px; border-radius: 10px; object-fit: cover; }
.vs-table__show:hover span { text-decoration: underline; }
.vs-table tbody th { grid-column: 1 / -1; padding: 7px 12px; background: var(--vs-soft); text-align: left; font-size: .6875rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--vs-faint); }
.vs-table tbody th i { width: 1.25em; margin-right: 4px; opacity: .8; }
.vs-table tbody th .vs-sub { display: inline; margin-left: 6px; letter-spacing: 0; text-transform: none; font-size: .75rem; }
.vs-table td { padding: 12px 8px; text-align: center; overflow-wrap: anywhere; }
.vs-table td + td { border-left: 1px solid var(--vs-border); }
.vs-table__actions th { display: none; }
.vs-table__actions td { border-top: 1px solid var(--vs-border); }
.vs-figure { display: block; font-size: 1.25rem; font-weight: 700; letter-spacing: -.02em; }
.vs-win { display: inline-block; margin-top: 4px; padding: 2px 8px; border-radius: 999px; background: var(--vs-win-bg); color: var(--vs-win); font-size: .6875rem; font-weight: 600; }
.vs-time { display: block; font-weight: 600; font-variant-numeric: tabular-nums; }
.vs-table--nights tbody tr:first-child th { color: var(--vs-accent); }

/* Head to head */
.vs-rounds, .vs-choices, .vs-cards, .vs-method__grid { margin-top: 20px; display: grid; gap: 16px; }
.vs-round { padding: 20px; background: var(--vs-surface); border: 1px solid var(--vs-border); border-radius: 16px; }
.vs-round__topic { font-size: 1.0625rem; font-weight: 700; }
.vs-round__pick { margin-top: 6px; font-size: .8125rem; color: var(--vs-win); }
.vs-round__pick i { margin-right: 4px; }
.vs-round__pick--tie { color: var(--vs-faint); }
.vs-round__text { margin-top: 10px; font-size: .9375rem; line-height: 1.6; color: var(--vs-muted); }

/* Which should you choose */
.vs-choice { display: flex; flex-direction: column; background: var(--vs-surface); border: 1px solid var(--vs-border); border-radius: 16px; overflow: hidden; box-shadow: var(--vs-shadow); }
.vs-choice__image { display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.vs-choice__image img { width: 100%; height: 100%; object-fit: cover; }
.vs-choice__body { flex: 1; display: flex; flex-direction: column; padding: 20px; }
.vs-choice__title { font-size: 1.25rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.25; }
.vs-choice__pitch { margin-top: 8px; font-size: .9375rem; line-height: 1.55; color: var(--vs-muted); }
.vs-choice__reasons { margin-top: 14px; display: grid; gap: 8px; font-size: .9375rem; line-height: 1.45; }
.vs-choice__reasons li { display: flex; gap: 10px; }
.vs-choice__reasons i { flex: none; margin-top: 4px; font-size: .75rem; color: var(--vs-win); }
.vs-choice__skip { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--vs-border); font-size: .875rem; line-height: 1.5; color: var(--vs-muted); }
.vs-choice__skip strong { color: var(--vs-ink); font-weight: 600; }
.vs-choice__actions { margin-top: auto; padding-top: 20px; display: flex; flex-wrap: wrap; gap: 10px; }
.vs-choice__actions .vs-btn { flex: 1 1 auto; }
.vs-choice__vendor { margin-top: 10px; font-size: .75rem; color: var(--vs-faint); }

/* FAQ */
.vs-faq { margin-top: 16px; background: var(--vs-surface); border: 1px solid var(--vs-border); border-radius: 16px; padding: 0 20px; }
.vs-faq details + details { border-top: 1px solid var(--vs-border); }
.vs-faq summary { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 16px 0; cursor: pointer; list-style: none; }
.vs-faq summary::-webkit-details-marker { display: none; }
.vs-faq summary h3 { font-size: 1rem; font-weight: 600; line-height: 1.4; }
.vs-faq summary i { flex: none; margin-top: 5px; font-size: .75rem; color: var(--vs-faint); transition: transform .2s ease; }
.vs-faq details[open] summary i { transform: rotate(180deg); }
.vs-faq details p { padding: 0 24px 18px 0; line-height: 1.6; color: var(--vs-muted); max-width: 72ch; }

/* Method and sources */
.vs-sources { font-size: .875rem; line-height: 1.6; color: var(--vs-muted); max-width: 78ch; }
.vs-sources__title { font-size: 1rem; font-weight: 700; color: var(--vs-ink); margin-bottom: 6px; }
.vs-method__grid h3 { font-weight: 600; }
.vs-method__grid h3 i { margin-right: 6px; color: var(--vs-faint); }
.vs-method__grid p { margin-top: 6px; font-size: .9375rem; line-height: 1.55; color: var(--vs-muted); }
.vs-elsewhere { display: flex; flex-wrap: wrap; gap: 10px; }
.vs-elsewhere__link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 10px; background: var(--vs-surface); border: 1px solid var(--vs-border); font-weight: 500; }
.vs-elsewhere__link:hover { border-color: var(--vs-faint); }
.vs-elsewhere__link i { color: var(--vs-faint); }

/* Comparison cards */
.vs-links__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 16px; }
.vs-links__more { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 6px 20px; font-size: .9375rem; }
.vs-card { display: flex; flex-direction: column; background: var(--vs-surface); border: 1px solid var(--vs-border); border-radius: 16px; overflow: hidden; box-shadow: var(--vs-shadow); transition: transform .2s ease, border-color .2s ease; }
.vs-card:hover { transform: translateY(-3px); border-color: var(--vs-faint); }
.vs-card .vs-stage { aspect-ratio: 2 / 1; font-size: .8125rem; }
.vs-card .vs-stage__seal { font-size: .75rem; }
.vs-card__body { flex: 1; display: flex; flex-direction: column; gap: 6px; padding: 16px; }
.vs-card__title { font-size: 1.125rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.25; }
.vs-card__question { font-size: .9375rem; line-height: 1.45; color: var(--vs-muted); }
.vs-card__facts { margin-top: 4px; display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: .8125rem; color: var(--vs-faint); }
.vs-card__facts strong { font-weight: 600; color: var(--vs-ink); }
.vs-card__more { margin-top: auto; padding-top: 10px; font-size: .875rem; font-weight: 600; color: var(--vs-accent); }
.vs-card__more i { font-size: .75em; margin-left: 2px; transition: transform .2s ease; }
.vs-card:hover .vs-card__more i { transform: translateX(3px); }

@media (min-width: 640px) {
  .vs-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vs-stage__caption { padding: 20px; }
  .vs-stage__where { display: block; }
}

@media (min-width: 768px) {
  .vs-frame { padding-inline: 24px; }
  .vs-hero { padding-top: 28px; padding-bottom: 80px; }
  .vs-hero--index { padding-bottom: 56px; }
  .vs-answer { margin-top: -44px; padding: 28px; }
  .vs-answer__picks { grid-template-columns: repeat(var(--vs-cols, 2), minmax(0, 1fr)); }
  .vs-jump { margin-inline: 0; padding-inline: 0; }
  .vs-section { margin-top: 72px; }
  .vs-h2 { font-size: 1.75rem; }

  .vs-table { display: table; table-layout: fixed; font-size: .9375rem; }
  .vs-table thead { display: table-header-group; }
  .vs-table tbody { display: table-row-group; }
  .vs-table tr { display: table-row; }
  .vs-table__corner { display: table-cell; width: 210px; border-bottom: 1px solid var(--vs-border); }
  .vs-table thead th { padding: 18px 20px; text-align: left; font-size: 1.0625rem; }
  .vs-table__show { flex-direction: row; gap: 12px; }
  .vs-table tbody th { display: table-cell; padding: 16px 20px; background: transparent; vertical-align: top; font-size: .875rem; letter-spacing: 0; text-transform: none; font-weight: 500; color: var(--vs-muted); }
  .vs-table tbody th .vs-sub { display: block; margin-left: 0; font-size: .8125rem; }
  .vs-table td { padding: 16px 20px; text-align: left; vertical-align: top; }
  .vs-table td + td { border-left: 0; }
  .vs-table tbody tr + tr > * { border-top: 1px solid var(--vs-border); }
  .vs-table tbody tr:hover > * { background: var(--vs-soft); }
  .vs-table__actions th { display: table-cell; }
  .vs-figure { display: inline; margin-right: 8px; }
  .vs-win { margin-top: 0; vertical-align: 2px; }
  .vs-time { display: inline-block; margin-right: 12px; }
  .vs-table--nights tbody th { color: var(--vs-ink); font-weight: 600; }
  .vs-table--nights tbody th .vs-sub { font-weight: 400; }

  .vs-rounds, .vs-method__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .vs-choices { grid-template-columns: repeat(var(--vs-cols, 2), minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
  .vs-page--inline { padding-inline: 32px; }
  .vs-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .vs-stage__panel img, .vs-card, .vs-card__more i { transition: none; }
}
/* The Sports section (/sports, a sport, a team). Arena-dark whatever the site
   theme: the section has its own look, set in Montserrat display type.
   No logos or athlete photos are used here, so colour and type carry it:
   --sp-accent is the sport's or team's colour and is set per block. */
.sports-page {
  --sp-bg: #07080c;
  --sp-surface: #11131a;
  --sp-surface-2: #191c26;
  --sp-line: rgba(255, 255, 255, .1);
  --sp-ink: #f6f6f4;
  --sp-muted: #9aa0ae;
  --sp-accent: #e11d2e;
  --sp-red: #e11d2e;
  --sp-blue: #2f7df6;
  --sp-gold: #f5c542;
  background: var(--sp-bg);
  color: var(--sp-ink);
  font-feature-settings: "tnum";
}
.sports-page a { color: inherit; }
.sp-frame { max-width: 1240px; margin-inline: auto; padding-inline: 16px; }
@media (min-width: 768px) { .sp-frame { padding-inline: 32px; } }

.sp-display { font-family: Montserrat, Poppins, sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: -.035em; line-height: .88; }
.sp-kicker { font-family: Montserrat, Poppins, sans-serif; font-weight: 800; font-size: .72rem; letter-spacing: .22em; text-transform: uppercase; color: var(--sp-accent); }
.sp-accent-ufc { --sp-accent: #e11d2e; }
.sp-accent-power-slap { --sp-accent: #ffd60a; }
.sp-accent-boxing { --sp-accent: #f5c542; }
.sp-accent-mma { --sp-accent: #ff6a3d; }
.sp-accent-ball { --sp-accent: #2f7df6; }

/* Hero: the next big night. Type on the left, the event's image on the right
   at full strength with nothing over it (most event artwork has its own
   lettering, which fights anything laid on top). On a phone the image sits
   above the headline. */
.sp-hero { position: relative; isolation: isolate; overflow: hidden; border-bottom: 1px solid var(--sp-line); }
.sp-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: repeating-linear-gradient(115deg, transparent 0 22px, rgba(255, 255, 255, .02) 22px 23px),
              radial-gradient(50% 80% at 0% 100%, color-mix(in srgb, var(--sp-accent) 34%, transparent), transparent 70%); }
.sp-hero-media { position: relative; aspect-ratio: 16 / 9; background: var(--sp-surface-2); }
.sp-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%; display: block; }
.sp-hero-media::after { content: ""; position: absolute; inset: auto 0 0 0; height: 4px; background: var(--sp-accent); }
@media (min-width: 900px) {
  .sp-hero-media { position: absolute; inset: 0 0 0 auto; width: 50%; aspect-ratio: auto; clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%); }
  .sp-hero-media::after { inset: 0; height: auto; background: linear-gradient(100deg, rgba(7, 8, 12, .55) 8%, transparent 26%); }
  .sp-hero.has-photo .sp-hero-inner > * { max-width: 54%; }
  /* Text-free key art can take more of the frame. */
  .sp-hero-media.is-clean { width: 58%; }
  .sp-hero-media.is-clean::after { background: linear-gradient(100deg, rgba(7, 8, 12, .7) 6%, transparent 34%); }
}
.sp-hero-inner { padding-block: 28px 32px; }
@media (min-width: 768px) { .sp-hero-inner { padding-block: 56px 60px; } }
.sp-hero-title { font-size: clamp(2.6rem, 9.5vw, 7.25rem); text-wrap: balance; overflow-wrap: break-word; }
@media (min-width: 900px) { .sp-hero.has-photo .sp-hero-title { font-size: clamp(3rem, 6vw, 5.75rem); } .sp-hero.has-photo .sp-hero-title-plain { font-size: clamp(2.2rem, 4.2vw, 4rem); } }
.sp-hero-title .sp-vs { display: block; font-size: .3em; letter-spacing: .3em; color: var(--sp-accent); margin-block: .35em .3em; padding-left: .08em; }
.sp-hero-title-plain { font-size: clamp(2.1rem, 6.4vw, 5rem); max-width: 16ch; }
.sp-hero-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 18px; font-weight: 600; font-size: .95rem; }
.sp-hero-meta span + span::before { content: "/"; margin-right: 18px; color: var(--sp-accent); }
.sp-hero-sub { margin-top: 8px; color: var(--sp-muted); font-size: .9rem; font-weight: 500; }

.sp-countdown { display: inline-flex; gap: 8px; margin-top: 22px; }
.sp-countdown div { min-width: 62px; padding: 10px 8px 8px; text-align: center; background: rgba(255, 255, 255, .06); border: 1px solid var(--sp-line); border-radius: 6px; backdrop-filter: blur(6px); }
.sp-countdown b { display: block; font-family: Montserrat, sans-serif; font-weight: 900; font-size: 1.7rem; line-height: 1; }
.sp-countdown small { display: block; margin-top: 5px; font-size: .58rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--sp-muted); }
.sp-countdown[data-live] div { border-color: var(--sp-accent); }

.sp-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.sp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 22px; border-radius: 4px;
  font-family: Montserrat, sans-serif; font-weight: 800; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase;
  background: var(--sp-accent); color: #fff; transform: skewX(-8deg); transition: filter .15s, transform .15s; }
.sp-btn > * { transform: skewX(8deg); }
.sp-btn:hover { filter: brightness(1.12); transform: skewX(-8deg) translateY(-1px); }
.sp-accent-power-slap .sp-btn, .sp-accent-boxing .sp-btn, .sp-btn-dark-ink { color: #0b0b0d; }
.sports-page a.sp-btn { color: #fff; }
.sports-page .sp-accent-power-slap a.sp-btn, .sports-page .sp-accent-boxing a.sp-btn { color: #0b0b0d; }
.sports-page a.sp-btn-ghost { background: transparent; color: var(--sp-ink); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .35); }
.sports-page a.sp-btn-sm { min-height: 36px; padding: 0 16px; font-size: .7rem; }

/* Section tabs: the hub and each main sport. */
.sp-nav { position: sticky; top: 60px; z-index: 30; background: rgba(7, 8, 12, .92); backdrop-filter: blur(10px); border-bottom: 1px solid var(--sp-line); }
.embed-mobile .sp-nav { top: 0; }
.sp-nav-links { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.sp-nav-links::-webkit-scrollbar { display: none; }
.sp-nav-links a { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 48px; padding: 0 14px; font-family: Montserrat, sans-serif; font-weight: 800; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--sp-muted); border-bottom: 3px solid transparent; }
.sp-nav-links a:first-child { padding-left: 0; }
.sports-page .sp-nav-links a { color: var(--sp-muted); }
.sports-page .sp-nav-links a:hover { color: var(--sp-ink); }
.sports-page .sp-nav-links a.is-current { color: var(--sp-ink); border-bottom-color: var(--sp-accent); }

/* Trip dates. */
.sp-trip { border-bottom: 1px solid var(--sp-line); background: var(--sp-surface); }
.sp-trip form { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding-block: 12px; }
.sp-trip-label { font-family: Montserrat, sans-serif; font-weight: 800; font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; }
.sp-trip label { display: inline-flex; align-items: center; gap: 8px; font-size: .75rem; font-weight: 600; color: var(--sp-muted); }
.sp-trip input[type="date"] { height: 38px; padding: 0 10px; border-radius: 4px; border: 1px solid var(--sp-line); background: var(--sp-surface-2); color: var(--sp-ink); font-size: .85rem; color-scheme: dark; }
.sp-trip input[type="submit"] { height: 38px; padding: 0 16px; border-radius: 4px; background: var(--sp-ink); color: #0b0b0d; font-weight: 700; font-size: .8rem; cursor: pointer; }
.sp-trip a { font-size: .8rem; text-decoration: underline; color: var(--sp-muted); }

/* The next fortnight, a tile per day. */
.sp-rail { display: flex; gap: 6px; overflow-x: auto; padding-block: 18px 6px; scrollbar-width: none; scroll-snap-type: x proximity; }
.sp-rail::-webkit-scrollbar { display: none; }
.sp-day { flex: 0 0 auto; width: 62px; padding: 9px 0 8px; text-align: center; border-radius: 6px; border: 1px solid var(--sp-line); color: var(--sp-muted); scroll-snap-align: start; }
.sp-day small { display: block; font-size: .6rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.sp-day b { display: block; margin-top: 2px; font-family: Montserrat, sans-serif; font-weight: 900; font-size: 1.35rem; line-height: 1; }
.sp-day i { display: flex; justify-content: center; gap: 3px; height: 5px; margin-top: 7px; }
.sp-day i s { width: 5px; height: 5px; border-radius: 50%; background: var(--sp-accent); }
.sports-page a.sp-day { background: var(--sp-surface-2); color: var(--sp-ink); border-color: rgba(255, 255, 255, .22); }
.sports-page a.sp-day:hover { border-color: var(--sp-accent); }

.sp-section { padding-block: 34px; }
@media (min-width: 768px) { .sp-section { padding-block: 56px; } }
.sp-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.sp-h2 { font-size: clamp(1.7rem, 4.4vw, 3rem); }
.sp-h2 em { font-style: normal; color: var(--sp-accent); }

/* Fight Capital posters. */
.sp-posters { display: grid; gap: 14px; grid-template-columns: 1fr; }
@media (min-width: 900px) { .sp-posters { grid-template-columns: 1.25fr 1.25fr .9fr; } .sp-poster { min-height: 300px; } }
.sp-poster { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; min-height: 220px; padding: 22px 22px 20px; border-radius: 10px;
  background: linear-gradient(160deg, color-mix(in srgb, var(--sp-accent) 26%, var(--sp-surface)) 0%, var(--sp-surface) 55%); border: 1px solid var(--sp-line); transition: border-color .15s, transform .15s; }
.sp-poster:hover { border-color: var(--sp-accent); transform: translateY(-2px); }
.sp-poster::before { content: attr(data-word); position: absolute; right: -6px; bottom: 34px; z-index: -1; font-family: Montserrat, sans-serif; font-weight: 900; font-size: 5.5rem; line-height: 1; letter-spacing: -.05em; text-transform: uppercase; white-space: nowrap;
  color: transparent; -webkit-text-stroke: 1.5px color-mix(in srgb, var(--sp-accent) 45%, transparent); opacity: .35; }
.sp-poster::after { content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 4px; background: var(--sp-accent); }
.sp-poster-photo { position: relative; margin: -22px -22px 18px; aspect-ratio: 16 / 9; background: var(--sp-surface-2); }
.sp-poster-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%; display: block; }
.sp-poster-photo::after { content: ""; position: absolute; inset: auto 0 0 0; height: 35%; background: linear-gradient(0deg, color-mix(in srgb, var(--sp-accent) 16%, var(--sp-surface)), transparent); }
.sp-poster-name { font-size: 2.3rem; }
.sp-poster-next { margin-top: 20px; }
.sp-poster-event { margin-top: 6px; font-family: Montserrat, sans-serif; font-weight: 800; font-size: 1.15rem; line-height: 1.15; text-wrap: balance; }
.sp-poster-meta { margin-top: 6px; font-size: .85rem; font-weight: 500; color: var(--sp-muted); }
.sp-poster-foot { margin-top: auto; padding-top: 20px; display: flex; align-items: center; justify-content: space-between; font-family: Montserrat, sans-serif; font-weight: 800; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; }
.sp-poster-foot span:last-child { color: var(--sp-accent); }

/* Tale of the tape: red corner left, blue corner right. */
.sp-tape { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; }
.sp-tape-corner { min-width: 0; }
.sp-tape-corner:first-child { text-align: right; }
.sp-tape-name { font-family: Montserrat, sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: -.02em; line-height: 1; overflow-wrap: break-word; }
.sp-tape-first { display: block; font-size: .6em; font-weight: 700; letter-spacing: .02em; color: var(--sp-muted); margin-bottom: .2em; }
.sp-tape-record { margin-top: 5px; font-size: .78rem; font-weight: 600; color: var(--sp-muted); }
.sp-tape-vs { width: 34px; height: 34px; display: grid; place-items: center; transform: rotate(45deg); border: 1.5px solid var(--sp-accent); font-size: .62rem; font-weight: 800; letter-spacing: .08em; color: var(--sp-accent); }
.sp-tape-vs span { transform: rotate(-45deg); }
.sp-tape-corner.is-loser { opacity: .42; }
.sp-tape-corner.is-winner .sp-tape-name::after { content: "W"; display: inline-block; margin-left: .4em; padding: .15em .35em; border-radius: 3px; background: var(--sp-gold); color: #0b0b0d; font-size: .5em; vertical-align: middle; letter-spacing: 0; }

/* A fight card. */
.sp-card { margin-top: 12px; border: 1px solid var(--sp-line); border-radius: 10px; overflow: hidden; background: var(--sp-surface); }
.sp-card-main { padding: 26px 16px 22px; background: radial-gradient(70% 120% at 0% 50%, rgba(225, 29, 46, .22), transparent 65%), radial-gradient(70% 120% at 100% 50%, rgba(47, 125, 246, .22), transparent 65%); border-bottom: 1px solid var(--sp-line); }
.sp-card-main .sp-tape-name { font-size: clamp(1.05rem, 5vw, 3.4rem); }
.sp-card-main .sp-tape-vs { width: 46px; height: 46px; font-size: .75rem; }
.sp-card-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 14px; margin-top: 16px; font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--sp-muted); }
.sp-card-tags .is-title { color: var(--sp-gold); }
.sp-card-tags .is-result { color: var(--sp-ink); }
.sp-card-segment { padding: 14px 16px 8px; font-family: Montserrat, sans-serif; font-weight: 800; font-size: .68rem; letter-spacing: .22em; text-transform: uppercase; color: var(--sp-muted); }
.sp-bout { padding: 13px 16px; border-top: 1px solid var(--sp-line); }
.sp-bout .sp-tape-name { font-size: clamp(.82rem, 3.6vw, 1.05rem); }
.sp-bout .sp-tape-corner:first-child { border-right: 3px solid var(--sp-red); padding-right: 12px; }
.sp-bout .sp-tape-corner:last-child { border-left: 3px solid var(--sp-blue); padding-left: 12px; }
.sp-bout .sp-tape-vs { width: 26px; height: 26px; font-size: .5rem; border-color: var(--sp-line); color: var(--sp-muted); }
.sp-bout .sp-card-tags { margin-top: 8px; font-size: .66rem; }

/* Up next: the nearest events as large cards, image uncovered. A swipeable
   strip on a phone, a row of three on desktop. */
.sp-features { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: -16px; padding-inline: 16px; }
.sp-features::-webkit-scrollbar { display: none; }
.sp-feature { flex: 0 0 84%; scroll-snap-align: center; display: flex; flex-direction: column; border-radius: 10px; overflow: hidden; background: var(--sp-surface); border: 1px solid var(--sp-line); transition: transform .15s, border-color .15s; }
.sp-feature:hover { transform: translateY(-2px); border-color: var(--sp-accent); }
.sp-feature-photo { display: block; aspect-ratio: 16 / 9; background: var(--sp-surface-2); border-bottom: 4px solid var(--sp-accent); }
.sp-feature-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%; display: block; }
.sp-feature-body { display: flex; flex-direction: column; flex: 1; padding: 16px 18px 18px; }
.sp-feature-title { margin-top: 8px; font-family: Montserrat, sans-serif; font-weight: 800; font-size: 1.2rem; line-height: 1.2; text-wrap: balance; }
.sp-feature-title a:hover { color: var(--sp-accent); }
.sp-feature-foot { margin-top: auto; padding-top: 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
@media (min-width: 900px) {
  .sp-features { display: grid; grid-template-columns: repeat(3, 1fr); overflow: visible; margin-inline: 0; padding-inline: 0; }
}

/* The board: the calendar as rows. */
.sp-month { display: flex; align-items: center; gap: 14px; margin: 30px 0 10px; font-family: Montserrat, sans-serif; font-weight: 800; font-size: .72rem; letter-spacing: .22em; text-transform: uppercase; color: var(--sp-muted); }
.sp-month::after { content: ""; flex: 1; height: 1px; background: var(--sp-line); }
.sp-month:first-child { margin-top: 0; }
.sp-row { position: relative; display: grid; grid-template-columns: 50px 76px 1fr; gap: 12px; align-items: center; padding: 14px 14px 14px 0; border-top: 1px solid var(--sp-line); scroll-margin-top: 130px; transition: background .15s; }
.sp-row:hover { background: var(--sp-surface); }
.sp-row::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; background: var(--sp-accent); }
.sp-row-date { padding-left: 10px; text-align: center; }
@media (min-width: 768px) { .sp-row-date { padding-left: 14px; } }
.sp-row-date small { display: block; font-size: .6rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--sp-muted); }
.sp-row-date b { display: block; font-family: Montserrat, sans-serif; font-weight: 900; font-size: 1.75rem; line-height: 1.05; }
.sp-row-date .is-range { font-size: .92rem; line-height: 1.3; white-space: nowrap; }
@media (min-width: 768px) { .sp-row-date .is-range { font-size: 1.15rem; } }
.sp-row-body { min-width: 0; display: grid; gap: 12px; grid-template-columns: 1fr; align-items: center; }
.sp-row-title { font-family: Montserrat, sans-serif; font-weight: 800; font-size: 1.05rem; line-height: 1.2; text-wrap: balance; }
.sp-row-title a:hover { color: var(--sp-accent); }
.sp-row-meta { margin-top: 4px; font-size: .82rem; font-weight: 500; color: var(--sp-muted); }
.sp-row-meta b { font-weight: 700; color: var(--sp-accent); letter-spacing: .08em; text-transform: uppercase; font-size: .7rem; margin-right: 8px; }
.sp-row-state { margin-left: 8px; padding: 2px 7px; border-radius: 3px; background: var(--sp-gold); color: #0b0b0d; font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sp-row-buy { display: flex; align-items: center; gap: 14px; }
.sp-row-price { font-weight: 700; font-size: .88rem; white-space: nowrap; }
.sp-row-thumb { display: block; width: 76px; aspect-ratio: 1; border-radius: 6px; overflow: hidden; background: var(--sp-surface-2); }
.sp-row-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (min-width: 768px) {
  .sp-row { grid-template-columns: 84px 232px 1fr; gap: 22px; padding-right: 18px; }
  .sp-row-date b { font-size: 2.3rem; }
  .sp-row-thumb { width: 232px; aspect-ratio: 16 / 9; }
  .sp-row-body { grid-template-columns: 1fr auto; gap: 24px; }
  .sp-row-title { font-size: 1.3rem; }
  .sp-row-buy { flex-direction: column; align-items: flex-end; gap: 8px; }
}
/* A long board shows its first few rows, fades the next and keeps the rest
   behind "Show all". The checkbox opens it; so does a link to a hidden row. */
.sp-board-toggle { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.sp-board-toggle:not(:checked) ~ .sp-board:not(:has(:target)) .sp-more { display: none; }
.sp-board-toggle:not(:checked) ~ .sp-board:not(:has(:target)) .sp-peek { max-height: 78px; overflow: hidden; pointer-events: none; -webkit-mask-image: linear-gradient(#000 10%, transparent 92%); mask-image: linear-gradient(#000 10%, transparent 92%); }
.sp-board-more { display: flex; justify-content: center; margin-top: 4px; padding-top: 6px; border-top: 1px solid var(--sp-line); cursor: pointer; }
.sp-board-more span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 22px; margin-top: 10px; border-radius: 4px; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .35); font-family: Montserrat, sans-serif; font-weight: 800; font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; }
.sp-board-more:hover span { box-shadow: inset 0 0 0 1.5px var(--sp-accent); color: var(--sp-accent); }
.sp-board-toggle:focus-visible ~ .sp-board-more span { outline: 2px solid var(--sp-accent); outline-offset: 3px; }
.sp-board-toggle:checked ~ .sp-board-more, .sp-board:has(:target) ~ .sp-board-more { display: none; }
.sp-board .sp-month:first-child { margin-top: 0; }

.sp-empty { padding: 26px 0; color: var(--sp-muted); font-size: .95rem; }
.sp-empty a { text-decoration: underline; color: var(--sp-ink); }

/* Teams: painted in their colours. */
.sp-teams { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.sp-team { position: relative; isolation: isolate; overflow: hidden; display: block; padding: 20px 18px 18px 24px; border-radius: 10px; background: var(--sp-surface); border: 1px solid var(--sp-line); transition: transform .15s, border-color .15s; }
.sp-team::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 8px; background: linear-gradient(180deg, var(--sp-c1) 0 50%, var(--sp-c2) 50% 100%); }
.sp-team::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(120deg, color-mix(in srgb, var(--sp-c1) 34%, transparent), transparent 60%); opacity: .7; }
.sp-team:hover { transform: translateY(-2px); border-color: rgba(255, 255, 255, .3); }
.sp-team-name { margin-top: 6px; font-size: 1.65rem; }
.sp-team-city { display: block; font-size: .5em; letter-spacing: .08em; color: var(--sp-muted); margin-bottom: .3em; font-weight: 800; }
.sp-team-next { margin-top: 14px; font-size: .84rem; font-weight: 500; color: var(--sp-muted); }
.sp-team-next b { color: var(--sp-ink); font-weight: 700; }

.sp-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.sp-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border-radius: 4px; border: 1px solid var(--sp-line); background: var(--sp-surface); font-weight: 700; font-size: .85rem; }
.sp-chip:hover { border-color: var(--sp-accent); }
.sp-chip b { color: var(--sp-accent); font-family: Montserrat, sans-serif; font-weight: 900; }
.sp-facts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.sp-facts span { padding: 5px 11px; border-radius: 3px; background: rgba(255, 255, 255, .08); font-size: .76rem; font-weight: 600; }
.sp-prose { max-width: 70ch; color: #d4d7de; line-height: 1.75; font-size: .98rem; }
.sp-prose p + p { margin-top: 1em; }
.sp-factlist { border: 1px solid var(--sp-line); border-radius: 10px; background: var(--sp-surface); padding: 6px 18px; }
.sp-factlist div { display: flex; justify-content: space-between; gap: 18px; padding: 11px 0; border-top: 1px solid var(--sp-line); font-size: .86rem; }
.sp-factlist div:first-child { border-top: 0; }
.sp-factlist dt { color: var(--sp-muted); }
.sp-factlist dd { font-weight: 600; text-align: right; }
/* The one-sentence answer that opens a list: when the next one is. */
.sp-glance { max-width: 78ch; margin: -6px 0 22px; font-size: 1rem; line-height: 1.6; color: #d4d7de; }
h1.sp-kicker { margin: 0; }
h1.sp-kicker span { color: var(--sp-muted); }
.sports-page .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* Where an event is in its day. */
.sp-pill { display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; border-radius: 3px; font-family: Montserrat, sans-serif; font-weight: 800; font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; vertical-align: middle; white-space: nowrap; }
.sp-pill.is-live { background: var(--sp-red); color: #fff; }
.sp-pill.is-live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #fff; animation: sp-pulse 1.4s ease-in-out infinite; }
.sp-pill.is-final { background: rgba(255, 255, 255, .14); color: var(--sp-ink); }
@keyframes sp-pulse { 50% { opacity: .25; } }
.sp-row-title .sp-pill { margin-left: 8px; }
.sp-hero-result { margin-top: 20px; }
.sp-hero-result-line { margin-top: 12px; font-family: Montserrat, sans-serif; font-weight: 800; font-size: clamp(1.15rem, 2.2vw, 1.6rem); line-height: 1.2; text-wrap: balance; }
.sp-hero-result-line a:hover { color: var(--sp-accent); }
.sp-row-result { margin-top: 6px; font-size: .88rem; font-weight: 600; }
.sp-row-result a { text-decoration: underline; text-underline-offset: 3px; }
.sp-row-result span { color: var(--sp-muted); font-weight: 500; }

/* The wire: results, previews and credited outside reports. */
.sp-wire { display: grid; gap: 0 28px; grid-template-columns: 1fr; }
@media (min-width: 768px) { .sp-wire { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .sp-wire { grid-template-columns: repeat(3, 1fr); } }
.sp-wire-item { padding: 18px 0 20px; border-top: 1px solid var(--sp-line); }
.sp-wire-kicker { display: flex; align-items: baseline; gap: 10px; font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--sp-muted); }
.sp-wire-kicker b { font-family: Montserrat, sans-serif; font-weight: 800; color: var(--sp-ink); }
.sp-wire-item.is-result .sp-wire-kicker b { padding: 2px 7px; border-radius: 3px; background: var(--sp-gold); color: #0b0b0d; }
.sp-wire-item.is-preview .sp-wire-kicker b { padding: 2px 7px; border-radius: 3px; background: var(--sp-accent); color: #fff; }
.sp-wire-item.is-preview.sp-accent-power-slap .sp-wire-kicker b, .sp-wire-item.is-preview.sp-accent-boxing .sp-wire-kicker b { color: #0b0b0d; }
.sp-wire-headline { margin-top: 9px; font-family: Montserrat, sans-serif; font-weight: 800; font-size: 1.05rem; line-height: 1.25; text-wrap: balance; }
.sp-wire-headline a:hover { color: var(--sp-accent); }
.sp-wire-summary { margin-top: 7px; font-size: .88rem; line-height: 1.55; color: #c3c7d1; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.sports-page a.sp-wire-more { display: inline-block; margin-top: 10px; font-size: .74rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--sp-muted); }
.sports-page a.sp-wire-more:hover { color: var(--sp-accent); }

/* A team's mark (our badge, or its logo once cleared) and the closing notice. */
.sp-mark { flex: 0 0 auto; display: block; }
.sp-mark-logo { object-fit: contain; }
.sp-team-head { display: flex; align-items: center; gap: 14px; }
.sp-team-head .sp-team-name { margin-top: 4px; }
.sp-team-hero-head { display: flex; align-items: center; gap: 20px; margin-top: 16px; }
.sp-team-hero-head .sp-hero-title { margin: 0; }
@media (max-width: 640px) { .sp-team-hero-head .sp-mark { width: 64px; height: 64px; } }
.sp-legal { margin: 0; padding: 26px 0 34px; border-top: 1px solid var(--sp-line); font-size: .74rem; line-height: 1.6; color: var(--sp-muted); }
.sp-legal .sp-frame { display: block; max-width: 1240px; }

/* The players a team page names. */
.sp-players { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); list-style: none; margin: 0; padding: 0; }
.sp-players li { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border-radius: 8px; border: 1px solid var(--sp-line); background: var(--sp-surface); }
.sp-player-number { flex: 0 0 auto; min-width: 42px; font-family: Montserrat, sans-serif; font-weight: 900; font-size: 1.6rem; line-height: 1; color: var(--sp-accent); text-align: center; }
.sp-players b { display: block; font-family: Montserrat, sans-serif; font-weight: 800; font-size: 1rem; line-height: 1.2; }
.sp-players small { display: block; margin-top: 3px; font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--sp-muted); }
.sp-players p { margin-top: 6px; font-size: .85rem; line-height: 1.5; color: #c3c7d1; }

/* A sport's landing page. */
.sp-result + .sp-result { margin-top: 34px; }
.sp-venues { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
.sp-venue { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; background: var(--sp-surface-2); border: 1px solid var(--sp-line); }
.sp-venue img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.sp-venue:hover img { transform: scale(1.04); }
.sp-venue span { position: absolute; inset: auto 0 0 0; padding: 40px 16px 14px; background: linear-gradient(0deg, rgba(7, 8, 12, .92), transparent); }
.sp-venue b { display: block; font-family: Montserrat, sans-serif; font-weight: 800; font-size: 1.05rem; line-height: 1.2; }
.sp-venue small { display: block; margin-top: 3px; font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--sp-accent); }
.sp-faqs details { border-top: 1px solid var(--sp-line); }
.sp-faqs details:last-child { border-bottom: 1px solid var(--sp-line); }
.sp-faqs summary { padding: 16px 28px 16px 0; font-weight: 700; cursor: pointer; list-style: none; position: relative; }
.sp-faqs summary::-webkit-details-marker { display: none; }
.sp-faqs summary::after { content: "+"; position: absolute; right: 4px; top: 12px; font-size: 1.4rem; font-weight: 400; color: var(--sp-accent); }
.sp-faqs details[open] summary::after { content: "–"; }
.sp-faqs .sp-prose { padding-bottom: 18px; }
@media (prefers-reduced-motion: reduce) { .sp-poster, .sp-team, .sp-btn, .sp-row { transition: none; } .sp-pill.is-live::before { animation: none; } }
/* Tippy.js Custom Themes for Show Status Tooltips */

/* Red theme for finished shows */
.tippy-box[data-theme~="red"] {
  background-color: #dc2626 !important;
  color: white !important;
  border: 1px solid #b91c1c !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  box-shadow: 0 4px 14px -2px rgba(0, 0, 0, 0.3) !important;
  border-radius: 6px !important;
}
.tippy-box[data-theme~="red"][data-placement^="top"] > .tippy-arrow::before {
  border-top-color: #dc2626 !important;
}
.tippy-box[data-theme~="red"][data-placement^="bottom"] > .tippy-arrow::before {
  border-bottom-color: #dc2626 !important;
}
.tippy-box[data-theme~="red"][data-placement^="left"] > .tippy-arrow::before {
  border-left-color: #dc2626 !important;
}
.tippy-box[data-theme~="red"][data-placement^="right"] > .tippy-arrow::before {
  border-right-color: #dc2626 !important;
}

/* Green theme for shows in progress */
.tippy-box[data-theme~="green"] {
  background-color: #16a34a !important;
  color: white !important;
  border: 1px solid #15803d !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  box-shadow: 0 4px 14px -2px rgba(0, 0, 0, 0.3) !important;
  border-radius: 6px !important;
}
.tippy-box[data-theme~="green"][data-placement^="top"] > .tippy-arrow::before {
  border-top-color: #16a34a !important;
}
.tippy-box[data-theme~="green"][data-placement^="bottom"]
  > .tippy-arrow::before {
  border-bottom-color: #16a34a !important;
}
.tippy-box[data-theme~="green"][data-placement^="left"] > .tippy-arrow::before {
  border-left-color: #16a34a !important;
}
.tippy-box[data-theme~="green"][data-placement^="right"]
  > .tippy-arrow::before {
  border-right-color: #16a34a !important;
}

/* Orange theme for shows starting soon */
.tippy-box[data-theme~="orange"] {
  background-color: #ea580c !important;
  color: white !important;
  border: 1px solid #dc2626 !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  box-shadow: 0 4px 14px -2px rgba(0, 0, 0, 0.3) !important;
  border-radius: 6px !important;
}
.tippy-box[data-theme~="orange"][data-placement^="top"] > .tippy-arrow::before {
  border-top-color: #ea580c !important;
}
.tippy-box[data-theme~="orange"][data-placement^="bottom"]
  > .tippy-arrow::before {
  border-bottom-color: #ea580c !important;
}
.tippy-box[data-theme~="orange"][data-placement^="left"]
  > .tippy-arrow::before {
  border-left-color: #ea580c !important;
}
.tippy-box[data-theme~="orange"][data-placement^="right"]
  > .tippy-arrow::before {
  border-right-color: #ea580c !important;
}

/* Blue theme for upcoming shows */
.tippy-box[data-theme~="blue"] {
  background-color: #2563eb !important;
  color: white !important;
  border: 1px solid #1d4ed8 !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  box-shadow: 0 4px 14px -2px rgba(0, 0, 0, 0.3) !important;
  border-radius: 6px !important;
}
.tippy-box[data-theme~="blue"][data-placement^="top"] > .tippy-arrow::before {
  border-top-color: #2563eb !important;
}
.tippy-box[data-theme~="blue"][data-placement^="bottom"]
  > .tippy-arrow::before {
  border-bottom-color: #2563eb !important;
}
.tippy-box[data-theme~="blue"][data-placement^="left"] > .tippy-arrow::before {
  border-left-color: #2563eb !important;
}
.tippy-box[data-theme~="blue"][data-placement^="right"] > .tippy-arrow::before {
  border-right-color: #2563eb !important;
}

/* Content padding for all custom themes */
.tippy-box[data-theme~="red"] .tippy-content,
.tippy-box[data-theme~="green"] .tippy-content,
.tippy-box[data-theme~="orange"] .tippy-content,
.tippy-box[data-theme~="blue"] .tippy-content {
  padding: 6px 8px !important;
}

trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none;
}

trix-toolbar * {
  box-sizing: border-box;
}
trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto;
}
trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px;
}
trix-toolbar .trix-button-group:not(:first-child) {
  margin-left: 1.5vw;
}
@media (max-width: 768px) {
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 0;
  }
}
trix-toolbar .trix-button-group-spacer {
  flex-grow: 1;
}
@media (max-width: 768px) {
  trix-toolbar .trix-button-group-spacer {
    display: none;
  }
}
trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent;
}
trix-toolbar .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}
trix-toolbar .trix-button.trix-active {
  background: #cbeefa;
  color: rgb(0, 0, 0);
}
trix-toolbar .trix-button:not(:disabled) {
  cursor: pointer;
}
trix-toolbar .trix-button:disabled {
  color: rgba(0, 0, 0, 0.125);
}
@media (max-width: 768px) {
  trix-toolbar .trix-button {
    letter-spacing: -0.01em;
    padding: 0 0.3em;
  }
}
trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px;
}
@media (max-width: 768px) {
  trix-toolbar .trix-button--icon {
    height: 2em;
    max-width: calc(0.8em + 3.5vw);
  }
}
trix-toolbar .trix-button--icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  trix-toolbar .trix-button--icon::before {
    right: 6%;
    left: 6%;
  }
}
trix-toolbar .trix-button--icon.trix-active::before {
  opacity: 1;
}
trix-toolbar .trix-button--icon:disabled::before {
  opacity: 0.125;
}
trix-toolbar .trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  top: 8%;
  bottom: 4%;
}
trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-quote::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-dialogs {
  position: relative;
}
trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5;
}
trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
trix-toolbar .trix-input--dialog.validate:invalid {
  box-shadow: #F00 0px 0px 1.5px 1px;
}
trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none;
}
trix-toolbar .trix-dialog--link {
  max-width: 600px;
}
trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline;
}
trix-toolbar .trix-dialog__link-fields .trix-input {
  flex: 1;
}
trix-toolbar .trix-dialog__link-fields .trix-button-group {
  flex: 0 0 content;
  margin: 0;
}

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

trix-editor [data-trix-mutable] ::-moz-selection, trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection {
  background: none;
}
trix-editor [data-trix-mutable] ::selection, trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection {
  background: none;
}

trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
  background: highlight;
}
trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
  background: highlight;
}

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent;
}
trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight;
}
trix-editor .attachment {
  position: relative;
}
trix-editor .attachment:hover {
  cursor: default;
}
trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text;
}
trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in;
}
trix-editor .attachment__progress[value="100"] {
  opacity: 0;
}
trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center;
}
trix-editor .trix-button-group {
  display: inline-flex;
}
trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent;
}
trix-editor .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}
trix-editor .trix-button.trix-active {
  background: #cbeefa;
}
trix-editor .trix-button:not(:disabled) {
  cursor: pointer;
}
trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}
trix-editor .trix-button--remove::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}
trix-editor .trix-button--remove:hover {
  border-color: #333;
}
trix-editor .trix-button--remove:hover::before {
  opacity: 1;
}
trix-editor .attachment__metadata-container {
  position: relative;
}
trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}
trix-editor .attachment__metadata .attachment__name {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
trix-editor .attachment__metadata .attachment__size {
  margin-left: 0.2em;
  white-space: nowrap;
}

.trix-content {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word;
}
.trix-content * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.trix-content h1 {
  font-size: 1.2em;
  line-height: 1.2;
}
.trix-content blockquote {
  border: 0 solid #ccc;
  border-left-width: 0.3em;
  margin-left: 0.3em;
  padding-left: 0.6em;
}
.trix-content [dir=rtl] blockquote,
.trix-content blockquote[dir=rtl] {
  border-width: 0;
  border-right-width: 0.3em;
  margin-right: 0.3em;
  padding-right: 0.6em;
}
.trix-content li {
  margin-left: 1em;
}
.trix-content [dir=rtl] li {
  margin-right: 1em;
}
.trix-content pre {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-family: monospace;
  font-size: 0.9em;
  padding: 0.5em;
  white-space: pre;
  background-color: #eee;
  overflow-x: auto;
}
.trix-content img {
  max-width: 100%;
  height: auto;
}
.trix-content .attachment {
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.trix-content .attachment a {
  color: inherit;
  text-decoration: none;
}
.trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
  color: inherit;
}
.trix-content .attachment__caption {
  text-align: center;
}
.trix-content .attachment__caption .attachment__name + .attachment__size::before {
  content: " •";
}
.trix-content .attachment--preview {
  width: 100%;
  text-align: center;
}
.trix-content .attachment--preview .attachment__caption {
  color: #666;
  font-size: 0.9em;
  line-height: 1.2;
}
.trix-content .attachment--file {
  color: #333;
  line-height: 1;
  margin: 0 2px 2px 2px;
  padding: 0.4em 1em;
  border: 1px solid #bbb;
  border-radius: 5px;
}
.trix-content .attachment-gallery {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.trix-content .attachment-gallery .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}
.trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
  flex-basis: 50%;
  max-width: 50%;
}
/*
 * Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and
 * the trix-editor content (whether displayed or under editing). Feel free to incorporate this
 * inclusion directly in any other asset bundle and remove this file.
 *

*/

/*
 * We need to override trix.css’s image gallery styles to accommodate the
 * <action-text-attachment> element we wrap around attachments. Otherwise,
 * images in galleries will be squished by the max-width: 33%; rule.
*/
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}

.trix-content a {
  color: #0667ce;
  text-decoration: underline;
}

.trix ul {
  list-style-type: disc;
  padding-left: 2.5rem;
}

.trix ol {
  list-style-type: decimal;
  padding-left: 2.5rem;
}
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
@import "./actiontext.css";
@import "./_article_reading.css";
@import "tippy.js/dist/tippy.css";
@import "./_tooltips.css";
.cm-page-head { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-bottom:30px; }
.cm-page-head h1 { font-size:clamp(30px,3.3vw,48px); line-height:1.08; letter-spacing:-.045em; margin:10px 0 14px; max-width:950px; }
.cm-page-head p { max-width:680px; color:var(--gtm-muted); line-height:1.6; margin-bottom:0; }
.cm-style-create,.cm-series form { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.cm-style-create label,.cm-series form label,.cm-style-control label { font-size:11px; color:#647069; }
.cm-style-create select,.cm-series form select,.cm-style-control select { max-width:220px; padding:9px 10px; border:1px solid #ccd5d0; border-radius:6px; background:#fff; color:#263b31; }
.cm-operation-note { display:flex; align-items:center; gap:15px; padding:19px 22px; background:#f0f5f3; border:1px solid #dbe7e1; border-radius:10px; margin-bottom:36px; }
.cm-operation-note>span:nth-child(2) { flex:1; }
.cm-operation-note strong,.cm-operation-note small { display:block; }
.cm-operation-note small { color:#5e6b64; margin-top:5px; line-height:1.5; }
.cm-indicator { width:8px; height:8px; border-radius:50%; background:#9baba2; flex:none; }
.cm-indicator.is-on { background:#197455; }
.cm-section { margin:36px 0; }
.cm-section-head { display:flex; align-items:baseline; justify-content:space-between; gap:18px; margin-bottom:17px; }
.cm-section-head h2 { font-size:19px; letter-spacing:-.025em; margin:0; }
.cm-section-head>span,.cm-section-head h2 span { color:#727778; font-size:12px; font-weight:400; }
.cm-section-head h2 span { margin-left:8px; }
.cm-empty { padding:42px 32px; border:1px solid #e2e4e4; border-radius:12px; background:#fff; }
.cm-empty h2,.cm-empty h3 { margin-top:0; font-size:23px; letter-spacing:-.03em; }
.cm-empty p { max-width:560px; color:#62696b; line-height:1.7; }
.cm-batch-list { display:grid; gap:16px; }
.cm-batch-card { display:grid; grid-template-columns:150px minmax(0,1fr) auto; gap:24px; padding:18px; background:#fff; border:1px solid #e0e3e3; border-radius:12px; align-items:center; }
.cm-batch-art { align-self:stretch; min-height:170px; border-radius:7px; overflow:hidden; background:#1b2420; display:grid; place-items:center; color:#f4f2e9; text-decoration:none; }
.cm-batch-art img { width:100%; height:100%; min-height:170px; max-height:230px; object-fit:cover; }
.cm-batch-art>span { font-size:27px; letter-spacing:-.06em; }.cm-batch-art small { letter-spacing:.15em; font-size:10px; }
.cm-batch-copy h3 { font-size:24px; line-height:1.2; letter-spacing:-.035em; margin:13px 0 10px; }
.cm-batch-copy h3 a { color:inherit; text-decoration:none; }
.cm-batch-copy p { font-size:13px; line-height:1.65; color:#656b6e; margin:0 0 17px; max-width:740px; }
.cm-kicker { display:flex; align-items:center; gap:12px; font-size:11px; color:#717777; margin-top:10px; }
.cm-status { display:inline-flex; align-items:center; font-size:10px; line-height:1.5; letter-spacing:.035em; padding:4px 8px; background:#f0f1f2; color:#62696b; border-radius:4px; white-space:nowrap; }
.cm-status.is-review,.cm-status.is-ready,.cm-status.is-approved,.cm-status.is-published { background:#eaf4ee; color:#276346; }
.cm-status.is-failed,.cm-status.is-stale,.cm-status.is-uncertain { background:#fff0db; color:#8a551b; }
.cm-format-list { display:flex; flex-wrap:wrap; gap:7px 14px; font-size:10px; color:#747a7a; line-height:1.7; }
.cm-format-list .is-ready { color:#2f7756; }.cm-format-list .is-failed { color:#9b6425; }
.cm-series-list { border-top:1px solid #dce0df; }
.cm-series { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:21px 0; border-bottom:1px solid #dce0df; }
.cm-series h3 { margin:0 0 5px; font-size:15px; }.cm-series p { margin:0; color:#6d7575; font-size:12px; line-height:1.6; }
.cm-series small,.cm-series>span { display:block; color:#77817c; font-size:11px; margin-top:7px; }
.cm-filter-tabs { display:flex; gap:8px; margin-bottom:26px; flex-wrap:wrap; }
.cm-filter-tabs a { padding:9px 15px; border:1px solid #dce0df; border-radius:6px; color:#57615d; text-decoration:none; font-size:12px; }
.cm-filter-tabs a.is-active { background:#202824; border-color:#202824; color:white; }
.cm-review-grid { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:30px; align-items:start; }
.cm-review-main { min-width:0; }.cm-review-main>.cm-section:first-child { margin-top:0; }
.cm-style-control { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:18px 20px; margin-bottom:22px; background:#f4f6f3; border:1px solid #dce3de; border-radius:10px; }
.cm-style-control h2 { font-size:17px; margin:0 0 6px; }.cm-style-control p,.cm-style-control small { display:block; margin:0; color:#68736c; font-size:11px; line-height:1.55; }
.cm-style-control form { display:flex; align-items:center; justify-content:flex-end; gap:9px; flex-wrap:wrap; }
.cm-style-control + .cm-section { margin-top:0; }
.cm-review-jumps { display:flex; flex-wrap:wrap; gap:12px 24px; padding:0 0 20px; margin-bottom:25px; border-bottom:1px solid #dce0df; font-size:12px; }
.cm-review-jumps a { color:#38624e; text-decoration:none; padding:4px 0; }
.cm-review-jumps a:hover { text-decoration:underline; }
.cm-review-grid [id] { scroll-margin-top:85px; }
.cm-page-preview { padding:32px; border:1px solid #dedfdb; background:#fff; border-radius:10px; }
.cm-page-preview h2 { font-size:29px; letter-spacing:-.04em; line-height:1.15; margin:12px 0 20px; }
.cm-page-preview p { line-height:1.8; font-size:13px; color:#5f6965; }.cm-page-preview .cm-standfirst { color:#263b31; font-size:16px; }
.cm-page-preview .cm-destination { font-size:11px; overflow-wrap:anywhere; margin-top:25px; }
.cm-output-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; }
.cm-output { border:1px solid #dce0df; border-radius:9px; overflow:hidden; background:#fff; }
.cm-output header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:13px 15px; }.cm-output h3 { font-size:13px; margin:0; }
.cm-output-media { background:#17241d; text-align:center; }.cm-output-media img,.cm-output-media video { display:block; width:100%; height:auto; max-height:580px; object-fit:contain; }
.cm-slides { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; background:#1b241f; }
.cm-slides img { display:block; flex:0 0 88%; min-width:0; width:88%; height:auto; object-fit:contain; scroll-snap-align:start; border-right:4px solid #fff; }
.cm-slide-hint { font-size:10px; padding:0 15px; color:#69756e; }
.cm-downloads { display:flex; flex-wrap:wrap; gap:10px 15px; padding:15px; font-size:11px; }
.cm-output>.gtm-hint { padding:0 15px; }
.cm-text-preview { padding:15px 23px; min-height:200px; background:#f8f7f0; font-size:16px; line-height:1.8; color:#334239; }
.cm-output-placeholder { padding:35px 22px; background:#f3f5f4; color:#77807b; font-size:12px; line-height:1.65; }
.cm-output>form { padding:0 15px 15px; }.cm-output>.cm-error { padding:0 15px; }
.cm-editor { border:1px solid #dce0df; border-radius:8px; padding:20px; background:white; }.cm-editor summary { font-size:13px; font-weight:600; cursor:pointer; }.cm-editor form { margin-top:23px; }
.cm-post-list { display:grid; gap:15px; }.cm-post { padding:22px; background:#fff; border:1px solid #dce0df; border-radius:9px; }
.cm-post header { display:flex; align-items:center; justify-content:space-between; gap:12px; }.cm-post header strong,.cm-post header div>span { display:block; }.cm-post header div>span { color:#818984; font-size:11px; margin-top:5px; }
.cm-post>p { line-height:1.8; font-size:13px; white-space:normal; overflow-wrap:anywhere; }
.cm-post-foot { display:flex; align-items:center; justify-content:space-between; gap:18px; font-size:11px; color:#55655c; padding-top:15px; border-top:1px solid #edf0ed; }
.cm-post-foot label { display:flex; align-items:center; gap:7px; color:#2c4737; cursor:pointer; }.cm-post-foot input { accent-color:#28664b; width:17px; height:17px; }
.cm-source-card,.cm-approval { padding:23px; background:#fff; border:1px solid #dce0df; border-radius:10px; margin-bottom:20px; }
.cm-source-card h2,.cm-approval h2 { font-size:17px; letter-spacing:-.025em; margin:8px 0 15px; }
.cm-source-card>p:not(.gtm-eyebrow),.cm-approval>p { font-size:11px; line-height:1.75; color:#728077; }
.cm-source-list { padding-left:18px; margin-bottom:0; }.cm-source-list li { padding:15px 0; border-bottom:1px solid #eef0ec; font-size:12px; }.cm-source-list li:last-child { border-bottom:0; }.cm-source-list p { color:#7d847f; margin:5px 0; line-height:1.65; }.cm-source-list small { display:block; font-size:10px; color:#5c6c61; margin-bottom:3px; }.cm-source-list a { display:inline-block; font-size:10px; margin-top:5px; }
.cm-episode-source { background:#f4f4e9; padding:14px; margin-top:20px; border-radius:7px; font-size:12px; line-height:1.75; }.cm-episode-source small { display:block; }.cm-episode-source a { display:block; margin-top:10px; }.cm-episode-source details { margin-top:12px; }.cm-episode-source summary { cursor:pointer; }.cm-episode-source details p { font-size:11px; }
.cm-approval { background:#eef4ef; border-color:#d7e3d9; }.cm-review-confirm { display:flex; align-items:flex-start; gap:9px; font-size:12px; line-height:1.6; margin:20px 0; }.cm-review-confirm input { flex:none; margin-top:3px; width:17px; height:17px; accent-color:#28664b; }
.cm-approval .gtm-primary-action { width:100%; }.cm-skip { margin-top:15px; background:none; border:0; font-size:11px; cursor:pointer; }
.cm-warning { padding:22px; background:#fff5e5; border:1px solid #f0dfbd; border-radius:9px; display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:25px; }.cm-warning p { color:#7c704f; font-size:12px; line-height:1.6; margin-bottom:0; }
.cm-error { color:#965429; font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
.cm-progress { padding:20px; margin-bottom:28px; background:#edf1f4; border:1px solid #dce2e5; border-radius:9px; }.cm-progress>div:first-child { display:flex; justify-content:space-between; font-size:12px; margin-bottom:12px; }.cm-progress a { display:inline-block; margin-top:10px; }
.cm-settings-card { max-width:780px; padding:30px; background:white; border:1px solid #dce0df; border-radius:10px; }.cm-settings-card h2 { font-size:20px; margin-top:0; }
.cm-delivery-row { display:grid; grid-template-columns:140px minmax(0,1fr) auto; gap:20px; align-items:center; border-bottom:1px solid #e1e4e2; padding:15px 0; font-size:12px; }.cm-delivery-row a { text-decoration:none; color:inherit; }.cm-delivery-row>span:last-child { font-size:10px; color:#718078; }
.cm-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); background:white; border:1px solid #dce0df; border-radius:10px; margin:28px 0 18px; }.cm-metrics>div { padding:24px; border-right:1px solid #e3e7e3; }.cm-metrics>div:last-child { border:0; }.cm-metrics strong,.cm-metrics span { display:block; }.cm-metrics strong { font-size:34px; letter-spacing:-.04em; }.cm-metrics span { font-size:11px; color:#788079; margin-top:7px; }
@media(max-width:1200px) { .cm-review-grid { grid-template-columns:minmax(0,1fr) 275px; gap:20px; }.cm-batch-card { grid-template-columns:120px minmax(0,1fr); }.cm-batch-action { grid-column:2; justify-self:start; }.cm-batch-art { grid-row:1/3; }.cm-output-grid { grid-template-columns:1fr; } }
@media(max-width:800px) { .cm-page-head { flex-direction:column; align-items:stretch; gap:20px; }.cm-page-head>form { align-self:flex-start; }.cm-review-grid { grid-template-columns:1fr; }.cm-review-aside { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.cm-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.cm-delivery-row { grid-template-columns:1fr; gap:8px; }.cm-section-head>span { max-width:45%; text-align:right; line-height:1.5; }.cm-style-control { align-items:flex-start; flex-direction:column; }.cm-style-control form { justify-content:flex-start; } }
@media(max-width:540px) { .cm-batch-card { grid-template-columns:1fr; gap:16px; }.cm-batch-art { grid-row:auto; min-height:180px; max-height:210px; }.cm-batch-art img { max-height:210px; }.cm-batch-action { grid-column:1; }.cm-batch-copy h3 { font-size:23px; }.cm-review-aside { grid-template-columns:1fr; }.cm-operation-note { padding:16px; flex-wrap:wrap; }.cm-operation-note>span:nth-child(2) { min-width:200px; }.cm-operation-note>a { margin-left:23px; }.cm-series { align-items:flex-start; gap:14px; }.cm-series>span { text-align:right; }.cm-series .gtm-secondary-action { padding:8px 12px; }.cm-warning { display:block; }.cm-warning form { margin-top:15px; }.cm-page-preview { padding:24px; }.cm-post-foot { flex-direction:column; align-items:flex-start; }.cm-section { margin:29px 0; }.cm-empty { padding:28px 23px; } }
/* Keep long model names within the settings card on narrow screens. */
.cm-settings-card select { width: 100%; min-width: 0; max-width: 100%; }
.cm-key-setup { margin-top: 1.5rem; font-size: .875rem; overflow-wrap: anywhere; }
.cm-key-setup summary { cursor: pointer; font-weight: 600; }
.cm-key-setup p { margin-top: .75rem; }
.cm-settings-card + .cm-settings-card { margin-top: 1.5rem; }

.cm-calendar-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; margin:30px 0 22px; }
.cm-calendar-period { display:flex; align-items:center; gap:22px; }
.cm-calendar-period h2 { margin:0 0 5px; font-size:23px; letter-spacing:-.03em; }
.cm-calendar-period>div>span { font-size:11px; color:var(--gtm-muted); }
.cm-calendar-navigation { display:flex; gap:6px; }
.cm-calendar-navigation a { min-width:36px; justify-content:center; }
.cm-calendar-jump { display:flex; align-items:center; gap:9px; font-size:11px; color:var(--gtm-muted); }
.cm-calendar-jump input[type=month] { min-width:0; padding:9px; border:1px solid #dce0df; border-radius:6px; background:#fff; color:#263b31; font:inherit; }
.cm-calendar-note { margin:0 0 20px; font-size:12px; color:var(--gtm-muted); line-height:1.7; max-width:760px; }
.cm-calendar { border:1px solid #dce0df; border-radius:10px; overflow:hidden; background:white; }
.cm-calendar-weekdays,.cm-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); }
.cm-calendar-weekdays { background:#f5f7f5; border-bottom:1px solid #dce0df; }
.cm-calendar-weekdays span { padding:13px 10px; font-size:11px; font-weight:600; color:#637268; }
.cm-calendar-day { min-width:0; min-height:150px; padding:10px 6px; border-right:1px solid #e5e9e6; border-bottom:1px solid #e5e9e6; scroll-margin-top:90px; }
.cm-calendar-day:nth-child(7n) { border-right:0; }
.cm-calendar-day:nth-last-child(-n+7) { border-bottom:0; }
.cm-calendar-day.is-outside { background:#f6f7f6; }
.cm-calendar-day.is-outside .cm-calendar-date { color:#8b928e; }
.cm-calendar-day.is-today { background:#f0f6f2; }
.cm-calendar-day h3 { display:flex; justify-content:space-between; align-items:center; margin:0 4px 12px; font-size:12px; }
.cm-calendar-day h3 small { font-size:10px; color:#7a847d; font-weight:400; }
.cm-calendar-date { display:inline-grid; place-items:center; min-width:24px; height:24px; }
.is-today .cm-calendar-date { background:#276346; color:white; border-radius:50%; }
.cm-calendar-day-name { display:none; }
.cm-calendar-post { min-width:0; padding:10px 8px; border:1px solid #dce6df; border-left:3px solid #6f9580; border-radius:5px; background:white; margin:8px 0 0; scroll-margin-top:90px; }
.cm-calendar-post.is-draft { border-left-color:#aeb5b0; }
.cm-calendar-post.is-failed,.cm-calendar-post.is-uncertain { border-left-color:#d49a45; }
.cm-calendar-post.is-cancelled { border-left-color:#b8bcbc; background:#f5f5f5; }
.cm-calendar-post:target { outline:2px solid #276346; outline-offset:2px; }
.cm-calendar-post .cm-status { white-space:normal; font-size:9px; padding:3px 5px; }
.cm-calendar-post-link { display:block; color:#263b31; text-decoration:none; }
.cm-calendar-post-link:hover strong { text-decoration:underline; }
.cm-calendar-post-link time { display:block; margin:9px 0 6px; font-size:10px; font-weight:600; }
.cm-calendar-post-link strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.cm-calendar-post-link>span,.cm-calendar-post-link>small { display:block; font-size:10px; line-height:1.5; color:#67766b; margin-top:6px; overflow-wrap:anywhere; }
.cm-calendar-post-link>small { margin-top:2px; color:#7d867f; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cm-calendar-post-actions { display:flex; flex-wrap:wrap; gap:6px 12px; font-size:10px; line-height:1.5; }
.cm-calendar-post-actions:not(:empty) { padding-top:10px; margin-top:10px; border-top:1px solid #edf0ed; }
.cm-calendar-post-actions a { color:#38624e; }
.cm-calendar-warning { display:block; font-size:10px; line-height:1.5; color:#8a551b; margin-top:8px; }
.cm-calendar-empty { margin-top:20px; }
.cm-delivery-postiz { display:block; margin-top:6px; }
.cm-post-foot { flex-wrap:wrap; }
@media(max-width:1000px) {
  .cm-calendar { background:transparent; border:0; overflow:visible; }
  .cm-calendar-weekdays { display:none; }
  .cm-calendar-grid { display:block; }
  .cm-calendar-day { min-height:0; padding:0 0 20px; border:0; background:transparent!important; margin-bottom:14px; }
  .cm-calendar-day.is-empty { display:none; }
  .cm-calendar-day h3 { justify-content:flex-start; gap:12px; font-size:15px; border-bottom:1px solid #dce0df; margin:0 0 12px; padding-bottom:12px; }
  .cm-calendar-day-name { display:inline; margin-left:9px; }
  .cm-calendar-post { padding:16px; }
  .cm-calendar-post .cm-status { font-size:10px; }
  .cm-calendar-post-link strong { font-size:15px; -webkit-line-clamp:unset; }
  .cm-calendar-post-link time,.cm-calendar-post-link>span,.cm-calendar-post-link>small,.cm-calendar-post-actions { font-size:12px; }
}
@media(max-width:540px) {
  .cm-calendar-period { flex-direction:column-reverse; align-items:flex-start; gap:16px; }
  .cm-calendar-jump { flex-wrap:wrap; }
  .cm-calendar-jump label { width:100%; }
}

/* The factory overview explains the flow before showing individual jobs. */
.cm-factory-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin: 32px 0; }
.cm-factory-flow strong { font-size: 17px; }
.cm-factory-flow p { line-height: 1.6; color: #59616b; margin-top: 8px; }
.cm-factory-metrics { display: flex; flex-wrap: wrap; gap: 24px 48px; padding: 24px 0; border-block: 1px solid #dce1e5; }
.cm-factory-metrics span { display: grid; gap: 5px; color: #59616b; }
.cm-factory-metrics strong { font-size: 28px; color: #182128; }
@media (max-width: 720px) { .cm-factory-flow { grid-template-columns: 1fr; gap: 12px; } }

/* Publishing desk: actual creative and upcoming destinations lead the page. */
.cm-story-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.cm-story-tile { min-width:0; background:white; border:1px solid #dce1df; border-radius:12px; overflow:hidden; }
.cm-story-preview { display:flex; align-items:center; justify-content:center; height:280px; background:#e8e8e2; position:relative; text-decoration:none; }
.cm-story-preview img { width:100%; height:100%; object-fit:contain; }
.cm-preview-label { position:absolute; bottom:12px; left:12px; background:#fff; padding:8px 12px; font-size:12px; color:#21382d; border-radius:5px; box-shadow:0 2px 10px #0002; }
.cm-story-tile-body { padding:20px; }
.cm-story-tile h3 { font-size:20px; line-height:1.3; margin:0 0 20px; letter-spacing:-.025em; }
.cm-story-tile h3 a { color:inherit; text-decoration:none; }
.cm-story-channel { padding:10px 0; border-top:1px solid #edf0ed; font-size:12px; display:flex; flex-wrap:wrap; gap:4px 12px; justify-content:space-between; }
.cm-story-channel time { color:#657069; }
.cm-factory-metrics a { display:grid; gap:5px; color:#59616b; text-decoration:none; }
.cm-attention-row { display:flex; gap:20px; align-items:center; justify-content:space-between; padding:20px; border-left:3px solid #c28a30; background:#fff7e9; margin-bottom:12px; }
.cm-attention-row p { margin:8px 0 0; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.cm-attention-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; flex-shrink:0; }
.cm-attention-actions form { margin:0; }
.cm-factory-details { border-top:1px solid #dce1df; margin-top:35px; padding-top:24px; }
.cm-factory-details>summary { font-size:18px; font-weight:600; cursor:pointer; }
.cm-planning-details { font-size:12px; color:#62696b; margin:20px 0; }
.cm-planning-details>summary { cursor:pointer; }
.cm-history-link { font-size:12px; color:#62696b; margin:25px 0; }
@media(max-width:1250px) { .cm-story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .cm-story-grid { grid-template-columns:1fr; } .cm-story-preview { height:330px; } .cm-attention-row { align-items:flex-start; flex-direction:column; } }

.cm-desk .cm-page-head { margin-bottom:18px; gap:18px; }
.cm-desk .cm-page-head h1 { font-size:32px; margin:4px 0 8px; }
.cm-desk .cm-page-head p { font-size:14px; margin-top:0; }
.cm-desk .cm-page-head .gtm-eyebrow { display:none; }
.cm-desk .cm-operation-note { padding:12px 16px; margin-bottom:18px; font-size:13px; }
.cm-desk .cm-operation-note small { margin-top:3px; }
.cm-desk .cm-factory-metrics { padding:14px 0; gap:20px 35px; font-size:12px; }
.cm-desk .cm-factory-metrics strong { font-size:24px; }
.cm-desk .cm-section { margin:24px 0; }
.cm-public-story { max-width:1050px; margin:0 auto; padding:55px 24px 70px; color:#1d3128; }
.cm-public-head { max-width:850px; margin-bottom:35px; }.cm-public-eyebrow { text-transform:uppercase; font-size:11px; font-weight:650; letter-spacing:.15em; color:#5a7566; }
.cm-public-head h1 { font-size:clamp(35px,5.5vw,65px); font-weight:650; line-height:1.05; letter-spacing:-.045em; margin:19px 0 24px; }.cm-public-byline { font-size:12px; color:#7e8b82; }.cm-public-summary { font-size:20px; line-height:1.7; margin-top:25px; }.cm-public-body { max-width:750px; font-size:17px; line-height:1.85; margin:38px 0; }.cm-public-body p { margin:20px 0; }
.cm-public-podcast { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:28px; background:#f0f4e9; border-radius:12px; margin:30px 0; }.cm-public-podcast h2 { font-size:22px; line-height:1.3; margin:9px 0; }.cm-public-podcast p:last-child { font-size:12px; color:#6d7b70; }
.cm-public-button { display:inline-flex; flex:none; padding:12px 19px; background:#254f3d; border-radius:6px; color:#fff; text-decoration:none; font-size:13px; font-weight:550; }.cm-public-button:hover { background:#163c2b; color:#fff; }
.cm-public-picks { display:grid; gap:35px; margin-top:40px; }.cm-public-pick { display:grid; grid-template-columns:300px minmax(0,1fr); gap:32px; padding:0 0 35px; border-bottom:1px solid #dce5dd; }.cm-public-pick>img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:8px; }.cm-public-number { font-size:12px; color:#849284; }.cm-public-pick h2 { font-size:29px; letter-spacing:-.025em; line-height:1.2; margin:8px 0 10px; }.cm-public-pick p { color:#788077; line-height:1.7; }.cm-public-pick ul { list-style:none; padding:0; font-size:13px; line-height:1.8; margin:16px 0; color:#4a6656; }.cm-public-disclosure { font-size:12px; line-height:1.7; color:#819080; margin:30px 0; }.cm-public-expired { background:#fff4dc; padding:18px 22px; border-radius:7px; line-height:1.7; }
@media(max-width:650px) { .cm-public-story { padding:35px 20px; }.cm-public-pick { grid-template-columns:1fr; gap:20px; }.cm-public-podcast { display:block; padding:24px; }.cm-public-podcast .cm-public-button { margin-top:18px; }.cm-public-summary { font-size:18px; } }
/*
 * Discover on the web (Tonight::DiscoverController, layouts/external/discover).
 *
 * Two layouts from one set of markup:
 *
 *   - Phones and tablets: the iOS Discover screen. One card fills the screen,
 *     the portrait behind and the details over its lower half. Sizes, colours
 *     and spacing are the app's own (DiscoverCardView / DiscoverFeedView).
 *   - Wide screens ("stage", the media query near the end): the portrait
 *     stands on the left with the details alongside, over a blurred backdrop
 *     of the same picture, with a rail of buttons to step through the feed.
 *
 * Everything is under .vd so nothing leaks into the rest of the tonight site.
 */

.vd-body {
  margin: 0;
  overflow: hidden;
  overscroll-behavior: none;
  background: #000;
}

.vd {
  --vd-accent: #ff6b3d;
  --vd-mint: #00c7be;
  --vd-panel: #141a36;
  --vd-label: #a6a8cc;
  --vd-heart: #ff3b5c;
  --vd-gold: #ffcc4d;
  --vd-top: env(safe-area-inset-top, 0px);
  --vd-bottom: env(safe-area-inset-bottom, 0px);

  position: fixed;
  inset: 0;
  overflow: hidden;
  background: #000;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

.vd *,
.vd *::before,
.vd *::after {
  box-sizing: border-box;
}

.vd :where(h1, h2, p, ul) {
  margin: 0;
  padding: 0;
}

.vd :where(a) {
  color: inherit;
  text-decoration: none;
}

.vd :where(button) {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.vd :where(svg) {
  flex: none;
  display: block;
}

.vd [hidden] {
  display: none !important;
}

.vd :focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

/* "Swipe" for fingers, "scroll" for a mouse. */
.vd-pointer {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .vd-touch {
    display: none;
  }

  .vd-pointer {
    display: inline;
  }
}

/* ---------------------------------------------------------------- Paging */

.vd-scroller {
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  overflow-y: auto;
  container-type: size;
  scroll-snap-type: y mandatory;
  overscroll-behavior: contain;
  scrollbar-width: none;
  outline: none;
}

.vd-scroller::-webkit-scrollbar {
  display: none;
}

.vd-page {
  position: relative;
  height: 100vh;
  height: 100dvh;
  height: 100cqh;
  overflow: hidden;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

/* First visit on a phone: the feed lifts once to show there is more below. */
@keyframes vd-nudge {
  0%, 22%, 100% { transform: translateY(0); }
  9% { transform: translateY(-32px); }
}

@media (hover: none) {
  .vd-track.is-nudging {
    animation: vd-nudge 4.5s ease-in-out 1;
  }
}

/* ---------------------------------------------------------------- Chrome */

/* Phones: the app's header (DiscoverHeaderBar). The logo is the way home, the
   day switch sits on the right, and Share for the card in view between them. */
.vd-chrome {
  position: absolute;
  inset: 0 0 auto;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: calc(var(--vd-top) + 62px);
  padding: calc(var(--vd-top) + 6px) 16px 12px;
  pointer-events: none;
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.25));
}

.vd-chrome::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: -1;
  height: calc(var(--vd-top) + 140px);
  background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0));
}

.vd-chrome > *,
.vd-chrome-end > * {
  pointer-events: auto;
}

.vd-chrome-end {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  pointer-events: none;
}

.vd-round {
  display: grid;
  place-items: center;
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
}

.vd-chrome .vd-brand {
  display: flex;
  align-items: center;
  flex: none;
  height: 36px;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.45);
}

.vd-chrome .vd-brand img {
  width: auto;
  height: 20px;
}

.vd-chrome .vd-brand span,
.vd-days {
  display: none;
}

.vd-share-lineup {
  display: grid;
  place-items: center;
  flex: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
}

.vd-share-lineup span,
.vd[data-kind="intro"] .vd-share-lineup {
  display: none;
}

.vd-intro-days {
  display: flex;
  align-items: center;
  gap: 2px;
  height: 36px;
  padding: 0 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.45);
}

.vd-intro-days a,
.vd-intro-days button {
  position: relative;
  display: grid;
  place-items: center;
  height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

.vd-intro-days button {
  width: 32px;
  padding: 0;
}

/* A 44px touch target around a 30px pill. */
.vd-intro-days a::before,
.vd-intro-days button::before,
.vd-filter-reset::before {
  content: "";
  position: absolute;
  inset: -7px 0;
}

.vd-intro-days .is-selected {
  background: #fff;
  color: #000;
}

/* "Music ✕": the feed is cut down to one kind; a tap brings the lineup back. */
.vd-filter-reset {
  position: absolute;
  top: calc(var(--vd-top) + 54px);
  right: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--vd-accent);
  color: #000;
  font-size: 13px;
  font-weight: 700;
}

/* Wide-screen furniture, off until the stage layout turns it on. */
.vd-ambient,
.vd-rail,
.vd-keys,
.vd-headliner {
  display: none;
}

/* ------------------------------------------------------------------ Card */

.vd-card {
  background: #000;
}

.vd-media {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
}

.vd-image {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 50% 42%;
}

/* A slow push in on the card in view, from the portrait's focus point (set by
   the controller as transform-origin); every other card pulls back out instead. */
@keyframes vd-drift {
  /* Starts zoomed enough that the pan never uncovers an edge, and level, so the
     tilt only arrives once the zoom has room for it. */
  from { transform: scale(1.07) translate3d(1%, 1.2%, 0) rotate(0deg); }
  to { transform: scale(1.2) translate3d(-1.2%, -1.6%, 0) rotate(1.2deg); }
}

.vd-card.is-live .vd-image {
  animation: vd-drift 14s ease-in-out infinite alternate;
  will-change: transform;
}

.vd-card:nth-of-type(even).is-live .vd-image {
  animation-direction: alternate-reverse;
}

.vd-scrim {
  position: absolute;
  inset: auto 0 0;
  height: 60%;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 25%, rgba(0, 0, 0, 0.7) 55%, rgba(0, 0, 0, 0.88) 100%);
  pointer-events: none;
}

/* A tap anywhere but a control opens the show: the portrait underneath is the link. */
.vd-content {
  position: absolute;
  inset: auto 0 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 640px;
  margin: 0 auto;
  padding: 0 20px calc(var(--vd-bottom) + 22px);
  pointer-events: none;
}

.vd-card:has(.vd-hint:not(.is-done)) .vd-content {
  padding-bottom: calc(var(--vd-bottom) + 52px);
}

.vd-content a,
.vd-content button {
  pointer-events: auto;
}

.vd-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
}

.vd-eyebrow-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.vd-eyebrow {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.75);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vd-actions {
  display: flex;
  gap: 4px;
}

.vd-save svg {
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.vd-save.favorite-active svg {
  fill: var(--vd-heart);
  stroke: var(--vd-heart);
  transform: scale(1.08);
}

.vd-title {
  display: -webkit-box;
  overflow: hidden;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -0.3px;
  line-height: 1.12;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.vd-tagline {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Starts / From / Location, and the showtimes panel */

.vd-facts {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.vd-label {
  display: block;
  color: var(--vd-label);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1px;
}

.vd-times {
  padding: 8px 12px;
  border-radius: 14px;
  background: var(--vd-panel);
}

.vd-times-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}

.vd-times-next {
  color: rgba(255, 255, 255, 0.65);
  font-size: 11px;
  font-weight: 600;
}

.vd-times-next.is-soon {
  color: var(--vd-mint);
}

.vd-times-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  gap: 8px;
}

.vd-times-grid.is-pair {
  grid-template-columns: 1fr 1fr;
}

.vd-time {
  padding: 5px 4px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  text-align: center;
}

.vd-time b {
  display: block;
  font-size: 17px;
  font-weight: 700;
  white-space: nowrap;
}

.vd-time small {
  display: block;
  margin-top: 2px;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.6px;
}

.vd-time.is-next {
  border-color: rgba(0, 199, 190, 0.7);
  background: rgba(0, 199, 190, 0.12);
  color: var(--vd-mint);
}

.vd-boxes {
  display: flex;
  gap: 8px;
}

.vd-box {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding: 6px 12px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: var(--vd-panel);
}

.vd-box b {
  overflow: hidden;
  font-size: 21px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* "10:30 PM" in a third of a phone's width: a size down, as iOS scales it. */
.vd-box b.is-long {
  font-size: 17px;
  letter-spacing: -0.3px;
  line-height: 25px;
}

.vd-box.is-location b {
  display: -webkit-box;
  font-size: 16px;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.vd-box small {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.65);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vd-box.is-soon {
  border-color: rgba(0, 199, 190, 0.7);
  background: #0f3030;
}

.vd-box.is-soon .vd-label,
.vd-box.is-soon small {
  color: var(--vd-mint);
}

/* "Make a night of it": Eat nearby / Get there */

.vd-night {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.vd-night > .vd-label {
  padding-left: 2px;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 1.6px;
}

.vd-night-row {
  display: flex;
  gap: 8px;
}

.vd-night-button {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 56px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 107, 61, 0.5);
  border-radius: 14px;
  background: rgba(40, 22, 18, 0.82);
  transition: transform 0.15s ease, filter 0.15s ease;
}

.vd-night-button:active {
  transform: scale(0.97);
}

.vd-night-button i {
  display: grid;
  flex: none;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.08);
  color: #ffb59c;
}

.vd-night-button span {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.vd-night-button b {
  color: #ffb59c;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

.vd-night-button small {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vd-night-button.is-go {
  border-color: rgba(0, 199, 190, 0.5);
  background: rgba(10, 34, 36, 0.82);
}

.vd-night-button.is-go i,
.vd-night-button.is-go b {
  color: #4fdcd3;
}

/* Book tickets / More info */

.vd-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.vd-book,
.vd-more {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 16px;
  border-radius: 999px;
  white-space: nowrap;
  transition: transform 0.15s ease, filter 0.15s ease, background-color 0.15s ease;
}

.vd-book:active,
.vd-more:active {
  transform: scale(0.97);
}

.vd-book {
  flex: 1 1 auto;
  gap: 7px;
  background: var(--vd-accent);
  box-shadow: 0 2px 8px rgba(255, 107, 61, 0.4);
}

.vd-book span {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
}

.vd-book b {
  font-size: 15px;
  font-weight: 700;
}

.vd-book small {
  font-size: 10px;
  font-weight: 600;
  opacity: 0.85;
}

.vd-more {
  gap: 6px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.14);
  font-size: 15px;
  font-weight: 600;
  -webkit-backdrop-filter: blur(18px) saturate(1.4);
  backdrop-filter: blur(18px) saturate(1.4);
}

@keyframes vd-bob {
  from { transform: translateY(0); }
  to { transform: translateY(-5px); }
}

.vd-hint {
  position: absolute;
  inset: auto 0 max(calc(var(--vd-bottom) - 8px), 8px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  font-weight: 600;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.vd-hint svg {
  animation: vd-bob 0.7s ease-in-out infinite alternate;
}

.vd-hint.is-done {
  opacity: 0;
}

/* ----------------------------------------------------------------- Intro */

/* Phones: the app's Today screen (DiscoverIntroCard), in its sizes. */
.vd-intro {
  background: #000;
}

.vd-intro-backdrop {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.vd-intro-backdrop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(48px);
  transform: scale(1.25);
}

.vd-intro-backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(255, 107, 61, 0.16), #120d1f 50%, #000), rgba(0, 0, 0, 0.72);
}

.vd-fan,
.vd-intro-send {
  display: none;
}

.vd-intro-layout {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: calc(var(--vd-top) + 64px);
}

.vd-intro-copy {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 520px;
  min-height: 0;
  margin: 0 auto;
  padding: 0 20px 12px;
  overflow: hidden auto;
  scrollbar-width: none;
}

.vd-intro-copy::-webkit-scrollbar {
  display: none;
}

.vd-intro-copy > * {
  flex: none;
}

.vd-intro-share {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px 9px 14px;
  border: 1px solid rgba(255, 107, 61, 0.5);
  border-radius: 16px;
  background: rgba(255, 107, 61, 0.12);
}

.vd-intro-share > div {
  flex: 1;
  min-width: 0;
}

.vd-intro-share b {
  font-size: 15px;
  font-weight: 700;
}

.vd-intro-share p {
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.75);
  font-size: 12px;
  line-height: 1.3;
}

.vd-intro-share button,
.vd-intro-send {
  align-items: center;
  flex: none;
  gap: 6px;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--vd-accent);
  color: #000;
  font-size: 14px;
  font-weight: 700;
}

.vd-intro-share button {
  display: flex;
}

.vd-intro-date {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--vd-accent);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2.2px;
  text-transform: uppercase;
}

.vd-intro-date i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.vd-intro h1 {
  margin-top: 6px;
  font-size: 29px;
  font-weight: 800;
  letter-spacing: -0.6px;
  line-height: 1.15;
  text-wrap: balance;
}

.vd-intro h1 strong {
  color: var(--vd-accent);
  font-weight: inherit;
}

.vd-intro h2 {
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.8px;
  line-height: 1.2;
  text-transform: uppercase;
}

/* The row runs off both edges of the screen, as the app's does. */
.vd-intro-previews {
  display: flex;
  gap: 8px;
  margin: 0 -20px;
  padding: 0 20px;
  overflow-x: auto;
  scroll-padding: 0 20px;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}

.vd-intro-previews::-webkit-scrollbar {
  display: none;
}

.vd-intro-preview {
  flex: 0 0 158px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  background: #141729;
  scroll-snap-align: start;
}

.vd-intro-preview-image {
  position: relative;
  height: 74px;
  overflow: hidden;
}

.vd-intro-preview-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75));
}

.vd-intro-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vd-intro-preview time {
  position: absolute;
  z-index: 1;
  top: 7px;
  left: 7px;
  padding: 3px 8px;
  border-radius: 999px;
  background: var(--vd-accent);
  font-size: 11px;
  font-weight: 700;
}

.vd-intro-preview-image b {
  position: absolute;
  z-index: 1;
  inset: auto 9px 6px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vd-intro-preview-details {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 8px 9px;
}

.vd-intro-preview-details span {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vd-intro-preview-details b {
  align-self: flex-end;
  font-size: 12px;
  font-weight: 700;
}

/* The tiles take the room there is: 104px tall on a big phone, down to 56px. */
.vd-intro-copy > .vd-intro-moods {
  flex: 0 1 236px;
  display: flex;
  flex-direction: column;
  min-height: 140px;
}

.vd-intro-categories {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(0, 104px);
  gap: 8px;
  min-height: 0;
}

.vd-intro-category {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  background: #1a1a33;
  text-align: left;
}

.vd-intro-category img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vd-intro-category::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.62);
}

.vd-intro-category span {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0 12px;
}

.vd-intro-category b {
  color: var(--vd-accent);
  font-size: 26px;
  font-weight: 800;
}

.vd-intro-category strong {
  overflow: hidden;
  font-size: 17px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vd-intro-start {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

/* A gentle upward pulse: the arrows rise and brighten from the bottom one up. */
@keyframes vd-pulse-rise {
  from { transform: translateY(1px); }
  to { transform: translateY(-5px); }
}

@keyframes vd-pulse-glow {
  from { opacity: var(--vd-from); }
  to { opacity: var(--vd-to); }
}

.vd-intro-pulse {
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: vd-pulse-rise 0.9s ease-in-out infinite alternate;
}

.vd-intro-pulse svg {
  margin-top: -9px;
  opacity: var(--vd-from);
  animation: vd-pulse-glow 0.9s ease-in-out infinite alternate;
}

.vd-intro-pulse svg:nth-child(1) { --vd-from: 0.3; --vd-to: 0.95; animation-delay: 0.3s; }
.vd-intro-pulse svg:nth-child(2) { --vd-from: 0.6; --vd-to: 0.75; animation-delay: 0.15s; }
.vd-intro-pulse svg:nth-child(3) { --vd-from: 0.9; --vd-to: 0.55; }

.vd-intro-explore {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 14px 18px calc(max(var(--vd-bottom), 12px) + 4px);
  border-radius: 22px 22px 0 0;
  background: var(--vd-accent);
  color: #1a121a;
  text-align: left;
}

.vd-intro-explore > span {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.vd-intro-explore b {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.3px;
}

.vd-intro-explore small {
  font-size: 13px;
  font-weight: 600;
  opacity: 0.85;
}

.vd-intro-explore i {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #1a121a;
  color: var(--vd-accent);
}

.vd-intro-explore i svg + svg {
  margin-top: -11px;
}

/* What does not fit a short phone gives way, in the app's order: tile height
   (above), the second row of tiles, the tiles, then the Send banner. */
@container (max-height: 760px) {
  .vd-intro-category b { font-size: 20px; }
  .vd-intro-category strong { font-size: 15px; }
}

@container (max-height: 690px) {
  .vd-intro-copy > .vd-intro-moods {
    flex-basis: 126px;
    min-height: 78px;
  }

  /* One row: the first kind and the last ("More shows"). */
  .vd-intro-category:not(:first-child, :last-child) {
    display: none;
  }
}

@container (max-height: 620px) {
  .vd-intro-copy > .vd-intro-moods {
    display: none;
  }
}

@container (max-height: 540px) {
  .vd-intro-share {
    display: none;
  }
}

/* ------------------------------------------------------------------- End */

.vd-end {
  background: linear-gradient(135deg, #12102e, #060913);
}

.vd-end-layout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  max-width: 560px;
  height: 100%;
  margin: 0 auto;
  padding: calc(var(--vd-top) + 86px) 24px calc(var(--vd-bottom) + 20px);
}

.vd-end-copy {
  margin-top: auto;
}

.vd-end-eyebrow {
  color: #adb0ff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.5px;
}

.vd-end h2 {
  margin: 12px 0;
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -0.5px;
  line-height: 1.15;
}

.vd-end h2 em {
  color: var(--vd-mint);
  font-style: normal;
}

.vd-end-sub {
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
}

.vd-end-preview {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.vd-end-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px;
  border-radius: 16px;
  background: #171a36;
  transition: background-color 0.15s ease;
}

.vd-end-row img {
  flex: none;
  width: 56px;
  height: 64px;
  border-radius: 12px;
  background: #1c1c1e;
  object-fit: cover;
}

.vd-end-row-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.vd-end-row small {
  color: #c7b3ff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1px;
}

.vd-end-row b {
  font-size: 14px;
  font-weight: 700;
}

.vd-end-row i {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.65);
  font-size: 11px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vd-end-price {
  flex: none;
  max-width: 78px;
  padding: 9px;
  border-radius: 10px;
  background: var(--vd-mint);
  color: #000;
  font-size: 12px;
  font-weight: 700;
}

.vd-end-next {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: auto;
  padding: 20px;
  border-radius: 16px;
  background: linear-gradient(90deg, #00c7be, #00c0e8);
  color: #000;
  font-size: 16px;
  font-weight: 700;
  transition: transform 0.15s ease, filter 0.15s ease;
}

/* ------------------------------------------------------- Empty / message */

.vd-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 0 32px;
  background: #0b0b10;
  text-align: center;
}

.vd-message svg {
  color: rgba(255, 255, 255, 0.8);
}

.vd-message h1 {
  font-size: 22px;
  font-weight: 700;
}

.vd-message p {
  color: rgba(255, 255, 255, 0.75);
  font-size: 15px;
}

.vd-message-button {
  margin-top: 6px;
  padding: 12px 24px;
  border-radius: 999px;
  background: #fff;
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

/* ------------------------------------------------------------ Date sheet */

.vd-sheet {
  position: absolute;
  inset: 0;
  z-index: 40;
}

.vd-sheet-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.22s ease;
}

.vd-sheet-panel {
  position: absolute;
  inset: auto 0 0;
  max-width: 560px;
  max-height: 86%;
  margin: 0 auto;
  padding: 8px 20px calc(var(--vd-bottom) + 18px);
  overflow-y: auto;
  border-radius: 24px 24px 0 0;
  background: #17171c;
  transform: translateY(100%);
  transition: transform 0.26s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.vd-sheet.is-open .vd-sheet-backdrop {
  opacity: 1;
}

.vd-sheet.is-open .vd-sheet-panel {
  transform: none;
}

.vd-sheet-grabber {
  width: 36px;
  height: 5px;
  margin: 0 auto 14px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.25);
}

.vd-sheet h2 {
  font-size: 24px;
  font-weight: 700;
}

.vd-sheet h2 + p {
  margin: 4px 0 14px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  font-weight: 500;
}

.vd-sheet-days {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.vd-sheet-day {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 51px;
  padding: 0 15px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.7);
}

.vd-sheet-day span {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
}

.vd-sheet-day b {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.vd-sheet-day small {
  color: rgba(255, 255, 255, 0.62);
  font-size: 12px;
}

.vd-sheet-day.is-selected {
  border-color: rgba(255, 107, 61, 0.6);
  background: rgba(255, 107, 61, 0.16);
}

.vd-sheet-day.is-selected svg {
  color: var(--vd-accent);
}

/* ------------------------------------------------------- Get there sheet */

.vd-go .vd-sheet-panel {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #101220;
}

.vd-go .vd-sheet-grabber {
  margin-bottom: 4px;
}

.vd-go-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  background: rgba(255, 255, 255, 0.1);
}

.vd-go h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 22px;
}

.vd-go h2 svg {
  color: var(--vd-mint);
}

.vd-go h2 + p {
  margin: -4px 0 6px;
  font-size: 15px;
}

.vd-go-drive,
.vd-go-row {
  display: flex;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: var(--vd-panel);
}

.vd-go-row {
  align-items: center;
  min-height: 68px;
  transition: background-color 0.15s ease;
}

.vd-go-drive > i,
.vd-go-row > i {
  display: grid;
  flex: none;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
}

.vd-go-drive > i {
  background: #4fdcd3;
  color: #06231f;
}

.vd-go-drive > div,
.vd-go-row > span {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.vd-go b {
  font-size: 17px;
  font-weight: 700;
}

.vd-go small {
  color: rgba(255, 255, 255, 0.68);
  font-size: 13px;
}

.vd-go-row > svg {
  color: rgba(255, 255, 255, 0.5);
}

.vd-go-maps {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

.vd-go-maps a {
  display: grid;
  flex: 1;
  place-items: center;
  min-height: 42px;
  border: 1px solid #4fdcd3;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  transition: filter 0.15s ease, background-color 0.15s ease;
}

.vd-go-maps a:first-child {
  background: #4fdcd3;
  color: #06231f;
}

.vd-go-parking {
  margin-top: 10px;
  color: #4fdcd3;
  font-size: 14px;
  font-weight: 700;
}

.vd-go-row.is-arrive {
  border-color: rgba(255, 107, 61, 0.5);
  background: rgba(40, 22, 18, 0.9);
}

.vd-go-row.is-arrive > i {
  background: none;
  color: var(--vd-accent);
}

@media (hover: hover) {
  .vd-go-row:hover {
    background: #1c2347;
  }

  .vd-go-row.is-arrive:hover {
    background: rgba(60, 30, 22, 0.95);
  }

  .vd-go-maps a:hover {
    filter: brightness(1.1);
    background-color: rgba(79, 220, 211, 0.12);
  }

  .vd-go-maps a:first-child:hover {
    background-color: #4fdcd3;
  }
}

/* Short phones (and landscape): tighten so the card's stack still fits. */
@media (max-height: 700px) {
  .vd-content {
    gap: 8px;
  }

  .vd-title {
    font-size: 26px;
  }

  .vd-box b {
    font-size: 18px;
  }

  .vd-end-layout {
    gap: 12px;
  }

  .vd-end h2 {
    font-size: 29px;
  }

  .vd-end-next {
    padding: 16px;
  }
}

@media (hover: hover) {
  .vd-book:hover,
  .vd-intro-explore:hover,
  .vd-end-next:hover {
    filter: brightness(1.08);
  }

  .vd-more:hover {
    background: rgba(255, 255, 255, 0.24);
  }

  .vd-end-row:hover {
    background: #1f2347;
  }

  .vd-sheet-day:hover {
    background: rgba(255, 255, 255, 0.12);
  }
}

/* =======================================================================
 * Stage: wide screens. The portrait on the left, its details alongside.
 * ===================================================================== */

@media (min-width: 860px) and (min-aspect-ratio: 6/5) {
  .vd {
    --vd-edge: clamp(28px, 3vw, 48px);
    --vd-ease: cubic-bezier(0.2, 0.75, 0.2, 1);
    background: #06070d;
  }

  /* The current portrait, blurred to a wash of its own colours. */
  .vd-ambient {
    display: block;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .vd-ambient-layer {
    position: absolute;
    inset: -12%;
    background-position: center;
    background-size: cover;
    filter: blur(90px) saturate(1.35);
    opacity: 0;
    transition: opacity 1s ease;
  }

  .vd-ambient-layer.is-on {
    opacity: 0.62;
  }

  .vd-ambient::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(120% 90% at 30% 50%, rgba(6, 7, 13, 0) 0%, rgba(6, 7, 13, 0.55) 60%, rgba(6, 7, 13, 0.92) 100%),
      linear-gradient(90deg, rgba(6, 7, 13, 0) 30%, rgba(6, 7, 13, 0.6) 100%);
  }

  .vd[data-kind="end"] .vd-ambient-layer.is-on {
    opacity: 0.2;
  }

  /* Header: brand, the week, share. */
  .vd-chrome {
    padding: 20px var(--vd-edge);
    filter: none;
  }

  .vd-chrome::before,
  .vd-intro-days {
    display: none;
  }

  .vd-chrome .vd-brand {
    gap: 12px;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
  }

  .vd-chrome .vd-brand img {
    height: 26px;
  }

  .vd-chrome .vd-brand span {
    display: block;
    padding: 4px 9px;
    border: 1px solid rgba(255, 107, 61, 0.5);
    border-radius: 999px;
    color: var(--vd-accent);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-transform: uppercase;
  }

  .vd-days {
    position: absolute;
    left: 50%;
    display: flex;
    gap: 2px;
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    background: rgba(12, 13, 22, 0.55);
    transform: translateX(-50%);
    -webkit-backdrop-filter: blur(24px) saturate(1.4);
    backdrop-filter: blur(24px) saturate(1.4);
  }

  .vd-day {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    min-width: 68px;
    padding: 7px 12px;
    border-radius: 14px;
    color: rgba(255, 255, 255, 0.62);
    transition: background-color 0.15s ease, color 0.15s ease;
  }

  .vd-day span {
    font-size: 13px;
    font-weight: 700;
  }

  .vd-day small {
    font-size: 10px;
    font-weight: 500;
    opacity: 0.7;
  }

  .vd-day:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
  }

  .vd-day.is-selected {
    background: #fff;
    color: #000;
  }

  .vd-filter-reset {
    position: static;
    gap: 8px;
    height: 44px;
    padding: 0 16px;
    font-size: 14px;
  }

  .vd-share-lineup span {
    display: inline;
  }

  .vd-share-lineup,
  .vd[data-kind="intro"] .vd-share-lineup {
    display: flex;
    align-items: center;
    gap: 8px;
    width: auto;
    height: 44px;
    padding: 0 18px 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: rgba(12, 13, 22, 0.55);
    font-size: 14px;
    font-weight: 600;
    transition: background-color 0.15s ease;
    -webkit-backdrop-filter: blur(24px) saturate(1.4);
    backdrop-filter: blur(24px) saturate(1.4);
  }

  .vd-share-lineup svg {
    width: 18px;
    height: 18px;
    margin: 0;
  }

  .vd-share-lineup:hover {
    background: rgba(255, 255, 255, 0.14);
  }

  /* Card: portrait | details */
  .vd-card {
    display: grid;
    grid-template-columns: auto minmax(0, 520px);
    align-items: center;
    justify-content: center;
    column-gap: clamp(40px, 6vw, 104px);
    padding: 92px calc(var(--vd-edge) + 96px) 44px var(--vd-edge);
    background: none;
  }

  .vd-media {
    position: relative;
    inset: auto;
    width: auto;
    height: min(100vh - 150px, 860px);
    height: min(100cqh - 150px, 860px);
    aspect-ratio: 9 / 16;
    border-radius: 30px;
    box-shadow: 0 50px 100px -30px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(255, 255, 255, 0.1);
    transition: transform 0.7s var(--vd-ease), opacity 0.5s ease, box-shadow 0.3s ease;
  }

  /* A soft sheen across the top edge of the print. */
  .vd-media::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0) 28%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
    pointer-events: none;
  }

  .vd-media:hover {
    box-shadow: 0 50px 110px -26px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255, 255, 255, 0.28);
  }

  .vd-scrim,
  .vd-hint {
    display: none;
  }

  .vd-content,
  .vd-card:has(.vd-hint:not(.is-done)) .vd-content {
    position: static;
    gap: 18px;
    max-width: none;
    margin: 0;
    padding: 0;
    pointer-events: auto;
  }

  /* Arriving: the portrait settles, the details rise in one after another.
     Only once the controller is running ([data-kind]), so the page still
     reads without JavaScript. */
  .vd[data-kind] .vd-card:not(.is-current) .vd-media {
    opacity: 0.35;
    transform: scale(0.92);
  }

  .vd[data-kind] .vd-card .vd-content > * {
    transition: opacity 0.5s ease, transform 0.7s var(--vd-ease);
  }

  .vd[data-kind] .vd-card:not(.is-current) .vd-content > * {
    opacity: 0;
    transform: translateY(22px);
  }

  .vd[data-kind] .vd-card.is-current .vd-content > :nth-child(2) { transition-delay: 0.07s; }
  .vd[data-kind] .vd-card.is-current .vd-content > :nth-child(3) { transition-delay: 0.14s; }
  .vd[data-kind] .vd-card.is-current .vd-content > :nth-child(4) { transition-delay: 0.21s; }

  .vd-info {
    gap: 12px;
    text-shadow: none;
  }

  .vd-headliner {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 5px;
    padding: 5px 11px 5px 9px;
    border-radius: 999px;
    background: var(--vd-gold);
    color: #000;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.6px;
    text-transform: uppercase;
  }

  .vd-eyebrow {
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    letter-spacing: 1.8px;
  }

  .vd-actions {
    gap: 8px;
  }

  .vd-actions .vd-round {
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.07);
    transition: background-color 0.15s ease, transform 0.15s ease;
  }

  .vd-actions .vd-round:hover {
    background: rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
  }

  .vd-title {
    font-size: clamp(38px, 4.3vw, 68px);
    letter-spacing: -0.035em;
    line-height: 1.02;
    text-wrap: balance;
    -webkit-line-clamp: 3;
  }

  .vd-title a:hover {
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 6px;
  }

  .vd-tagline {
    display: -webkit-box;
    color: rgba(255, 255, 255, 0.72);
    font-size: 18px;
    line-height: 1.4;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .vd-facts {
    gap: 10px;
  }

  .vd-times,
  .vd-box {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: rgba(20, 26, 54, 0.66);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
  }

  .vd-times {
    padding: 14px 16px 16px;
  }

  .vd-times-head {
    margin-bottom: 10px;
  }

  .vd-times-next {
    font-size: 13px;
  }

  .vd-time {
    padding: 9px 4px;
    border-radius: 12px;
  }

  .vd-time b {
    font-size: 19px;
  }

  .vd-time small {
    font-size: 9px;
  }

  .vd-boxes {
    gap: 10px;
  }

  .vd-box {
    gap: 3px;
    padding: 12px 16px 14px;
  }

  .vd-label {
    font-size: 11px;
    letter-spacing: 1.2px;
  }

  .vd-box b {
    font-size: 26px;
  }

  .vd-box.is-location b {
    font-size: 18px;
  }

  .vd-box b.is-long {
    font-size: 24px;
    line-height: inherit;
  }

  .vd-box small {
    font-size: 13px;
  }

  .vd-box.is-soon {
    border-color: rgba(0, 199, 190, 0.7);
    background: rgba(15, 48, 48, 0.8);
  }

  .vd-night-row {
    gap: 10px;
  }

  .vd-night-button {
    gap: 12px;
    min-height: 64px;
    padding: 10px 14px;
    border-radius: 18px;
  }

  .vd-night-button:hover {
    filter: brightness(1.25);
  }

  .vd-night-button i {
    width: 40px;
    height: 40px;
    border-radius: 11px;
  }

  .vd-night-button b {
    font-size: 18px;
  }

  .vd-night-button small {
    font-size: 13px;
  }

  .vd-buttons {
    gap: 12px;
    margin-top: 4px;
  }

  .vd-book,
  .vd-more {
    min-height: 58px;
    padding: 0 26px;
  }

  .vd-book {
    gap: 10px;
    box-shadow: 0 10px 30px -6px rgba(255, 107, 61, 0.55);
  }

  .vd-book:hover {
    transform: translateY(-1px);
  }

  .vd-book b,
  .vd-more {
    font-size: 17px;
  }

  .vd-book small {
    font-size: 11px;
  }

  /* Sheets become a dialog in the middle of the stage. */
  .vd-sheet-panel {
    inset: 50% auto auto 50%;
    width: min(460px, calc(100% - 48px));
    max-height: calc(100% - 80px);
    padding: 22px 22px 22px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 26px;
    box-shadow: 0 50px 120px -20px rgba(0, 0, 0, 0.9);
    opacity: 0;
    transform: translate(-50%, -46%) scale(0.97);
    transition: transform 0.26s var(--vd-ease), opacity 0.2s ease;
  }

  .vd-sheet.is-open .vd-sheet-panel {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  .vd-sheet-grabber {
    display: none;
  }

  .vd-sheet-backdrop {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }

  /* The rail: step through the feed, see how far in you are. */
  .vd-rail {
    position: absolute;
    top: 50%;
    right: var(--vd-edge);
    z-index: 15;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    transform: translateY(-50%);
  }

  .vd-rail-button {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 50%;
    background: rgba(12, 13, 22, 0.55);
    transition: background-color 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
  }

  .vd-rail-button:hover {
    background: rgba(255, 255, 255, 0.18);
  }

  .vd-rail-button:active {
    transform: scale(0.94);
  }

  .vd-rail-button.is-primary {
    border-color: transparent;
    background: var(--vd-accent);
    box-shadow: 0 10px 26px -6px rgba(255, 107, 61, 0.6);
  }

  .vd-rail-button.is-primary:hover {
    filter: brightness(1.1);
  }

  .vd-rail-button:disabled {
    cursor: default;
    opacity: 0.3;
  }

  .vd-rail-count {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    font-variant-numeric: tabular-nums;
  }

  .vd-rail-count b {
    font-size: 20px;
    font-weight: 800;
  }

  .vd-rail-count i {
    width: 16px;
    height: 1px;
    background: rgba(255, 255, 255, 0.35);
  }

  .vd-rail-count span {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    font-weight: 600;
  }

  .vd-rail-track {
    width: 2px;
    height: clamp(60px, 16vh, 150px);
    border-radius: 1px;
    background: rgba(255, 255, 255, 0.14);
  }

  .vd-rail-fill {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: var(--vd-accent);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.5s var(--vd-ease);
  }

  .vd-keys {
    position: absolute;
    bottom: 18px;
    left: var(--vd-edge);
    z-index: 15;
    display: flex;
    align-items: center;
    gap: 5px;
    color: rgba(255, 255, 255, 0.42);
    font-size: 12px;
    transition: opacity 0.3s ease;
  }

  .vd-keys kbd {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    font: inherit;
    font-size: 11px;
  }

  .vd-keys kbd + kbd {
    margin-right: 4px;
  }

  /* Intro: the day's numbers and ways in on the left, its first three
     portraits fanned out on the right. */
  @keyframes vd-rise {
    from { opacity: 0; transform: translateY(20px); }
  }

  .vd-intro {
    background: none;
  }

  .vd-intro-backdrop,
  .vd-intro-pulse,
  .vd-intro-share {
    display: none;
  }

  .vd-intro-layout {
    display: grid;
    grid-template-columns: minmax(0, clamp(560px, 43vw, 740px)) auto;
    grid-template-areas: "heading fan" "soon fan" "moods fan" "start fan";
    align-content: center;
    justify-content: center;
    gap: 26px clamp(40px, 6vw, 110px);
    padding: 96px calc(var(--vd-edge) + 96px) 44px var(--vd-edge);
  }

  .vd-intro-copy {
    display: contents;
  }

  .vd-intro-heading,
  .vd-intro-soon,
  .vd-intro-copy > .vd-intro-moods,
  .vd-intro-start {
    min-width: 0;
    animation: vd-rise 0.7s var(--vd-ease) both;
  }

  .vd-intro-heading { grid-area: heading; }
  .vd-intro-soon { grid-area: soon; animation-delay: 0.08s; }
  .vd-intro-copy > .vd-intro-moods { grid-area: moods; display: block; min-height: 0; animation-delay: 0.16s; }
  .vd-intro-start { grid-area: start; animation-delay: 0.24s; }

  .vd-intro-date {
    font-size: 13px;
    letter-spacing: 2.6px;
  }

  /* "85 shows", large, over the rest of the sentence. */
  .vd-intro h1 {
    margin-top: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: clamp(26px, 2.5vw, 38px);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.1;
  }

  .vd-intro h1 strong {
    display: block;
    margin-bottom: 8px;
    font-size: clamp(68px, 7.4vw, 116px);
    font-weight: 800;
    letter-spacing: -0.05em;
    line-height: 0.92;
  }

  .vd-intro h2 {
    margin-bottom: 10px;
    font-size: 11px;
    letter-spacing: 2px;
  }

  /* The row fades out where more of it is waiting. */
  .vd-intro-previews {
    gap: 12px;
    margin: -4px 0 0;
    padding: 4px 48px 0 0;
    scroll-padding: 0;
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 64px), transparent);
    mask-image: linear-gradient(90deg, #000 calc(100% - 64px), transparent);
  }

  .vd-intro-preview {
    flex-basis: clamp(186px, 13vw, 224px);
    border-radius: 16px;
    background: rgba(20, 23, 41, 0.78);
    transition: transform 0.25s var(--vd-ease), border-color 0.2s ease;
  }

  .vd-intro-preview:hover {
    border-color: rgba(255, 255, 255, 0.32);
    transform: translateY(-3px);
  }

  .vd-intro-preview-image {
    height: 104px;
  }

  .vd-intro-preview time {
    font-size: 12px;
  }

  .vd-intro-preview-image b {
    inset: auto 12px 8px;
    font-size: 15px;
  }

  .vd-intro-preview-details {
    padding: 10px 12px;
  }

  .vd-intro-preview-details span {
    font-size: 12px;
  }

  .vd-intro-preview-details b {
    font-size: 14px;
  }

  .vd-intro-categories {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: auto;
    gap: 10px;
  }

  /* The shape of a show's detail image, so the whole picture is in the tile. */
  .vd-intro-category {
    aspect-ratio: 2 / 1;
    align-items: flex-end;
    border-radius: 14px;
    transition: border-color 0.2s ease;
  }

  .vd-intro-category img {
    transition: transform 0.6s var(--vd-ease);
  }

  .vd-intro-category::after {
    background: linear-gradient(rgba(0, 0, 0, 0.12) 25%, rgba(0, 0, 0, 0.86));
    transition: opacity 0.2s ease;
  }

  .vd-intro-category:hover {
    border-color: rgba(255, 107, 61, 0.7);
  }

  .vd-intro-category:hover img {
    transform: scale(1.08);
  }

  .vd-intro-category:hover::after {
    opacity: 0.75;
  }

  .vd-intro-category span {
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    padding: 0 14px 10px;
  }

  .vd-intro-category b,
  .vd-intro-category strong {
    font-size: 24px;
    line-height: 1.1;
  }

  .vd-intro-category strong {
    max-width: 100%;
    font-size: 14px;
  }

  .vd-intro-start {
    flex-direction: row;
    gap: 14px;
  }

  .vd-intro-explore {
    gap: 22px;
    width: auto;
    padding: 9px 10px 9px 28px;
    border-radius: 999px;
    box-shadow: 0 14px 34px -8px rgba(255, 107, 61, 0.6);
    transition: transform 0.15s ease, filter 0.15s ease;
  }

  .vd-intro-explore:active {
    transform: scale(0.98);
  }

  .vd-intro-explore b {
    font-size: 19px;
  }

  /* Down, the way a scroll goes. */
  .vd-intro-explore i {
    transform: rotate(180deg);
  }

  .vd-intro-send {
    display: flex;
    gap: 8px;
    min-height: 52px;
    padding: 0 22px 0 18px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(12, 13, 22, 0.5);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    transition: background-color 0.15s ease;
    -webkit-backdrop-filter: blur(24px) saturate(1.4);
    backdrop-filter: blur(24px) saturate(1.4);
  }

  .vd-intro-send:hover {
    background: rgba(255, 255, 255, 0.14);
  }

  .vd-fan {
    grid-area: fan;
    position: relative;
    display: block;
    align-self: center;
    height: min(100vh - 260px, 620px);
    height: min(100cqh - 260px, 620px);
    aspect-ratio: 9 / 16;
    margin: 0 72px;
  }

  /* Two rings behind the fan. */
  .vd-fan::before,
  .vd-fan::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 122%;
    aspect-ratio: 1;
    border: 1px solid rgba(255, 107, 61, 0.24);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }

  .vd-fan::after {
    height: 170%;
    border-color: rgba(255, 107, 61, 0.12);
  }

  .vd-fan-card {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    border-radius: 26px;
    box-shadow: 0 40px 80px -24px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(255, 255, 255, 0.12);
    transition: transform 0.8s var(--vd-ease);
  }

  .vd-fan-card img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: 50% 42%;
  }

  .vd-fan-card span {
    position: absolute;
    inset: auto 0 0;
    padding: 70px 22px 22px;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.82));
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -0.2px;
    line-height: 1.15;
  }

  .vd-fan-card small {
    display: block;
    margin-bottom: 5px;
    color: var(--vd-accent);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-transform: uppercase;
  }

  /* Back to front: third, second, then the opening card on top. */
  .vd-fan-card:nth-last-child(3) { transform: translateX(-27%) rotate(-10deg) scale(0.84); }
  .vd-fan-card:nth-last-child(2) { transform: translateX(26%) rotate(8deg) scale(0.9); }
  .vd-fan-card:nth-last-child(1) { transform: rotate(-1.5deg); }

  /* Until the controller is running the cards wait in a stack, then fan out. */
  .vd[data-kind] .vd-intro:not(.is-current) .vd-fan-card { transform: scale(0.86); }

  .vd-intro:hover .vd-fan-card:nth-last-child(3) { transform: translateX(-34%) rotate(-13deg) scale(0.84); }
  .vd-intro:hover .vd-fan-card:nth-last-child(2) { transform: translateX(33%) rotate(11deg) scale(0.9); }
  .vd-fan-card:nth-last-child(1):hover { transform: rotate(0deg) scale(1.02); }

  /* End */
  .vd-end {
    background: none;
  }

  .vd-end-layout {
    gap: 26px;
    max-width: 640px;
    padding: 110px 24px 60px;
  }

  .vd-end-eyebrow {
    font-size: 13px;
  }

  .vd-end h2 {
    margin: 16px 0;
    font-size: clamp(44px, 4.6vw, 64px);
    letter-spacing: -0.035em;
    line-height: 1.04;
  }

  .vd-end-sub {
    font-size: 18px;
  }

  .vd-end-row {
    gap: 16px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    background: rgba(23, 26, 54, 0.7);
  }

  .vd-end-row img {
    width: 64px;
    height: 76px;
  }

  .vd-end-row b {
    font-size: 17px;
  }

  .vd-end-row i {
    font-size: 13px;
  }

  .vd-end-row small {
    font-size: 10px;
  }

  .vd-end-price {
    max-width: none;
    padding: 10px 14px;
    font-size: 14px;
  }

  .vd-end-copy,
  .vd-end-next {
    margin-top: 0;
  }

  .vd-end-next {
    font-size: 18px;
  }

  /* Narrow stage (small laptops, tablets on their side, a half-width window):
     the same layout with the furniture pulled in. */
  @media (max-width: 1100px) {
    .vd-intro-send {
      display: none;
    }

    .vd-fan {
      height: min(100cqh - 300px, 440px);
      margin: 0 48px;
    }

    .vd-intro-categories {
      gap: 8px;
    }

    .vd-intro-category span {
      padding: 0 10px 8px;
    }

    .vd-intro-category b {
      font-size: 18px;
    }

    .vd-intro-category strong {
      font-size: 12px;
    }

    .vd-brand span,
    .vd-share-lineup span,
    .vd-keys {
      display: none;
    }

    .vd-share-lineup {
      width: 44px;
      padding: 0;
      justify-content: center;
    }

    .vd-day {
      min-width: 54px;
      padding: 6px 8px;
    }

    .vd-card,

    .vd-rail-button {
      width: 46px;
      height: 46px;
    }

    .vd-title {
      font-size: clamp(30px, 4.2vw, 44px);
    }

    .vd-tagline {
      font-size: 16px;
    }

    .vd-box {
      padding: 10px 12px 11px;
    }

    .vd-box b,
    .vd-box b.is-long {
      font-size: 20px;
    }

    .vd-box.is-location b {
      font-size: 16px;
    }

    .vd-book,
    .vd-more {
      padding: 0 18px;
    }

  }

  /* Laptop heights: keep the whole stack on screen. */
  @media (max-height: 800px) {
    .vd-intro-layout {
      row-gap: 18px;
      padding-top: 84px;
      padding-bottom: 28px;
    }

    .vd-intro h1 {
      margin-top: 10px;
      font-size: clamp(22px, 2.2vw, 30px);
    }

    .vd-intro h1 strong {
      font-size: clamp(56px, 6vw, 84px);
    }

    .vd-intro-preview-image {
      height: 84px;
    }

    .vd-intro-category b {
      font-size: 20px;
    }

    @media (max-height: 640px) {
      .vd-intro-copy > .vd-intro-moods {
        display: none;
      }
    }

    .vd-content,
    .vd-card:has(.vd-hint:not(.is-done)) .vd-content {
      gap: 12px;
    }

    .vd-info {
      gap: 8px;
    }

    .vd-title {
      font-size: clamp(32px, 3.6vw, 48px);
      -webkit-line-clamp: 2;
    }

    .vd-tagline {
      font-size: 16px;
      -webkit-line-clamp: 1;
    }

    .vd-times {
      padding: 10px 14px 12px;
    }

    .vd-time {
      padding: 6px 4px;
    }

    .vd-box {
      padding: 9px 14px 10px;
    }

    .vd-box b {
      font-size: 22px;
    }

    .vd-book,
    .vd-more {
      min-height: 50px;
    }

    .vd-end-layout {
      gap: 16px;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .vd *,
  .vd *::before,
  .vd *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}
:root {
  --evergreen-ink: #111318;
  --evergreen-muted: #5f6570;
  --evergreen-paper: #f7f8fa;
  --evergreen-line: #d9dde5;
  --evergreen-accent: #2457e6;
  --evergreen-night: #151923;
}

.evergreen-feature-body { background: var(--evergreen-paper); color: var(--evergreen-ink); }
.evergreen-feature { overflow: hidden; background: var(--evergreen-paper); font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.evergreen-wrap { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }

.evergreen-hero { padding: 72px 0 58px; border-bottom: 1px solid var(--evergreen-line); }
.evergreen-hero__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .8fr); gap: clamp(48px, 8vw, 120px); align-items: center; min-height: min(680px, calc(100dvh - 144px)); }
.evergreen-hero__copy { align-self: center; }
.evergreen-breadcrumbs { display: flex; align-items: center; gap: 10px; margin-bottom: 32px; color: var(--evergreen-muted); font-size: 13px; }
.evergreen-breadcrumbs a { color: inherit; text-decoration: none; }
.evergreen-breadcrumbs a:hover { color: var(--evergreen-accent); }
.evergreen-hero h1 { max-width: 11ch; margin: 0; font-size: clamp(48px, 6vw, 82px); font-weight: 650; line-height: .98; letter-spacing: -.065em; text-wrap: balance; }
.evergreen-deck { max-width: 58ch; margin: 30px 0 0; color: var(--evergreen-muted); font-size: clamp(17px, 1.7vw, 21px); line-height: 1.55; }
.evergreen-byline { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 30px; color: #343943; font-size: 13px; font-weight: 600; }
.evergreen-hero__visual { position: relative; min-height: 510px; background: #dfe3ea; overflow: hidden; border-radius: 4px; }
.evergreen-hero__visual > img { width: 100%; height: 100%; min-height: 510px; object-fit: cover; }
.evergreen-hero__placeholder { display: grid; min-height: 510px; place-items: center; background: linear-gradient(145deg, #202a48, #8794b8); color: rgba(255,255,255,.72); }
.evergreen-hero__placeholder span { font-size: 72px; font-weight: 700; letter-spacing: -.08em; }
.evergreen-edition-stamp { position: absolute; right: 18px; bottom: 18px; left: 18px; display: flex; justify-content: space-between; gap: 16px; padding: 15px 17px; background: rgba(17,19,24,.9); color: white; backdrop-filter: blur(12px); }
.evergreen-edition-stamp span { color: rgba(255,255,255,.66); font-size: 12px; }
.evergreen-edition-stamp strong { font-size: 12px; font-weight: 650; }

.evergreen-editorial { display: grid; grid-template-columns: 220px minmax(0, 700px); justify-content: center; gap: clamp(48px, 9vw, 120px); padding-block: 96px 112px; }
.evergreen-editorial > aside { position: sticky; top: 96px; align-self: start; display: grid; gap: 11px; padding-top: 8px; }
.evergreen-editorial > aside span { color: var(--evergreen-muted); font-size: 12px; }
.evergreen-editorial > aside strong { font-size: 15px; line-height: 1.4; }
.evergreen-editorial > aside a { width: fit-content; margin-top: 8px; color: var(--evergreen-accent); font-size: 13px; font-weight: 650; text-decoration: none; border-bottom: 1px solid currentColor; }
.evergreen-prose { font-size: 18px; line-height: 1.82; }
.evergreen-prose p:first-child { margin-top: 0; font-size: 24px; line-height: 1.55; letter-spacing: -.02em; }
.evergreen-prose h2 { margin: 64px 0 18px; font-size: 34px; line-height: 1.08; letter-spacing: -.04em; }
.evergreen-prose a { color: var(--evergreen-accent); }

.evergreen-edition { padding-block: 96px 112px; background: var(--evergreen-night); color: white; }
.evergreen-section-head { display: grid; grid-template-columns: 1fr minmax(280px, 430px); gap: 48px; align-items: end; padding-bottom: 44px; border-bottom: 1px solid rgba(255,255,255,.14); }
.evergreen-section-head span { display: block; margin-bottom: 13px; color: #9da9c5; font-size: 12px; }
.evergreen-section-head h2 { max-width: 14ch; margin: 0; font-size: clamp(38px, 5vw, 62px); line-height: 1; letter-spacing: -.055em; }
.evergreen-section-head > p { margin: 0; color: rgba(255,255,255,.62); font-size: 15px; line-height: 1.65; }
.evergreen-picks { display: grid; gap: 0; }
.evergreen-pick { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 7vw, 92px); align-items: center; padding-block: 48px; border-bottom: 1px solid rgba(255,255,255,.14); }
.evergreen-pick__image { position: relative; min-height: 300px; overflow: hidden; background: #242b39; }
.evergreen-pick__image img { width: 100%; height: 100%; min-height: 300px; object-fit: cover; transition: transform .45s ease; }
.evergreen-pick:hover .evergreen-pick__image img { transform: scale(1.025); }
.evergreen-pick__image > span { position: absolute; top: 14px; left: 14px; min-width: 40px; padding: 8px; background: white; color: var(--evergreen-ink); font-size: 12px; font-weight: 700; text-align: center; }
.evergreen-pick__body > p { margin: 0 0 12px; color: #9da9c5; font-size: 12px; font-weight: 600; }
.evergreen-pick__body h3 { max-width: 14ch; margin: 0; font-size: clamp(34px, 4vw, 55px); line-height: 1; letter-spacing: -.05em; }
.evergreen-pick__body dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 30px 0 0; }
.evergreen-pick__body dl div { padding-top: 12px; border-top: 1px solid rgba(255,255,255,.18); }
.evergreen-pick__body dt { color: #9da9c5; font-size: 11px; }
.evergreen-pick__body dd { margin: 5px 0 0; font-size: 13px; }
.evergreen-pick__cta { display: inline-flex; align-items: center; min-height: 44px; margin-top: 30px; padding: 0 19px; background: var(--evergreen-accent); color: white; font-size: 13px; font-weight: 700; text-decoration: none; transition: transform .18s ease, background .18s ease; }
.evergreen-pick__cta:hover { background: #3c6df3; }
.evergreen-pick__cta:active { transform: translateY(1px); }

.evergreen-unavailable { margin-block: 72px; padding: 28px; border: 1px solid var(--evergreen-line); }
.evergreen-unavailable strong { font-size: 18px; }
.evergreen-unavailable p { margin-bottom: 0; color: var(--evergreen-muted); }
.evergreen-close { display: flex; align-items: end; justify-content: space-between; gap: 32px; padding-block: 82px 96px; }
.evergreen-close span { color: var(--evergreen-muted); font-size: 12px; }
.evergreen-close h2 { max-width: 12ch; margin: 12px 0 0; font-size: clamp(36px, 5vw, 60px); line-height: 1; letter-spacing: -.05em; }
.evergreen-close > a { flex: none; display: inline-flex; align-items: center; min-height: 48px; padding: 0 22px; background: var(--evergreen-ink); color: white; font-size: 13px; font-weight: 700; text-decoration: none; }

@media (max-width: 860px) {
  .evergreen-wrap { width: min(100% - 32px, 680px); }
  .evergreen-hero { padding-top: 42px; }
  .evergreen-hero__grid { grid-template-columns: 1fr; gap: 42px; min-height: 0; }
  .evergreen-hero h1 { max-width: 12ch; font-size: clamp(45px, 12vw, 66px); }
  .evergreen-hero__visual, .evergreen-hero__visual > img, .evergreen-hero__placeholder { min-height: 430px; }
  .evergreen-editorial { grid-template-columns: 1fr; gap: 42px; padding-block: 70px 84px; }
  .evergreen-editorial > aside { position: static; padding-bottom: 24px; border-bottom: 1px solid var(--evergreen-line); }
  .evergreen-section-head { grid-template-columns: 1fr; gap: 24px; }
  .evergreen-pick { grid-template-columns: 1fr; gap: 28px; }
  .evergreen-close { align-items: start; flex-direction: column; }
}

@media (max-width: 520px) {
  .evergreen-wrap { width: calc(100% - 24px); }
  .evergreen-hero { padding: 28px 0 38px; }
  .evergreen-breadcrumbs { margin-bottom: 22px; }
  .evergreen-hero h1 { font-size: clamp(42px, 13.5vw, 58px); }
  .evergreen-deck { margin-top: 22px; }
  .evergreen-hero__visual, .evergreen-hero__visual > img, .evergreen-hero__placeholder { min-height: 360px; }
  .evergreen-edition-stamp { align-items: flex-start; flex-direction: column; gap: 5px; }
  .evergreen-prose { font-size: 17px; }
  .evergreen-prose p:first-child { font-size: 21px; }
  .evergreen-prose h2 { font-size: 30px; }
  .evergreen-edition { padding-block: 72px 84px; }
  .evergreen-pick__image, .evergreen-pick__image img { min-height: 250px; }
  .evergreen-pick__body dl { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .evergreen-feature *, .evergreen-feature *::before, .evergreen-feature *::after { scroll-behavior: auto !important; transition: none !important; }
}
:root {
  --gtm-ink: #17191d;
  --gtm-muted: #68707c;
  --gtm-faint: #939aa5;
  --gtm-canvas: #f4f5f7;
  --gtm-surface: #ffffff;
  --gtm-line: #e2e5e9;
  --gtm-line-strong: #cfd4da;
  --gtm-sidebar: #17191d;
  --gtm-sidebar-text: #aeb4bd;
  --gtm-accent: #2e72ff;
  --gtm-accent-soft: #eaf1ff;
  --gtm-danger: #c63e47;
  --gtm-warning: #a46411;
  --gtm-success: #16805a;
  --gtm-radius: 12px;
  --gtm-control-radius: 8px;
  --gtm-sidebar-width: 248px;
  font-family: "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  color: var(--gtm-ink);
  background: var(--gtm-canvas);
}

* { box-sizing: border-box; }

.gtm-body {
  margin: 0;
  min-width: 320px;
  min-height: 100dvh;
  background: var(--gtm-canvas);
  color: var(--gtm-ink);
  -webkit-font-smoothing: antialiased;
}

.gtm-body a { color: inherit; text-decoration: none; }
.gtm-body button, .gtm-body input { font: inherit; }
.gtm-body button, .gtm-body a { -webkit-tap-highlight-color: transparent; }
.gtm-body :focus-visible { outline: 2px solid var(--gtm-accent); outline-offset: 2px; }

.gtm-shell { min-height: 100dvh; }

.gtm-sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 40;
  width: var(--gtm-sidebar-width);
  display: flex;
  flex-direction: column;
  color: var(--gtm-sidebar-text);
  background: var(--gtm-sidebar);
  border-right: 1px solid #25282e;
}

.gtm-product {
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
}

.gtm-product-link { display: flex; align-items: center; gap: 8px; color: #f7f8fa !important; letter-spacing: -0.02em; }
.gtm-product-mark { width: 17px; height: 17px; border: 5px solid #39d3c4; border-radius: 6px 6px 9px 9px; transform: rotate(45deg); }
.gtm-product-name { font-weight: 730; font-size: 14px; }
.gtm-product-divider { color: #545a65; }
.gtm-product-area { color: #d7dbe1; font-size: 13px; font-weight: 620; }
.gtm-sidebar-close { display: none; border: 0; background: transparent; color: #aeb4bd; font-size: 25px; cursor: pointer; }

.gtm-nav { flex: 1; padding: 14px 12px; overflow-y: auto; }
.gtm-nav-group { margin: 25px 10px 7px; color: #626975; font: 600 12px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.12em; text-transform: uppercase; }
.gtm-nav-link {
  position: relative;
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  min-height: 40px;
  margin: 2px 0;
  padding: 0 11px;
  border-radius: 8px;
  color: #aeb4bd !important;
  font-size: 13px;
  font-weight: 530;
  transition: color 150ms ease, background 150ms ease;
}
.gtm-nav-link:hover { color: #f4f5f7 !important; background: #202329; }
.gtm-nav-link.is-active { color: #fff !important; background: #272a31; }
.gtm-nav-link.is-active::before { content: ""; position: absolute; left: -12px; width: 2px; height: 20px; border-radius: 0 2px 2px 0; background: #4b86ff; }
.gtm-nav-index { color: #5f6671; font: 500 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.gtm-nav-link.is-active .gtm-nav-index { color: #76a2ff; }

.gtm-sidebar-foot { padding: 12px; border-top: 1px solid #292c32; }
.gtm-sync-state, .gtm-user { display: flex; align-items: center; gap: 10px; padding: 10px; }
.gtm-sync-state strong, .gtm-user strong { display: block; color: #d9dce2; font-size: 12px; font-weight: 600; }
.gtm-sync-state small, .gtm-user small { display: block; margin-top: 2px; color: #6e7580; font-size: 12px; }
.gtm-status-dot { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #8a919c; box-shadow: 0 0 0 3px rgba(138, 145, 156, 0.1); }
.gtm-admin-link { display: flex; justify-content: space-between; align-items: center; margin: 4px 0; padding: 9px 10px; color: #969da8 !important; border-radius: 7px; font-size: 12px; }
.gtm-admin-link:hover { color: #fff !important; background: #22252a; }
.gtm-avatar { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; color: #11151b; background: #dbe4f5; font-size: 12px; font-weight: 750; }

.gtm-main { min-height: 100dvh; margin-left: var(--gtm-sidebar-width); }
.gtm-topbar {
  position: sticky;
  top: 0;
  z-index: 25;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  background: var(--gtm-canvas);
  border-bottom: 1px solid rgba(207, 212, 218, 0.8);
}
.gtm-topbar-context { display: flex; align-items: center; gap: 8px; color: #454b55; font-size: 12px; }
.gtm-topbar-context strong { font-weight: 620; color: var(--gtm-ink); }
.gtm-breadcrumb, .gtm-breadcrumb-separator { color: #989fa9; }
.gtm-mobile-menu { display: none; }
.gtm-command-trigger { width: 190px; height: 32px; display: flex; align-items: center; justify-content: space-between; padding: 0 8px 0 11px; border: 1px solid var(--gtm-line-strong); border-radius: 8px; color: #7a818c; background: #fff; font-size: 12px; cursor: pointer; }
.gtm-command-trigger:hover { border-color: #aeb5bf; color: #4f5660; }
.gtm-command-trigger kbd { padding: 2px 5px; border: 1px solid #d9dde2; border-radius: 5px; background: #f6f7f8; color: #858c97; font: 500 12px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }

.gtm-content { width: min(1380px, calc(100% - 60px)); margin: 0 auto; padding: 42px 0 70px; }
.gtm-page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 36px; }
.gtm-page-heading h1 { max-width: 760px; margin: 4px 0 10px; color: #121418; font-size: clamp(30px, 3vw, 46px); line-height: 1.04; letter-spacing: -0.045em; font-weight: 690; }
.gtm-page-heading p:not(.gtm-kicker) { max-width: 710px; margin: 0; color: var(--gtm-muted); font-size: 14px; line-height: 1.6; }
.gtm-kicker { margin: 0 !important; color: #8a919c !important; font: 550 12px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace !important; letter-spacing: 0.08em; text-transform: uppercase; }
.gtm-primary-action { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 15px; white-space: nowrap; border-radius: 8px; background: #17191d; color: #fff !important; font-size: 12px; font-weight: 620; box-shadow: 0 1px 1px rgba(0,0,0,.08); transition: transform 120ms ease, background 150ms ease; }
.gtm-primary-action:hover { background: #292c32; }
.gtm-primary-action:active { transform: translateY(1px); }

.gtm-metric-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 22px; border: 1px solid var(--gtm-line); border-radius: var(--gtm-radius); background: var(--gtm-surface); overflow: hidden; }
.gtm-metric { min-width: 0; padding: 18px 20px; border-right: 1px solid var(--gtm-line); }
.gtm-metric:last-child { border-right: 0; }
.gtm-metric span, .gtm-metric small { display: block; color: var(--gtm-muted); font-size: 12px; }
.gtm-metric span { margin-bottom: 10px; font-weight: 570; }
.gtm-metric strong { display: block; margin-bottom: 5px; color: #15171b; font-size: clamp(21px, 2vw, 28px); font-weight: 650; line-height: 1; letter-spacing: -0.035em; font-variant-numeric: tabular-nums; }
.gtm-metric small { min-height: 13px; color: var(--gtm-faint); }

.gtm-overview-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(260px, .7fr); gap: 22px; margin-bottom: 22px; }
.gtm-work-surface { margin-bottom: 22px; border: 1px solid var(--gtm-line); border-radius: var(--gtm-radius); background: var(--gtm-surface); overflow: hidden; }
.gtm-overview-grid .gtm-work-surface { margin-bottom: 0; }
.gtm-section-heading { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 17px 20px; border-bottom: 1px solid var(--gtm-line); }
.gtm-section-heading h2 { margin: 0; font-size: 13px; font-weight: 650; letter-spacing: -0.01em; }
.gtm-section-heading p { margin: 5px 0 0; color: var(--gtm-faint); font-size: 12px; }
.gtm-count { display: grid; place-items: center; min-width: 26px; height: 24px; padding: 0 7px; border-radius: 999px; color: #6d7480; background: #f0f2f4; font: 600 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }

.gtm-row-list { display: block; }
.gtm-action-row { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 14px; min-height: 72px; padding: 11px 20px; border-bottom: 1px solid #eceef1; transition: background 140ms ease; }
.gtm-action-row:last-child { border-bottom: 0; }
.gtm-action-row:hover { background: #f8f9fa; }
.gtm-action-count { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; color: #4c5665; background: #edf0f3; font: 650 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.gtm-action-row.is-warning .gtm-action-count { color: #87540e; background: #fff2dc; }
.gtm-action-row.is-danger .gtm-action-count { color: #a43039; background: #fdecee; }
.gtm-action-copy { min-width: 0; }
.gtm-action-copy strong, .gtm-action-copy small { display: block; }
.gtm-action-copy strong { margin-bottom: 5px; color: #23262b; font-size: 12px; font-weight: 630; }
.gtm-action-copy small { color: var(--gtm-muted); font-size: 12px; line-height: 1.45; }
.gtm-row-action { color: #5b6572; font-size: 12px; font-weight: 590; white-space: nowrap; }
.gtm-action-row:hover .gtm-row-action { color: var(--gtm-accent); }
.gtm-row-meta { max-width: 170px; overflow: hidden; color: #737b87; font: 500 12px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; white-space: nowrap; }

.gtm-state-list { display: grid; grid-template-columns: 1fr; column-gap: 13px; margin: 0; padding: 8px 20px 14px; }
.gtm-state-list > div { display: flex; align-items: center; justify-content: space-between; min-height: 38px; border-bottom: 1px solid #f0f1f3; }
.gtm-state-list > div:nth-last-child(-n+3) { border-bottom: 0; }
.gtm-state-list dt { display: flex; align-items: center; gap: 9px; color: #535b66; font-size: 12px; }
.gtm-state-list dd { margin: 0; color: #202329; font: 630 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.gtm-state-mark { width: 6px; height: 6px; border-radius: 50%; background: #a5abb4; }
.gtm-state-mark.is-approved, .gtm-state-mark.is-published { background: var(--gtm-success); }
.gtm-state-mark.is-pending { background: var(--gtm-warning); }
.gtm-state-mark.is-failed, .gtm-state-mark.is-blocked { background: var(--gtm-danger); }
.gtm-text-link { display: inline-flex; color: #2c66d7 !important; font-size: 12px; font-weight: 620; white-space: nowrap; }
.gtm-work-surface > .gtm-text-link { margin: 0 20px 18px; }
.gtm-section-heading > .gtm-text-link { margin: 0; }

.gtm-table-wrap { overflow-x: auto; }
.gtm-chart-body { padding: 16px 20px 20px; }
.gtm-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.gtm-table th { padding: 10px 18px; color: #8b929c; background: #fafbfc; border-bottom: 1px solid var(--gtm-line); font-weight: 570; text-align: left; white-space: nowrap; }
.gtm-table td { padding: 13px 18px; color: #4e5661; border-bottom: 1px solid #eceef1; vertical-align: middle; white-space: nowrap; }
.gtm-table tr:last-child td { border-bottom: 0; }
.gtm-table tbody tr:hover { background: #fafbfc; }
.gtm-table td:first-child { max-width: 380px; white-space: normal; }
.gtm-table td strong, .gtm-table td small { display: block; }
.gtm-table td strong { margin-bottom: 4px; color: #25282d; font-size: 12px; font-weight: 620; }
.gtm-table td small { color: #9aa0aa; font: 500 12px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; }
.gtm-tabular { font-variant-numeric: tabular-nums; }
.gtm-status { display: inline-flex; padding: 4px 7px; border: 1px solid #dfe3e7; border-radius: 999px; color: #69717c; background: #f8f9fa; font-size: 12px; }
.gtm-table-action { padding: 0; border: 0; color: #2c66d7 !important; background: none; font: inherit; font-size: 12px; font-weight: 620; white-space: nowrap; cursor: pointer; }
.gtm-sort { display: inline-flex; align-items: center; gap: 5px; color: inherit; }
.gtm-sort:hover { color: var(--gtm-ink); }
.gtm-sort.is-active { color: var(--gtm-ink); font-weight: 650; }
.gtm-sort-caret { color: var(--gtm-line-strong); font-size: 10px; }
.gtm-sort.is-active .gtm-sort-caret { color: var(--gtm-accent); }

.gtm-library-filters { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border-bottom: 1px solid var(--gtm-line); background: #fafbfc; }
.gtm-filter-search { flex: 1; max-width: 520px; }
.gtm-filter-search input, .gtm-filter-controls select { width: 100%; height: 34px; border: 1px solid var(--gtm-line-strong); border-radius: 7px; color: #353b44; background: #fff; font-size: 12px; }
.gtm-filter-search input { padding: 0 11px; }
.gtm-filter-controls { display: flex; align-items: center; gap: 7px; }
.gtm-filter-controls select { width: auto; min-width: 116px; padding: 0 28px 0 9px; }
.gtm-filter-controls input[type="submit"] { height: 34px; padding: 0 12px; border: 0; border-radius: 7px; color: #fff; background: #24272c; font-size: 12px; font-weight: 620; cursor: pointer; }
.gtm-filter-clear { padding: 7px 5px; color: #68707c !important; font-size: 12px; }
.gtm-library-heading { border-top: 0; }
.gtm-library-table td:nth-child(2) small { margin-top: 4px; }
.gtm-type-label { color: #333941; font-size: 12px; font-weight: 620; }
.gtm-status.is-failed { color: #a43039; border-color: #f2cdd1; background: #fdf0f1; }
.gtm-status.is-draft { color: #87540e; border-color: #f0dcc0; background: #fff8ed; }
.gtm-status.is-published { color: #126c4c; border-color: #cce6db; background: #eff9f5; }
.gtm-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
/*.gtm-library-table thead { position: sticky; top: 56px; z-index: 5; }*/

.gtm-opportunity-row { display: grid; grid-template-columns: 52px minmax(250px, 1fr) minmax(280px, .72fr) auto; align-items: center; gap: 20px; min-height: 132px; padding: 18px 20px; border-bottom: 1px solid #eceef1; }
.gtm-opportunity-row:last-child { border-bottom: 0; }
.gtm-opportunity-row:hover { background: #fafbfc; }
.gtm-score { text-align: center; }
.gtm-score strong { display: block; color: #17223a; font: 680 20px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.gtm-score small { display: block; margin-top: 5px; color: #9aa1ab; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
.gtm-opportunity-copy { min-width: 0; }
.gtm-opportunity-copy h3 { margin: 5px 0 6px; font-size: 12px; font-weight: 650; }
.gtm-opportunity-copy p { margin: 0 0 7px; color: #5f6772; font-size: 12px; line-height: 1.45; }
.gtm-opportunity-copy > small { display: block; overflow: hidden; color: #9299a3; font: 500 12px/1.35 ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; white-space: nowrap; }
.gtm-score-components { margin: 0; }
.gtm-score-components > div { display: grid; grid-template-columns: 88px 1fr; align-items: center; min-height: 19px; }
.gtm-score-components dt { color: #767e89; font-size: 12px; }
.gtm-score-components dd { display: grid; grid-template-columns: 1fr 14px; align-items: center; gap: 6px; margin: 0; }
.gtm-score-components dd::before { content: ""; grid-column: 1; grid-row: 1; height: 3px; border-radius: 3px; background: #e8ebef; }
.gtm-score-components dd span { grid-column: 1; grid-row: 1; width: var(--score-width); height: 3px; border-radius: 3px; background: #4d7de5; }
.gtm-score-components b { color: #737b86; font: 550 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.gtm-pagination { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 54px; padding: 0 20px; border-top: 1px solid var(--gtm-line); background: #fafbfc; }
.gtm-pagination a { color: #2c66d7 !important; font-size: 12px; font-weight: 620; }
.gtm-pagination a:last-child { justify-self: end; }
.gtm-pagination small { color: #858c96; font: 500 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }

.gtm-empty-state { padding: 42px 22px; text-align: center; }
.gtm-empty-state strong { display: block; margin-bottom: 7px; font-size: 12px; }
.gtm-empty-state p { margin: 0 auto 12px; max-width: 460px; color: var(--gtm-muted); font-size: 12px; line-height: 1.5; }
.gtm-empty-state .gtm-text-link { margin: 3px 0 0; }

.gtm-flashes { position: fixed; z-index: 60; top: 68px; right: 22px; width: min(360px, calc(100vw - 44px)); }
.gtm-flash { margin-bottom: 8px; padding: 12px 14px; border: 1px solid var(--gtm-line); border-radius: 9px; background: #fff; box-shadow: 0 12px 30px rgba(22, 25, 30, .12); font-size: 12px; }
.gtm-flash.is-success { border-left: 3px solid var(--gtm-success); }
.gtm-flash.is-error { border-left: 3px solid var(--gtm-danger); }

.gtm-command { width: min(540px, calc(100vw - 30px)); padding: 0; border: 1px solid #cfd4da; border-radius: 14px; background: #fff; box-shadow: 0 30px 80px rgba(20, 23, 29, .25); }
.gtm-command::backdrop { background: rgba(19, 22, 27, .48); backdrop-filter: blur(3px); }
.gtm-command-head { display: flex; justify-content: space-between; align-items: center; padding: 15px 17px; border-bottom: 1px solid var(--gtm-line); color: #7a818c; font-size: 12px; }
.gtm-command-head button { border: 1px solid #dfe2e6; border-radius: 5px; color: #777e88; background: #f7f8f9; font-size: 12px; cursor: pointer; }
.gtm-command-links { padding: 7px; }
.gtm-command-links a { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; min-height: 43px; padding: 0 11px; border-radius: 8px; }
.gtm-command-links a:hover { background: #f3f5f7; }
.gtm-command-links span { color: #a0a6af; font: 500 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.gtm-command-links strong { font-size: 12px; font-weight: 600; }
.gtm-command-links small { color: #a0a6af; font-size: 12px; }
.gtm-sidebar-overlay { display: none; }

/* Studio: one canonical asset, with the working surface and evidence kept in view. */
.gtm-secondary-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  white-space: nowrap;
  border: 1px solid var(--gtm-line-strong);
  border-radius: var(--gtm-control-radius);
  color: #3f4650 !important;
  background: #fff;
  font-size: 12px;
  font-weight: 620;
  cursor: pointer;
}
.gtm-secondary-action:hover { border-color: #aeb5bf; background: #f8f9fa; }
.gtm-primary-action:disabled { color: #8f96a0 !important; background: #e2e5e9; box-shadow: none; cursor: not-allowed; }
.gtm-studio-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 42px; margin-bottom: 26px; }
.gtm-studio-title { min-width: 0; }
.gtm-studio-title h1 { max-width: 820px; margin: 10px 0 10px; font-size: clamp(32px, 4vw, 54px); line-height: 1; letter-spacing: -.05em; font-weight: 690; text-wrap: balance; }
.gtm-studio-title > p { max-width: 760px; margin: 0; color: var(--gtm-muted); font-size: 14px; line-height: 1.55; }
.gtm-studio-status-line { display: flex; flex-wrap: wrap; align-items: center; gap: 9px 18px; color: #7c838e; font-size: 12px; }
.gtm-studio-actions, .gtm-edition-actions, .gtm-form-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.gtm-studio-actions form, .gtm-edition-actions form { margin: 0; }
.gtm-studio-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 18px; border: 1px solid var(--gtm-line); border-radius: var(--gtm-radius); background: #fff; overflow: hidden; }
.gtm-studio-facts > div { min-width: 0; padding: 15px 17px; border-right: 1px solid var(--gtm-line); }
.gtm-studio-facts > div:last-child { border-right: 0; }
.gtm-studio-facts span, .gtm-studio-facts strong { display: block; }
.gtm-studio-facts span { margin-bottom: 7px; color: var(--gtm-faint); font-size: 12px; }
.gtm-studio-facts strong { color: #30353c; font: 590 12px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.gtm-studio-facts .gtm-text-link { margin-top: 8px; }
.gtm-studio-tabs { display: flex; gap: 4px; margin-bottom: 18px; padding: 5px; border: 1px solid var(--gtm-line); border-radius: 10px; background: #eaedf1; overflow-x: auto; }
.gtm-studio-tabs a { flex: 1; min-width: 100px; padding: 9px 14px; border-radius: 7px; color: #6e7580 !important; font-size: 12px; font-weight: 610; text-align: center; }
.gtm-studio-tabs a:hover { color: #343a43 !important; background: rgba(255,255,255,.55); }
.gtm-studio-tabs a.is-active { color: #1d2127 !important; background: #fff; box-shadow: 0 1px 3px rgba(25,30,38,.09); }
.gtm-studio-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 18px; align-items: start; }
.gtm-studio-surface, .gtm-studio-inspector, .gtm-studio-form-card { border: 1px solid var(--gtm-line); border-radius: var(--gtm-radius); background: #fff; }
.gtm-studio-surface { min-width: 0; padding: 28px; }
.gtm-studio-inspector { position: sticky; top: 76px; overflow: hidden; }
.gtm-studio-inspector > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 17px; border-bottom: 1px solid var(--gtm-line); }
.gtm-studio-inspector header span { color: var(--gtm-muted); font-size: 12px; }
.gtm-studio-inspector header strong { font-size: 12px; }
.gtm-ready-state { display: flex; gap: 12px; padding: 20px 17px; }
.gtm-ready-state > span { display: grid; place-items: center; width: 24px; height: 24px; flex: 0 0 auto; border-radius: 50%; color: #fff; background: var(--gtm-success); font-size: 12px; }
.gtm-ready-state p { margin: 2px 0 0; color: var(--gtm-muted); font-size: 12px; line-height: 1.5; }
.gtm-blocker-list { margin: 0; padding: 0; list-style: none; }
.gtm-blocker-list li { padding: 14px 17px; border-bottom: 1px solid #eceef1; }
.gtm-blocker-list li:last-child { border-bottom: 0; }
.gtm-blocker-list span { display: block; margin-bottom: 5px; color: #8b5a17; font-size: 12px; font-weight: 650; }
.gtm-blocker-list p { margin: 0; color: var(--gtm-muted); font-size: 12px; line-height: 1.45; }
.gtm-surface-heading { margin-bottom: 26px; padding-bottom: 20px; border-bottom: 1px solid var(--gtm-line); }
.gtm-surface-heading span { display: block; margin-bottom: 9px; color: var(--gtm-faint); font: 550 12px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }
.gtm-surface-heading h2 { max-width: 640px; margin: 0; font-size: clamp(22px, 2.4vw, 30px); line-height: 1.1; letter-spacing: -.03em; text-wrap: balance; }
.gtm-surface-heading > p { max-width: 640px; margin: 8px 0 0; color: var(--gtm-muted); font-size: 12px; line-height: 1.55; }
.gtm-studio-form-card { max-width: 820px; padding: 24px; }
.gtm-studio-surface > * + * { margin-top: 18px; }
.gtm-studio-form-card > .gtm-subheading:first-child { margin-top: 0; }
.gtm-studio-form-card > .gtm-hint + .gtm-studio-form { margin-top: 18px; }
.gtm-studio-surface .gtm-table th, .gtm-studio-surface .gtm-table td { padding-right: 14px; padding-left: 14px; white-space: normal; }
.gtm-studio-surface .gtm-table td { overflow-wrap: break-word; }
.gtm-studio-surface .gtm-table td small, .gtm-studio-surface .gtm-table td .gtm-tabular { overflow-wrap: anywhere; }
.gtm-studio-surface .gtm-table td.gtm-tabular, .gtm-studio-surface .gtm-table td:has(.gtm-status), .gtm-studio-surface .gtm-table td:has(.gtm-table-action) { white-space: nowrap; }
.gtm-hint { margin: 0; color: var(--gtm-muted); font-size: 12px; line-height: 1.5; }
.gtm-studio-form { display: grid; gap: 21px; }
.gtm-field { display: grid; gap: 7px; min-width: 0; }
.gtm-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.gtm-field label { color: #3e444d; font-size: 12px; font-weight: 640; }
.gtm-field small { color: var(--gtm-faint); font-size: 12px; line-height: 1.45; }
.gtm-field label:has(> input[type="checkbox"]) { display: flex; align-items: center; gap: 9px; min-height: 42px; }
.gtm-field input[type="checkbox"] { width: 16px; height: 16px; margin: 0; accent-color: var(--gtm-accent); }
.gtm-field input:not([type="file"]):not([type="checkbox"]), .gtm-field select, .gtm-field textarea {
  width: 100%;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid var(--gtm-line-strong);
  border-radius: var(--gtm-control-radius);
  color: #20242a;
  background: #fff;
  font-size: 13px;
}
.gtm-field textarea { resize: vertical; line-height: 1.5; }
.gtm-field input:focus, .gtm-field select:focus, .gtm-field textarea:focus { border-color: var(--gtm-accent); outline: 2px solid rgba(46,114,255,.14); }
.gtm-rich-field trix-editor { min-height: 300px; border-color: var(--gtm-line-strong); border-radius: var(--gtm-control-radius); font-size: 15px; line-height: 1.65; }
.gtm-form-errors { padding: 13px 15px; border: 1px solid #efc7cb; border-radius: 8px; color: #8f2932; background: #fff5f6; font-size: 12px; line-height: 1.5; }
.gtm-form-errors strong { display: block; margin-bottom: 6px; }
.gtm-form-errors ul { margin: 0; padding-left: 18px; }
.gtm-inline-operation { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 18px; border: 1px solid var(--gtm-line); border-radius: 10px; background: #f8f9fa; }
.gtm-inline-operation > div { flex: 1; min-width: 0; }
.gtm-inline-operation strong { font-size: 12px; }
.gtm-inline-operation p { margin: 5px 0 0; color: var(--gtm-muted); font-size: 12px; }
.gtm-edition-list { border: 1px solid var(--gtm-line); border-radius: 10px; overflow: hidden; }
.gtm-edition-row { display: flex; flex-direction: column; gap: 14px; padding: 17px 18px; border-bottom: 1px solid var(--gtm-line); }
.gtm-edition-row > div:first-child { min-width: 0; }
.gtm-edition-row .gtm-edition-actions { flex-wrap: wrap; justify-content: flex-start; }
.gtm-edition-row:last-child { border-bottom: 0; }
.gtm-edition-row.is-current { background: #f5f8ff; box-shadow: inset 3px 0 0 var(--gtm-accent); }
.gtm-edition-row span, .gtm-edition-row p { color: var(--gtm-faint); font-size: 12px; }
.gtm-edition-row h3 { margin: 6px 0; font-size: 14px; }
.gtm-edition-row .gtm-blocker-list { margin-top: 10px; border: 1px solid #f0dcc0; border-radius: 8px; background: #fff8ed; }
.gtm-edition-row p { margin: 0; }
.gtm-current-label { padding: 7px 10px; border-radius: 7px; color: #175abf !important; background: var(--gtm-accent-soft); font-weight: 650; }
.gtm-attach-edition { display: flex; align-items: end; gap: 12px; margin-top: 22px; padding: 18px; border-radius: 10px; background: #f5f6f8; }
.gtm-attach-edition .gtm-field { flex: 1; }
.gtm-creative-grid, .gtm-link-map, .gtm-linked-entities { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px; }
.gtm-creative-grid > div, .gtm-link-map > div, .gtm-linked-entities > div { display: grid; align-content: start; justify-items: start; gap: 0; min-width: 0; min-height: 132px; padding: 17px; border: 1px solid var(--gtm-line); border-radius: 10px; overflow-wrap: anywhere; }
.gtm-creative-grid > div > *, .gtm-link-map > div > *, .gtm-linked-entities > div > * { max-width: 100%; }
.gtm-linked-entities { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.gtm-linked-entities .gtm-status { margin-top: 8px; }
.gtm-linked-entities img { width: 100%; max-width: 160px; height: auto; margin-top: 12px; border: 1px solid var(--gtm-line); border-radius: 6px; }
.gtm-linked-entities .gtm-field { width: 100%; margin-top: 12px; }
.gtm-creative-grid .gtm-text-link, .gtm-linked-entities .gtm-text-link { margin-top: 10px; }
.gtm-creative-grid .gtm-text-link:first-of-type { margin-top: 20px; }
.gtm-creative-grid span, .gtm-link-map span, .gtm-linked-entities span { color: var(--gtm-faint); font-size: 12px; }
.gtm-creative-grid strong, .gtm-link-map strong, .gtm-linked-entities strong { margin-top: 20px; font-size: 16px; line-height: 1.25; }
.gtm-creative-grid small, .gtm-link-map small, .gtm-linked-entities small { margin-top: 6px; color: var(--gtm-muted); font-size: 12px; line-height: 1.45; }
.gtm-link-map { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gtm-link-map .gtm-text-link { margin: 14px 0 0; }
.gtm-subheading { display: flex; align-items: center; justify-content: space-between; margin: 32px 0 14px; }
.gtm-subheading h3, h3.gtm-subheading { font-size: 14px; font-weight: 650; }
.gtm-subheading h3 { margin: 0; }
.gtm-subheading span { color: var(--gtm-faint); font: 550 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }

/* Agent traffic: one evidence-led report inside the GTM operating system. */
.gtm-window-switcher { display: inline-flex; flex: 0 0 auto; gap: 3px; padding: 4px; border: 1px solid var(--gtm-line); border-radius: 9px; background: #eaedf1; }
.gtm-window-option { display: grid; place-items: center; min-width: 46px; min-height: 32px; padding: 0 10px; border-radius: 6px; color: #707782 !important; font: 600 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; transition: color 140ms ease, background 140ms ease, box-shadow 140ms ease; }
.gtm-window-option:hover { color: #31363e !important; background: rgba(255, 255, 255, .6); }
.gtm-window-option.is-active { color: #1d2127 !important; background: #fff; box-shadow: 0 1px 3px rgba(25, 30, 38, .1); }
.gtm-data-note { display: flex; align-items: flex-start; gap: 12px; margin: -12px 0 22px; padding: 13px 15px; border: 1px solid #dce2eb; border-radius: 10px; background: #eef3f8; }
.gtm-data-note-mark { display: grid; place-items: center; width: 22px; height: 22px; flex: 0 0 auto; border-radius: 7px; color: #53647b; background: #dce6f1; font: 650 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.gtm-data-note p { max-width: 880px; margin: 1px 0 0; color: #637083; font-size: 12px; line-height: 1.55; }
.gtm-data-note strong { color: #374357; font-weight: 650; }
.gtm-report-empty { margin-bottom: 22px; border: 1px dashed var(--gtm-line-strong); border-radius: var(--gtm-radius); background: rgba(255, 255, 255, .55); }
.gtm-crawler-watchlist { border-color: #ead9bd; }
.gtm-crawler-watchlist .gtm-section-heading { background: #fffaf2; }
.gtm-crawler-watchlist .gtm-count { color: #80500e; background: #f9e9cd; }
.gtm-watchlist-context { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 18px; padding: 13px 20px; border-bottom: 1px solid #f0e6d7; background: #fffcf7; }
.gtm-watchlist-context span { color: #8b5a17; font-size: 12px; font-weight: 650; }
.gtm-watchlist-context p { max-width: 820px; margin: 0; color: #776b5d; font-size: 12px; line-height: 1.5; }
.gtm-action-row.is-watch .gtm-action-count { color: #9b651c; background: #fff2dc; font-size: 8px; }
.gtm-watchlist-date { color: var(--gtm-faint); font-size: 12px; white-space: nowrap; }
.gtm-watchlist-date strong { color: #555d68; font-weight: 620; }
.gtm-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 590 !important; }
.gtm-error-value { color: var(--gtm-danger) !important; font-weight: 650; }
.gtm-agent-table th:not(:first-child), .gtm-agent-table td:not(:first-child), .gtm-mcp-table th:not(:first-child), .gtm-mcp-table td:not(:first-child) { text-align: right; }
.gtm-agent-table .gtm-type-label { text-transform: capitalize; }
.gtm-agent-insight-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.gtm-agent-insight-grid > .gtm-work-surface { min-width: 0; }
.gtm-insight-copy { min-height: 60px; padding: 14px 20px; color: var(--gtm-muted); background: #fafbfc; border-bottom: 1px solid #eceef1; font-size: 12px; line-height: 1.5; }
.gtm-breakdown { min-width: 0; }
.gtm-breakdown + .gtm-breakdown { border-top: 1px solid var(--gtm-line); }
.gtm-breakdown-head, .gtm-breakdown-row { display: grid; grid-template-columns: minmax(120px, 1fr) 76px minmax(130px, .85fr); align-items: center; gap: 14px; }
.gtm-breakdown-head { min-height: 35px; padding: 0 20px; color: #8b929c; background: #fafbfc; border-bottom: 1px solid var(--gtm-line); font-size: 12px; font-weight: 570; }
.gtm-breakdown-head span:nth-child(n+2) { text-align: right; }
.gtm-breakdown-row { min-height: 49px; padding: 8px 20px; border-bottom: 1px solid #eceef1; color: #4e5661; font-size: 12px; }
.gtm-breakdown-row:last-of-type { border-bottom: 0; }
.gtm-breakdown-row > span:nth-child(2) { text-align: right; }
.gtm-share { display: grid; grid-template-columns: minmax(50px, 1fr) 44px; align-items: center; gap: 8px; }
.gtm-share::before { content: ""; grid-column: 1; grid-row: 1; height: 4px; border-radius: 4px; background: #e8ebef; }
.gtm-share i { grid-column: 1; grid-row: 1; width: var(--gtm-share); height: 4px; border-radius: 4px; background: #4d7de5; }
.gtm-share small { color: #7d8590; font: 550 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; text-align: right; }
.gtm-breakdown-empty { margin: 0; padding: 28px 20px; color: var(--gtm-faint); font-size: 12px; text-align: center; }
.gtm-mcp-report { margin-top: 0; }
.gtm-embedded-metrics { margin: 0; border: 0; border-bottom: 1px solid var(--gtm-line); border-radius: 0; }
.gtm-mcp-breakdowns { gap: 0; border-top: 1px solid var(--gtm-line); }
.gtm-mcp-breakdowns > section { min-width: 0; }
.gtm-mcp-breakdowns > section + section { border-left: 1px solid var(--gtm-line); }
.gtm-mcp-breakdowns > section > header { padding: 16px 20px; border-bottom: 1px solid var(--gtm-line); }
.gtm-mcp-breakdowns h3 { margin: 0; font-size: 12px; font-weight: 650; }
.gtm-mcp-table th.gtm-protocol-label, .gtm-mcp-table td.gtm-protocol-label { text-align: left !important; white-space: normal; }
.gtm-mcp-table td.gtm-protocol-label { color: var(--gtm-muted); }
.gtm-mcp-breakdowns > section > header p { margin: 4px 0 0; color: var(--gtm-faint); font-size: 12px; }

@media (max-width: 1120px) {
  .gtm-studio-layout { grid-template-columns: 1fr; }
  .gtm-studio-inspector { position: static; }
  .gtm-creative-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gtm-agent-insight-grid { grid-template-columns: 1fr; }
  .gtm-mcp-breakdowns > section + section { border-top: 1px solid var(--gtm-line); border-left: 0; }
}

@media (max-width: 1023px) {
  .gtm-sidebar { transform: translateX(-100%); transition: transform 180ms ease; }
  .gtm-sidebar-open .gtm-sidebar { transform: translateX(0); }
  .gtm-sidebar-close { display: block; }
  .gtm-sidebar-overlay { position: fixed; inset: 0; z-index: 35; background: rgba(16, 19, 23, .5); }
  .gtm-sidebar-open .gtm-sidebar-overlay { display: block; }
  .gtm-main { margin-left: 0; }
  .gtm-mobile-menu { display: inline-flex; align-items: center; min-height: 44px; padding: 5px 8px; border: 1px solid var(--gtm-line-strong); border-radius: 6px; color: #4e5661; background: #fff; font-size: 12px; }
  .gtm-content { width: min(100% - 36px, 1080px); }
  .gtm-nav-link, .gtm-admin-link, .gtm-sidebar-close, .gtm-command-trigger { min-height: 44px; }
}

@media (max-width: 767px) {
  .gtm-topbar { height: 52px; padding: 0 16px; }
  .gtm-breadcrumb, .gtm-breadcrumb-separator { display: none; }
  .gtm-command-trigger { width: 34px; justify-content: center; padding: 0; }
  .gtm-command-trigger span { display: none; }
  .gtm-content { width: calc(100% - 24px); padding: 28px 0 54px; }
  .gtm-page-heading { align-items: flex-start; flex-direction: column; gap: 20px; margin-bottom: 26px; }
  .gtm-page-heading h1 { font-size: 32px; }
  .gtm-primary-action { width: 100%; }
  .gtm-metric-strip { grid-template-columns: repeat(2, 1fr); }
  .gtm-metric { border-bottom: 1px solid var(--gtm-line); }
  .gtm-metric:nth-child(2) { border-right: 0; }
  .gtm-metric:nth-child(3), .gtm-metric:nth-child(4) { border-bottom: 0; }
  .gtm-overview-grid { grid-template-columns: 1fr; }
  .gtm-state-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gtm-state-list > div:nth-last-child(-n+3) { border-bottom: 1px solid #f0f1f3; }
  .gtm-state-list > div:nth-last-child(-n+2) { border-bottom: 0; }
  .gtm-action-row { grid-template-columns: 34px minmax(0, 1fr); padding: 12px 14px; }
  .gtm-row-action { grid-column: 2; margin-top: -4px; }
  .gtm-row-meta { max-width: 80px; }
  .gtm-section-heading { min-height: 68px; padding: 14px; }
  .gtm-table thead { display: none; }
  .gtm-table tbody, .gtm-table tr { display: block; }
  .gtm-table tr { position: relative; padding: 15px 72px 15px 14px; border-bottom: 1px solid #eceef1; }
  .gtm-table tr:last-child { border-bottom: 0; }
  .gtm-table td { display: none; padding: 0; border: 0; white-space: normal; }
  .gtm-table td:first-child, .gtm-table td:nth-child(4), .gtm-table td:last-child { display: block; }
  .gtm-table td:first-child { max-width: none; }
  .gtm-table td:first-child strong { margin-right: 0; line-height: 1.35; }
  .gtm-table td:first-child small { overflow: hidden; max-width: 230px; text-overflow: ellipsis; white-space: nowrap; }
  .gtm-table td:nth-child(4) { margin-top: 9px; }
  .gtm-table td:last-child { position: absolute; top: 17px; right: 14px; }
  .gtm-library-filters { align-items: stretch; flex-direction: column; }
  .gtm-filter-search { max-width: none; }
  .gtm-filter-controls { display: grid; grid-template-columns: 1fr 1fr; }
  .gtm-filter-controls select { width: 100%; }
  .gtm-filter-controls input[type="submit"] { width: 100%; }
  .gtm-library-table td:nth-child(4) { display: none; }
  .gtm-library-table td:nth-child(3) { display: block; margin-top: 9px; }
  .gtm-library-table td:nth-child(6) { display: block; }
  .gtm-library-table thead { position: static; }
  .gtm-opportunity-row { grid-template-columns: 42px minmax(0, 1fr); align-items: start; gap: 12px; padding: 16px 14px; }
  .gtm-opportunity-copy > small { white-space: normal; }
  .gtm-score-components { grid-column: 2; width: 100%; }
  .gtm-opportunity-row > .gtm-row-action { grid-column: 2; }
  .gtm-studio-header { align-items: flex-start; flex-direction: column; gap: 20px; }
  .gtm-studio-actions { width: 100%; align-items: stretch; flex-direction: column; }
  .gtm-studio-actions form, .gtm-studio-actions button, .gtm-studio-actions a { width: 100%; }
  .gtm-studio-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gtm-studio-facts > div:nth-child(2) { border-right: 0; }
  .gtm-studio-facts > div:nth-child(-n+2) { border-bottom: 1px solid var(--gtm-line); }
  .gtm-studio-surface, .gtm-studio-form-card { padding: 19px 15px; }
  .gtm-surface-heading { grid-template-columns: 1fr; gap: 12px; }
  .gtm-field-grid, .gtm-creative-grid, .gtm-link-map, .gtm-linked-entities { grid-template-columns: 1fr; }
  .gtm-form-actions { align-items: stretch; flex-direction: column-reverse; }
  .gtm-form-actions > *, .gtm-form-actions form, .gtm-form-actions button { width: 100%; }
  .gtm-inline-operation, .gtm-attach-edition { align-items: stretch; flex-direction: column; }
  .gtm-edition-actions { align-items: stretch; flex-direction: column; }
  .gtm-edition-actions form, .gtm-edition-actions button, .gtm-edition-actions a { width: 100%; }
  .gtm-window-switcher { width: 100%; }
  .gtm-window-option { flex: 1; min-height: 38px; }
  .gtm-data-note { margin-top: -6px; }
  .gtm-watchlist-context { grid-template-columns: 1fr; gap: 6px; padding: 13px 14px; }
  .gtm-watchlist-date { grid-column: 2; margin-top: -4px; }
  .gtm-agent-table tr, .gtm-mcp-table tr { padding-right: 14px; }
  .gtm-agent-table td, .gtm-mcp-table td { position: static !important; display: grid !important; grid-template-columns: 1fr auto; align-items: center; min-height: 30px; margin: 0; text-align: right !important; }
  .gtm-agent-table td::before, .gtm-mcp-table td::before { content: attr(data-label); color: var(--gtm-faint); font-size: 12px; text-align: left; }
  .gtm-agent-table td:first-child, .gtm-mcp-table td:first-child { display: block !important; min-height: 0; margin-bottom: 8px; text-align: left !important; }
  .gtm-agent-table td:first-child::before, .gtm-mcp-table td:first-child::before { display: none; }
  .gtm-breakdown-head, .gtm-breakdown-row { grid-template-columns: minmax(90px, 1fr) 62px minmax(105px, .8fr); gap: 9px; padding-right: 14px; padding-left: 14px; }
  .gtm-mcp-report > .gtm-section-heading { align-items: flex-start; flex-direction: column; gap: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Gtm::FeatureAutopilot: run/step status badges beyond the base set (draft, published, failed). */
.gtm-status.is-running,
.gtm-status.is-queued { color: #1d5b9e; border-color: #c7dcf2; background: #eef4fb; }
.gtm-status.is-ok { color: #126c4c; border-color: #cce6db; background: #eff9f5; }
.gtm-status.is-skipped { color: #69717c; border-color: #dfe3e7; background: #f8f9fa; }

/* Library heading: bulk autopilot action beside the count */
.gtm-heading-actions { display: flex; align-items: center; gap: 12px; }
.gtm-heading-actions form { margin: 0; }

/* Feature studio: collapsed autopilot run log and inline short-link re-point form. */
.gtm-run-log { margin-top: 14px; }
.gtm-run-log summary { color: #2c66d7; font-size: 12px; font-weight: 620; cursor: pointer; }
.gtm-run-log[open] summary { margin-bottom: 10px; }
.gtm-repoint { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.gtm-repoint input[type="text"] { flex: 1; min-width: 0; padding: 6px 8px; border: 1px solid var(--gtm-line-strong); border-radius: 6px; font-size: 12px; }

/* A single path from story preparation to confirmed delivery. */
.gtm-skip-link { position: fixed; top: -100px; left: 12px; z-index: 100; padding: 12px 18px; background: white; border: 2px solid var(--gtm-accent); }
.gtm-skip-link:focus { top: 12px; }
.gtm-workflow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 26px; border-top: 1px solid var(--gtm-line-strong); border-bottom: 1px solid var(--gtm-line-strong); }
.gtm-workflow a { padding: 20px 18px; border-right: 1px solid var(--gtm-line); display: flex; flex-direction: column; gap: 8px; }
.gtm-workflow a:first-child { padding-left: 0; }
.gtm-workflow a:last-child { border-right: 0; }
.gtm-workflow a:hover strong { color: var(--gtm-accent); }
.gtm-workflow span { font-size: 11px; color: #596271; font-weight: 650; text-transform: uppercase; letter-spacing: .08em; }
.gtm-workflow strong { font-size: 15px; line-height: 1.4; }
.gtm-workflow small { font-size: 12px; color: var(--gtm-muted); line-height: 1.5; }
.gtm-story-worklist { margin-bottom: 26px; }
.gtm-story-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gtm-story-card { padding: 22px; border-top: 1px solid var(--gtm-line); display: flex; flex-direction: column; align-items: flex-start; }
.gtm-story-card:nth-child(odd) { border-right: 1px solid var(--gtm-line); }
.gtm-story-card h3 { margin: 15px 0 8px; font-size: 18px; line-height: 1.35; letter-spacing: -.02em; }
.gtm-story-card p { margin: 0 0 18px; font-size: 13px; line-height: 1.55; color: var(--gtm-muted); flex: 1; }
.gtm-post-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; font-size: 12px; line-height: 1.5; color: #566170; }
.gtm-story-card .gtm-post-meta { width: 100%; justify-content: space-between; }
.gtm-queue-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 16px 20px; border-bottom: 1px solid var(--gtm-line); }
.gtm-queue-tabs a { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 14px; font-size: 13px; border-radius: 8px; color: #596271; }
.gtm-queue-tabs a:hover { background: var(--gtm-canvas); }
.gtm-queue-tabs a.is-active { background: var(--gtm-ink); color: white; font-weight: 600; }
.gtm-post-row { display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; align-items: center; gap: 20px; padding: 22px; border-bottom: 1px solid var(--gtm-line); }
.gtm-post-thumbnail { width: 76px; aspect-ratio: 3 / 4; display: grid; place-items: center; background: #edf0f4; border: 1px solid var(--gtm-line); border-radius: 6px; overflow: hidden; font-size: 12px; color: #536075; }
.gtm-post-thumbnail img { width: 100%; height: 100%; object-fit: contain; }
.gtm-post-copy { min-width: 0; }
.gtm-post-copy h2 { font-size: 16px; line-height: 1.5; margin: 7px 0; }
.gtm-post-copy p { font-size: 13px; line-height: 1.6; color: var(--gtm-muted); margin: 0 0 8px; overflow-wrap: anywhere; }
.gtm-post-copy small { display: block; color: #596271; font-size: 11px; line-height: 1.6; }
.gtm-destination-label { overflow-wrap: anywhere; }
.gtm-status.is-submitted, .gtm-status.is-preparing { color: #235893; border-color: #c7dcf2; background: #eef4fb; }
.gtm-status.is-needs_attention, .gtm-status.is-blocked { color: #8c5011; border-color: #ecd1ab; background: #fff5e8; }
.gtm-status.is-approved { color: #126c4c; border-color: #cce6db; background: #eff9f5; }
.gtm-post-error { color: #a43039 !important; font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; }
.gtm-channel-section { margin-top: 26px; }
.gtm-channel-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
.gtm-channel { padding: 22px; border-top: 1px solid var(--gtm-line); border-right: 1px solid var(--gtm-line); }
.gtm-channel p { font-size: 14px; margin: 10px 0 6px; }
.gtm-channel small { font-size: 12px; color: var(--gtm-muted); }
.gtm-channel ul, .gtm-review-blockers { padding-left: 18px; color: #8b5416; font-size: 12px; line-height: 1.65; }
.gtm-calendar-day { display: grid; grid-template-columns: 190px minmax(0, 1fr); padding: 24px; gap: 24px; border-top: 1px solid var(--gtm-line); }
.gtm-calendar-day h3 { font-size: 14px; margin: 0; line-height: 1.6; }
.gtm-calendar-day h3 small { display: block; font-size: 12px; font-weight: 400; color: var(--gtm-muted); }
.gtm-calendar-post { display: grid; grid-template-columns: 105px minmax(0, 1fr) auto; gap: 16px; align-items: start; padding: 16px 0; border-bottom: 1px solid var(--gtm-line); }
.gtm-calendar-post:first-child { padding-top: 0; }
.gtm-calendar-post:last-child { border-bottom: 0; }
.gtm-calendar-post time { font-size: 12px; color: #536075; }
.gtm-calendar-post strong { font-size: 14px; line-height: 1.5; }
.gtm-calendar-post small { display: block; color: var(--gtm-muted); font-size: 12px; margin-top: 4px; }
.gtm-inline-notice { padding: 20px 24px; background: #fff7e9; color: #805321; font-size: 13px; line-height: 1.6; }
.gtm-review-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr); gap: 24px; align-items: start; }
.gtm-review-sidebar { display: grid; gap: 22px; min-width: 0; }
.gtm-padded { padding: 22px; }
.gtm-padded > .gtm-hint + * { margin-top: 16px; }
.gtm-review-media { background: #e9edf1; padding: 24px; display: flex; justify-content: center; }
.gtm-review-media > img, .gtm-review-media > video { display: block; max-width: 100%; width: auto; max-height: 440px; object-fit: contain; }
.gtm-review-slides { display: flex; gap: 14px; max-width: 100%; overflow-x: auto; }
.gtm-review-slides figure { flex: 0 0 220px; margin: 0; }
.gtm-review-slides img { display: block; width: 100%; height: auto; }
.gtm-review-slides figcaption { text-align: center; padding-top: 8px; font-size: 12px; color: #536075; }
.gtm-post-caption { white-space: pre-wrap; overflow-wrap: anywhere; font: 14px/1.7 inherit; margin: 0; }
.gtm-destination { display: block; color: #245ec0 !important; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; padding: 12px; border: 1px solid #d6e2f6; background: #f4f7fc; border-radius: 6px; }
.gtm-schedule-form { margin-top: 22px; }
.gtm-next-step { display: flex; align-items: center; gap: 20px; padding: 18px 20px; background: #edf3fd; border: 1px solid #d6e2f6; border-radius: 10px; margin-bottom: 18px; }
.gtm-next-step > div { flex: 1; min-width: 0; }
.gtm-next-step strong { display: block; font-size: 13px; line-height: 1.6; }
.gtm-next-step .gtm-kicker { display: block; margin-bottom: 5px; font-size: 10px; }
.gtm-field input[type="datetime-local"] { width: 100%; min-width: 0; }
.gtm-primary-action:disabled, .gtm-secondary-action:disabled { opacity: .5; cursor: not-allowed; }
@media (max-width: 1200px) {
  .gtm-channel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gtm-review-layout { grid-template-columns: minmax(0, 1.2fr) minmax(280px, 1fr); gap: 16px; }
  .gtm-calendar-day { grid-template-columns: 150px minmax(0, 1fr); gap: 16px; }
  .gtm-calendar-post { grid-template-columns: 1fr; gap: 8px; }
}
@media (max-width: 767px) {
  .gtm-workflow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gtm-workflow a, .gtm-workflow a:first-child { padding: 16px 12px; }
  .gtm-workflow a:nth-child(2) { border-right: 0; }
  .gtm-workflow a:nth-child(-n+2) { border-bottom: 1px solid var(--gtm-line); }
  .gtm-workflow strong { font-size: 14px; }
  .gtm-story-grid, .gtm-channel-grid, .gtm-review-layout, .gtm-calendar-day { grid-template-columns: 1fr; }
  .gtm-story-card:nth-child(odd) { border-right: 0; }
  .gtm-post-row { grid-template-columns: 56px minmax(0, 1fr); gap: 12px; padding: 16px; }
  .gtm-post-row > .gtm-secondary-action { grid-column: 2; justify-self: start; }
  .gtm-post-thumbnail { width: 56px; }
  .gtm-post-copy h2 { font-size: 14px; }
  .gtm-queue-tabs { padding: 12px; gap: 2px; }
  .gtm-queue-tabs a { padding: 8px 10px; font-size: 12px; }
  .gtm-next-step { flex-wrap: wrap; gap: 12px; }
  .gtm-next-step > div { flex-basis: 100%; }
  .gtm-padded { padding: 18px; }
  .gtm-review-media { padding: 16px; }
  .gtm-state-list { grid-template-columns: 1fr; }
  .gtm-nav-link { min-height: 44px; }
}

/* Postiz account identity and GTM publishing controls. */
.gtm-heading-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.gtm-heading-actions form { margin: 0; }
.gtm-publishing-nav { display: flex; gap: 24px; border-bottom: 1px solid var(--gtm-line); margin: 0 0 24px; }
.gtm-publishing-nav a { color: var(--gtm-muted); padding: 10px 0 13px; font-weight: 650; text-decoration: none; }
.gtm-publishing-nav a.is-active { color: var(--gtm-ink); border-bottom: 2px solid var(--gtm-ink); }
.gtm-postiz-source { display: grid; grid-template-columns: 1fr 340px; gap: 32px; padding: 26px; }
.gtm-postiz-source h2 { font-size: 24px; margin: 6px 0 10px; }
.gtm-postiz-source p { color: var(--gtm-muted); line-height: 1.6; margin: 0; max-width: 620px; }
.gtm-postiz-health { display: grid; align-content: center; gap: 7px; border-left: 1px solid var(--gtm-line); padding-left: 26px; }
.gtm-postiz-health span, .gtm-postiz-health small { color: var(--gtm-muted); }
.gtm-accounts-list { display: grid; gap: 20px; margin-top: 24px; }
.gtm-accounts-list .gtm-work-surface { margin: 0; }
.gtm-account { scroll-margin-top: 85px; }
.gtm-account-heading { display: flex; gap: 20px; justify-content: space-between; align-items: center; padding: 24px; border-bottom: 1px solid var(--gtm-line); }
.gtm-account-heading h2 { font-size: 21px; margin: 7px 0 0; overflow-wrap: anywhere; }
.gtm-account-heading p { color: var(--gtm-muted); margin: 7px 0 0; overflow-wrap: anywhere; }
.gtm-account-states { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.gtm-account-form { padding: 24px; }
.gtm-account-settings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.gtm-account-form .gtm-field { margin-bottom: 20px; }
.gtm-account-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.gtm-account-footer span { color: var(--gtm-muted); font-size: 12px; }
.gtm-account-notice { background: #fff8eb; color: #735622; padding: 13px 24px; margin: 0; line-height: 1.5; }
.gtm-other-accounts { margin-top: 32px; }
.gtm-other-accounts > summary { cursor: pointer; font-weight: 650; padding: 16px 0; }
@media (max-width: 760px) {
  .gtm-postiz-source, .gtm-account-settings { grid-template-columns: 1fr; }
  .gtm-postiz-source { gap: 20px; padding: 20px; }
  .gtm-postiz-health { border-left: 0; border-top: 1px solid var(--gtm-line); padding: 18px 0 0; }
  .gtm-account-heading, .gtm-account-footer { align-items: flex-start; flex-direction: column; }
  .gtm-account-states { justify-content: flex-start; }
  .gtm-account-heading, .gtm-account-form { padding: 20px; }
}

/* Daily operation: a short choice and a review queue that can be cleared. */
.gtm-daily-queue { margin-bottom: 24px; }
.gtm-daily-queue .gtm-section-heading { align-items: center; gap: 20px; }
.gtm-daily-queue .gtm-section-heading form { flex-shrink: 0; }
.gtm-daily-ideas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gtm-daily-ideas article { padding: 22px 24px; border-top: 1px solid var(--gtm-line); }
.gtm-daily-ideas article + article { border-left: 1px solid var(--gtm-line); }
.gtm-daily-ideas h3 { font-size: 17px; margin: 8px 0 16px; }
.gtm-daily-ideas small, .gtm-daily-progress small { color: var(--gtm-muted); font-size: 12px; }
.gtm-daily-progress { padding: 20px 24px; border-top: 1px solid var(--gtm-line); }
.gtm-daily-progress h3 { font-size: 15px; margin: 0 0 12px; }
.gtm-daily-progress > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 0; }
.gtm-daily-progress strong, .gtm-daily-progress small { display: block; }
.gtm-review-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 22px; border-top: 1px solid var(--gtm-line); font-size: 13px; color: var(--gtm-muted); }
.gtm-post-actions { display: flex; align-items: center; flex-direction: column; gap: 12px; }
.gtm-post-select { display: flex; align-items: center; gap: 6px; font-size: 13px; cursor: pointer; }
.gtm-post-select input { width: 18px; height: 18px; accent-color: #17191c; }
.gtm-post-actions button.gtm-text-link, .gtm-daily-ideas button.gtm-text-link { border: 0; background: transparent; padding: 4px 0; cursor: pointer; font: inherit; font-size: 13px; }
.gtm-reject-action { border-top: 1px solid var(--gtm-line); margin-top: 24px; padding-top: 20px; }
.gtm-reject-action small { display: block; margin-top: 10px; color: var(--gtm-muted); }
.gtm-status.is-rejected { background: #f1f2f4; color: #61656d; }
@media (max-width: 700px) {
  .gtm-daily-queue .gtm-section-heading { flex-direction: column; align-items: flex-start; }
  .gtm-daily-ideas { grid-template-columns: 1fr; }
  .gtm-daily-ideas article + article { border-left: 0; }
  .gtm-daily-progress > div { align-items: flex-start; flex-direction: column; gap: 8px; }
  .gtm-review-toolbar { align-items: flex-start; }
  .gtm-post-actions { flex-direction: row; flex-wrap: wrap; }
}

.gtm-daily-options > summary { padding: 14px 24px; border-top: 1px solid var(--gtm-line); cursor: pointer; font-size: 13px; font-weight: 600; }
.gtm-daily-queue .gtm-primary-action { font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }


/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-regular,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands:before,.fa-regular:before,.fa-solid:before,.fa:before,.fab:before,.far:before,.fas:before{content:var(--fa)}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}

.fa-0{--fa:"\30"}.fa-1{--fa:"\31"}.fa-2{--fa:"\32"}.fa-3{--fa:"\33"}.fa-4{--fa:"\34"}.fa-5{--fa:"\35"}.fa-6{--fa:"\36"}.fa-7{--fa:"\37"}.fa-8{--fa:"\38"}.fa-9{--fa:"\39"}.fa-fill-drip{--fa:"\f576"}.fa-arrows-to-circle{--fa:"\e4bd"}.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:"\f138"}.fa-at{--fa:"\40"}.fa-trash-alt,.fa-trash-can{--fa:"\f2ed"}.fa-text-height{--fa:"\f034"}.fa-user-times,.fa-user-xmark{--fa:"\f235"}.fa-stethoscope{--fa:"\f0f1"}.fa-comment-alt,.fa-message{--fa:"\f27a"}.fa-info{--fa:"\f129"}.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:"\f422"}.fa-explosion{--fa:"\e4e9"}.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:"\f15c"}.fa-wave-square{--fa:"\f83e"}.fa-ring{--fa:"\f70b"}.fa-building-un{--fa:"\e4d9"}.fa-dice-three{--fa:"\f527"}.fa-calendar-alt,.fa-calendar-days{--fa:"\f073"}.fa-anchor-circle-check{--fa:"\e4aa"}.fa-building-circle-arrow-right{--fa:"\e4d1"}.fa-volleyball,.fa-volleyball-ball{--fa:"\f45f"}.fa-arrows-up-to-line{--fa:"\e4c2"}.fa-sort-desc,.fa-sort-down{--fa:"\f0dd"}.fa-circle-minus,.fa-minus-circle{--fa:"\f056"}.fa-door-open{--fa:"\f52b"}.fa-right-from-bracket,.fa-sign-out-alt{--fa:"\f2f5"}.fa-atom{--fa:"\f5d2"}.fa-soap{--fa:"\e06e"}.fa-heart-music-camera-bolt,.fa-icons{--fa:"\f86d"}.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:"\f539"}.fa-bridge-circle-check{--fa:"\e4c9"}.fa-pump-medical{--fa:"\e06a"}.fa-fingerprint{--fa:"\f577"}.fa-hand-point-right{--fa:"\f0a4"}.fa-magnifying-glass-location,.fa-search-location{--fa:"\f689"}.fa-forward-step,.fa-step-forward{--fa:"\f051"}.fa-face-smile-beam,.fa-smile-beam{--fa:"\f5b8"}.fa-flag-checkered{--fa:"\f11e"}.fa-football,.fa-football-ball{--fa:"\f44e"}.fa-school-circle-exclamation{--fa:"\e56c"}.fa-crop{--fa:"\f125"}.fa-angle-double-down,.fa-angles-down{--fa:"\f103"}.fa-users-rectangle{--fa:"\e594"}.fa-people-roof{--fa:"\e537"}.fa-people-line{--fa:"\e534"}.fa-beer,.fa-beer-mug-empty{--fa:"\f0fc"}.fa-diagram-predecessor{--fa:"\e477"}.fa-arrow-up-long,.fa-long-arrow-up{--fa:"\f176"}.fa-burn,.fa-fire-flame-simple{--fa:"\f46a"}.fa-male,.fa-person{--fa:"\f183"}.fa-laptop{--fa:"\f109"}.fa-file-csv{--fa:"\f6dd"}.fa-menorah{--fa:"\f676"}.fa-truck-plane{--fa:"\e58f"}.fa-record-vinyl{--fa:"\f8d9"}.fa-face-grin-stars,.fa-grin-stars{--fa:"\f587"}.fa-bong{--fa:"\f55c"}.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:"\f67b"}.fa-arrow-down-up-across-line{--fa:"\e4af"}.fa-spoon,.fa-utensil-spoon{--fa:"\f2e5"}.fa-jar-wheat{--fa:"\e517"}.fa-envelopes-bulk,.fa-mail-bulk{--fa:"\f674"}.fa-file-circle-exclamation{--fa:"\e4eb"}.fa-circle-h,.fa-hospital-symbol{--fa:"\f47e"}.fa-pager{--fa:"\f815"}.fa-address-book,.fa-contact-book{--fa:"\f2b9"}.fa-strikethrough{--fa:"\f0cc"}.fa-k{--fa:"\4b"}.fa-landmark-flag{--fa:"\e51c"}.fa-pencil,.fa-pencil-alt{--fa:"\f303"}.fa-backward{--fa:"\f04a"}.fa-caret-right{--fa:"\f0da"}.fa-comments{--fa:"\f086"}.fa-file-clipboard,.fa-paste{--fa:"\f0ea"}.fa-code-pull-request{--fa:"\e13c"}.fa-clipboard-list{--fa:"\f46d"}.fa-truck-loading,.fa-truck-ramp-box{--fa:"\f4de"}.fa-user-check{--fa:"\f4fc"}.fa-vial-virus{--fa:"\e597"}.fa-sheet-plastic{--fa:"\e571"}.fa-blog{--fa:"\f781"}.fa-user-ninja{--fa:"\f504"}.fa-person-arrow-up-from-line{--fa:"\e539"}.fa-scroll-torah,.fa-torah{--fa:"\f6a0"}.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:"\f458"}.fa-toggle-off{--fa:"\f204"}.fa-archive,.fa-box-archive{--fa:"\f187"}.fa-person-drowning{--fa:"\e545"}.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:"\f886"}.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:"\f58a"}.fa-spray-can{--fa:"\f5bd"}.fa-truck-monster{--fa:"\f63b"}.fa-w{--fa:"\57"}.fa-earth-africa,.fa-globe-africa{--fa:"\f57c"}.fa-rainbow{--fa:"\f75b"}.fa-circle-notch{--fa:"\f1ce"}.fa-tablet-alt,.fa-tablet-screen-button{--fa:"\f3fa"}.fa-paw{--fa:"\f1b0"}.fa-cloud{--fa:"\f0c2"}.fa-trowel-bricks{--fa:"\e58a"}.fa-face-flushed,.fa-flushed{--fa:"\f579"}.fa-hospital-user{--fa:"\f80d"}.fa-tent-arrow-left-right{--fa:"\e57f"}.fa-gavel,.fa-legal{--fa:"\f0e3"}.fa-binoculars{--fa:"\f1e5"}.fa-microphone-slash{--fa:"\f131"}.fa-box-tissue{--fa:"\e05b"}.fa-motorcycle{--fa:"\f21c"}.fa-bell-concierge,.fa-concierge-bell{--fa:"\f562"}.fa-pen-ruler,.fa-pencil-ruler{--fa:"\f5ae"}.fa-people-arrows,.fa-people-arrows-left-right{--fa:"\e068"}.fa-mars-and-venus-burst{--fa:"\e523"}.fa-caret-square-right,.fa-square-caret-right{--fa:"\f152"}.fa-cut,.fa-scissors{--fa:"\f0c4"}.fa-sun-plant-wilt{--fa:"\e57a"}.fa-toilets-portable{--fa:"\e584"}.fa-hockey-puck{--fa:"\f453"}.fa-table{--fa:"\f0ce"}.fa-magnifying-glass-arrow-right{--fa:"\e521"}.fa-digital-tachograph,.fa-tachograph-digital{--fa:"\f566"}.fa-users-slash{--fa:"\e073"}.fa-clover{--fa:"\e139"}.fa-mail-reply,.fa-reply{--fa:"\f3e5"}.fa-star-and-crescent{--fa:"\f699"}.fa-house-fire{--fa:"\e50c"}.fa-minus-square,.fa-square-minus{--fa:"\f146"}.fa-helicopter{--fa:"\f533"}.fa-compass{--fa:"\f14e"}.fa-caret-square-down,.fa-square-caret-down{--fa:"\f150"}.fa-file-circle-question{--fa:"\e4ef"}.fa-laptop-code{--fa:"\f5fc"}.fa-swatchbook{--fa:"\f5c3"}.fa-prescription-bottle{--fa:"\f485"}.fa-bars,.fa-navicon{--fa:"\f0c9"}.fa-people-group{--fa:"\e533"}.fa-hourglass-3,.fa-hourglass-end{--fa:"\f253"}.fa-heart-broken,.fa-heart-crack{--fa:"\f7a9"}.fa-external-link-square-alt,.fa-square-up-right{--fa:"\f360"}.fa-face-kiss-beam,.fa-kiss-beam{--fa:"\f597"}.fa-film{--fa:"\f008"}.fa-ruler-horizontal{--fa:"\f547"}.fa-people-robbery{--fa:"\e536"}.fa-lightbulb{--fa:"\f0eb"}.fa-caret-left{--fa:"\f0d9"}.fa-circle-exclamation,.fa-exclamation-circle{--fa:"\f06a"}.fa-school-circle-xmark{--fa:"\e56d"}.fa-arrow-right-from-bracket,.fa-sign-out{--fa:"\f08b"}.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:"\f13a"}.fa-unlock-alt,.fa-unlock-keyhole{--fa:"\f13e"}.fa-cloud-showers-heavy{--fa:"\f740"}.fa-headphones-alt,.fa-headphones-simple{--fa:"\f58f"}.fa-sitemap{--fa:"\f0e8"}.fa-circle-dollar-to-slot,.fa-donate{--fa:"\f4b9"}.fa-memory{--fa:"\f538"}.fa-road-spikes{--fa:"\e568"}.fa-fire-burner{--fa:"\e4f1"}.fa-flag{--fa:"\f024"}.fa-hanukiah{--fa:"\f6e6"}.fa-feather{--fa:"\f52d"}.fa-volume-down,.fa-volume-low{--fa:"\f027"}.fa-comment-slash{--fa:"\f4b3"}.fa-cloud-sun-rain{--fa:"\f743"}.fa-compress{--fa:"\f066"}.fa-wheat-alt,.fa-wheat-awn{--fa:"\e2cd"}.fa-ankh{--fa:"\f644"}.fa-hands-holding-child{--fa:"\e4fa"}.fa-asterisk{--fa:"\2a"}.fa-check-square,.fa-square-check{--fa:"\f14a"}.fa-peseta-sign{--fa:"\e221"}.fa-header,.fa-heading{--fa:"\f1dc"}.fa-ghost{--fa:"\f6e2"}.fa-list,.fa-list-squares{--fa:"\f03a"}.fa-phone-square-alt,.fa-square-phone-flip{--fa:"\f87b"}.fa-cart-plus{--fa:"\f217"}.fa-gamepad{--fa:"\f11b"}.fa-circle-dot,.fa-dot-circle{--fa:"\f192"}.fa-dizzy,.fa-face-dizzy{--fa:"\f567"}.fa-egg{--fa:"\f7fb"}.fa-house-medical-circle-xmark{--fa:"\e513"}.fa-campground{--fa:"\f6bb"}.fa-folder-plus{--fa:"\f65e"}.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:"\f1e3"}.fa-paint-brush,.fa-paintbrush{--fa:"\f1fc"}.fa-lock{--fa:"\f023"}.fa-gas-pump{--fa:"\f52f"}.fa-hot-tub,.fa-hot-tub-person{--fa:"\f593"}.fa-map-location,.fa-map-marked{--fa:"\f59f"}.fa-house-flood-water{--fa:"\e50e"}.fa-tree{--fa:"\f1bb"}.fa-bridge-lock{--fa:"\e4cc"}.fa-sack-dollar{--fa:"\f81d"}.fa-edit,.fa-pen-to-square{--fa:"\f044"}.fa-car-side{--fa:"\f5e4"}.fa-share-alt,.fa-share-nodes{--fa:"\f1e0"}.fa-heart-circle-minus{--fa:"\e4ff"}.fa-hourglass-2,.fa-hourglass-half{--fa:"\f252"}.fa-microscope{--fa:"\f610"}.fa-sink{--fa:"\e06d"}.fa-bag-shopping,.fa-shopping-bag{--fa:"\f290"}.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:"\f881"}.fa-mitten{--fa:"\f7b5"}.fa-person-rays{--fa:"\e54d"}.fa-users{--fa:"\f0c0"}.fa-eye-slash{--fa:"\f070"}.fa-flask-vial{--fa:"\e4f3"}.fa-hand,.fa-hand-paper{--fa:"\f256"}.fa-om{--fa:"\f679"}.fa-worm{--fa:"\e599"}.fa-house-circle-xmark{--fa:"\e50b"}.fa-plug{--fa:"\f1e6"}.fa-chevron-up{--fa:"\f077"}.fa-hand-spock{--fa:"\f259"}.fa-stopwatch{--fa:"\f2f2"}.fa-face-kiss,.fa-kiss{--fa:"\f596"}.fa-bridge-circle-xmark{--fa:"\e4cb"}.fa-face-grin-tongue,.fa-grin-tongue{--fa:"\f589"}.fa-chess-bishop{--fa:"\f43a"}.fa-face-grin-wink,.fa-grin-wink{--fa:"\f58c"}.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:"\f2a4"}.fa-road-circle-check{--fa:"\e564"}.fa-dice-five{--fa:"\f523"}.fa-rss-square,.fa-square-rss{--fa:"\f143"}.fa-land-mine-on{--fa:"\e51b"}.fa-i-cursor{--fa:"\f246"}.fa-stamp{--fa:"\f5bf"}.fa-stairs{--fa:"\e289"}.fa-i{--fa:"\49"}.fa-hryvnia,.fa-hryvnia-sign{--fa:"\f6f2"}.fa-pills{--fa:"\f484"}.fa-face-grin-wide,.fa-grin-alt{--fa:"\f581"}.fa-tooth{--fa:"\f5c9"}.fa-v{--fa:"\56"}.fa-bangladeshi-taka-sign{--fa:"\e2e6"}.fa-bicycle{--fa:"\f206"}.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:"\e579"}.fa-head-side-cough-slash{--fa:"\e062"}.fa-ambulance,.fa-truck-medical{--fa:"\f0f9"}.fa-wheat-awn-circle-exclamation{--fa:"\e598"}.fa-snowman{--fa:"\f7d0"}.fa-mortar-pestle{--fa:"\f5a7"}.fa-road-barrier{--fa:"\e562"}.fa-school{--fa:"\f549"}.fa-igloo{--fa:"\f7ae"}.fa-joint{--fa:"\f595"}.fa-angle-right{--fa:"\f105"}.fa-horse{--fa:"\f6f0"}.fa-q{--fa:"\51"}.fa-g{--fa:"\47"}.fa-notes-medical{--fa:"\f481"}.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:"\f2c9"}.fa-dong-sign{--fa:"\e169"}.fa-capsules{--fa:"\f46b"}.fa-poo-bolt,.fa-poo-storm{--fa:"\f75a"}.fa-face-frown-open,.fa-frown-open{--fa:"\f57a"}.fa-hand-point-up{--fa:"\f0a6"}.fa-money-bill{--fa:"\f0d6"}.fa-bookmark{--fa:"\f02e"}.fa-align-justify{--fa:"\f039"}.fa-umbrella-beach{--fa:"\f5ca"}.fa-helmet-un{--fa:"\e503"}.fa-bullseye{--fa:"\f140"}.fa-bacon{--fa:"\f7e5"}.fa-hand-point-down{--fa:"\f0a7"}.fa-arrow-up-from-bracket{--fa:"\e09a"}.fa-folder,.fa-folder-blank{--fa:"\f07b"}.fa-file-medical-alt,.fa-file-waveform{--fa:"\f478"}.fa-radiation{--fa:"\f7b9"}.fa-chart-simple{--fa:"\e473"}.fa-mars-stroke{--fa:"\f229"}.fa-vial{--fa:"\f492"}.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:"\f624"}.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:"\e2ca"}.fa-e{--fa:"\45"}.fa-pen-alt,.fa-pen-clip{--fa:"\f305"}.fa-bridge-circle-exclamation{--fa:"\e4ca"}.fa-user{--fa:"\f007"}.fa-school-circle-check{--fa:"\e56b"}.fa-dumpster{--fa:"\f793"}.fa-shuttle-van,.fa-van-shuttle{--fa:"\f5b6"}.fa-building-user{--fa:"\e4da"}.fa-caret-square-left,.fa-square-caret-left{--fa:"\f191"}.fa-highlighter{--fa:"\f591"}.fa-key{--fa:"\f084"}.fa-bullhorn{--fa:"\f0a1"}.fa-globe{--fa:"\f0ac"}.fa-synagogue{--fa:"\f69b"}.fa-person-half-dress{--fa:"\e548"}.fa-road-bridge{--fa:"\e563"}.fa-location-arrow{--fa:"\f124"}.fa-c{--fa:"\43"}.fa-tablet-button{--fa:"\f10a"}.fa-building-lock{--fa:"\e4d6"}.fa-pizza-slice{--fa:"\f818"}.fa-money-bill-wave{--fa:"\f53a"}.fa-area-chart,.fa-chart-area{--fa:"\f1fe"}.fa-house-flag{--fa:"\e50d"}.fa-person-circle-minus{--fa:"\e540"}.fa-ban,.fa-cancel{--fa:"\f05e"}.fa-camera-rotate{--fa:"\e0d8"}.fa-air-freshener,.fa-spray-can-sparkles{--fa:"\f5d0"}.fa-star{--fa:"\f005"}.fa-repeat{--fa:"\f363"}.fa-cross{--fa:"\f654"}.fa-box{--fa:"\f466"}.fa-venus-mars{--fa:"\f228"}.fa-arrow-pointer,.fa-mouse-pointer{--fa:"\f245"}.fa-expand-arrows-alt,.fa-maximize{--fa:"\f31e"}.fa-charging-station{--fa:"\f5e7"}.fa-shapes,.fa-triangle-circle-square{--fa:"\f61f"}.fa-random,.fa-shuffle{--fa:"\f074"}.fa-person-running,.fa-running{--fa:"\f70c"}.fa-mobile-retro{--fa:"\e527"}.fa-grip-lines-vertical{--fa:"\f7a5"}.fa-spider{--fa:"\f717"}.fa-hands-bound{--fa:"\e4f9"}.fa-file-invoice-dollar{--fa:"\f571"}.fa-plane-circle-exclamation{--fa:"\e556"}.fa-x-ray{--fa:"\f497"}.fa-spell-check{--fa:"\f891"}.fa-slash{--fa:"\f715"}.fa-computer-mouse,.fa-mouse{--fa:"\f8cc"}.fa-arrow-right-to-bracket,.fa-sign-in{--fa:"\f090"}.fa-shop-slash,.fa-store-alt-slash{--fa:"\e070"}.fa-server{--fa:"\f233"}.fa-virus-covid-slash{--fa:"\e4a9"}.fa-shop-lock{--fa:"\e4a5"}.fa-hourglass-1,.fa-hourglass-start{--fa:"\f251"}.fa-blender-phone{--fa:"\f6b6"}.fa-building-wheat{--fa:"\e4db"}.fa-person-breastfeeding{--fa:"\e53a"}.fa-right-to-bracket,.fa-sign-in-alt{--fa:"\f2f6"}.fa-venus{--fa:"\f221"}.fa-passport{--fa:"\f5ab"}.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:"\e68f"}.fa-heart-pulse,.fa-heartbeat{--fa:"\f21e"}.fa-people-carry,.fa-people-carry-box{--fa:"\f4ce"}.fa-temperature-high{--fa:"\f769"}.fa-microchip{--fa:"\f2db"}.fa-crown{--fa:"\f521"}.fa-weight-hanging{--fa:"\f5cd"}.fa-xmarks-lines{--fa:"\e59a"}.fa-file-prescription{--fa:"\f572"}.fa-weight,.fa-weight-scale{--fa:"\f496"}.fa-user-friends,.fa-user-group{--fa:"\f500"}.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:"\f15e"}.fa-chess-knight{--fa:"\f441"}.fa-face-laugh-squint,.fa-laugh-squint{--fa:"\f59b"}.fa-wheelchair{--fa:"\f193"}.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:"\f0aa"}.fa-toggle-on{--fa:"\f205"}.fa-person-walking,.fa-walking{--fa:"\f554"}.fa-l{--fa:"\4c"}.fa-fire{--fa:"\f06d"}.fa-bed-pulse,.fa-procedures{--fa:"\f487"}.fa-shuttle-space,.fa-space-shuttle{--fa:"\f197"}.fa-face-laugh,.fa-laugh{--fa:"\f599"}.fa-folder-open{--fa:"\f07c"}.fa-heart-circle-plus{--fa:"\e500"}.fa-code-fork{--fa:"\e13b"}.fa-city{--fa:"\f64f"}.fa-microphone-alt,.fa-microphone-lines{--fa:"\f3c9"}.fa-pepper-hot{--fa:"\f816"}.fa-unlock{--fa:"\f09c"}.fa-colon-sign{--fa:"\e140"}.fa-headset{--fa:"\f590"}.fa-store-slash{--fa:"\e071"}.fa-road-circle-xmark{--fa:"\e566"}.fa-user-minus{--fa:"\f503"}.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:"\f22a"}.fa-champagne-glasses,.fa-glass-cheers{--fa:"\f79f"}.fa-clipboard{--fa:"\f328"}.fa-house-circle-exclamation{--fa:"\e50a"}.fa-file-arrow-up,.fa-file-upload{--fa:"\f574"}.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:"\f1eb"}.fa-bath,.fa-bathtub{--fa:"\f2cd"}.fa-underline{--fa:"\f0cd"}.fa-user-edit,.fa-user-pen{--fa:"\f4ff"}.fa-signature{--fa:"\f5b7"}.fa-stroopwafel{--fa:"\f551"}.fa-bold{--fa:"\f032"}.fa-anchor-lock{--fa:"\e4ad"}.fa-building-ngo{--fa:"\e4d7"}.fa-manat-sign{--fa:"\e1d5"}.fa-not-equal{--fa:"\f53e"}.fa-border-style,.fa-border-top-left{--fa:"\f853"}.fa-map-location-dot,.fa-map-marked-alt{--fa:"\f5a0"}.fa-jedi{--fa:"\f669"}.fa-poll,.fa-square-poll-vertical{--fa:"\f681"}.fa-mug-hot{--fa:"\f7b6"}.fa-battery-car,.fa-car-battery{--fa:"\f5df"}.fa-gift{--fa:"\f06b"}.fa-dice-two{--fa:"\f528"}.fa-chess-queen{--fa:"\f445"}.fa-glasses{--fa:"\f530"}.fa-chess-board{--fa:"\f43c"}.fa-building-circle-check{--fa:"\e4d2"}.fa-person-chalkboard{--fa:"\e53d"}.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:"\f22b"}.fa-hand-back-fist,.fa-hand-rock{--fa:"\f255"}.fa-caret-square-up,.fa-square-caret-up{--fa:"\f151"}.fa-cloud-showers-water{--fa:"\e4e4"}.fa-bar-chart,.fa-chart-bar{--fa:"\f080"}.fa-hands-bubbles,.fa-hands-wash{--fa:"\e05e"}.fa-less-than-equal{--fa:"\f537"}.fa-train{--fa:"\f238"}.fa-eye-low-vision,.fa-low-vision{--fa:"\f2a8"}.fa-crow{--fa:"\f520"}.fa-sailboat{--fa:"\e445"}.fa-window-restore{--fa:"\f2d2"}.fa-plus-square,.fa-square-plus{--fa:"\f0fe"}.fa-torii-gate{--fa:"\f6a1"}.fa-frog{--fa:"\f52e"}.fa-bucket{--fa:"\e4cf"}.fa-image{--fa:"\f03e"}.fa-microphone{--fa:"\f130"}.fa-cow{--fa:"\f6c8"}.fa-caret-up{--fa:"\f0d8"}.fa-screwdriver{--fa:"\f54a"}.fa-folder-closed{--fa:"\e185"}.fa-house-tsunami{--fa:"\e515"}.fa-square-nfi{--fa:"\e576"}.fa-arrow-up-from-ground-water{--fa:"\e4b5"}.fa-glass-martini-alt,.fa-martini-glass{--fa:"\f57b"}.fa-square-binary{--fa:"\e69b"}.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:"\f2ea"}.fa-columns,.fa-table-columns{--fa:"\f0db"}.fa-lemon{--fa:"\f094"}.fa-head-side-mask{--fa:"\e063"}.fa-handshake{--fa:"\f2b5"}.fa-gem{--fa:"\f3a5"}.fa-dolly,.fa-dolly-box{--fa:"\f472"}.fa-smoking{--fa:"\f48d"}.fa-compress-arrows-alt,.fa-minimize{--fa:"\f78c"}.fa-monument{--fa:"\f5a6"}.fa-snowplow{--fa:"\f7d2"}.fa-angle-double-right,.fa-angles-right{--fa:"\f101"}.fa-cannabis{--fa:"\f55f"}.fa-circle-play,.fa-play-circle{--fa:"\f144"}.fa-tablets{--fa:"\f490"}.fa-ethernet{--fa:"\f796"}.fa-eur,.fa-euro,.fa-euro-sign{--fa:"\f153"}.fa-chair{--fa:"\f6c0"}.fa-check-circle,.fa-circle-check{--fa:"\f058"}.fa-circle-stop,.fa-stop-circle{--fa:"\f28d"}.fa-compass-drafting,.fa-drafting-compass{--fa:"\f568"}.fa-plate-wheat{--fa:"\e55a"}.fa-icicles{--fa:"\f7ad"}.fa-person-shelter{--fa:"\e54f"}.fa-neuter{--fa:"\f22c"}.fa-id-badge{--fa:"\f2c1"}.fa-marker{--fa:"\f5a1"}.fa-face-laugh-beam,.fa-laugh-beam{--fa:"\f59a"}.fa-helicopter-symbol{--fa:"\e502"}.fa-universal-access{--fa:"\f29a"}.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:"\f139"}.fa-lari-sign{--fa:"\e1c8"}.fa-volcano{--fa:"\f770"}.fa-person-walking-dashed-line-arrow-right{--fa:"\e553"}.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:"\f154"}.fa-viruses{--fa:"\e076"}.fa-square-person-confined{--fa:"\e577"}.fa-user-tie{--fa:"\f508"}.fa-arrow-down-long,.fa-long-arrow-down{--fa:"\f175"}.fa-tent-arrow-down-to-line{--fa:"\e57e"}.fa-certificate{--fa:"\f0a3"}.fa-mail-reply-all,.fa-reply-all{--fa:"\f122"}.fa-suitcase{--fa:"\f0f2"}.fa-person-skating,.fa-skating{--fa:"\f7c5"}.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:"\f662"}.fa-camera-retro{--fa:"\f083"}.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:"\f0ab"}.fa-arrow-right-to-file,.fa-file-import{--fa:"\f56f"}.fa-external-link-square,.fa-square-arrow-up-right{--fa:"\f14c"}.fa-box-open{--fa:"\f49e"}.fa-scroll{--fa:"\f70e"}.fa-spa{--fa:"\f5bb"}.fa-location-pin-lock{--fa:"\e51f"}.fa-pause{--fa:"\f04c"}.fa-hill-avalanche{--fa:"\e507"}.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:"\f2cb"}.fa-bomb{--fa:"\f1e2"}.fa-registered{--fa:"\f25d"}.fa-address-card,.fa-contact-card,.fa-vcard{--fa:"\f2bb"}.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:"\f516"}.fa-subscript{--fa:"\f12c"}.fa-diamond-turn-right,.fa-directions{--fa:"\f5eb"}.fa-burst{--fa:"\e4dc"}.fa-house-laptop,.fa-laptop-house{--fa:"\e066"}.fa-face-tired,.fa-tired{--fa:"\f5c8"}.fa-money-bills{--fa:"\e1f3"}.fa-smog{--fa:"\f75f"}.fa-crutch{--fa:"\f7f7"}.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:"\f0ee"}.fa-palette{--fa:"\f53f"}.fa-arrows-turn-right{--fa:"\e4c0"}.fa-vest{--fa:"\e085"}.fa-ferry{--fa:"\e4ea"}.fa-arrows-down-to-people{--fa:"\e4b9"}.fa-seedling,.fa-sprout{--fa:"\f4d8"}.fa-arrows-alt-h,.fa-left-right{--fa:"\f337"}.fa-boxes-packing{--fa:"\e4c7"}.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:"\f0a8"}.fa-group-arrows-rotate{--fa:"\e4f6"}.fa-bowl-food{--fa:"\e4c6"}.fa-candy-cane{--fa:"\f786"}.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:"\f160"}.fa-cloud-bolt,.fa-thunderstorm{--fa:"\f76c"}.fa-remove-format,.fa-text-slash{--fa:"\f87d"}.fa-face-smile-wink,.fa-smile-wink{--fa:"\f4da"}.fa-file-word{--fa:"\f1c2"}.fa-file-powerpoint{--fa:"\f1c4"}.fa-arrows-h,.fa-arrows-left-right{--fa:"\f07e"}.fa-house-lock{--fa:"\e510"}.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:"\f0ed"}.fa-children{--fa:"\e4e1"}.fa-blackboard,.fa-chalkboard{--fa:"\f51b"}.fa-user-alt-slash,.fa-user-large-slash{--fa:"\f4fa"}.fa-envelope-open{--fa:"\f2b6"}.fa-handshake-alt-slash,.fa-handshake-simple-slash{--fa:"\e05f"}.fa-mattress-pillow{--fa:"\e525"}.fa-guarani-sign{--fa:"\e19a"}.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:"\f021"}.fa-fire-extinguisher{--fa:"\f134"}.fa-cruzeiro-sign{--fa:"\e152"}.fa-greater-than-equal{--fa:"\f532"}.fa-shield-alt,.fa-shield-halved{--fa:"\f3ed"}.fa-atlas,.fa-book-atlas{--fa:"\f558"}.fa-virus{--fa:"\e074"}.fa-envelope-circle-check{--fa:"\e4e8"}.fa-layer-group{--fa:"\f5fd"}.fa-arrows-to-dot{--fa:"\e4be"}.fa-archway{--fa:"\f557"}.fa-heart-circle-check{--fa:"\e4fd"}.fa-house-chimney-crack,.fa-house-damage{--fa:"\f6f1"}.fa-file-archive,.fa-file-zipper{--fa:"\f1c6"}.fa-square{--fa:"\f0c8"}.fa-glass-martini,.fa-martini-glass-empty{--fa:"\f000"}.fa-couch{--fa:"\f4b8"}.fa-cedi-sign{--fa:"\e0df"}.fa-italic{--fa:"\f033"}.fa-table-cells-column-lock{--fa:"\e678"}.fa-church{--fa:"\f51d"}.fa-comments-dollar{--fa:"\f653"}.fa-democrat{--fa:"\f747"}.fa-z{--fa:"\5a"}.fa-person-skiing,.fa-skiing{--fa:"\f7c9"}.fa-road-lock{--fa:"\e567"}.fa-a{--fa:"\41"}.fa-temperature-arrow-down,.fa-temperature-down{--fa:"\e03f"}.fa-feather-alt,.fa-feather-pointed{--fa:"\f56b"}.fa-p{--fa:"\50"}.fa-snowflake{--fa:"\f2dc"}.fa-newspaper{--fa:"\f1ea"}.fa-ad,.fa-rectangle-ad{--fa:"\f641"}.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:"\f0a9"}.fa-filter-circle-xmark{--fa:"\e17b"}.fa-locust{--fa:"\e520"}.fa-sort,.fa-unsorted{--fa:"\f0dc"}.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:"\f0cb"}.fa-person-dress-burst{--fa:"\e544"}.fa-money-check-alt,.fa-money-check-dollar{--fa:"\f53d"}.fa-vector-square{--fa:"\f5cb"}.fa-bread-slice{--fa:"\f7ec"}.fa-language{--fa:"\f1ab"}.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:"\f598"}.fa-filter{--fa:"\f0b0"}.fa-question{--fa:"\3f"}.fa-file-signature{--fa:"\f573"}.fa-arrows-alt,.fa-up-down-left-right{--fa:"\f0b2"}.fa-house-chimney-user{--fa:"\e065"}.fa-hand-holding-heart{--fa:"\f4be"}.fa-puzzle-piece{--fa:"\f12e"}.fa-money-check{--fa:"\f53c"}.fa-star-half-alt,.fa-star-half-stroke{--fa:"\f5c0"}.fa-code{--fa:"\f121"}.fa-glass-whiskey,.fa-whiskey-glass{--fa:"\f7a0"}.fa-building-circle-exclamation{--fa:"\e4d3"}.fa-magnifying-glass-chart{--fa:"\e522"}.fa-arrow-up-right-from-square,.fa-external-link{--fa:"\f08e"}.fa-cubes-stacked{--fa:"\e4e6"}.fa-krw,.fa-won,.fa-won-sign{--fa:"\f159"}.fa-virus-covid{--fa:"\e4a8"}.fa-austral-sign{--fa:"\e0a9"}.fa-f{--fa:"\46"}.fa-leaf{--fa:"\f06c"}.fa-road{--fa:"\f018"}.fa-cab,.fa-taxi{--fa:"\f1ba"}.fa-person-circle-plus{--fa:"\e541"}.fa-chart-pie,.fa-pie-chart{--fa:"\f200"}.fa-bolt-lightning{--fa:"\e0b7"}.fa-sack-xmark{--fa:"\e56a"}.fa-file-excel{--fa:"\f1c3"}.fa-file-contract{--fa:"\f56c"}.fa-fish-fins{--fa:"\e4f2"}.fa-building-flag{--fa:"\e4d5"}.fa-face-grin-beam,.fa-grin-beam{--fa:"\f582"}.fa-object-ungroup{--fa:"\f248"}.fa-poop{--fa:"\f619"}.fa-location-pin,.fa-map-marker{--fa:"\f041"}.fa-kaaba{--fa:"\f66b"}.fa-toilet-paper{--fa:"\f71e"}.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:"\f807"}.fa-eject{--fa:"\f052"}.fa-arrow-alt-circle-right,.fa-circle-right{--fa:"\f35a"}.fa-plane-circle-check{--fa:"\e555"}.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:"\f5a5"}.fa-object-group{--fa:"\f247"}.fa-chart-line,.fa-line-chart{--fa:"\f201"}.fa-mask-ventilator{--fa:"\e524"}.fa-arrow-right{--fa:"\f061"}.fa-map-signs,.fa-signs-post{--fa:"\f277"}.fa-cash-register{--fa:"\f788"}.fa-person-circle-question{--fa:"\e542"}.fa-h{--fa:"\48"}.fa-tarp{--fa:"\e57b"}.fa-screwdriver-wrench,.fa-tools{--fa:"\f7d9"}.fa-arrows-to-eye{--fa:"\e4bf"}.fa-plug-circle-bolt{--fa:"\e55b"}.fa-heart{--fa:"\f004"}.fa-mars-and-venus{--fa:"\f224"}.fa-home-user,.fa-house-user{--fa:"\e1b0"}.fa-dumpster-fire{--fa:"\f794"}.fa-house-crack{--fa:"\e3b1"}.fa-cocktail,.fa-martini-glass-citrus{--fa:"\f561"}.fa-face-surprise,.fa-surprise{--fa:"\f5c2"}.fa-bottle-water{--fa:"\e4c5"}.fa-circle-pause,.fa-pause-circle{--fa:"\f28b"}.fa-toilet-paper-slash{--fa:"\e072"}.fa-apple-alt,.fa-apple-whole{--fa:"\f5d1"}.fa-kitchen-set{--fa:"\e51a"}.fa-r{--fa:"\52"}.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:"\f2ca"}.fa-cube{--fa:"\f1b2"}.fa-bitcoin-sign{--fa:"\e0b4"}.fa-shield-dog{--fa:"\e573"}.fa-solar-panel{--fa:"\f5ba"}.fa-lock-open{--fa:"\f3c1"}.fa-elevator{--fa:"\e16d"}.fa-money-bill-transfer{--fa:"\e528"}.fa-money-bill-trend-up{--fa:"\e529"}.fa-house-flood-water-circle-arrow-right{--fa:"\e50f"}.fa-poll-h,.fa-square-poll-horizontal{--fa:"\f682"}.fa-circle{--fa:"\f111"}.fa-backward-fast,.fa-fast-backward{--fa:"\f049"}.fa-recycle{--fa:"\f1b8"}.fa-user-astronaut{--fa:"\f4fb"}.fa-plane-slash{--fa:"\e069"}.fa-trademark{--fa:"\f25c"}.fa-basketball,.fa-basketball-ball{--fa:"\f434"}.fa-satellite-dish{--fa:"\f7c0"}.fa-arrow-alt-circle-up,.fa-circle-up{--fa:"\f35b"}.fa-mobile-alt,.fa-mobile-screen-button{--fa:"\f3cd"}.fa-volume-high,.fa-volume-up{--fa:"\f028"}.fa-users-rays{--fa:"\e593"}.fa-wallet{--fa:"\f555"}.fa-clipboard-check{--fa:"\f46c"}.fa-file-audio{--fa:"\f1c7"}.fa-burger,.fa-hamburger{--fa:"\f805"}.fa-wrench{--fa:"\f0ad"}.fa-bugs{--fa:"\e4d0"}.fa-rupee,.fa-rupee-sign{--fa:"\f156"}.fa-file-image{--fa:"\f1c5"}.fa-circle-question,.fa-question-circle{--fa:"\f059"}.fa-plane-departure{--fa:"\f5b0"}.fa-handshake-slash{--fa:"\e060"}.fa-book-bookmark{--fa:"\e0bb"}.fa-code-branch{--fa:"\f126"}.fa-hat-cowboy{--fa:"\f8c0"}.fa-bridge{--fa:"\e4c8"}.fa-phone-alt,.fa-phone-flip{--fa:"\f879"}.fa-truck-front{--fa:"\e2b7"}.fa-cat{--fa:"\f6be"}.fa-anchor-circle-exclamation{--fa:"\e4ab"}.fa-truck-field{--fa:"\e58d"}.fa-route{--fa:"\f4d7"}.fa-clipboard-question{--fa:"\e4e3"}.fa-panorama{--fa:"\e209"}.fa-comment-medical{--fa:"\f7f5"}.fa-teeth-open{--fa:"\f62f"}.fa-file-circle-minus{--fa:"\e4ed"}.fa-tags{--fa:"\f02c"}.fa-wine-glass{--fa:"\f4e3"}.fa-fast-forward,.fa-forward-fast{--fa:"\f050"}.fa-face-meh-blank,.fa-meh-blank{--fa:"\f5a4"}.fa-parking,.fa-square-parking{--fa:"\f540"}.fa-house-signal{--fa:"\e012"}.fa-bars-progress,.fa-tasks-alt{--fa:"\f828"}.fa-faucet-drip{--fa:"\e006"}.fa-cart-flatbed,.fa-dolly-flatbed{--fa:"\f474"}.fa-ban-smoking,.fa-smoking-ban{--fa:"\f54d"}.fa-terminal{--fa:"\f120"}.fa-mobile-button{--fa:"\f10b"}.fa-house-medical-flag{--fa:"\e514"}.fa-basket-shopping,.fa-shopping-basket{--fa:"\f291"}.fa-tape{--fa:"\f4db"}.fa-bus-alt,.fa-bus-simple{--fa:"\f55e"}.fa-eye{--fa:"\f06e"}.fa-face-sad-cry,.fa-sad-cry{--fa:"\f5b3"}.fa-audio-description{--fa:"\f29e"}.fa-person-military-to-person{--fa:"\e54c"}.fa-file-shield{--fa:"\e4f0"}.fa-user-slash{--fa:"\f506"}.fa-pen{--fa:"\f304"}.fa-tower-observation{--fa:"\e586"}.fa-file-code{--fa:"\f1c9"}.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:"\f012"}.fa-bus{--fa:"\f207"}.fa-heart-circle-xmark{--fa:"\e501"}.fa-home-lg,.fa-house-chimney{--fa:"\e3af"}.fa-window-maximize{--fa:"\f2d0"}.fa-face-frown,.fa-frown{--fa:"\f119"}.fa-prescription{--fa:"\f5b1"}.fa-shop,.fa-store-alt{--fa:"\f54f"}.fa-floppy-disk,.fa-save{--fa:"\f0c7"}.fa-vihara{--fa:"\f6a7"}.fa-balance-scale-left,.fa-scale-unbalanced{--fa:"\f515"}.fa-sort-asc,.fa-sort-up{--fa:"\f0de"}.fa-comment-dots,.fa-commenting{--fa:"\f4ad"}.fa-plant-wilt{--fa:"\e5aa"}.fa-diamond{--fa:"\f219"}.fa-face-grin-squint,.fa-grin-squint{--fa:"\f585"}.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:"\f4c0"}.fa-chart-diagram{--fa:"\e695"}.fa-bacterium{--fa:"\e05a"}.fa-hand-pointer{--fa:"\f25a"}.fa-drum-steelpan{--fa:"\f56a"}.fa-hand-scissors{--fa:"\f257"}.fa-hands-praying,.fa-praying-hands{--fa:"\f684"}.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:"\f01e"}.fa-biohazard{--fa:"\f780"}.fa-location,.fa-location-crosshairs{--fa:"\f601"}.fa-mars-double{--fa:"\f227"}.fa-child-dress{--fa:"\e59c"}.fa-users-between-lines{--fa:"\e591"}.fa-lungs-virus{--fa:"\e067"}.fa-face-grin-tears,.fa-grin-tears{--fa:"\f588"}.fa-phone{--fa:"\f095"}.fa-calendar-times,.fa-calendar-xmark{--fa:"\f273"}.fa-child-reaching{--fa:"\e59d"}.fa-head-side-virus{--fa:"\e064"}.fa-user-cog,.fa-user-gear{--fa:"\f4fe"}.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:"\f163"}.fa-door-closed{--fa:"\f52a"}.fa-shield-virus{--fa:"\e06c"}.fa-dice-six{--fa:"\f526"}.fa-mosquito-net{--fa:"\e52c"}.fa-file-fragment{--fa:"\e697"}.fa-bridge-water{--fa:"\e4ce"}.fa-person-booth{--fa:"\f756"}.fa-text-width{--fa:"\f035"}.fa-hat-wizard{--fa:"\f6e8"}.fa-pen-fancy{--fa:"\f5ac"}.fa-digging,.fa-person-digging{--fa:"\f85e"}.fa-trash{--fa:"\f1f8"}.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:"\f629"}.fa-book-medical{--fa:"\f7e6"}.fa-poo{--fa:"\f2fe"}.fa-quote-right,.fa-quote-right-alt{--fa:"\f10e"}.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:"\f553"}.fa-cubes{--fa:"\f1b3"}.fa-divide{--fa:"\f529"}.fa-tenge,.fa-tenge-sign{--fa:"\f7d7"}.fa-headphones{--fa:"\f025"}.fa-hands-holding{--fa:"\f4c2"}.fa-hands-clapping{--fa:"\e1a8"}.fa-republican{--fa:"\f75e"}.fa-arrow-left{--fa:"\f060"}.fa-person-circle-xmark{--fa:"\e543"}.fa-ruler{--fa:"\f545"}.fa-align-left{--fa:"\f036"}.fa-dice-d6{--fa:"\f6d1"}.fa-restroom{--fa:"\f7bd"}.fa-j{--fa:"\4a"}.fa-users-viewfinder{--fa:"\e595"}.fa-file-video{--fa:"\f1c8"}.fa-external-link-alt,.fa-up-right-from-square{--fa:"\f35d"}.fa-table-cells,.fa-th{--fa:"\f00a"}.fa-file-pdf{--fa:"\f1c1"}.fa-bible,.fa-book-bible{--fa:"\f647"}.fa-o{--fa:"\4f"}.fa-medkit,.fa-suitcase-medical{--fa:"\f0fa"}.fa-user-secret{--fa:"\f21b"}.fa-otter{--fa:"\f700"}.fa-female,.fa-person-dress{--fa:"\f182"}.fa-comment-dollar{--fa:"\f651"}.fa-briefcase-clock,.fa-business-time{--fa:"\f64a"}.fa-table-cells-large,.fa-th-large{--fa:"\f009"}.fa-book-tanakh,.fa-tanakh{--fa:"\f827"}.fa-phone-volume,.fa-volume-control-phone{--fa:"\f2a0"}.fa-hat-cowboy-side{--fa:"\f8c1"}.fa-clipboard-user{--fa:"\f7f3"}.fa-child{--fa:"\f1ae"}.fa-lira-sign{--fa:"\f195"}.fa-satellite{--fa:"\f7bf"}.fa-plane-lock{--fa:"\e558"}.fa-tag{--fa:"\f02b"}.fa-comment{--fa:"\f075"}.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:"\f1fd"}.fa-envelope{--fa:"\f0e0"}.fa-angle-double-up,.fa-angles-up{--fa:"\f102"}.fa-paperclip{--fa:"\f0c6"}.fa-arrow-right-to-city{--fa:"\e4b3"}.fa-ribbon{--fa:"\f4d6"}.fa-lungs{--fa:"\f604"}.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:"\f887"}.fa-litecoin-sign{--fa:"\e1d3"}.fa-border-none{--fa:"\f850"}.fa-circle-nodes{--fa:"\e4e2"}.fa-parachute-box{--fa:"\f4cd"}.fa-indent{--fa:"\f03c"}.fa-truck-field-un{--fa:"\e58e"}.fa-hourglass,.fa-hourglass-empty{--fa:"\f254"}.fa-mountain{--fa:"\f6fc"}.fa-user-doctor,.fa-user-md{--fa:"\f0f0"}.fa-circle-info,.fa-info-circle{--fa:"\f05a"}.fa-cloud-meatball{--fa:"\f73b"}.fa-camera,.fa-camera-alt{--fa:"\f030"}.fa-square-virus{--fa:"\e578"}.fa-meteor{--fa:"\f753"}.fa-car-on{--fa:"\e4dd"}.fa-sleigh{--fa:"\f7cc"}.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:"\f162"}.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:"\f4c1"}.fa-water{--fa:"\f773"}.fa-calendar-check{--fa:"\f274"}.fa-braille{--fa:"\f2a1"}.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:"\f486"}.fa-landmark{--fa:"\f66f"}.fa-truck{--fa:"\f0d1"}.fa-crosshairs{--fa:"\f05b"}.fa-person-cane{--fa:"\e53c"}.fa-tent{--fa:"\e57d"}.fa-vest-patches{--fa:"\e086"}.fa-check-double{--fa:"\f560"}.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:"\f15d"}.fa-money-bill-wheat{--fa:"\e52a"}.fa-cookie{--fa:"\f563"}.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:"\f0e2"}.fa-hard-drive,.fa-hdd{--fa:"\f0a0"}.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:"\f586"}.fa-dumbbell{--fa:"\f44b"}.fa-list-alt,.fa-rectangle-list{--fa:"\f022"}.fa-tarp-droplet{--fa:"\e57c"}.fa-house-medical-circle-check{--fa:"\e511"}.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:"\f7ca"}.fa-calendar-plus{--fa:"\f271"}.fa-plane-arrival{--fa:"\f5af"}.fa-arrow-alt-circle-left,.fa-circle-left{--fa:"\f359"}.fa-subway,.fa-train-subway{--fa:"\f239"}.fa-chart-gantt{--fa:"\e0e4"}.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:"\e1bc"}.fa-crop-alt,.fa-crop-simple{--fa:"\f565"}.fa-money-bill-1,.fa-money-bill-alt{--fa:"\f3d1"}.fa-left-long,.fa-long-arrow-alt-left{--fa:"\f30a"}.fa-dna{--fa:"\f471"}.fa-virus-slash{--fa:"\e075"}.fa-minus,.fa-subtract{--fa:"\f068"}.fa-chess{--fa:"\f439"}.fa-arrow-left-long,.fa-long-arrow-left{--fa:"\f177"}.fa-plug-circle-check{--fa:"\e55c"}.fa-street-view{--fa:"\f21d"}.fa-franc-sign{--fa:"\e18f"}.fa-volume-off{--fa:"\f026"}.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:"\f2a3"}.fa-cog,.fa-gear{--fa:"\f013"}.fa-droplet-slash,.fa-tint-slash{--fa:"\f5c7"}.fa-mosque{--fa:"\f678"}.fa-mosquito{--fa:"\e52b"}.fa-star-of-david{--fa:"\f69a"}.fa-person-military-rifle{--fa:"\e54b"}.fa-cart-shopping,.fa-shopping-cart{--fa:"\f07a"}.fa-vials{--fa:"\f493"}.fa-plug-circle-plus{--fa:"\e55f"}.fa-place-of-worship{--fa:"\f67f"}.fa-grip-vertical{--fa:"\f58e"}.fa-hexagon-nodes{--fa:"\e699"}.fa-arrow-turn-up,.fa-level-up{--fa:"\f148"}.fa-u{--fa:"\55"}.fa-square-root-alt,.fa-square-root-variable{--fa:"\f698"}.fa-clock,.fa-clock-four{--fa:"\f017"}.fa-backward-step,.fa-step-backward{--fa:"\f048"}.fa-pallet{--fa:"\f482"}.fa-faucet{--fa:"\e005"}.fa-baseball-bat-ball{--fa:"\f432"}.fa-s{--fa:"\53"}.fa-timeline{--fa:"\e29c"}.fa-keyboard{--fa:"\f11c"}.fa-caret-down{--fa:"\f0d7"}.fa-clinic-medical,.fa-house-chimney-medical{--fa:"\f7f2"}.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:"\f2c8"}.fa-mobile-android-alt,.fa-mobile-screen{--fa:"\f3cf"}.fa-plane-up{--fa:"\e22d"}.fa-piggy-bank{--fa:"\f4d3"}.fa-battery-3,.fa-battery-half{--fa:"\f242"}.fa-mountain-city{--fa:"\e52e"}.fa-coins{--fa:"\f51e"}.fa-khanda{--fa:"\f66d"}.fa-sliders,.fa-sliders-h{--fa:"\f1de"}.fa-folder-tree{--fa:"\f802"}.fa-network-wired{--fa:"\f6ff"}.fa-map-pin{--fa:"\f276"}.fa-hamsa{--fa:"\f665"}.fa-cent-sign{--fa:"\e3f5"}.fa-flask{--fa:"\f0c3"}.fa-person-pregnant{--fa:"\e31e"}.fa-wand-sparkles{--fa:"\f72b"}.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:"\f142"}.fa-ticket{--fa:"\f145"}.fa-power-off{--fa:"\f011"}.fa-long-arrow-alt-right,.fa-right-long{--fa:"\f30b"}.fa-flag-usa{--fa:"\f74d"}.fa-laptop-file{--fa:"\e51d"}.fa-teletype,.fa-tty{--fa:"\f1e4"}.fa-diagram-next{--fa:"\e476"}.fa-person-rifle{--fa:"\e54e"}.fa-house-medical-circle-exclamation{--fa:"\e512"}.fa-closed-captioning{--fa:"\f20a"}.fa-hiking,.fa-person-hiking{--fa:"\f6ec"}.fa-venus-double{--fa:"\f226"}.fa-images{--fa:"\f302"}.fa-calculator{--fa:"\f1ec"}.fa-people-pulling{--fa:"\e535"}.fa-n{--fa:"\4e"}.fa-cable-car,.fa-tram{--fa:"\f7da"}.fa-cloud-rain{--fa:"\f73d"}.fa-building-circle-xmark{--fa:"\e4d4"}.fa-ship{--fa:"\f21a"}.fa-arrows-down-to-line{--fa:"\e4b8"}.fa-download{--fa:"\f019"}.fa-face-grin,.fa-grin{--fa:"\f580"}.fa-backspace,.fa-delete-left{--fa:"\f55a"}.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:"\f1fb"}.fa-file-circle-check{--fa:"\e5a0"}.fa-forward{--fa:"\f04e"}.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:"\f3ce"}.fa-face-meh,.fa-meh{--fa:"\f11a"}.fa-align-center{--fa:"\f037"}.fa-book-dead,.fa-book-skull{--fa:"\f6b7"}.fa-drivers-license,.fa-id-card{--fa:"\f2c2"}.fa-dedent,.fa-outdent{--fa:"\f03b"}.fa-heart-circle-exclamation{--fa:"\e4fe"}.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:"\f015"}.fa-calendar-week{--fa:"\f784"}.fa-laptop-medical{--fa:"\f812"}.fa-b{--fa:"\42"}.fa-file-medical{--fa:"\f477"}.fa-dice-one{--fa:"\f525"}.fa-kiwi-bird{--fa:"\f535"}.fa-arrow-right-arrow-left,.fa-exchange{--fa:"\f0ec"}.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:"\f2f9"}.fa-cutlery,.fa-utensils{--fa:"\f2e7"}.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:"\f161"}.fa-mill-sign{--fa:"\e1ed"}.fa-bowl-rice{--fa:"\e2eb"}.fa-skull{--fa:"\f54c"}.fa-broadcast-tower,.fa-tower-broadcast{--fa:"\f519"}.fa-truck-pickup{--fa:"\f63c"}.fa-long-arrow-alt-up,.fa-up-long{--fa:"\f30c"}.fa-stop{--fa:"\f04d"}.fa-code-merge{--fa:"\f387"}.fa-upload{--fa:"\f093"}.fa-hurricane{--fa:"\f751"}.fa-mound{--fa:"\e52d"}.fa-toilet-portable{--fa:"\e583"}.fa-compact-disc{--fa:"\f51f"}.fa-file-arrow-down,.fa-file-download{--fa:"\f56d"}.fa-caravan{--fa:"\f8ff"}.fa-shield-cat{--fa:"\e572"}.fa-bolt,.fa-zap{--fa:"\f0e7"}.fa-glass-water{--fa:"\e4f4"}.fa-oil-well{--fa:"\e532"}.fa-vault{--fa:"\e2c5"}.fa-mars{--fa:"\f222"}.fa-toilet{--fa:"\f7d8"}.fa-plane-circle-xmark{--fa:"\e557"}.fa-cny,.fa-jpy,.fa-rmb,.fa-yen,.fa-yen-sign{--fa:"\f157"}.fa-rouble,.fa-rub,.fa-ruble,.fa-ruble-sign{--fa:"\f158"}.fa-sun{--fa:"\f185"}.fa-guitar{--fa:"\f7a6"}.fa-face-laugh-wink,.fa-laugh-wink{--fa:"\f59c"}.fa-horse-head{--fa:"\f7ab"}.fa-bore-hole{--fa:"\e4c3"}.fa-industry{--fa:"\f275"}.fa-arrow-alt-circle-down,.fa-circle-down{--fa:"\f358"}.fa-arrows-turn-to-dots{--fa:"\e4c1"}.fa-florin-sign{--fa:"\e184"}.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:"\f884"}.fa-less-than{--fa:"\3c"}.fa-angle-down{--fa:"\f107"}.fa-car-tunnel{--fa:"\e4de"}.fa-head-side-cough{--fa:"\e061"}.fa-grip-lines{--fa:"\f7a4"}.fa-thumbs-down{--fa:"\f165"}.fa-user-lock{--fa:"\f502"}.fa-arrow-right-long,.fa-long-arrow-right{--fa:"\f178"}.fa-anchor-circle-xmark{--fa:"\e4ac"}.fa-ellipsis,.fa-ellipsis-h{--fa:"\f141"}.fa-chess-pawn{--fa:"\f443"}.fa-first-aid,.fa-kit-medical{--fa:"\f479"}.fa-person-through-window{--fa:"\e5a9"}.fa-toolbox{--fa:"\f552"}.fa-hands-holding-circle{--fa:"\e4fb"}.fa-bug{--fa:"\f188"}.fa-credit-card,.fa-credit-card-alt{--fa:"\f09d"}.fa-automobile,.fa-car{--fa:"\f1b9"}.fa-hand-holding-hand{--fa:"\e4f7"}.fa-book-open-reader,.fa-book-reader{--fa:"\f5da"}.fa-mountain-sun{--fa:"\e52f"}.fa-arrows-left-right-to-line{--fa:"\e4ba"}.fa-dice-d20{--fa:"\f6cf"}.fa-truck-droplet{--fa:"\e58c"}.fa-file-circle-xmark{--fa:"\e5a1"}.fa-temperature-arrow-up,.fa-temperature-up{--fa:"\e040"}.fa-medal{--fa:"\f5a2"}.fa-bed{--fa:"\f236"}.fa-h-square,.fa-square-h{--fa:"\f0fd"}.fa-podcast{--fa:"\f2ce"}.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:"\f2c7"}.fa-bell{--fa:"\f0f3"}.fa-superscript{--fa:"\f12b"}.fa-plug-circle-xmark{--fa:"\e560"}.fa-star-of-life{--fa:"\f621"}.fa-phone-slash{--fa:"\f3dd"}.fa-paint-roller{--fa:"\f5aa"}.fa-hands-helping,.fa-handshake-angle{--fa:"\f4c4"}.fa-location-dot,.fa-map-marker-alt{--fa:"\f3c5"}.fa-file{--fa:"\f15b"}.fa-greater-than{--fa:"\3e"}.fa-person-swimming,.fa-swimmer{--fa:"\f5c4"}.fa-arrow-down{--fa:"\f063"}.fa-droplet,.fa-tint{--fa:"\f043"}.fa-eraser{--fa:"\f12d"}.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:"\f57d"}.fa-person-burst{--fa:"\e53b"}.fa-dove{--fa:"\f4ba"}.fa-battery-0,.fa-battery-empty{--fa:"\f244"}.fa-socks{--fa:"\f696"}.fa-inbox{--fa:"\f01c"}.fa-section{--fa:"\e447"}.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:"\f625"}.fa-envelope-open-text{--fa:"\f658"}.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:"\f0f8"}.fa-wine-bottle{--fa:"\f72f"}.fa-chess-rook{--fa:"\f447"}.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:"\f550"}.fa-dharmachakra{--fa:"\f655"}.fa-hotdog{--fa:"\f80f"}.fa-blind,.fa-person-walking-with-cane{--fa:"\f29d"}.fa-drum{--fa:"\f569"}.fa-ice-cream{--fa:"\f810"}.fa-heart-circle-bolt{--fa:"\e4fc"}.fa-fax{--fa:"\f1ac"}.fa-paragraph{--fa:"\f1dd"}.fa-check-to-slot,.fa-vote-yea{--fa:"\f772"}.fa-star-half{--fa:"\f089"}.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:"\f468"}.fa-chain,.fa-link{--fa:"\f0c1"}.fa-assistive-listening-systems,.fa-ear-listen{--fa:"\f2a2"}.fa-tree-city{--fa:"\e587"}.fa-play{--fa:"\f04b"}.fa-font{--fa:"\f031"}.fa-table-cells-row-lock{--fa:"\e67a"}.fa-rupiah-sign{--fa:"\e23d"}.fa-magnifying-glass,.fa-search{--fa:"\f002"}.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:"\f45d"}.fa-diagnoses,.fa-person-dots-from-line{--fa:"\f470"}.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:"\f82a"}.fa-naira-sign{--fa:"\e1f6"}.fa-cart-arrow-down{--fa:"\f218"}.fa-walkie-talkie{--fa:"\f8ef"}.fa-file-edit,.fa-file-pen{--fa:"\f31c"}.fa-receipt{--fa:"\f543"}.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:"\f14b"}.fa-suitcase-rolling{--fa:"\f5c1"}.fa-person-circle-exclamation{--fa:"\e53f"}.fa-chevron-down{--fa:"\f078"}.fa-battery,.fa-battery-5,.fa-battery-full{--fa:"\f240"}.fa-skull-crossbones{--fa:"\f714"}.fa-code-compare{--fa:"\e13a"}.fa-list-dots,.fa-list-ul{--fa:"\f0ca"}.fa-school-lock{--fa:"\e56f"}.fa-tower-cell{--fa:"\e585"}.fa-down-long,.fa-long-arrow-alt-down{--fa:"\f309"}.fa-ranking-star{--fa:"\e561"}.fa-chess-king{--fa:"\f43f"}.fa-person-harassing{--fa:"\e549"}.fa-brazilian-real-sign{--fa:"\e46c"}.fa-landmark-alt,.fa-landmark-dome{--fa:"\f752"}.fa-arrow-up{--fa:"\f062"}.fa-television,.fa-tv,.fa-tv-alt{--fa:"\f26c"}.fa-shrimp{--fa:"\e448"}.fa-list-check,.fa-tasks{--fa:"\f0ae"}.fa-jug-detergent{--fa:"\e519"}.fa-circle-user,.fa-user-circle{--fa:"\f2bd"}.fa-user-shield{--fa:"\f505"}.fa-wind{--fa:"\f72e"}.fa-car-burst,.fa-car-crash{--fa:"\f5e1"}.fa-y{--fa:"\59"}.fa-person-snowboarding,.fa-snowboarding{--fa:"\f7ce"}.fa-shipping-fast,.fa-truck-fast{--fa:"\f48b"}.fa-fish{--fa:"\f578"}.fa-user-graduate{--fa:"\f501"}.fa-adjust,.fa-circle-half-stroke{--fa:"\f042"}.fa-clapperboard{--fa:"\e131"}.fa-circle-radiation,.fa-radiation-alt{--fa:"\f7ba"}.fa-baseball,.fa-baseball-ball{--fa:"\f433"}.fa-jet-fighter-up{--fa:"\e518"}.fa-diagram-project,.fa-project-diagram{--fa:"\f542"}.fa-copy{--fa:"\f0c5"}.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:"\f6a9"}.fa-hand-sparkles{--fa:"\e05d"}.fa-grip,.fa-grip-horizontal{--fa:"\f58d"}.fa-share-from-square,.fa-share-square{--fa:"\f14d"}.fa-child-combatant,.fa-child-rifle{--fa:"\e4e0"}.fa-gun{--fa:"\e19b"}.fa-phone-square,.fa-square-phone{--fa:"\f098"}.fa-add,.fa-plus{--fa:"\2b"}.fa-expand{--fa:"\f065"}.fa-computer{--fa:"\e4e5"}.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:"\f00d"}.fa-arrows,.fa-arrows-up-down-left-right{--fa:"\f047"}.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:"\f51c"}.fa-peso-sign{--fa:"\e222"}.fa-building-shield{--fa:"\e4d8"}.fa-baby{--fa:"\f77c"}.fa-users-line{--fa:"\e592"}.fa-quote-left,.fa-quote-left-alt{--fa:"\f10d"}.fa-tractor{--fa:"\f722"}.fa-trash-arrow-up,.fa-trash-restore{--fa:"\f829"}.fa-arrow-down-up-lock{--fa:"\e4b0"}.fa-lines-leaning{--fa:"\e51e"}.fa-ruler-combined{--fa:"\f546"}.fa-copyright{--fa:"\f1f9"}.fa-equals{--fa:"\3d"}.fa-blender{--fa:"\f517"}.fa-teeth{--fa:"\f62e"}.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:"\f20b"}.fa-map{--fa:"\f279"}.fa-rocket{--fa:"\f135"}.fa-photo-film,.fa-photo-video{--fa:"\f87c"}.fa-folder-minus{--fa:"\f65d"}.fa-hexagon-nodes-bolt{--fa:"\e69a"}.fa-store{--fa:"\f54e"}.fa-arrow-trend-up{--fa:"\e098"}.fa-plug-circle-minus{--fa:"\e55e"}.fa-sign,.fa-sign-hanging{--fa:"\f4d9"}.fa-bezier-curve{--fa:"\f55b"}.fa-bell-slash{--fa:"\f1f6"}.fa-tablet,.fa-tablet-android{--fa:"\f3fb"}.fa-school-flag{--fa:"\e56e"}.fa-fill{--fa:"\f575"}.fa-angle-up{--fa:"\f106"}.fa-drumstick-bite{--fa:"\f6d7"}.fa-holly-berry{--fa:"\f7aa"}.fa-chevron-left{--fa:"\f053"}.fa-bacteria{--fa:"\e059"}.fa-hand-lizard{--fa:"\f258"}.fa-notdef{--fa:"\e1fe"}.fa-disease{--fa:"\f7fa"}.fa-briefcase-medical{--fa:"\f469"}.fa-genderless{--fa:"\f22d"}.fa-chevron-right{--fa:"\f054"}.fa-retweet{--fa:"\f079"}.fa-car-alt,.fa-car-rear{--fa:"\f5de"}.fa-pump-soap{--fa:"\e06b"}.fa-video-slash{--fa:"\f4e2"}.fa-battery-2,.fa-battery-quarter{--fa:"\f243"}.fa-radio{--fa:"\f8d7"}.fa-baby-carriage,.fa-carriage-baby{--fa:"\f77d"}.fa-traffic-light{--fa:"\f637"}.fa-thermometer{--fa:"\f491"}.fa-vr-cardboard{--fa:"\f729"}.fa-hand-middle-finger{--fa:"\f806"}.fa-percent,.fa-percentage{--fa:"\25"}.fa-truck-moving{--fa:"\f4df"}.fa-glass-water-droplet{--fa:"\e4f5"}.fa-display{--fa:"\e163"}.fa-face-smile,.fa-smile{--fa:"\f118"}.fa-thumb-tack,.fa-thumbtack{--fa:"\f08d"}.fa-trophy{--fa:"\f091"}.fa-person-praying,.fa-pray{--fa:"\f683"}.fa-hammer{--fa:"\f6e3"}.fa-hand-peace{--fa:"\f25b"}.fa-rotate,.fa-sync-alt{--fa:"\f2f1"}.fa-spinner{--fa:"\f110"}.fa-robot{--fa:"\f544"}.fa-peace{--fa:"\f67c"}.fa-cogs,.fa-gears{--fa:"\f085"}.fa-warehouse{--fa:"\f494"}.fa-arrow-up-right-dots{--fa:"\e4b7"}.fa-splotch{--fa:"\f5bc"}.fa-face-grin-hearts,.fa-grin-hearts{--fa:"\f584"}.fa-dice-four{--fa:"\f524"}.fa-sim-card{--fa:"\f7c4"}.fa-transgender,.fa-transgender-alt{--fa:"\f225"}.fa-mercury{--fa:"\f223"}.fa-arrow-turn-down,.fa-level-down{--fa:"\f149"}.fa-person-falling-burst{--fa:"\e547"}.fa-award{--fa:"\f559"}.fa-ticket-alt,.fa-ticket-simple{--fa:"\f3ff"}.fa-building{--fa:"\f1ad"}.fa-angle-double-left,.fa-angles-left{--fa:"\f100"}.fa-qrcode{--fa:"\f029"}.fa-clock-rotate-left,.fa-history{--fa:"\f1da"}.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:"\f583"}.fa-arrow-right-from-file,.fa-file-export{--fa:"\f56e"}.fa-shield,.fa-shield-blank{--fa:"\f132"}.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:"\f885"}.fa-comment-nodes{--fa:"\e696"}.fa-house-medical{--fa:"\e3b2"}.fa-golf-ball,.fa-golf-ball-tee{--fa:"\f450"}.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:"\f137"}.fa-house-chimney-window{--fa:"\e00d"}.fa-pen-nib{--fa:"\f5ad"}.fa-tent-arrow-turn-left{--fa:"\e580"}.fa-tents{--fa:"\e582"}.fa-magic,.fa-wand-magic{--fa:"\f0d0"}.fa-dog{--fa:"\f6d3"}.fa-carrot{--fa:"\f787"}.fa-moon{--fa:"\f186"}.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:"\f5ce"}.fa-cheese{--fa:"\f7ef"}.fa-yin-yang{--fa:"\f6ad"}.fa-music{--fa:"\f001"}.fa-code-commit{--fa:"\f386"}.fa-temperature-low{--fa:"\f76b"}.fa-biking,.fa-person-biking{--fa:"\f84a"}.fa-broom{--fa:"\f51a"}.fa-shield-heart{--fa:"\e574"}.fa-gopuram{--fa:"\f664"}.fa-earth-oceania,.fa-globe-oceania{--fa:"\e47b"}.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:"\f2d3"}.fa-hashtag{--fa:"\23"}.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:"\f424"}.fa-oil-can{--fa:"\f613"}.fa-t{--fa:"\54"}.fa-hippo{--fa:"\f6ed"}.fa-chart-column{--fa:"\e0e3"}.fa-infinity{--fa:"\f534"}.fa-vial-circle-check{--fa:"\e596"}.fa-person-arrow-down-to-line{--fa:"\e538"}.fa-voicemail{--fa:"\f897"}.fa-fan{--fa:"\f863"}.fa-person-walking-luggage{--fa:"\e554"}.fa-arrows-alt-v,.fa-up-down{--fa:"\f338"}.fa-cloud-moon-rain{--fa:"\f73c"}.fa-calendar{--fa:"\f133"}.fa-trailer{--fa:"\e041"}.fa-bahai,.fa-haykal{--fa:"\f666"}.fa-sd-card{--fa:"\f7c2"}.fa-dragon{--fa:"\f6d5"}.fa-shoe-prints{--fa:"\f54b"}.fa-circle-plus,.fa-plus-circle{--fa:"\f055"}.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:"\f58b"}.fa-hand-holding{--fa:"\f4bd"}.fa-plug-circle-exclamation{--fa:"\e55d"}.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:"\f127"}.fa-clone{--fa:"\f24d"}.fa-person-walking-arrow-loop-left{--fa:"\e551"}.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:"\f882"}.fa-fire-alt,.fa-fire-flame-curved{--fa:"\f7e4"}.fa-tornado{--fa:"\f76f"}.fa-file-circle-plus{--fa:"\e494"}.fa-book-quran,.fa-quran{--fa:"\f687"}.fa-anchor{--fa:"\f13d"}.fa-border-all{--fa:"\f84c"}.fa-angry,.fa-face-angry{--fa:"\f556"}.fa-cookie-bite{--fa:"\f564"}.fa-arrow-trend-down{--fa:"\e097"}.fa-feed,.fa-rss{--fa:"\f09e"}.fa-draw-polygon{--fa:"\f5ee"}.fa-balance-scale,.fa-scale-balanced{--fa:"\f24e"}.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:"\f62a"}.fa-shower{--fa:"\f2cc"}.fa-desktop,.fa-desktop-alt{--fa:"\f390"}.fa-m{--fa:"\4d"}.fa-table-list,.fa-th-list{--fa:"\f00b"}.fa-comment-sms,.fa-sms{--fa:"\f7cd"}.fa-book{--fa:"\f02d"}.fa-user-plus{--fa:"\f234"}.fa-check{--fa:"\f00c"}.fa-battery-4,.fa-battery-three-quarters{--fa:"\f241"}.fa-house-circle-check{--fa:"\e509"}.fa-angle-left{--fa:"\f104"}.fa-diagram-successor{--fa:"\e47a"}.fa-truck-arrow-right{--fa:"\e58b"}.fa-arrows-split-up-and-left{--fa:"\e4bc"}.fa-fist-raised,.fa-hand-fist{--fa:"\f6de"}.fa-cloud-moon{--fa:"\f6c3"}.fa-briefcase{--fa:"\f0b1"}.fa-person-falling{--fa:"\e546"}.fa-image-portrait,.fa-portrait{--fa:"\f3e0"}.fa-user-tag{--fa:"\f507"}.fa-rug{--fa:"\e569"}.fa-earth-europe,.fa-globe-europe{--fa:"\f7a2"}.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:"\f59d"}.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:"\f410"}.fa-baht-sign{--fa:"\e0ac"}.fa-book-open{--fa:"\f518"}.fa-book-journal-whills,.fa-journal-whills{--fa:"\f66a"}.fa-handcuffs{--fa:"\e4f8"}.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:"\f071"}.fa-database{--fa:"\f1c0"}.fa-mail-forward,.fa-share{--fa:"\f064"}.fa-bottle-droplet{--fa:"\e4c4"}.fa-mask-face{--fa:"\e1d7"}.fa-hill-rockslide{--fa:"\e508"}.fa-exchange-alt,.fa-right-left{--fa:"\f362"}.fa-paper-plane{--fa:"\f1d8"}.fa-road-circle-exclamation{--fa:"\e565"}.fa-dungeon{--fa:"\f6d9"}.fa-align-right{--fa:"\f038"}.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:"\f53b"}.fa-life-ring{--fa:"\f1cd"}.fa-hands,.fa-sign-language,.fa-signing{--fa:"\f2a7"}.fa-calendar-day{--fa:"\f783"}.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:"\f5c5"}.fa-arrows-up-down,.fa-arrows-v{--fa:"\f07d"}.fa-face-grimace,.fa-grimace{--fa:"\f57f"}.fa-wheelchair-alt,.fa-wheelchair-move{--fa:"\e2ce"}.fa-level-down-alt,.fa-turn-down{--fa:"\f3be"}.fa-person-walking-arrow-right{--fa:"\e552"}.fa-envelope-square,.fa-square-envelope{--fa:"\f199"}.fa-dice{--fa:"\f522"}.fa-bowling-ball{--fa:"\f436"}.fa-brain{--fa:"\f5dc"}.fa-band-aid,.fa-bandage{--fa:"\f462"}.fa-calendar-minus{--fa:"\f272"}.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:"\f057"}.fa-gifts{--fa:"\f79c"}.fa-hotel{--fa:"\f594"}.fa-earth-asia,.fa-globe-asia{--fa:"\f57e"}.fa-id-card-alt,.fa-id-card-clip{--fa:"\f47f"}.fa-magnifying-glass-plus,.fa-search-plus{--fa:"\f00e"}.fa-thumbs-up{--fa:"\f164"}.fa-user-clock{--fa:"\f4fd"}.fa-allergies,.fa-hand-dots{--fa:"\f461"}.fa-file-invoice{--fa:"\f570"}.fa-window-minimize{--fa:"\f2d1"}.fa-coffee,.fa-mug-saucer{--fa:"\f0f4"}.fa-brush{--fa:"\f55d"}.fa-file-half-dashed{--fa:"\e698"}.fa-mask{--fa:"\f6fa"}.fa-magnifying-glass-minus,.fa-search-minus{--fa:"\f010"}.fa-ruler-vertical{--fa:"\f548"}.fa-user-alt,.fa-user-large{--fa:"\f406"}.fa-train-tram{--fa:"\e5b4"}.fa-user-nurse{--fa:"\f82f"}.fa-syringe{--fa:"\f48e"}.fa-cloud-sun{--fa:"\f6c4"}.fa-stopwatch-20{--fa:"\e06f"}.fa-square-full{--fa:"\f45c"}.fa-magnet{--fa:"\f076"}.fa-jar{--fa:"\e516"}.fa-note-sticky,.fa-sticky-note{--fa:"\f249"}.fa-bug-slash{--fa:"\e490"}.fa-arrow-up-from-water-pump{--fa:"\e4b6"}.fa-bone{--fa:"\f5d7"}.fa-table-cells-row-unlock{--fa:"\e691"}.fa-user-injured{--fa:"\f728"}.fa-face-sad-tear,.fa-sad-tear{--fa:"\f5b4"}.fa-plane{--fa:"\f072"}.fa-tent-arrows-down{--fa:"\e581"}.fa-exclamation{--fa:"\21"}.fa-arrows-spin{--fa:"\e4bb"}.fa-print{--fa:"\f02f"}.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:"\e2bb"}.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"\24"}.fa-x{--fa:"\58"}.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:"\f688"}.fa-users-cog,.fa-users-gear{--fa:"\f509"}.fa-person-military-pointing{--fa:"\e54a"}.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:"\f19c"}.fa-umbrella{--fa:"\f0e9"}.fa-trowel{--fa:"\e589"}.fa-d{--fa:"\44"}.fa-stapler{--fa:"\e5af"}.fa-masks-theater,.fa-theater-masks{--fa:"\f630"}.fa-kip-sign{--fa:"\e1c4"}.fa-hand-point-left{--fa:"\f0a5"}.fa-handshake-alt,.fa-handshake-simple{--fa:"\f4c6"}.fa-fighter-jet,.fa-jet-fighter{--fa:"\f0fb"}.fa-share-alt-square,.fa-square-share-nodes{--fa:"\f1e1"}.fa-barcode{--fa:"\f02a"}.fa-plus-minus{--fa:"\e43c"}.fa-video,.fa-video-camera{--fa:"\f03d"}.fa-graduation-cap,.fa-mortar-board{--fa:"\f19d"}.fa-hand-holding-medical{--fa:"\e05c"}.fa-person-circle-check{--fa:"\e53e"}.fa-level-up-alt,.fa-turn-up{--fa:"\f3bf"}
.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(/assets/@fortawesome/fontawesome-free/webfonts/fa-solid-900-64214b0a6635e69b2722c690f29506337eccbc40c088f7f5bc4e42b361d162a8.woff2) format("woff2")}.fa-solid,.fas{font-weight:900}
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(/assets/@fortawesome/fontawesome-free/webfonts/fa-regular-400-1cd36d00df15fd48055bbc42daf8a494228887c26255da15c70c7cff5b31e107.woff2) format("woff2")}.fa-regular,.far{font-weight:400}
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/assets/@fortawesome/fontawesome-free/webfonts/fa-brands-400-1f56bc1732fed207bf092be076fd531aa7e15e8af32fd4ce2e98ef278d385bac.woff2) format("woff2")}.fa-brands,.fab{font-weight:400}.fa-monero{--fa:"\f3d0"}.fa-hooli{--fa:"\f427"}.fa-yelp{--fa:"\f1e9"}.fa-cc-visa{--fa:"\f1f0"}.fa-lastfm{--fa:"\f202"}.fa-shopware{--fa:"\f5b5"}.fa-creative-commons-nc{--fa:"\f4e8"}.fa-aws{--fa:"\f375"}.fa-redhat{--fa:"\f7bc"}.fa-yoast{--fa:"\f2b1"}.fa-cloudflare{--fa:"\e07d"}.fa-ups{--fa:"\f7e0"}.fa-pixiv{--fa:"\e640"}.fa-wpexplorer{--fa:"\f2de"}.fa-dyalog{--fa:"\f399"}.fa-bity{--fa:"\f37a"}.fa-stackpath{--fa:"\f842"}.fa-buysellads{--fa:"\f20d"}.fa-first-order{--fa:"\f2b0"}.fa-modx{--fa:"\f285"}.fa-guilded{--fa:"\e07e"}.fa-vnv{--fa:"\f40b"}.fa-js-square,.fa-square-js{--fa:"\f3b9"}.fa-microsoft{--fa:"\f3ca"}.fa-qq{--fa:"\f1d6"}.fa-orcid{--fa:"\f8d2"}.fa-java{--fa:"\f4e4"}.fa-invision{--fa:"\f7b0"}.fa-creative-commons-pd-alt{--fa:"\f4ed"}.fa-centercode{--fa:"\f380"}.fa-glide-g{--fa:"\f2a6"}.fa-drupal{--fa:"\f1a9"}.fa-jxl{--fa:"\e67b"}.fa-dart-lang{--fa:"\e693"}.fa-hire-a-helper{--fa:"\f3b0"}.fa-creative-commons-by{--fa:"\f4e7"}.fa-unity{--fa:"\e049"}.fa-whmcs{--fa:"\f40d"}.fa-rocketchat{--fa:"\f3e8"}.fa-vk{--fa:"\f189"}.fa-untappd{--fa:"\f405"}.fa-mailchimp{--fa:"\f59e"}.fa-css3-alt{--fa:"\f38b"}.fa-reddit-square,.fa-square-reddit{--fa:"\f1a2"}.fa-vimeo-v{--fa:"\f27d"}.fa-contao{--fa:"\f26d"}.fa-square-font-awesome{--fa:"\e5ad"}.fa-deskpro{--fa:"\f38f"}.fa-brave{--fa:"\e63c"}.fa-sistrix{--fa:"\f3ee"}.fa-instagram-square,.fa-square-instagram{--fa:"\e055"}.fa-battle-net{--fa:"\f835"}.fa-the-red-yeti{--fa:"\f69d"}.fa-hacker-news-square,.fa-square-hacker-news{--fa:"\f3af"}.fa-edge{--fa:"\f282"}.fa-threads{--fa:"\e618"}.fa-napster{--fa:"\f3d2"}.fa-snapchat-square,.fa-square-snapchat{--fa:"\f2ad"}.fa-google-plus-g{--fa:"\f0d5"}.fa-artstation{--fa:"\f77a"}.fa-markdown{--fa:"\f60f"}.fa-sourcetree{--fa:"\f7d3"}.fa-google-plus{--fa:"\f2b3"}.fa-diaspora{--fa:"\f791"}.fa-foursquare{--fa:"\f180"}.fa-stack-overflow{--fa:"\f16c"}.fa-github-alt{--fa:"\f113"}.fa-phoenix-squadron{--fa:"\f511"}.fa-pagelines{--fa:"\f18c"}.fa-algolia{--fa:"\f36c"}.fa-red-river{--fa:"\f3e3"}.fa-creative-commons-sa{--fa:"\f4ef"}.fa-safari{--fa:"\f267"}.fa-google{--fa:"\f1a0"}.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:"\f35c"}.fa-atlassian{--fa:"\f77b"}.fa-linkedin-in{--fa:"\f0e1"}.fa-digital-ocean{--fa:"\f391"}.fa-nimblr{--fa:"\f5a8"}.fa-chromecast{--fa:"\f838"}.fa-evernote{--fa:"\f839"}.fa-hacker-news{--fa:"\f1d4"}.fa-creative-commons-sampling{--fa:"\f4f0"}.fa-adversal{--fa:"\f36a"}.fa-creative-commons{--fa:"\f25e"}.fa-watchman-monitoring{--fa:"\e087"}.fa-fonticons{--fa:"\f280"}.fa-weixin{--fa:"\f1d7"}.fa-shirtsinbulk{--fa:"\f214"}.fa-codepen{--fa:"\f1cb"}.fa-git-alt{--fa:"\f841"}.fa-lyft{--fa:"\f3c3"}.fa-rev{--fa:"\f5b2"}.fa-windows{--fa:"\f17a"}.fa-wizards-of-the-coast{--fa:"\f730"}.fa-square-viadeo,.fa-viadeo-square{--fa:"\f2aa"}.fa-meetup{--fa:"\f2e0"}.fa-centos{--fa:"\f789"}.fa-adn{--fa:"\f170"}.fa-cloudsmith{--fa:"\f384"}.fa-opensuse{--fa:"\e62b"}.fa-pied-piper-alt{--fa:"\f1a8"}.fa-dribbble-square,.fa-square-dribbble{--fa:"\f397"}.fa-codiepie{--fa:"\f284"}.fa-node{--fa:"\f419"}.fa-mix{--fa:"\f3cb"}.fa-steam{--fa:"\f1b6"}.fa-cc-apple-pay{--fa:"\f416"}.fa-scribd{--fa:"\f28a"}.fa-debian{--fa:"\e60b"}.fa-openid{--fa:"\f19b"}.fa-instalod{--fa:"\e081"}.fa-files-pinwheel{--fa:"\e69f"}.fa-expeditedssl{--fa:"\f23e"}.fa-sellcast{--fa:"\f2da"}.fa-square-twitter,.fa-twitter-square{--fa:"\f081"}.fa-r-project{--fa:"\f4f7"}.fa-delicious{--fa:"\f1a5"}.fa-freebsd{--fa:"\f3a4"}.fa-vuejs{--fa:"\f41f"}.fa-accusoft{--fa:"\f369"}.fa-ioxhost{--fa:"\f208"}.fa-fonticons-fi{--fa:"\f3a2"}.fa-app-store{--fa:"\f36f"}.fa-cc-mastercard{--fa:"\f1f1"}.fa-itunes-note{--fa:"\f3b5"}.fa-golang{--fa:"\e40f"}.fa-kickstarter,.fa-square-kickstarter{--fa:"\f3bb"}.fa-grav{--fa:"\f2d6"}.fa-weibo{--fa:"\f18a"}.fa-uncharted{--fa:"\e084"}.fa-firstdraft{--fa:"\f3a1"}.fa-square-youtube,.fa-youtube-square{--fa:"\f431"}.fa-wikipedia-w{--fa:"\f266"}.fa-rendact,.fa-wpressr{--fa:"\f3e4"}.fa-angellist{--fa:"\f209"}.fa-galactic-republic{--fa:"\f50c"}.fa-nfc-directional{--fa:"\e530"}.fa-skype{--fa:"\f17e"}.fa-joget{--fa:"\f3b7"}.fa-fedora{--fa:"\f798"}.fa-stripe-s{--fa:"\f42a"}.fa-meta{--fa:"\e49b"}.fa-laravel{--fa:"\f3bd"}.fa-hotjar{--fa:"\f3b1"}.fa-bluetooth-b{--fa:"\f294"}.fa-square-letterboxd{--fa:"\e62e"}.fa-sticker-mule{--fa:"\f3f7"}.fa-creative-commons-zero{--fa:"\f4f3"}.fa-hips{--fa:"\f452"}.fa-css{--fa:"\e6a2"}.fa-behance{--fa:"\f1b4"}.fa-reddit{--fa:"\f1a1"}.fa-discord{--fa:"\f392"}.fa-chrome{--fa:"\f268"}.fa-app-store-ios{--fa:"\f370"}.fa-cc-discover{--fa:"\f1f2"}.fa-wpbeginner{--fa:"\f297"}.fa-confluence{--fa:"\f78d"}.fa-shoelace{--fa:"\e60c"}.fa-mdb{--fa:"\f8ca"}.fa-dochub{--fa:"\f394"}.fa-accessible-icon{--fa:"\f368"}.fa-ebay{--fa:"\f4f4"}.fa-amazon{--fa:"\f270"}.fa-unsplash{--fa:"\e07c"}.fa-yarn{--fa:"\f7e3"}.fa-square-steam,.fa-steam-square{--fa:"\f1b7"}.fa-500px{--fa:"\f26e"}.fa-square-vimeo,.fa-vimeo-square{--fa:"\f194"}.fa-asymmetrik{--fa:"\f372"}.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:"\f2b4"}.fa-gratipay{--fa:"\f184"}.fa-apple{--fa:"\f179"}.fa-hive{--fa:"\e07f"}.fa-gitkraken{--fa:"\f3a6"}.fa-keybase{--fa:"\f4f5"}.fa-apple-pay{--fa:"\f415"}.fa-padlet{--fa:"\e4a0"}.fa-amazon-pay{--fa:"\f42c"}.fa-github-square,.fa-square-github{--fa:"\f092"}.fa-stumbleupon{--fa:"\f1a4"}.fa-fedex{--fa:"\f797"}.fa-phoenix-framework{--fa:"\f3dc"}.fa-shopify{--fa:"\e057"}.fa-neos{--fa:"\f612"}.fa-square-threads{--fa:"\e619"}.fa-hackerrank{--fa:"\f5f7"}.fa-researchgate{--fa:"\f4f8"}.fa-swift{--fa:"\f8e1"}.fa-angular{--fa:"\f420"}.fa-speakap{--fa:"\f3f3"}.fa-angrycreative{--fa:"\f36e"}.fa-y-combinator{--fa:"\f23b"}.fa-empire{--fa:"\f1d1"}.fa-envira{--fa:"\f299"}.fa-google-scholar{--fa:"\e63b"}.fa-gitlab-square,.fa-square-gitlab{--fa:"\e5ae"}.fa-studiovinari{--fa:"\f3f8"}.fa-pied-piper{--fa:"\f2ae"}.fa-wordpress{--fa:"\f19a"}.fa-product-hunt{--fa:"\f288"}.fa-firefox{--fa:"\f269"}.fa-linode{--fa:"\f2b8"}.fa-goodreads{--fa:"\f3a8"}.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:"\f264"}.fa-jsfiddle{--fa:"\f1cc"}.fa-sith{--fa:"\f512"}.fa-themeisle{--fa:"\f2b2"}.fa-page4{--fa:"\f3d7"}.fa-hashnode{--fa:"\e499"}.fa-react{--fa:"\f41b"}.fa-cc-paypal{--fa:"\f1f4"}.fa-squarespace{--fa:"\f5be"}.fa-cc-stripe{--fa:"\f1f5"}.fa-creative-commons-share{--fa:"\f4f2"}.fa-bitcoin{--fa:"\f379"}.fa-keycdn{--fa:"\f3ba"}.fa-opera{--fa:"\f26a"}.fa-itch-io{--fa:"\f83a"}.fa-umbraco{--fa:"\f8e8"}.fa-galactic-senate{--fa:"\f50d"}.fa-ubuntu{--fa:"\f7df"}.fa-draft2digital{--fa:"\f396"}.fa-stripe{--fa:"\f429"}.fa-houzz{--fa:"\f27c"}.fa-gg{--fa:"\f260"}.fa-dhl{--fa:"\f790"}.fa-pinterest-square,.fa-square-pinterest{--fa:"\f0d3"}.fa-xing{--fa:"\f168"}.fa-blackberry{--fa:"\f37b"}.fa-creative-commons-pd{--fa:"\f4ec"}.fa-playstation{--fa:"\f3df"}.fa-quinscape{--fa:"\f459"}.fa-less{--fa:"\f41d"}.fa-blogger-b{--fa:"\f37d"}.fa-opencart{--fa:"\f23d"}.fa-vine{--fa:"\f1ca"}.fa-signal-messenger{--fa:"\e663"}.fa-paypal{--fa:"\f1ed"}.fa-gitlab{--fa:"\f296"}.fa-typo3{--fa:"\f42b"}.fa-reddit-alien{--fa:"\f281"}.fa-yahoo{--fa:"\f19e"}.fa-dailymotion{--fa:"\e052"}.fa-affiliatetheme{--fa:"\f36b"}.fa-pied-piper-pp{--fa:"\f1a7"}.fa-bootstrap{--fa:"\f836"}.fa-odnoklassniki{--fa:"\f263"}.fa-nfc-symbol{--fa:"\e531"}.fa-mintbit{--fa:"\e62f"}.fa-ethereum{--fa:"\f42e"}.fa-speaker-deck{--fa:"\f83c"}.fa-creative-commons-nc-eu{--fa:"\f4e9"}.fa-patreon{--fa:"\f3d9"}.fa-avianex{--fa:"\f374"}.fa-ello{--fa:"\f5f1"}.fa-gofore{--fa:"\f3a7"}.fa-bimobject{--fa:"\f378"}.fa-brave-reverse{--fa:"\e63d"}.fa-facebook-f{--fa:"\f39e"}.fa-google-plus-square,.fa-square-google-plus{--fa:"\f0d4"}.fa-web-awesome{--fa:"\e682"}.fa-mandalorian{--fa:"\f50f"}.fa-first-order-alt{--fa:"\f50a"}.fa-osi{--fa:"\f41a"}.fa-google-wallet{--fa:"\f1ee"}.fa-d-and-d-beyond{--fa:"\f6ca"}.fa-periscope{--fa:"\f3da"}.fa-fulcrum{--fa:"\f50b"}.fa-cloudscale{--fa:"\f383"}.fa-forumbee{--fa:"\f211"}.fa-mizuni{--fa:"\f3cc"}.fa-schlix{--fa:"\f3ea"}.fa-square-xing,.fa-xing-square{--fa:"\f169"}.fa-bandcamp{--fa:"\f2d5"}.fa-wpforms{--fa:"\f298"}.fa-cloudversify{--fa:"\f385"}.fa-usps{--fa:"\f7e1"}.fa-megaport{--fa:"\f5a3"}.fa-magento{--fa:"\f3c4"}.fa-spotify{--fa:"\f1bc"}.fa-optin-monster{--fa:"\f23c"}.fa-fly{--fa:"\f417"}.fa-square-bluesky{--fa:"\e6a3"}.fa-aviato{--fa:"\f421"}.fa-itunes{--fa:"\f3b4"}.fa-cuttlefish{--fa:"\f38c"}.fa-blogger{--fa:"\f37c"}.fa-flickr{--fa:"\f16e"}.fa-viber{--fa:"\f409"}.fa-soundcloud{--fa:"\f1be"}.fa-digg{--fa:"\f1a6"}.fa-tencent-weibo{--fa:"\f1d5"}.fa-letterboxd{--fa:"\e62d"}.fa-symfony{--fa:"\f83d"}.fa-maxcdn{--fa:"\f136"}.fa-etsy{--fa:"\f2d7"}.fa-facebook-messenger{--fa:"\f39f"}.fa-audible{--fa:"\f373"}.fa-think-peaks{--fa:"\f731"}.fa-bilibili{--fa:"\e3d9"}.fa-erlang{--fa:"\f39d"}.fa-x-twitter{--fa:"\e61b"}.fa-cotton-bureau{--fa:"\f89e"}.fa-dashcube{--fa:"\f210"}.fa-42-group,.fa-innosoft{--fa:"\e080"}.fa-stack-exchange{--fa:"\f18d"}.fa-elementor{--fa:"\f430"}.fa-pied-piper-square,.fa-square-pied-piper{--fa:"\e01e"}.fa-creative-commons-nd{--fa:"\f4eb"}.fa-palfed{--fa:"\f3d8"}.fa-superpowers{--fa:"\f2dd"}.fa-resolving{--fa:"\f3e7"}.fa-xbox{--fa:"\f412"}.fa-square-web-awesome-stroke{--fa:"\e684"}.fa-searchengin{--fa:"\f3eb"}.fa-tiktok{--fa:"\e07b"}.fa-facebook-square,.fa-square-facebook{--fa:"\f082"}.fa-renren{--fa:"\f18b"}.fa-linux{--fa:"\f17c"}.fa-glide{--fa:"\f2a5"}.fa-linkedin{--fa:"\f08c"}.fa-hubspot{--fa:"\f3b2"}.fa-deploydog{--fa:"\f38e"}.fa-twitch{--fa:"\f1e8"}.fa-flutter{--fa:"\e694"}.fa-ravelry{--fa:"\f2d9"}.fa-mixer{--fa:"\e056"}.fa-lastfm-square,.fa-square-lastfm{--fa:"\f203"}.fa-vimeo{--fa:"\f40a"}.fa-mendeley{--fa:"\f7b3"}.fa-uniregistry{--fa:"\f404"}.fa-figma{--fa:"\f799"}.fa-creative-commons-remix{--fa:"\f4ee"}.fa-cc-amazon-pay{--fa:"\f42d"}.fa-dropbox{--fa:"\f16b"}.fa-instagram{--fa:"\f16d"}.fa-cmplid{--fa:"\e360"}.fa-upwork{--fa:"\e641"}.fa-facebook{--fa:"\f09a"}.fa-gripfire{--fa:"\f3ac"}.fa-jedi-order{--fa:"\f50e"}.fa-uikit{--fa:"\f403"}.fa-fort-awesome-alt{--fa:"\f3a3"}.fa-phabricator{--fa:"\f3db"}.fa-ussunnah{--fa:"\f407"}.fa-earlybirds{--fa:"\f39a"}.fa-trade-federation{--fa:"\f513"}.fa-autoprefixer{--fa:"\f41c"}.fa-whatsapp{--fa:"\f232"}.fa-square-upwork{--fa:"\e67c"}.fa-slideshare{--fa:"\f1e7"}.fa-google-play{--fa:"\f3ab"}.fa-viadeo{--fa:"\f2a9"}.fa-line{--fa:"\f3c0"}.fa-google-drive{--fa:"\f3aa"}.fa-servicestack{--fa:"\f3ec"}.fa-simplybuilt{--fa:"\f215"}.fa-bitbucket{--fa:"\f171"}.fa-imdb{--fa:"\f2d8"}.fa-deezer{--fa:"\e077"}.fa-raspberry-pi{--fa:"\f7bb"}.fa-jira{--fa:"\f7b1"}.fa-docker{--fa:"\f395"}.fa-screenpal{--fa:"\e570"}.fa-bluetooth{--fa:"\f293"}.fa-gitter{--fa:"\f426"}.fa-d-and-d{--fa:"\f38d"}.fa-microblog{--fa:"\e01a"}.fa-cc-diners-club{--fa:"\f24c"}.fa-gg-circle{--fa:"\f261"}.fa-pied-piper-hat{--fa:"\f4e5"}.fa-kickstarter-k{--fa:"\f3bc"}.fa-yandex{--fa:"\f413"}.fa-readme{--fa:"\f4d5"}.fa-html5{--fa:"\f13b"}.fa-sellsy{--fa:"\f213"}.fa-square-web-awesome{--fa:"\e683"}.fa-sass{--fa:"\f41e"}.fa-wirsindhandwerk,.fa-wsh{--fa:"\e2d0"}.fa-buromobelexperte{--fa:"\f37f"}.fa-salesforce{--fa:"\f83b"}.fa-octopus-deploy{--fa:"\e082"}.fa-medapps{--fa:"\f3c6"}.fa-ns8{--fa:"\f3d5"}.fa-pinterest-p{--fa:"\f231"}.fa-apper{--fa:"\f371"}.fa-fort-awesome{--fa:"\f286"}.fa-waze{--fa:"\f83f"}.fa-bluesky{--fa:"\e671"}.fa-cc-jcb{--fa:"\f24b"}.fa-snapchat,.fa-snapchat-ghost{--fa:"\f2ab"}.fa-fantasy-flight-games{--fa:"\f6dc"}.fa-rust{--fa:"\e07a"}.fa-wix{--fa:"\f5cf"}.fa-behance-square,.fa-square-behance{--fa:"\f1b5"}.fa-supple{--fa:"\f3f9"}.fa-webflow{--fa:"\e65c"}.fa-rebel{--fa:"\f1d0"}.fa-css3{--fa:"\f13c"}.fa-staylinked{--fa:"\f3f5"}.fa-kaggle{--fa:"\f5fa"}.fa-space-awesome{--fa:"\e5ac"}.fa-deviantart{--fa:"\f1bd"}.fa-cpanel{--fa:"\f388"}.fa-goodreads-g{--fa:"\f3a9"}.fa-git-square,.fa-square-git{--fa:"\f1d2"}.fa-square-tumblr,.fa-tumblr-square{--fa:"\f174"}.fa-trello{--fa:"\f181"}.fa-creative-commons-nc-jp{--fa:"\f4ea"}.fa-get-pocket{--fa:"\f265"}.fa-perbyte{--fa:"\e083"}.fa-grunt{--fa:"\f3ad"}.fa-weebly{--fa:"\f5cc"}.fa-connectdevelop{--fa:"\f20e"}.fa-leanpub{--fa:"\f212"}.fa-black-tie{--fa:"\f27e"}.fa-themeco{--fa:"\f5c6"}.fa-python{--fa:"\f3e2"}.fa-android{--fa:"\f17b"}.fa-bots{--fa:"\e340"}.fa-free-code-camp{--fa:"\f2c5"}.fa-hornbill{--fa:"\f592"}.fa-js{--fa:"\f3b8"}.fa-ideal{--fa:"\e013"}.fa-git{--fa:"\f1d3"}.fa-dev{--fa:"\f6cc"}.fa-sketch{--fa:"\f7c6"}.fa-yandex-international{--fa:"\f414"}.fa-cc-amex{--fa:"\f1f3"}.fa-uber{--fa:"\f402"}.fa-github{--fa:"\f09b"}.fa-php{--fa:"\f457"}.fa-alipay{--fa:"\f642"}.fa-youtube{--fa:"\f167"}.fa-skyatlas{--fa:"\f216"}.fa-firefox-browser{--fa:"\e007"}.fa-replyd{--fa:"\f3e6"}.fa-suse{--fa:"\f7d6"}.fa-jenkins{--fa:"\f3b6"}.fa-twitter{--fa:"\f099"}.fa-rockrms{--fa:"\f3e9"}.fa-pinterest{--fa:"\f0d2"}.fa-buffer{--fa:"\f837"}.fa-npm{--fa:"\f3d4"}.fa-yammer{--fa:"\f840"}.fa-btc{--fa:"\f15a"}.fa-dribbble{--fa:"\f17d"}.fa-stumbleupon-circle{--fa:"\f1a3"}.fa-internet-explorer{--fa:"\f26b"}.fa-stubber{--fa:"\e5c7"}.fa-telegram,.fa-telegram-plane{--fa:"\f2c6"}.fa-old-republic{--fa:"\f510"}.fa-odysee{--fa:"\e5c6"}.fa-square-whatsapp,.fa-whatsapp-square{--fa:"\f40c"}.fa-node-js{--fa:"\f3d3"}.fa-edge-legacy{--fa:"\e078"}.fa-slack,.fa-slack-hash{--fa:"\f198"}.fa-medrt{--fa:"\f3c8"}.fa-usb{--fa:"\f287"}.fa-tumblr{--fa:"\f173"}.fa-vaadin{--fa:"\f408"}.fa-quora{--fa:"\f2c4"}.fa-square-x-twitter{--fa:"\e61a"}.fa-reacteurope{--fa:"\f75d"}.fa-medium,.fa-medium-m{--fa:"\f23a"}.fa-amilia{--fa:"\f36d"}.fa-mixcloud{--fa:"\f289"}.fa-flipboard{--fa:"\f44d"}.fa-viacoin{--fa:"\f237"}.fa-critical-role{--fa:"\f6c9"}.fa-sitrox{--fa:"\e44a"}.fa-discourse{--fa:"\f393"}.fa-joomla{--fa:"\f1aa"}.fa-mastodon{--fa:"\f4f6"}.fa-airbnb{--fa:"\f834"}.fa-wolf-pack-battalion{--fa:"\f514"}.fa-buy-n-large{--fa:"\f8a6"}.fa-gulp{--fa:"\f3ae"}.fa-creative-commons-sampling-plus{--fa:"\f4f1"}.fa-strava{--fa:"\f428"}.fa-ember{--fa:"\f423"}.fa-canadian-maple-leaf{--fa:"\f785"}.fa-teamspeak{--fa:"\f4f9"}.fa-pushed{--fa:"\f3e1"}.fa-wordpress-simple{--fa:"\f411"}.fa-nutritionix{--fa:"\f3d6"}.fa-wodu{--fa:"\e088"}.fa-google-pay{--fa:"\e079"}.fa-intercom{--fa:"\f7af"}.fa-zhihu{--fa:"\f63f"}.fa-korvue{--fa:"\f42f"}.fa-pix{--fa:"\e43a"}.fa-steam-symbol{--fa:"\f3f6"}
ul.jqtree-tree {
    list-style: none outside;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
}

    ul.jqtree-tree.jqtree-dnd {
        touch-action: none;
    }

    ul.jqtree-tree ul.jqtree_common {
        list-style: none outside;
        margin-left: 12px;
        margin-right: 0;
        margin-bottom: 0;
        padding: 0;
        display: block;
    }

    ul.jqtree-tree li.jqtree-closed > ul.jqtree_common {
        display: none;
    }

    ul.jqtree-tree li.jqtree_common {
        clear: both;
        list-style-type: none;
    }

    ul.jqtree-tree .jqtree-toggler {
        border-bottom: none;
        color: #333;
        text-decoration: none;
        vertical-align: middle;
    }

    ul.jqtree-tree .jqtree-toggler:hover {
            color: #000;
            text-decoration: none;
        }

    ul.jqtree-tree .jqtree-toggler.jqtree-closed {
            background-position: 0 0;
        }

    ul.jqtree-tree .jqtree-toggler.jqtree-toggler-left {
            margin-right: 0.5em;
        }

    ul.jqtree-tree .jqtree-toggler.jqtree-toggler-right {
            margin-left: 0.5em;
        }

    ul.jqtree-tree .jqtree-element {
        cursor: pointer;
        position: relative;
        display: flex;
    }

    ul.jqtree-tree .jqtree-title {
        color: #1c4257;
        vertical-align: middle;
        margin-left: 1.5em;
    }

    ul.jqtree-tree .jqtree-title.jqtree-title-folder {
            margin-left: 0;
        }

    ul.jqtree-tree li.jqtree-folder {
        margin-bottom: 4px;
    }

    ul.jqtree-tree li.jqtree-folder.jqtree-closed {
            margin-bottom: 1px;
        }

    ul.jqtree-tree li.jqtree-ghost {
        position: relative;
        z-index: 10;
        margin-right: 10px;
    }

    ul.jqtree-tree li.jqtree-ghost span {
            display: block;
        }

    ul.jqtree-tree li.jqtree-ghost span.jqtree-circle {
            border: solid 2px #0000ff;
            border-radius: 100px;
            height: 8px;
            width: 8px;
            position: absolute;
            top: -4px;
            left: -6px;
            box-sizing: border-box;
        }

    ul.jqtree-tree li.jqtree-ghost span.jqtree-line {
            background-color: #0000ff;
            height: 2px;
            padding: 0;
            position: absolute;
            top: -1px;
            left: 2px;
            width: 100%;
        }

    ul.jqtree-tree li.jqtree-ghost.jqtree-inside {
            margin-left: 48px;
        }

    ul.jqtree-tree span.jqtree-border {
        position: absolute;
        display: block;
        left: -2px;
        top: 0;
        border: solid 2px #0000ff;
        border-radius: 6px;
        margin: 0;
        box-sizing: content-box;
    }

    ul.jqtree-tree li.jqtree-selected > .jqtree-element,
    ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
        background-color: #97bdd6;
        background: linear-gradient(#bee0f5, #89afca);
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    }

    ul.jqtree-tree .jqtree-moving > .jqtree-element .jqtree-title {
        outline: dashed 1px #0000ff;
    }

ul.jqtree-tree.jqtree-rtl {
    direction: rtl;
}

ul.jqtree-tree.jqtree-rtl ul.jqtree_common {
        margin-left: 0;
        margin-right: 12px;
    }

ul.jqtree-tree.jqtree-rtl .jqtree-toggler {
        margin-left: 0.5em;
        margin-right: 0;
    }

ul.jqtree-tree.jqtree-rtl .jqtree-title {
        margin-left: 0;
        margin-right: 1.5em;
    }

ul.jqtree-tree.jqtree-rtl .jqtree-title.jqtree-title-folder {
            margin-right: 0;
        }

ul.jqtree-tree.jqtree-rtl li.jqtree-ghost {
        margin-right: 0;
        margin-left: 10px;
    }

ul.jqtree-tree.jqtree-rtl li.jqtree-ghost span.jqtree-circle {
            right: -6px;
        }

ul.jqtree-tree.jqtree-rtl li.jqtree-ghost span.jqtree-line {
            right: 2px;
        }

ul.jqtree-tree.jqtree-rtl li.jqtree-ghost.jqtree-inside {
            margin-left: 0;
            margin-right: 48px;
        }

ul.jqtree-tree.jqtree-rtl span.jqtree-border {
        right: -2px;
    }

span.jqtree-dragging {
    color: #fff;
    background: #000;
    opacity: 0.6;
    cursor: pointer;
    padding: 2px 8px;
}
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
@import "./actiontext.css";
@import "./_article_reading.css";

/* Portal/Admin-specific styles */
body {
  font-family: 'Inter', sans-serif;
}

/* Admin-specific component styles */
.admin-sidebar {
  background: #f8fafc;
}

.admin-content {
  background: #ffffff;
}

/* Form styling for admin interfaces */
.admin-form {
  @apply space-y-6;
}

.admin-form-group {
  @apply space-y-2;
}

.admin-form-label {
  @apply block text-sm font-medium text-gray-700;
}

.admin-form-input {
  @apply block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500;
}

.admin-form-textarea {
  @apply block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500;
}

.admin-form-select {
  @apply block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500;
}

/* Button styles for admin */
.admin-btn-primary {
  @apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500;
}

.admin-btn-secondary {
  @apply inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md shadow-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500;
}

.admin-btn-danger {
  @apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500;
}

/* Table styles for admin listings */
.admin-table {
  @apply min-w-full divide-y divide-gray-200;
}

.admin-table thead {
  @apply bg-gray-50;
}

.admin-table th {
  @apply px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider;
}

.admin-table tbody {
  @apply bg-white divide-y divide-gray-200;
}

.admin-table td {
  @apply px-6 py-4 whitespace-nowrap text-sm text-gray-900;
}

/* Card styles for admin dashboard */
.admin-card {
  @apply bg-white overflow-hidden shadow rounded-lg;
}

.admin-card-header {
  @apply px-4 py-5 sm:px-6;
}

.admin-card-body {
  @apply px-4 py-5 sm:p-6;
}

.admin-card-footer {
  @apply px-4 py-4 sm:px-6 bg-gray-50;
}

/* Status badges */
.status-badge {
  @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
}

.status-badge-success {
  @apply bg-green-100 text-green-800;
}

.status-badge-warning {
  @apply bg-yellow-100 text-yellow-800;
}

.status-badge-error {
  @apply bg-red-100 text-red-800;
}

.status-badge-info {
  @apply bg-blue-100 text-blue-800;
}

/* Image cropping tool styles */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  user-select: none;
}

/* Admin navigation enhancements */
.admin-nav-link {
  @apply text-gray-600 hover:text-gray-900 hover:bg-gray-50 flex items-center px-2 py-2 text-sm font-medium rounded-md transition ease-in-out duration-150;
}

.admin-nav-link.active {
  @apply text-gray-900 bg-gray-100;
}

/* Admin modal styles */
.admin-modal-overlay {
  @apply fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full z-50;
}

.admin-modal-container {
  @apply relative top-20 mx-auto p-5 border w-96 shadow-lg rounded-md bg-white;
}

/* Admin search and filter styles */
.admin-search-container {
  @apply relative;
}

.admin-search-input {
  @apply block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md leading-5 bg-white placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500;
}

/* Admin notification styles */
.admin-notification {
  @apply max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto;
}

.admin-notification-success {
  @apply border-l-4 border-green-400 bg-green-50;
}

.admin-notification-error {
  @apply border-l-4 border-red-400 bg-red-50;
}

.admin-notification-warning {
  @apply border-l-4 border-yellow-400 bg-yellow-50;
}

.admin-notification-info {
  @apply border-l-4 border-blue-400 bg-blue-50;
}

.btn {
  @apply bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded;
}

.btn-primary {
  @apply bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded;
}

.btn-secondary {
  @apply bg-gray-600 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded;
}

.btn-danger {
  @apply bg-red-600 hover:bg-red-700 text-white font-bold py-2 px-4 rounded;
}

/* The article workspace keeps writing separate from publication settings. */
.article-editor { @apply mx-auto max-w-7xl text-gray-900; }
.article-editor-header {
  @apply sticky top-0 z-30 flex flex-wrap items-center justify-between gap-4 border-b border-gray-200 bg-gray-100 py-5 mb-6;
}
.article-editor-header h1 { @apply text-2xl font-semibold tracking-tight; }
.article-editor-breadcrumb { @apply flex items-center gap-2 text-xs text-gray-500; }
.article-editor-breadcrumb a { @apply hover:text-indigo-700; }
.article-editor-actions { @apply flex flex-wrap items-center gap-2; }
.article-editor-button {
  @apply inline-flex items-center justify-center whitespace-nowrap rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm font-semibold text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 cursor-pointer;
}
.article-editor-button-primary { @apply border-indigo-600 bg-indigo-600 text-white hover:bg-indigo-700; }
.article-editor-save-state { @apply mr-2 text-xs text-gray-500; }
.article-editor-save-state.is-unsaved { @apply text-amber-800; }
.article-editor-status { @apply rounded-full border border-gray-300 bg-white px-2.5 py-1 text-xs font-medium text-gray-600; }
.article-editor-status.is-published { @apply border-green-200 bg-green-50 text-green-800; }
.article-editor-grid { @apply grid gap-6 items-start; }
.article-editor-main, .article-editor-sidebar { @apply min-w-0 space-y-6; }
.article-editor-panel { @apply min-w-0 rounded-xl border border-gray-200 bg-white; }
.article-editor-panel-heading { @apply flex items-center justify-between gap-3 border-b border-gray-100 px-5 py-4; }
.article-editor-panel-heading h2 { @apply text-base font-semibold; }
.article-editor-panel-heading p { @apply mt-1 text-sm leading-5 text-gray-500; }
.article-editor-panel-body { @apply p-5; }
.article-editor-field > label, .article-editor-image > label, .article-editor-choices legend { @apply mb-2 block text-sm font-semibold text-gray-700; }
.article-editor-input {
  @apply block w-full min-w-0 rounded-lg border-gray-300 bg-white px-3 py-2.5 text-sm text-gray-900 placeholder-gray-400 focus:border-indigo-500 focus:ring-indigo-500;
}
.article-editor-title { @apply text-xl font-semibold leading-7; }
.article-editor-field > p, .article-editor-hint { @apply text-xs leading-5 text-gray-500; }
.article-editor-field > p { @apply mt-2; }
.article-editor-word-count { @apply whitespace-nowrap text-xs text-gray-500; }
.article-editor trix-toolbar { @apply block rounded-t-lg border border-gray-300 bg-gray-50 p-2; }
.article-editor trix-toolbar .trix-button-row { flex-wrap: wrap; gap: 4px; }
.article-editor trix-toolbar .trix-button-group { margin: 0; border-color: #d1d5db; }
.article-editor trix-toolbar .trix-button-group-spacer { display: none; }
.article-editor trix-toolbar .trix-button--icon { width: 2em; height: 2em; }
.article-editor trix-editor { @apply min-h-[120px] rounded-b-lg rounded-t-none border border-t-0 border-gray-300 p-4 text-sm leading-7 focus:outline-none focus:ring-2 focus:ring-indigo-500; }
.article-editor-body trix-editor { min-height: 280px; font-size: 15px; }
.article-editor-details { @apply border-t border-gray-200 pt-4; }
.article-editor-details > summary { @apply cursor-pointer text-sm font-semibold text-gray-700; }
.article-editor-details > summary:focus-visible { @apply outline outline-2 outline-offset-4 outline-indigo-500; }
.article-editor-images { @apply grid gap-5 sm:grid-cols-2; }
.article-editor-image { @apply min-w-0; }
.article-editor-image > p { @apply mb-3 text-xs leading-5 text-gray-500; }
.article-editor-image-preview { @apply flex h-36 items-center justify-center overflow-hidden rounded-lg border border-dashed border-gray-300 bg-gray-50 text-xs text-gray-500; }
.article-editor-image-preview img { @apply h-full w-full object-cover; }
.article-editor-upload { @apply mt-3 block w-full min-w-0 text-xs text-gray-500; }
.article-editor-upload::file-selector-button { @apply mr-2 cursor-pointer rounded-md border border-gray-300 bg-white px-3 py-2 text-xs font-medium text-gray-700; }
.article-editor-toggle { @apply flex items-start gap-3 cursor-pointer; }
.article-editor-toggle input, .article-editor-choices input { @apply mt-0.5 h-4 w-4 shrink-0 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500; }
.article-editor-toggle strong { @apply block text-sm font-medium; }
.article-editor-toggle small { @apply mt-1 block text-xs leading-5 text-gray-500; }
.article-editor-small-heading { @apply mb-1 text-sm font-semibold; }
.article-editor-mentions { @apply mt-3 space-y-2; }
.article-editor-mentions li { @apply rounded-lg border border-gray-200 px-3 py-2; }
.article-editor-mentions a { @apply block text-sm font-medium text-indigo-700 hover:underline; }
.article-editor-mentions span { @apply text-xs text-gray-500; }
.article-editor-source { @apply border-t border-gray-200 pt-4; }
.article-editor-source-credit { @apply text-sm leading-6 text-gray-600 break-words; }
.article-editor-source-credit a { @apply text-indigo-700 underline; }
.article-editor-review-warning { @apply rounded-lg border border-amber-200 bg-amber-50 p-3 text-xs leading-5 text-amber-900; }
.article-editor-choices label { @apply flex items-start gap-2.5 rounded-md px-2 py-2 text-sm leading-5 text-gray-600 cursor-pointer hover:bg-gray-50; }
.article-editor-guide-list { @apply max-h-56 overflow-y-auto rounded-lg border border-gray-200 p-1; }
.article-editor [hidden] { display: none !important; }
.article-editor-bottom-actions { @apply flex items-center justify-between gap-4 pb-6; }
.article-editor-link { @apply text-sm font-medium text-indigo-700 hover:underline; }
.article-editor-errors { @apply mb-6 rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-800; }
.article-editor-errors h2 { @apply font-semibold mb-2; }
.article-editor-errors ul { @apply list-disc pl-5; }
.article-editor-section { @apply my-5 rounded-lg border border-gray-200 bg-gray-50 p-4 space-y-4; }
.article-editor-linked-item { @apply flex items-center gap-2 py-2 text-sm; }
@media (min-width: 1200px) {
  .article-editor-grid { grid-template-columns: minmax(0, 1fr) 288px; }
}
@media (max-width: 639px) {
  .article-editor-header { gap: 12px; padding: 12px 0; }
  .article-editor-actions { width: 100%; }
  .article-editor-save-state { margin-right: auto; }
  .article-editor-panel-heading, .article-editor-panel-body { padding: 16px; }
}
/*
 * "Eat nearby" (Tonight::ShowDiningController): where to eat before a show.
 *
 * A companion to Discover and drawn in its language — it sits inside .vd, so
 * discover.css supplies the tokens, the resets and the Book tickets / More
 * info buttons. Unlike Discover this page scrolls: on a phone the show heads
 * the list; on a wide screen it stays put on the left while the restaurants
 * scroll past on the right.
 */

.vn {
  background: #06070d;
}

.vn-backdrop {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.vn-backdrop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(70px) saturate(1.3);
  opacity: 0.55;
  transform: scale(1.3);
}

.vn-backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(6, 7, 13, 0.35), rgba(6, 7, 13, 0.9) 420px, #06070d 760px);
}

.vn-scroll {
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.vn-chrome {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: calc(var(--vd-top) + 6px) 16px 4px;
}

.vn-back {
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.4);
}

.vn-chrome .vd-brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

.vn-chrome .vd-brand img {
  width: auto;
  height: 22px;
}

.vn-chrome .vd-brand span {
  padding: 4px 9px;
  border: 1px solid rgba(255, 107, 61, 0.5);
  border-radius: 999px;
  color: var(--vd-accent);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.vn-layout {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px calc(var(--vd-bottom) + 40px);
}

/* ------------------------------------------------------------------ Hero */

.vn-hero {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  column-gap: 16px;
  align-items: start;
  padding: 18px 0 22px;
}

.vn-poster {
  display: block;
  overflow: hidden;
  aspect-ratio: 9 / 16;
  border-radius: 14px;
  box-shadow: 0 16px 40px -12px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.vn-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 35%;
}

.vn-hero-copy {
  display: contents;
}

.vn-hero-copy > * {
  grid-column: 1 / -1;
}

.vn-hero-copy > .vn-eyebrow,
.vn-hero-copy > h1,
.vn-hero-copy > .vn-where {
  grid-column: 2;
}

.vn-poster {
  grid-row: 1 / span 3;
}

.vn-eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 4px;
  color: var(--vd-accent);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.2px;
}

.vn-eyebrow i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--vd-accent);
}

.vn-hero h1 {
  margin-top: 8px;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -0.8px;
  line-height: 1.05;
  text-wrap: balance;
}

/* "before" / "after": the word itself is the switch. */
.vn-when {
  display: inline-flex;
  align-items: center;
  gap: 0.18em;
  margin: 0 0.02em;
  padding: 0.02em 0.3em 0.06em 0.36em;
  border: 1.5px solid rgba(0, 199, 190, 0.6);
  border-radius: 0.4em;
  background: rgba(0, 199, 190, 0.14);
  color: #4fdcd3;
  vertical-align: baseline;
  transition: background-color 0.15s ease, transform 0.15s ease;
}

.vn-when svg {
  width: 0.5em;
  height: 0.5em;
}

.vn-when:active {
  transform: scale(0.96);
}

@media (hover: hover) {
  .vn-when:hover {
    background: rgba(0, 199, 190, 0.28);
  }
}

.vn-hero h1 em {
  color: var(--vd-accent);
  font-style: normal;
}

.vn-where {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  font-weight: 500;
}

.vn-times {
  display: flex;
  gap: 8px;
  margin: 18px -20px 0;
  padding: 0 20px;
  overflow-x: auto;
  scrollbar-width: none;
}

.vn-times::-webkit-scrollbar {
  display: none;
}

.vn-time {
  flex: none;
  min-width: 92px;
  padding: 7px 12px 8px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  background: rgba(20, 26, 54, 0.7);
  text-align: center;
}

.vn-time small {
  display: block;
  color: rgba(255, 255, 255, 0.6);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.vn-time b {
  display: block;
  margin-top: 2px;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

.vn-time.is-selected {
  border-color: rgba(0, 199, 190, 0.7);
  background: rgba(0, 199, 190, 0.14);
  color: var(--vd-mint);
}

.vn-time.is-selected small {
  color: var(--vd-mint);
}

.vn-summary {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
}

.vn-summary b {
  color: var(--vd-accent);
  font-size: 52px;
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  line-height: 1;
}

.vn-summary span {
  color: rgba(255, 255, 255, 0.88);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
}

.vn-summary em {
  color: var(--vd-mint);
  font-style: normal;
}

.vn-hero-buttons {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}

/* --------------------------------------------------------------- Filters */

.vn-filters {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  gap: 8px;
  margin: 0 -20px;
  padding: 10px 20px;
  overflow-x: auto;
  background: linear-gradient(rgba(6, 7, 13, 0.94) 70%, rgba(6, 7, 13, 0));
  scrollbar-width: none;
}

.vn-filters::-webkit-scrollbar {
  display: none;
}

.vn-filters input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.vn-filters span {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.vn-filters i {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  font-style: normal;
  font-variant-numeric: tabular-nums;
}

.vn-filters input:checked + span {
  border-color: #fff;
  background: #fff;
  color: #000;
}

.vn-filters input:checked + span i {
  color: rgba(0, 0, 0, 0.55);
}

.vn-filters input:focus-visible + span {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.vn:has(#vn-fits:checked) .vn-card:not([data-fits]),
.vn:has(#vn-inside:checked) .vn-card:not([data-inside]) {
  display: none;
}

/* ----------------------------------------------------------------- Cards */

.vn-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin-top: 6px;
}

.vn-card {
  position: relative;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(20, 26, 54, 0.62);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.vn-card-image {
  position: relative;
  display: block;
  min-height: 132px;
  background: #141a36;
}

.vn-card-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.2, 0.75, 0.2, 1);
}

.vn-card-image img.object-top { object-position: top; }
.vn-card-image img.object-bottom { object-position: bottom; }

.vn-chip {
  position: absolute;
  bottom: 8px;
  left: 8px;
  max-width: calc(100% - 16px);
  padding: 4px 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.66);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.vn-wide {
  display: none;
}

.vn-chip.is-inside {
  background: var(--vd-gold);
  color: #000;
}

.vn-card-body {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  padding: 12px 14px;
}

.vn-card-facts {
  overflow: hidden;
  color: var(--vd-label);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.vn-card h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.2px;
  line-height: 1.15;
}

/* The whole card opens the restaurant; the action links sit above that. */
.vn-card h3 a::after {
  content: "";
  position: absolute;
  inset: 0;
}

.vn-card-line {
  display: -webkit-box;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.68);
  font-size: 13px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.vn-status {
  display: flex;
  align-items: baseline;
  gap: 7px;
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 12px;
  line-height: 1.35;
}

.vn-status i {
  flex: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
  transform: translateY(-1px);
}

.vn-status.is-fits b {
  color: var(--vd-mint);
}

.vn-status.is-fits i {
  background: var(--vd-mint);
  box-shadow: 0 0 0 3px rgba(0, 199, 190, 0.18);
}

.vn-status b {
  font-weight: 700;
}

.vn-card.is-out .vn-card-image img {
  filter: saturate(0.5) brightness(0.75);
}

.vn-card-actions {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: auto;
  padding-top: 6px;
}

.vn-card-actions a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  font-size: 13px;
  font-weight: 600;
  transition: background-color 0.15s ease;
}

.vn-card-actions a:first-child {
  border-color: transparent;
  background: #fff;
  color: #000;
}

.vn-note {
  margin-top: 22px;
  color: rgba(255, 255, 255, 0.45);
  font-size: 12px;
  text-align: center;
}

.vn-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 70px 20px;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
}

.vn-empty h2 {
  font-size: 20px;
  font-weight: 700;
}

@media (hover: hover) {
  .vn-card:hover {
    border-color: rgba(255, 255, 255, 0.28);
    transform: translateY(-2px);
  }

  .vn-card:hover .vn-card-image img {
    transform: scale(1.05);
  }

  .vn-card-actions a:hover {
    background: rgba(255, 255, 255, 0.2);
  }

  .vn-card-actions a:first-child:hover {
    background: rgba(255, 255, 255, 0.86);
  }

  .vn-time:hover {
    border-color: rgba(255, 255, 255, 0.4);
  }

  .vn-filters span:hover {
    background: rgba(255, 255, 255, 0.14);
  }
}

/* Two cards across once there is room. */
@media (min-width: 640px) {
  .vn-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .vn-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .vn-card-image {
    aspect-ratio: 16 / 10;
    min-height: 0;
  }

  .vn-chip {
    bottom: 10px;
    left: 10px;
    padding: 5px 10px;
    font-size: 11px;
  }

  .vn-wide {
    display: inline;
  }

  .vn-narrow {
    display: none;
  }

  .vn-card-body {
    padding: 14px 16px 16px;
  }

  .vn-card h3 {
    font-size: 20px;
  }
}

/* Stage: the show stays on the left, the restaurants scroll on the right. */
@media (min-width: 1000px) {
  .vn-backdrop::after {
    background:
      radial-gradient(90% 80% at 18% 40%, rgba(6, 7, 13, 0.2), rgba(6, 7, 13, 0.82) 70%, #06070d 100%),
      linear-gradient(90deg, rgba(6, 7, 13, 0) 20%, rgba(6, 7, 13, 0.75) 62%);
  }

  .vn-chrome {
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 20px clamp(28px, 3vw, 48px) 0;
    pointer-events: none;
  }

  .vn-chrome > * {
    pointer-events: auto;
  }

  .vn-chrome .vd-brand img {
    height: 26px;
  }

  .vn-back {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(12, 13, 22, 0.55);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
  }

  .vn-layout {
    display: grid;
    grid-template-columns: minmax(340px, 440px) minmax(0, 1fr);
    column-gap: clamp(36px, 5vw, 88px);
    align-items: start;
    padding: 0 clamp(28px, 3vw, 48px) 80px;
  }

  .vn-hero {
    position: sticky;
    top: 84px;
    display: block;
    padding: 12px 0 0;
  }

  .vn-poster {
    width: auto;
    height: min(26vh, 250px);
    border-radius: 22px;
    box-shadow: 0 40px 90px -28px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255, 255, 255, 0.12);
    transform: rotate(-2deg);
    transition: transform 0.6s cubic-bezier(0.2, 0.75, 0.2, 1);
  }

  .vn-poster:hover {
    transform: rotate(0deg) scale(1.02);
  }

  .vn-hero-copy {
    display: block;
  }

  .vn-eyebrow {
    margin-top: 26px;
    font-size: 12px;
  }

  .vn-hero h1 {
    margin-top: 14px;
    font-size: clamp(38px, 3.6vw, 56px);
    letter-spacing: -0.04em;
    line-height: 1;
  }

  .vn-where {
    margin-top: 14px;
    font-size: 17px;
  }

  .vn-times {
    flex-wrap: wrap;
    margin: 22px 0 0;
    padding: 0;
    overflow: visible;
  }

  .vn-summary {
    margin-top: 24px;
  }

  .vn-summary b {
    font-size: 68px;
  }

  .vn-summary span {
    font-size: 17px;
  }

  .vn-hero-buttons {
    gap: 12px;
    margin-top: 26px;
  }

  .vn-hero-buttons .vd-book,
  .vn-hero-buttons .vd-more {
    flex: 0 1 auto;
    min-height: 54px;
    padding: 0 24px;
  }

  .vn-hero-buttons .vd-book b,
  .vn-hero-buttons .vd-more {
    font-size: 16px;
  }

  .vn-list {
    padding-top: 6px;
  }

  .vn-filters {
    top: 0;
    margin: 0;
    padding: 22px 0 16px;
    background: none;
  }

  .vn-filters span {
    height: 42px;
    padding: 0 18px;
    background: rgba(12, 13, 22, 0.6);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
  }

  .vn-grid {
    gap: 20px;
    margin-top: 0;
  }

  .vn-card {
    border-radius: 22px;
  }

  .vn-note {
    text-align: left;
  }
}

@media (min-width: 1400px) {
  .vn-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Short wide screens: drop the poster so the show's details still fit. */
@media (min-width: 1000px) and (max-height: 760px) {
  .vn-poster {
    display: none;
  }

  .vn-eyebrow {
    margin-top: 8px;
  }
}
/*


*/
@tailwind base;
@tailwind components;
@tailwind utilities;
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
@import "tippy.js/dist/tippy.css";
@import "./_tooltips.css";
@import "./_auth_modal.css";
@import "./_guides.css";
@import "./_show_comparisons.css";
@import "./_sports.css";

@import "./_article_reading.css";

/* Tonight-specific styles */
body {
  font-family: "Poppins", sans-serif;
}

/* Push content below the fixed header in the native app.
   Header height: py-1.5 wrapper (12px) + h-12 hamburger (48px) = 60px.
   Must match the sticky top-[60px] offsets of in-page sub-headers — if this
   is smaller, those sticky elements get pushed down over following content.
   !important + the class selector are both required: shipped app versions
   inject `body { padding-top: 48px !important }` after load, and only a
   higher-specificity important rule beats it. Note: the class is on <body>
   itself, so the selector must be body.vnm-app, not ".vnm-app body". */
body.vnm-app {
  padding-top: 60px !important;
}

.text-shadow-lite {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.text-shadow {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.text-shadow-strong {
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
}

.hero-gradient {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.card-hover {
  transition: transform 0.3s ease-in-out;
}

.card-hover:hover {
  transform: translateY(-8px);
}

.gallery-item {
  transition: all 0.3s ease;
}

.gallery-item:hover {
  transform: scale(1.05);
  z-index: 10;
}

.date-item {
  transition: all 0.2s ease;
}

.date-item:hover:not(.date-selected) {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.time-item {
  transition: all 0.2s ease;
}

.time-item:hover:not(.time-sold-out) {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.sticky-sidebar {
  position: sticky;
  top: 100px;
}

.category-filter {
  transition: all 0.3s ease;
}

.category-filter:hover {
  transform: translateY(-4px);
}

.category-active {
  border-color: #ef4444;
  border-width: 2px;
}

.date-filter {
  transition: all 0.2s ease;
}

.date-filter:hover:not(.date-selected) {
  transform: translateY(-2px);
}

/* For the "Sold Out" ribbon */
.ribbon {
  position: absolute;
  top: 10px;
  right: -5px;
  padding: 0.25rem 1.5rem;
  background-color: #ef4444;
  color: white;
  transform: rotate(45deg);
  transform-origin: bottom right;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 10;
}

.ribbon::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  border-right: 10px solid #c53030;
  border-top: 10px solid transparent;
  z-index: -1;
}

/* Toast notification for share button */
.toast-notification {
  position: fixed;
  top: 20px;
  right: 20px;
  background-color: #4b5563;
  color: white;
  padding: 10px 20px;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.toast-notification.show {
  opacity: 1;
  pointer-events: auto;
}

.shimmer-button {
  position: relative;
  overflow: hidden;
}

.shimmer-effect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-20deg);
  animation: shimmer-button 3s infinite;
}

@keyframes shimmer-button {
  0% {
    transform: translateX(-150%) skewX(-20deg);
  }
  50% {
    transform: translateX(150%) skewX(-20deg);
  }
  100% {
    transform: translateX(150%) skewX(-20deg);
  }
}

/* Shimmer effect styles */
.shimmer-container {
  position: relative;
}

.shimmer-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0) 60%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: translateX(-100%);
  pointer-events: none;
  z-index: 2;
  transition: transform 0.01s;
  opacity: 0;
}

.group:hover .shimmer-container::before {
  animation: shimmer 0.5s forwards;
  opacity: 0.2;
}

@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

/* Markdown styles */
.markdown {
  h1 {
    @apply text-xl font-bold mb-4;
  }
  h2 {
    @apply text-lg font-bold mb-4;
  }
  p {
    @apply mb-4;
  }
  ul {
    @apply list-disc list-inside pl-5 mb-4;
  }
  ol {
    @apply list-decimal list-inside pl-5 mb-4;
  }
  a {
    @apply text-blue-600 hover:underline;
  }
  em {
    @apply italic;
  }
  ol {
    @apply list-decimal list-inside mb-4;
  }
  ul {
    @apply list-disc list-inside mb-4;
  }
}

/* ===== WebView loading indicator + category drill transitions ===== */

/* Feature A — global Turbo progress bar.
   z-index sits above the RN app's injected fixed header (z-index 9999). */
.turbo-progress-bar {
  height: 3px;
  background: linear-gradient(90deg, #22c55e, #3b82f6, #a855f7);
  z-index: 10000;
}

/* During a category drill, Feature B's spinner is the sole indicator. */
html.vt-drilling .turbo-progress-bar {
  display: none;
}

/* Feature B — category drill slide transition.
   data-vt-direction on <html> selects the keyframes; Turbo's default
   cross-fade is replaced. Gated on no-preference for reduced motion. */
@media (prefers-reduced-motion: no-preference) {
  html[data-vt-direction]::view-transition-old(root),
  html[data-vt-direction]::view-transition-new(root) {
    animation-duration: 280ms;
    animation-timing-function: ease;
  }
  html[data-vt-direction="forward"]::view-transition-old(root) { animation-name: vt-slide-out-left; }
  html[data-vt-direction="forward"]::view-transition-new(root) { animation-name: vt-slide-in-right; }
  html[data-vt-direction="back"]::view-transition-old(root)    { animation-name: vt-slide-out-right; }
  html[data-vt-direction="back"]::view-transition-new(root)    { animation-name: vt-slide-in-left; }
}
@keyframes vt-slide-in-right  { from { transform: translateX(100%); } }
@keyframes vt-slide-out-left  { to   { transform: translateX(-30%); opacity: .4; } }
@keyframes vt-slide-in-left   { from { transform: translateX(-100%); } }
@keyframes vt-slide-out-right { to   { transform: translateX(30%); opacity: .4; } }

/* Ordinary (non-drill) navigations. Both tonight pages opt into view
   transitions via the view-transition meta, so Turbo runs a transition on
   EVERY tonight→tonight visit — the browser's default is a root cross-fade.
   We only want the directional slide on category drills; everything else:
     - desktop: no transition at all (kill the default cross-fade)
     - mobile:  keep the fade, but snappier
   Scoped to :not([data-vt-direction]) so the drill slides above are untouched. */
@media (min-width: 768px) {
  html:not([data-vt-direction])::view-transition-old(root),
  html:not([data-vt-direction])::view-transition-new(root) {
    animation: none;
  }
}
@media (max-width: 767px) {
  html:not([data-vt-direction])::view-transition-old(root),
  html:not([data-vt-direction])::view-transition-new(root) {
    animation-duration: 140ms;
  }
}

/* Feature B — delay-gated drill spinner overlay. */
.vt-spinner-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  background: rgba(15, 23, 42, 0.45);
  transition: opacity 120ms ease;
}
.vt-spinner-overlay.is-visible {
  opacity: 1;
}
/* A pentagon tap is a drill AND shows the pentagrid's own immediate nav overlay,
   so both spinner systems fire. Hide this (viewport-centered) drill spinner
   while the pentagrid's (container-centered) overlay is up, to avoid two rings.
   If the pentagrid's 8s failsafe clears that overlay while the fetch is still in
   flight, this un-hides and the drill spinner takes over — the wait always keeps
   a loading indicator. */
html:has(.pentagrid-container.pentagrid-navigating) .vt-spinner-overlay {
  display: none;
}
.vt-spinner {
  width: 44px;
  height: 44px;
  border-radius: 9999px;
  border: 4px solid rgba(226, 232, 240, 0.45);
  border-top-color: #60a5fa;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
  animation: vt-spin 700ms linear infinite;
}
@keyframes vt-spin {
  to { transform: rotate(360deg); }
}


@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/assets/webfonts/Inter-400-600-latin-36bd85b5b0f6ef27b8aba400163b86326dbb411f763fd74e0fd04bce8ad3da57.woff2) format("woff2");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/assets/webfonts/Montserrat-400-900-latin-8369a9fa6fb2cde99d1a0721f0b82fad059f11e53e54c30df0473bbe0aea6c56.woff2) format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/webfonts/Poppins-300-latin-b9781a1d939931ad7587363cc1679993b3509b4823dee8cdd9dda3c2ec2d8163.woff2) format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/webfonts/Poppins-400-latin-effdec1dd64fd67c128f6171af4a39ba773d3304ce1c63b79b6d90797c9851e3.woff2) format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/webfonts/Poppins-500-latin-6adcbb12df736315618c82eee791ebf4a0bc7be736d99f1a49fac6b52905c32b.woff2) format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/webfonts/Poppins-600-latin-402db726b45db9b565f14f8624276294dcf93e35997a5217cdb3c6df6ba431c3.woff2) format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/webfonts/Poppins-700-latin-717368e893fe5a80f2b6443e352a6b7754e6f1f58e453621d0e24c8c46d20ad9.woff2) format("woff2");
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/* @import 'trix/dist/trix.css'; */

.datepicker {
  z-index: 100;
}

a[target="_blank"]::after {
  content: '\2197';
  display: inline-block;
  font-size: 0.75em;
  margin: 0 3px 0 8px;
  transform: translateY(-1px);
}

.filter--notFound {
  display: none;
}

/* SEO Tabs Styling */
.seo-tab {
  background-color: #f9fafb;
  color: #6b7280;
  border: none;
  cursor: pointer;
}

.seo-tab:hover {
  background-color: #e5e7eb;
  color: #374151;
}

.seo-tab.active {
  background-color: #3b82f6;
  color: white;
}

.tab-panel {
  display: none;
}

.tab-panel.active {
  display: block;
}

/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map {
  height: 100%;
}

.h-100 {
  height: 28rem;
}

.h-128 {
  height: 32rem;
}

.h-160 {
  height: 40rem;
}

.h-big {
  height: 48rem;
}

.tab-content {
  max-height: 0;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}
/* :checked - resize to full height */
.tab input:checked ~ .tab-content {
  max-height: 100vh;
}

/* .search {
  width: 600px;
  margin: 0 auto 0 auto;
}

.search__input {
  border: 1px solid gray;
  border-radius: 2px;
  padding: 10px;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
} */

.search__results {
  list-style-type: none;
  top: -1px;
}

/* .search__result {
  a {
    text-decoration: none;
    color: black;
    padding: 10px;
    display: block;
  }
} */

.search__result--current, .search__result:hover {
  background: #e9e9e9;
}

.search__result--empty {
  padding: 10px;
}

/* Ensure the size of the image fit the container perfectly */
img {
  display: block;

  /* This rule is very important, please don't ignore this */
  max-width: 100%
}


.cropper-dashed {
  border: 0 dashed #444;
}
.cropper-modal {
  background-color: #000;
  opacity: 0.7;
}

tr:nth-child(even) {
  background-color: #fcfcfc;
}

tr:nth-child(odd) {
  background-color: #f7f7f7;
}

.field_with_errors{
  /* padding:.25rem; */
  --bg-opacity:1;
  background-color:#fbd5d5;
  background-color:rgba(251,213,213,var(--bg-opacity));
  /* flex:1 1; */
  /* width:100% */
}

.modal-window{
  position:fixed;
  background-color:hsla(0,0%,78.4%,.5);
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:49;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transition:all .3s
}
.modal-window:target{
  visibility:visible;
  opacity:1;
  pointer-events:auto
}
.modal-window>div{
  width:700px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  padding:2em;
  background:#fff
}
.modal-close{
  color:#aaa;
  line-height:50px;
  font-size:80%;
  position:absolute;
  right:0;
  text-align:center;
  top:0;
  width:70px;
  text-decoration:none
}
.modal-close:hover{
  color:#000
}
.modal-window div:not(:last-of-type){
  margin-bottom:15px
}

.pagy-combo-nav-js,.pagy-nav,.pagy-nav-js{
  display:inline-flex;
  box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)
}
.pagy-combo-nav-js.pagination,.pagy-nav-js.pagination,.pagy-nav.pagination{
  border-width:1px;
  --border-opacity:1;
  border-color:#6b7280;
  border-color:rgba(107,114,128,var(--border-opacity));
  border-radius:.125rem
}
.pagy-combo-nav-js .page,.pagy-combo-nav-js .pagy-combo-input,.pagy-nav-js .page,.pagy-nav .page{
  --text-opacity:1;
  color:#374151;
  color:rgba(55,65,81,var(--text-opacity));
  border-right-width:1px;
  --border-opacity:1;
  border-color:#6b7280;
  border-color:rgba(107,114,128,var(--border-opacity));
  padding:.5rem .75rem;
  font-size:.875rem;
  line-height:1.25;
  font-weight:500
}
.pagy-nav-js .page:hover,.pagy-nav .page:hover{
  --text-opacity:1;
  color:#161e2e;
  color:rgba(22,30,46,var(--text-opacity))
}
.pagy-combo-nav-js .disabled,.pagy-nav-js .disabled,.pagy-nav .disabled{
  cursor:not-allowed
}
.pagy-nav-js .active,.pagy-nav .active{
  --text-opacity:1;
  color:#1e429f;
  color:rgba(30,66,159,var(--text-opacity));
  --bg-opacity:1;
  background-color:#c3ddfd;
  background-color:rgba(195,221,253,var(--bg-opacity))
}
.pagy-combo-nav-js .next,.pagy-combo-nav-js .prev,.pagy-nav-js .next,.pagy-nav-js .prev,.pagy-nav .next,.pagy-nav .prev{
  --text-opacity:1;
  color:#161e2e;
  color:rgba(22,30,46,var(--text-opacity))
}
.pagy-combo-nav-js .next,.pagy-nav-js .next,.pagy-nav .next{
  border-right-width:1px;
  border-color:transparent
}

.aa-Autocomplete {
  background-color: #f7f7f7;
}