/* Suumer for wide screens (PC, landscape) — Paint, 2026-10-19. Only applies when desk-boot.js has marked the page
   as wide (html.desk); the phone page is untouched. Every pane runs to the bottom edge and scrolls on its own. */
html.desk {
  --dk-night: #1d171d; --dk-night-2: #2a2129; --dk-night-3: #3a2f38; --dk-edge: #4a3d47;
  --dk-paper: #fffaf0; --dk-paper-2: #f5f0e2; --dk-ink: #2a2227; --dk-muted: #6d5e66; --dk-soft: #c3b4bd;
  --dk-pink: #f2426e; --dk-teal: #2dccc9; --dk-orange: #f7703f; --dk-purple: #7b4bc4;
  --dk-nav: #0f6f74; --dk-share: #b8440f;
  --dk-display: "Arial Rounded MT Bold", "Arial Black", Inter, system-ui, sans-serif;
  --dk-cond: "Barlow Condensed", "Arial Narrow", sans-serif;
  --dk-hd: 88px;
  --dk-stripes: linear-gradient(90deg, #f2426e 0 25%, #2dccc9 25% 50%, #f7703f 50% 75%, #7b4bc4 75%);
  overflow: hidden; height: 100%; background: var(--dk-night);
}
html.desk body { height: 100%; margin: 0; overflow: hidden; background: radial-gradient(circle at 8% 0, rgb(242 66 110 / 10%), transparent 30rem), radial-gradient(circle at 96% 10%, rgb(123 75 196 / 10%), transparent 32rem), var(--dk-night); }
/* the phone page stays in the document (its buttons do the work) but is not shown */
html.desk body > .header-slot, html.desk #main, html.desk .legal-footer, html.desk .skip-link { display: none !important; }
html.desk .dk { display: flex; flex-direction: column; height: 100vh; color: var(--dk-paper); font: 16px/1.4 Inter, ui-sans-serif, system-ui, "Segoe UI", sans-serif; }
html.desk :where(.dk) a { color: inherit; }
html.desk .dk-ic { width: 22px; height: 22px; flex: 0 0 auto; }

/* ---- header: one marquee line ------------------------------------------------------------------------ */
html.desk .dk-hd { position: relative; flex: 0 0 var(--dk-hd); display: flex; gap: 16px; align-items: center; padding: 0 20px 4px; background: #160f15; }
html.desk .dk-hd::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: var(--dk-stripes); }
html.desk .dk-logo { flex: 0 0 auto; display: block; }
html.desk .dk-logo img { display: block; height: 72px; width: auto; filter: drop-shadow(0 4px 10px rgb(0 0 0 / 45%)); }
html.desk .dk-say { flex: 0 0 auto; display: flex; flex-direction: column; margin: 0; font: 900 17px/1.1 var(--dk-display); }
html.desk .dk-say b { color: var(--dk-teal); }
html.desk .dk-find { flex: 1 1 520px; min-width: 320px; display: flex; height: 54px; background: var(--dk-paper); border-radius: 14px; box-shadow: 0 0 0 3px #160f15, 0 0 0 5px var(--dk-pink); }
html.desk .dk-field { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 0 14px; color: var(--dk-muted); }
html.desk .dk-field input { width: 100%; min-width: 0; border: 0; outline: 0; background: none; color: var(--dk-ink); font: 600 18px Inter, system-ui, sans-serif; }
html.desk .dk-field input::-webkit-search-cancel-button { display: none; }
html.desk .dk-field--q { flex: 1 1 58%; }
html.desk .dk-field--near { flex: 1 1 42%; border-left: 2px solid #e2d6c4; }
html.desk .dk-go { flex: 0 0 66px; display: grid; place-items: center; border: 0; border-radius: 0 12px 12px 0; color: #fff; background: var(--dk-pink); cursor: pointer; }
html.desk .dk-go .dk-ic { width: 28px; height: 28px; }
html.desk .dk-days { display: flex; gap: 6px; flex: 0 1 auto; }
html.desk .dk-day { display: flex; flex-direction: column; align-items: center; min-width: 56px; padding: 6px 8px 5px; border: 1px solid var(--dk-edge); border-radius: 12px; background: var(--dk-night-2); line-height: 1.05; text-decoration: none; }
html.desk .dk-day span { font: 700 17px var(--dk-cond); text-transform: uppercase; letter-spacing: .03em; color: var(--dk-soft); }
html.desk .dk-day b { font: 900 18px var(--dk-display); color: var(--dk-paper); }
html.desk .dk-day:hover { border-color: var(--dk-teal); }
html.desk .dk-day.is-on { background: var(--dk-paper); border-color: var(--dk-paper); }
html.desk .dk-day.is-on span { color: var(--dk-muted); } html.desk .dk-day.is-on b { color: var(--dk-pink); }
html.desk .dk-acts { flex: 0 0 auto; margin-left: auto; }
html.desk .dk-acts .site-header__status { position: static; display: flex; gap: 8px; align-items: center; margin: 0; padding: 0; transform: none; width: auto; }
html.desk .dk-acts .my-plans-link, html.desk .dk-acts .teams-link { display: inline-flex; align-items: center; gap: 8px; height: 50px; padding: 0 14px; border: 1px solid var(--dk-edge); border-radius: 14px; background: var(--dk-night-2); color: var(--dk-paper); font: 900 17px var(--dk-display); text-decoration: none; }
html.desk .dk-acts .my-plans-link svg, html.desk .dk-acts .teams-link svg { width: 24px; height: 24px; }

/* ---- three panes ------------------------------------------------------------------------------------- */
html.desk .dk-body { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: clamp(200px, 13.5vw, 260px) minmax(0, 1fr) clamp(470px, 40vw, 800px); gap: 14px; padding: 14px 16px 16px; }
html.desk .dk-body > * { min-width: 0; min-height: 0; }

/* rail */
html.desk .dk-rail { overflow: auto; padding-right: 4px; scrollbar-width: thin; display: flex; flex-direction: column; gap: 8px; }
html.desk .dk-rail__h { margin: 2px 4px 0; font: 700 17px var(--dk-cond); text-transform: uppercase; letter-spacing: .08em; color: var(--dk-soft); }
html.desk .dk-kinds { display: grid; gap: 6px; }
html.desk .dk-kind { display: grid; grid-template-columns: 36px 1fr; gap: 10px; align-items: center; padding: 5px 10px 5px 6px; border: 1px solid var(--dk-edge); border-radius: 14px; background: var(--dk-night-2); text-decoration: none; }
html.desk .dk-kind img { width: 36px; height: 36px; border-radius: 50%; }
html.desk .dk-kind span { font: 900 16px var(--dk-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.desk .dk-kind:hover { border-color: var(--c); }
html.desk .dk-kind.is-on { background: var(--dk-paper); color: var(--dk-ink); border-color: var(--dk-paper); box-shadow: inset 6px 0 0 var(--c); }
html.desk .dk-kind.is-empty { opacity: .4; }
html.desk .dk-whens { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
html.desk .dk-when { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 4px; border: 1px solid var(--dk-edge); border-radius: 12px; background: var(--dk-night-2); font: 900 15px var(--dk-display); text-decoration: none; }
html.desk .dk-when .dk-ic { color: var(--dk-teal); }
html.desk .dk-when.is-on { background: var(--dk-teal); border-color: var(--dk-teal); color: #10262a; } html.desk .dk-when.is-on .dk-ic { color: #10262a; }
html.desk .dk-extra { display: grid; gap: 6px; margin-top: 4px; }
html.desk .dk-extra__btn { display: flex; gap: 8px; align-items: center; justify-content: center; min-height: 46px; padding: 6px 10px; border: 0; border-radius: 12px; color: #fff; background: #d92968; font: 900 16px var(--dk-display); text-align: center; text-decoration: none; cursor: pointer; }
html.desk .dk-extra__btn--clear { background: var(--dk-night-3); }
html.desk .dk-extra__btn--small { min-height: 40px; background: var(--dk-night-2); border: 1px solid var(--dk-edge); font-size: 15px; }
html.desk .dk-extra__btn--small.is-on { background: var(--dk-paper); color: var(--dk-ink); }

/* bill */
html.desk .dk-bill { overflow: auto; padding: 0 6px 24px 0; scrollbar-width: thin; }
html.desk .dk-bill__top { position: sticky; top: 0; z-index: 3; display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; padding: 2px 4px 10px; background: var(--dk-night); }
html.desk .dk-bill__top h1 { margin: 0; font: 900 30px var(--dk-display); color: var(--dk-paper); }
html.desk .dk-bill__top p { margin: 0; color: var(--dk-soft); font-weight: 700; font-size: 17px; }
html.desk .dk-notice { margin: 0 0 10px; padding: 10px 14px; border-radius: 12px; background: var(--dk-paper); color: var(--dk-ink); }
html.desk .dk-pick { position: relative; display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 4px 18px; align-items: center; width: 100%; margin: 4px 0 6px; padding: 20px 20px 18px; border: 0; border-radius: 20px; color: var(--dk-ink); background: radial-gradient(circle at 0 0, #ffd9e3, var(--dk-paper) 55%); text-align: left; cursor: pointer; overflow: hidden; }
html.desk .dk-pick::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 7px; background: var(--dk-stripes); }
html.desk .dk-pick.is-on, html.desk .dk-pick:focus-visible { box-shadow: 0 0 0 3px var(--dk-pink); }
html.desk .dk-pick__flag { grid-column: 1 / -1; font: 700 17px var(--dk-cond); letter-spacing: .1em; text-transform: uppercase; color: #c41f57; }
html.desk .dk-pick__coin { width: 112px; height: 112px; border-radius: 50%; box-shadow: 0 8px 20px rgb(0 0 0 / 25%); }
html.desk .dk-pick__body { display: flex; flex-direction: column; min-width: 0; }
html.desk .dk-pick__kind { font: 700 17px var(--dk-cond); text-transform: uppercase; letter-spacing: .06em; color: var(--dk-muted); }
html.desk .dk-pick__name { font: 900 clamp(24px, 1.9vw, 34px)/1.08 var(--dk-display); }
html.desk .dk-pick__when { margin-top: 4px; font-weight: 800; font-size: 17px; color: var(--dk-muted); }
html.desk .dk-pick__say { margin-top: 8px; font-size: 17px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html.desk .dk-slot { display: flex; align-items: center; gap: 10px; margin: 14px 4px 6px; font: italic 900 22px var(--dk-display); color: var(--dk-paper); text-transform: uppercase; }
html.desk .dk-slot i { font-style: normal; display: grid; place-items: center; min-width: 30px; height: 30px; padding: 0 6px; border-radius: 99px; border: 2px solid var(--dk-teal); font: 800 15px Inter, system-ui, sans-serif; }
html.desk .dk-slot::after { content: ""; flex: 1; height: 2px; background: var(--dk-edge); }
html.desk .dk-row { position: relative; display: grid; grid-template-columns: 50px minmax(0, 1fr) auto; gap: 14px; align-items: center; width: 100%; margin: 0 0 6px; padding: 9px 14px 9px 12px; border: 0; border-radius: 14px; color: var(--dk-ink); background: var(--dk-paper); text-align: left; cursor: pointer; box-shadow: inset 6px 0 0 var(--c); font: inherit; }
html.desk .dk-row:hover { background: #fff; }
html.desk .dk-row.is-on { box-shadow: inset 6px 0 0 var(--c), 0 0 0 3px var(--dk-pink); }
html.desk .dk-row img { width: 50px; height: 50px; border-radius: 50%; }
html.desk .dk-row__mid { display: flex; flex-direction: column; min-width: 0; }
html.desk .dk-row__kind { display: flex; gap: 6px; align-items: center; font: 700 15px var(--dk-cond); text-transform: uppercase; letter-spacing: .05em; color: color-mix(in srgb, var(--c) 60%, var(--dk-ink)); white-space: nowrap; overflow: hidden; }
html.desk .dk-new { font: italic 800 13px Inter, system-ui, sans-serif; letter-spacing: 0; text-transform: none; padding: 1px 7px; border-radius: 99px; color: #10262a; background: var(--dk-teal); }
html.desk .dk-row__name { font: 900 18px/1.2 var(--dk-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.desk .dk-row__where { margin-top: 2px; color: var(--dk-muted); font-size: 15px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.desk .dk-row__t { text-align: right; font: 900 17px var(--dk-display); white-space: nowrap; }
html.desk .dk-row__t small { display: block; font: 600 14px Inter, system-ui, sans-serif; color: var(--dk-muted); }
html.desk .dk-row.is-past { opacity: .62; }
html.desk .dk-row.is-cancelled .dk-row__name { text-decoration: line-through; }
html.desk .dk-empty { padding: 26px 20px; border-radius: 18px; background: var(--dk-night-2); }
html.desk .dk-empty p { margin: 0 0 10px; font: 900 22px var(--dk-display); }
html.desk .dk-empty .dk-empty__sub { font: 600 17px Inter, system-ui, sans-serif; color: var(--dk-soft); }
html.desk .dk-empty__days { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
html.desk .dk-empty__days a, html.desk .dk-empty__clear { display: inline-block; padding: 10px 14px; border-radius: 12px; background: var(--dk-paper); color: var(--dk-ink); font-weight: 800; text-decoration: none; }
html.desk .dk-pager { display: flex; gap: 8px; align-items: center; justify-content: center; margin: 16px 0 8px; }
html.desk .dk-pager__count { color: var(--dk-soft); font-weight: 700; margin-right: 6px; }
html.desk .dk-pager__a { padding: 12px 20px; border-radius: 12px; background: var(--dk-paper); color: var(--dk-ink); font: 900 17px var(--dk-display); text-decoration: none; }
html.desk .dk-foot { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 26px 4px 0; color: var(--dk-soft); font-size: 15px; }

/* side: map over the open listing */
html.desk .dk-side { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(150px, 31%) minmax(0, 1fr); gap: 12px; }
html.desk .dk-map { position: relative; border-radius: 18px; overflow: hidden; box-shadow: 0 0 0 1px var(--dk-edge); background: #2a2129; z-index: 0; }
html.desk .dk-map a { color: #2a2227; }
html.desk .dk-dt__details .details-fine-print { display: none; }
html.desk .dk-map .leaflet-tile-pane { filter: saturate(.55) sepia(.12) brightness(.96); }
html.desk .dk-map.is-empty { display: grid; place-items: center; }
html.desk .dk-map__none { margin: 0; padding: 20px; color: var(--dk-soft); font-size: 17px; text-align: center; }
html.desk .dk-pin { width: 34px !important; height: 34px !important; margin: -17px 0 0 -17px !important; border-radius: 50%; background-size: cover; box-shadow: 0 0 0 3px var(--dk-paper), 0 4px 10px rgb(0 0 0 / 45%); transition: transform .15s; }
html.desk .dk-pin.is-hover { transform: scale(1.3); }
html.desk .dk-pin.is-on { transform: scale(1.45); box-shadow: 0 0 0 3px var(--dk-paper), 0 0 0 7px var(--dk-pink), 0 6px 14px rgb(0 0 0 / 50%); }
html.desk .dk-dock { min-height: 0; min-width: 0; }
/* the corner "Make it yours" button: just the circle on a wide screen, never a strip across the panes */
html.desk .personalize-nudge { background: transparent; border-top: 0; box-shadow: none; pointer-events: none; }
html.desk .personalize-nudge a, html.desk .personalize-nudge button { pointer-events: auto; }
html.desk .personalize-nudge-spacer { display: none; }
html.desk .dk-dt__body { padding-bottom: 96px; }
html.desk .dk-dt { display: flex; flex-direction: column; height: 100%; min-height: 0; overflow: hidden; color: var(--dk-ink); background: var(--dk-paper); border-radius: 18px; }
html.desk .dk-dt--empty { justify-content: center; padding: 24px; font-size: 18px; color: var(--dk-muted); }
html.desk .dk-dt__top { position: relative; display: flex; gap: 14px; align-items: flex-start; padding: 18px 18px 12px; background: linear-gradient(180deg, color-mix(in srgb, var(--c) 22%, var(--dk-paper)), var(--dk-paper)); }
html.desk .dk-dt__top::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 6px; background: var(--dk-stripes); }
html.desk .dk-dt__coin { flex: 0 0 auto; width: 78px; height: 78px; border-radius: 50%; box-shadow: 0 6px 16px rgb(0 0 0 / 25%); }
html.desk .dk-dt__id { min-width: 0; }
html.desk .dk-dt__kind { margin: 2px 0; font: 700 18px var(--dk-cond); text-transform: uppercase; letter-spacing: .06em; color: color-mix(in srgb, var(--c) 55%, var(--dk-ink)); }
html.desk .dk-dt__id h2 { margin: 0; font: 900 28px/1.1 var(--dk-display); color: var(--dk-ink); }
html.desk .dk-dt__when { display: flex; gap: 6px; align-items: center; margin: 8px 0 0; font-weight: 800; font-size: 17px; color: var(--dk-ink); }
html.desk .dk-dt__venue { margin: 4px 0 0; font-size: 17px; font-weight: 700; color: var(--dk-muted); }
html.desk .dk-dt__venue a { color: var(--dk-nav); }
html.desk .dk-dt__acts { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 0 18px 10px; }
html.desk .dk-hype { position: relative; overflow: hidden; display: inline-flex; align-items: center; height: 46px; padding: 0 20px; border: 0; border-radius: 12px; color: #fff !important; background: linear-gradient(100deg, #e0245e 0%, #e2562a 48%, #7441b6 100%); font: 900 19px var(--dk-display); text-decoration: none; cursor: pointer; box-shadow: 0 0 0 2px var(--dk-paper), 0 0 0 4px #7441b6; }
html.desk .dk-hype::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 30%, rgb(255 255 255 / 38%) 48%, transparent 66%); transform: translateX(-120%); animation: dk-shim 3.6s ease-in-out .8s infinite; }
@keyframes dk-shim { 0% { transform: translateX(-120%); } 38%, 100% { transform: translateX(120%); } }
@media (prefers-reduced-motion: reduce) { html.desk .dk-hype::after { display: none; } }
html.desk .dk-a { display: inline-flex; gap: 6px; align-items: center; height: 46px; padding: 0 14px; border: 0; border-radius: 12px; color: #fff !important; font: 800 16px Inter, system-ui, sans-serif; text-decoration: none; cursor: pointer; }
html.desk .dk-a--nav { background: var(--dk-nav); } html.desk .dk-a--share { background: var(--dk-share); }
html.desk .dk-going { height: 46px; padding: 0 16px; border-radius: 12px; border: 2px solid var(--dk-ink); background: var(--dk-paper); color: var(--dk-ink); font: 900 17px var(--dk-display); cursor: pointer; }
html.desk .dk-going.is-on { color: #fff; background: var(--dk-ink); }
html.desk .dk-dt__quiet { display: flex; gap: 6px; flex-wrap: wrap; padding: 0 18px 12px; border-bottom: 1px solid #e6dccb; }
html.desk .dk-q { display: inline-flex; gap: 6px; align-items: center; height: 38px; padding: 0 12px; border: 1px solid #d8ccb9; border-radius: 99px; background: var(--dk-paper-2); color: var(--dk-ink); font: 700 15px Inter, system-ui, sans-serif; cursor: pointer; text-decoration: none; }
html.desk .dk-q .dk-ic { width: 18px; height: 18px; }
html.desk .dk-dt__body { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 14px 18px 20px; scrollbar-width: thin; }
html.desk .dk-dt__details .event-card__details-body { padding: 0; }
html.desk .dk-dt__details .event-card__details-layout { grid-template-columns: minmax(0, 1fr); }
html.desk .dk-dt__details .event-card__details-layout > .details-lead__tools { order: -1; flex-direction: row; flex-wrap: wrap; margin: 0 0 10px; }
html.desk .dk-dt__details .event-card__details-layout .details-lead__tools .rail-button { width: auto; min-width: 110px; }
html.desk .dk-dt__details .details-what .details-what__summary, html.desk .dk-dt__details .event-note { font-size: 18px !important; line-height: 1.5; }
html.desk .dk-dt__details .dp-glance dd { font-size: 17px; }
html.desk .dk-dt__details .dp-glance dt { font-size: 14px; }
html.desk .dk-similar h3 { margin: 16px 0 8px; font: 900 19px var(--dk-display); color: var(--dk-ink); }
html.desk .dk-similar__row { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x mandatory; scrollbar-width: thin; }
html.desk .dk-mini { flex: 0 0 230px; scroll-snap-align: start; display: grid; grid-template-columns: 40px 1fr; gap: 2px 10px; text-align: left; padding: 10px; border: 1px solid #e0d4c2; border-radius: 14px; background: #fff; color: var(--dk-ink); cursor: pointer; font: inherit; }
html.desk .dk-mini img { grid-row: span 2; width: 40px; height: 40px; border-radius: 50%; }
html.desk .dk-mini b { font-size: 16px; line-height: 1.2; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
html.desk .dk-mini span { color: var(--dk-muted); font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* narrower laptops (1100–1499): fold the slogan and the button words; the panes keep their order */
@media (max-width: 1499px) {
  html.desk .dk-say { display: none; }
  html.desk .dk-acts .my-plans-link span, html.desk .dk-acts .teams-link .teams-link__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  html.desk .dk-acts .my-plans-link, html.desk .dk-acts .teams-link { width: 50px; padding: 0; justify-content: center; }
  html.desk .dk-day { min-width: 48px; }
  html.desk .dk-body { grid-template-columns: 196px minmax(0, 1fr) clamp(440px, 41vw, 600px); }
}
html.desk .dk-day--arrow { justify-content: center; min-width: 46px; }
@media (max-width: 1399px) {
  html.desk .dk-hd { gap: 10px; padding: 0 12px 4px; }
  html.desk .dk-logo img { height: 62px; }
  html.desk .dk-day--arrow { display: none; }
  html.desk .dk-day { min-width: 44px; padding: 6px 5px 5px; }
  html.desk .dk-find { min-width: 280px; }
  html.desk .dk-acts .site-header__status { gap: 5px; }
}
@media (max-width: 1279px) { html.desk .dk-days .dk-day:nth-child(n+8) { display: none; } }

/* ---- the phone page's tools, reached from the wide layout ------------------------------------------------- */
html.desk .dk-tools { flex: 0 0 auto; display: flex; gap: 8px; }
html.desk .dk-tool { display: inline-flex; align-items: center; gap: 8px; height: 50px; padding: 0 14px; border: 1px solid var(--dk-edge); border-radius: 14px; background: var(--dk-night-2); color: var(--dk-paper); font: 900 17px var(--dk-display); cursor: pointer; }
html.desk .dk-tool:hover, html.desk .dk-tool[aria-expanded="true"] { border-color: var(--dk-teal); }
html.desk .dk-locate { flex: 0 0 auto; display: grid; place-items: center; width: 34px; height: 34px; border: 0; border-radius: 50%; background: none; color: var(--dk-muted); cursor: pointer; }
html.desk .dk-locate:hover { color: var(--dk-pink); background: #f1e7d8; }
html.desk .dk-row[hidden], html.desk .dk-slot[hidden], html.desk .dk-none[hidden] { display: none !important; }
html.desk .dk-none { margin: 24px 6px; color: var(--dk-soft); font: 600 17px Inter, system-ui, sans-serif; }
html.desk .dk-row.is-hl { box-shadow: inset 0 0 0 3px #ffd23f, 0 0 14px rgb(255 210 63 / 55%); }
html.desk .dk-row.is-hl.is-on { box-shadow: inset 6px 0 0 var(--c), 0 0 0 3px var(--dk-pink), 0 0 14px rgb(255 210 63 / 55%); }
html.desk .dk-q.is-on { background: #ffd23f; border-color: #e0b100; }
/* the Date & time and Place sheet: the phone page's own form, shown as a centred window */
html.desk .dk-filters { position: fixed; inset: 0; z-index: 50; display: grid; place-items: start center; padding-top: 90px; background: rgb(10 6 10 / 62%); overflow: auto; }
html.desk .dk-filters[hidden] { display: none; }
html.desk .dk-filters form.event-search { position: relative; display: block; width: min(640px, 94vw); max-width: none; margin: 0 0 40px; padding: 22px; border-radius: 18px; background: #fff7e5; color: #1a1118; box-shadow: 0 20px 60px rgb(0 0 0 / 55%); }
html.desk .dk-filters .search-query-row, html.desk .dk-filters .search-place-row, html.desk .dk-filters .search-more-toggle { display: none !important; }
html.desk .dk-filters .search-options-row, html.desk .dk-filters #search-more-panel { display: block !important; position: static !important; width: auto !important; max-width: none !important; height: auto !important; max-height: none !important; transform: none !important; background: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; inset: auto !important; }
html.desk .dk-filters #search-more-panel > * { margin: 0 0 14px !important; grid-column: auto !important; grid-row: auto !important; }
html.desk .dk-filters .filters-sheet__top { display: flex !important; align-items: center; justify-content: space-between; }
html.desk .dk-filters .filters-sheet__top h2 { color: #1a1118 !important; }
html.desk .dk-filters .filters-sheet__apply { display: block !important; width: 100%; }
/* "Show only my highlighted": the phone page's own highlighted view (every day, with its jump bar), laid over the
   list and map while it is on; the header stays, and the same button turns it off */
html.desk.is-highlight-mode #main { display: block !important; width: auto !important; max-width: none !important; margin: 0 !important; position: fixed; z-index: 20; left: 0; right: 0; bottom: 0; top: var(--dk-hd, 86px); overflow: auto; padding: 18px 24px 60px; background: #160f15; color: #fff7e5; }
html.desk.is-highlight-mode #main :not(:has([data-results-highlighted])):not([data-results-highlighted]):not([data-results-highlighted] *) { display: none !important; }
html.desk.is-highlight-mode #main [data-results-highlighted] { max-width: 980px; margin: 0 auto; }

@media (max-width: 1799px) { html.desk .dk-say { display: none; } html.desk .dk-tool span { display: none; } html.desk .dk-tool { padding: 0 12px; } }
