@charset "utf-8";
/* Longshots redesign. Loads after /css/w3style.css (w3.css + the site's dark mode, body.dark-mode). */

body.ls {
  --ls-navy: #1b3550;
  --ls-blue: #31639c;
  --ls-blue-soft: #e8eff8;
  --ls-red: #c8102e;
  --ls-gold: #c99a1c;
  --ls-gold-soft: #fbf3dc;
  --ls-page: #f3f5f8;
  --ls-surface: #ffffff;
  --ls-surface-2: #f7f9fb;
  --ls-line: #dfe4ea;
  --ls-text: #1c2430;
  --ls-muted: #66707d;
  --ls-link: #24578f;
  --ls-win: #1e8a4c;
  --ls-loss: #c8102e;
  --ls-tie: #8a6d00;
  --ls-shadow: 0 1px 2px rgba(16, 32, 56, .06), 0 2px 8px rgba(16, 32, 56, .06);
  background: var(--ls-page);
  color: var(--ls-text);
  font-family: Inter, "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}
body.ls.dark-mode {
  --ls-blue-soft: #22303f;
  --ls-gold-soft: #3a3220;
  --ls-page: #1e1e1e;
  --ls-surface: #2a2b2d;
  --ls-surface-2: #313235;
  --ls-line: #3d3f43;
  --ls-text: #e9ebee;
  --ls-muted: #a3a9b1;
  --ls-link: #8dbdf0;
  --ls-win: #4cc27e;
  --ls-loss: #ff6b7d;
  --ls-tie: #e0c04f;
  --ls-shadow: none;
  background: var(--ls-page) !important;
  color: var(--ls-text) !important;
}
.ls *, .ls *::before, .ls *::after { box-sizing: border-box; }
.ls a { color: var(--ls-link); text-decoration: none; }
.ls a:hover { text-decoration: underline; }
.ls h1, .ls h2, .ls h3 { font-family: Oswald, "Arial Narrow", Arial, sans-serif; font-weight: 600; letter-spacing: .01em; line-height: 1.15; margin: 0; }
.ls h1 { font-size: 2.1rem; }
.ls h2 { font-size: 1.35rem; margin: 0 0 .75rem; }
.ls h3 { font-size: 1.05rem; margin: 0 0 .5rem; }
.ls-muted { color: var(--ls-muted); }
.ls-num { font-variant-numeric: tabular-nums; }
.ls-wrap { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.ls-skip { position: absolute; left: -999px; }
.ls-skip:focus { left: 8px; top: 8px; z-index: 50; background: #fff; padding: 6px 10px; }

/* ---------- Top bar ---------- */
.ls-top { background: var(--ls-navy); color: #fff; position: sticky; top: 0; z-index: 20; box-shadow: 0 2px 10px rgba(0,0,0,.18); }
.ls-top-row { display: flex; align-items: center; gap: 12px; min-height: 60px; }
.ls .ls-brand { display: flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; margin-right: 8px; }
.ls-brand img { background: #fff; border-radius: 8px; padding: 2px 4px; height: 44px; width: auto; }
.ls-brand span { font-family: Oswald, Arial, sans-serif; font-size: 1.35rem; font-weight: 600; line-height: 1; letter-spacing: .02em; }
.ls-brand small { display: block; font-family: Inter, Arial, sans-serif; font-size: .7rem; font-weight: 500; opacity: .75; letter-spacing: .08em; text-transform: uppercase; margin-top: 3px; }
.ls-nav { display: flex; align-items: center; gap: 2px; flex: 1; }
.ls .ls-nav-link { display: inline-flex; align-items: center; gap: 7px; color: #dbe6f3; background: none; border: 0; font: inherit; font-weight: 500;
  padding: 8px 11px; border-radius: 8px; cursor: pointer; text-decoration: none; white-space: nowrap; }
.ls .ls-nav-link:hover, .ls .ls-drop:hover > .ls-nav-link { background: rgba(255,255,255,.1); color: #fff; text-decoration: none; }
.ls .ls-nav-link[aria-current="page"], .ls-drop.is-active > .ls-nav-link { background: rgba(255,255,255,.16); color: #fff; }
.ls-nav-link .fa-solid { font-size: .85em; opacity: .8; }
.ls-chev { font-size: .6rem !important; }
.ls-drop { position: relative; }
.ls-drop-menu { display: none; position: absolute; top: 100%; left: 0; min-width: 230px; background: var(--ls-surface); border: 1px solid var(--ls-line);
  border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.18); padding: 6px; z-index: 30; }
.ls-drop:hover .ls-drop-menu, .ls-drop.is-open .ls-drop-menu { display: block; }
.ls .ls-drop-menu a { display: block; padding: 8px 12px; border-radius: 7px; color: var(--ls-text); }
.ls .ls-drop-menu a:hover, .ls .ls-drop-menu a[aria-current="page"] { background: var(--ls-blue-soft); text-decoration: none; }
.ls-search { position: relative; display: flex; align-items: center; }
.ls-search .fa-magnifying-glass { position: absolute; left: 11px; font-size: .8rem; color: #9fb3c8; pointer-events: none; }
.ls-search input { width: 190px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.1); color: #fff; border-radius: 20px;
  padding: 7px 12px 7px 30px; font: inherit; font-size: .9rem; }
.ls-search input::placeholder { color: #b9c8d8; }
.ls-search input:focus { outline: 2px solid #8dbdf0; background: rgba(255,255,255,.16); }
.ls-icon-btn { background: none; border: 0; color: #fff; width: 38px; height: 38px; border-radius: 50%; cursor: pointer; font-size: 1rem; flex: none; }
.ls-icon-btn:hover { background: rgba(255,255,255,.12); }
.ls-menu-btn { display: none; }

@media (max-width: 1000px) {
  .ls-menu-btn { display: block; order: 3; }
  .ls-top-row { flex-wrap: wrap; }
  .ls-brand { flex: 1; }
  .ls-search { order: 2; }
  .ls-theme-btn { order: 2; }
  .ls-nav { display: none; order: 4; flex-basis: 100%; flex-direction: column; align-items: stretch; padding: 6px 0 12px; }
  .ls-nav.is-open { display: flex; }
  .ls-drop-menu { position: static; box-shadow: none; border: 0; background: transparent; padding: 0 0 4px 26px; }
  .ls-drop:hover .ls-drop-menu { display: none; }
  .ls-drop.is-open .ls-drop-menu { display: block; }
  .ls .ls-drop-menu a { color: #dbe6f3; }
  .ls .ls-drop-menu a:hover, .ls .ls-drop-menu a[aria-current="page"] { background: rgba(255,255,255,.1); }
}
@media (max-width: 600px) {
  .ls-search { order: 5; flex-basis: 100%; margin-bottom: 10px; }
  .ls-search input { width: 100%; }
  .ls-nav { order: 4; }
  .ls-brand small { display: none; }
  .ls h1 { font-size: 1.65rem; }
}

/* ---------- Page ---------- */
.ls-main { padding-top: 22px; padding-bottom: 40px; min-height: 70vh; }
.ls-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.ls-kicker { font-size: .78rem; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; color: var(--ls-blue); margin-bottom: 4px; }
body.dark-mode .ls-kicker { color: #8dbdf0; }
.ls-kicker a { color: inherit; }
.ls-sub { margin: 6px 0 0; color: var(--ls-muted); max-width: 70ch; }
.ls-head-right { display: flex; gap: 8px; flex-wrap: wrap; }
.ls-card { background: var(--ls-surface); border: 1px solid var(--ls-line); border-radius: 12px; box-shadow: var(--ls-shadow); padding: 18px; margin-bottom: 18px; }
.ls-card > h2:first-child { display: flex; align-items: center; gap: 8px; justify-content: space-between; flex-wrap: wrap; }
.ls-card-flush { padding: 0; overflow: hidden; }
.ls-card-flush > h2 { padding: 16px 18px 0; }
.ls-grid { display: grid; gap: 18px; }
.ls-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ls-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ls-grid-auto { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
@media (max-width: 860px) { .ls-grid-2, .ls-grid-3 { grid-template-columns: minmax(0, 1fr); } }
.ls-grid > .ls-card { margin-bottom: 0; }
.ls-section { margin-bottom: 26px; }

.ls-btn { display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border-radius: 8px; border: 1px solid var(--ls-line);
  background: var(--ls-surface); color: var(--ls-text) !important; font: inherit; font-size: .9rem; font-weight: 500; cursor: pointer; white-space: nowrap; }
.ls-btn:hover { background: var(--ls-blue-soft); text-decoration: none !important; }
.ls-btn[aria-disabled="true"] { opacity: .4; pointer-events: none; }
.ls-btn-primary { background: var(--ls-blue); border-color: var(--ls-blue); color: #fff !important; }
.ls-btn-primary:hover { background: var(--ls-navy); }

/* Tiles */
.ls-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 18px; }
.ls-tile { background: var(--ls-surface); border: 1px solid var(--ls-line); border-radius: 12px; padding: 12px 14px; box-shadow: var(--ls-shadow); }
.ls-tile-label { font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; color: var(--ls-muted); font-weight: 600; }
.ls-tile-value { font-family: Oswald, Arial, sans-serif; font-size: 1.8rem; font-weight: 600; line-height: 1.2; font-variant-numeric: tabular-nums; }
.ls-tile-value a { color: inherit; }
.ls-tile-note { font-size: .82rem; color: var(--ls-muted); }

/* Hero (home) */
.ls-hero { display: grid; grid-template-columns: 300px 1fr; gap: 26px; align-items: center; background: linear-gradient(135deg, #1b3550 0%, #31639c 100%);
  color: #fff; border-radius: 16px; padding: 26px 30px; margin-bottom: 20px; position: relative; overflow: hidden; }
.ls-hero img { width: 100%; height: auto; background: #fff; border-radius: 14px; padding: 10px; }
.ls-hero h1 { font-size: 2.6rem; color: #fff; }
.ls-hero p { color: #dbe6f3; margin: 8px 0 16px; font-size: 1.05rem; max-width: 60ch; }
.ls-hero-record { font-family: Oswald, Arial, sans-serif; font-size: 3.4rem; font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; }
.ls-hero-record small { display: block; font-family: Inter, Arial, sans-serif; font-size: .8rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; opacity: .75; margin-top: 6px; }
.ls-hero-stats { display: flex; gap: 30px; flex-wrap: wrap; }
.ls-hero .ls-btn { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.25); color: #fff !important; }
.ls-hero .ls-btn:hover { background: rgba(255,255,255,.22); }
@media (max-width: 760px) { .ls-hero { grid-template-columns: 1fr; padding: 20px; } .ls-hero img { max-width: 170px; } .ls-hero h1 { font-size: 2rem; } .ls-hero-record { font-size: 2.6rem; } }

/* ---------- Tables ---------- */
.ls-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 10px; border: 1px solid var(--ls-line); background: var(--ls-surface); }
.ls-card .ls-table-wrap { border-radius: 8px; }
.ls-card-flush .ls-table-wrap { border: 0; border-radius: 0; }
.ls-table { width: 100%; border-collapse: separate; border-spacing: 0; font-variant-numeric: tabular-nums; font-size: .92rem; }
.ls-table th, .ls-table td { padding: 7px 10px; text-align: right; white-space: nowrap; border-bottom: 1px solid var(--ls-line); }
.ls-table th { background: var(--ls-surface-2); font-size: .74rem; text-transform: uppercase; letter-spacing: .06em; color: var(--ls-muted); font-weight: 700;
  position: sticky; top: 0; z-index: 1; }
.ls-table .ls-l, .ls-line .ls-l { text-align: left; }
.ls-table .ls-c { text-align: center; }
.ls-table .ls-wrap-cell { white-space: normal; min-width: 180px; }
.ls-table tbody tr:nth-child(even) td { background: var(--ls-surface-2); }
.ls-table tbody tr:hover td { background: var(--ls-blue-soft); }
.ls-table tfoot td { font-weight: 700; background: var(--ls-blue-soft); border-bottom: 0; border-top: 2px solid var(--ls-blue); }
.ls-table tbody tr:last-child td { border-bottom: 0; }
.ls-table td:first-child, .ls-table th:first-child { position: sticky; left: 0; z-index: 2; background: var(--ls-surface); }
.ls-table th:first-child { z-index: 3; background: var(--ls-surface-2); }
.ls-table tbody tr:nth-child(even) td:first-child { background: var(--ls-surface-2); }
.ls-table tfoot td:first-child { background: var(--ls-blue-soft); }
.ls-table.ls-no-stick td:first-child, .ls-table.ls-no-stick th:first-child { position: static; }
.ls-sortable th[data-sort] { cursor: pointer; user-select: none; }
.ls-sortable th[data-sort]:hover { color: var(--ls-text); }
.ls-sortable th[aria-sort]::after { content: " ▾"; color: var(--ls-blue); }
.ls-sortable th[aria-sort="ascending"]::after { content: " ▴"; }
.ls-table tr.ls-hide { display: none; }
.ls-table tr.ls-us td { font-weight: 600; }
.ls-table tr.ls-champ td:first-child { box-shadow: inset 3px 0 0 var(--ls-gold); }
.ls-rank { color: var(--ls-muted); font-size: .8rem; width: 2.2em; display: inline-block; }
.ls-bar { display: inline-block; height: 8px; border-radius: 4px; background: var(--ls-blue); vertical-align: middle; margin-left: 6px; opacity: .75; }

/* Line score */
.ls-line { border-collapse: collapse; font-variant-numeric: tabular-nums; width: 100%; }
.ls-line th, .ls-line td { padding: 6px 8px; text-align: center; border-bottom: 1px solid var(--ls-line); }
.ls-line th { font-size: .72rem; color: var(--ls-muted); font-weight: 700; text-transform: uppercase; }
.ls-line td.ls-l { white-space: nowrap; max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
.ls-line tr.ls-us td { font-weight: 700; }
.ls-line .ls-line-r { font-weight: 700; border-left: 2px solid var(--ls-line); font-size: 1.05em; }
.ls-line tbody tr:last-child td { border-bottom: 0; }
.ls-line-sm { font-size: .85rem; }
.ls-line-sm th, .ls-line-sm td { padding: 3px 6px; }

/* Game cards (season page) */
.ls-games { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 14px; }
@media (max-width: 420px) { .ls-games { grid-template-columns: minmax(0, 1fr); } }
.ls-game { background: var(--ls-surface); border: 1px solid var(--ls-line); border-radius: 12px; padding: 12px 14px; box-shadow: var(--ls-shadow);
  display: flex; flex-direction: column; gap: 8px; border-left: 4px solid var(--ls-line); }
.ls-game.is-W { border-left-color: var(--ls-win); }
.ls-game.is-L { border-left-color: var(--ls-loss); }
.ls-game.is-T { border-left-color: var(--ls-tie); }
.ls-game-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: .82rem; color: var(--ls-muted); }
.ls-game-top b { color: var(--ls-text); }
.ls-game-note { font-size: .82rem; color: var(--ls-muted); border-top: 1px dashed var(--ls-line); padding-top: 6px; }
.ls-game-foot { margin-top: auto; display: flex; justify-content: space-between; align-items: center; font-size: .85rem; }

.ls-res { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0 6px; border-radius: 6px;
  font-weight: 700; font-size: .8rem; color: #fff; font-family: Inter, Arial, sans-serif; }
.ls-res-W { background: var(--ls-win); }
.ls-res-L { background: var(--ls-loss); }
.ls-res-T { background: var(--ls-tie); }
body.dark-mode .ls-res { color: #111; }

.ls-pill { display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: 20px; font-size: .78rem; font-weight: 600;
  background: var(--ls-blue-soft); color: var(--ls-text); white-space: nowrap; }
.ls-pill-gold { background: var(--ls-gold-soft); color: #7a5a00; }
body.dark-mode .ls-pill-gold { color: #f0d27a; }
.ls-pill-gold .fa-solid { color: var(--ls-gold); }

/* Scoreboard (game page) */
.ls-score { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 14px; text-align: center; }
.ls-score-team { font-family: Oswald, Arial, sans-serif; font-size: 1.3rem; font-weight: 600; }
.ls-score-team small { display: block; font-family: Inter, Arial, sans-serif; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; color: var(--ls-muted); font-weight: 600; }
.ls-score-num { font-family: Oswald, Arial, sans-serif; font-size: 3.4rem; font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; }
.ls-score-mid { display: flex; flex-direction: column; align-items: center; gap: 6px; color: var(--ls-muted); font-size: .85rem; }
.ls-score-mid .ls-res { font-size: 1rem; min-width: 34px; height: 34px; }
@media (max-width: 600px) { .ls-score-num { font-size: 2.4rem; } .ls-score-team { font-size: 1.05rem; } }

/* Tabs */
.ls-tabs { display: flex; gap: 4px; border-bottom: 2px solid var(--ls-line); margin-bottom: 16px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.ls-tab { background: none; border: 0; font: inherit; font-weight: 600; color: var(--ls-muted); padding: 9px 14px; cursor: pointer; border-bottom: 3px solid transparent;
  margin-bottom: -2px; white-space: nowrap; }
.ls-tab:hover { color: var(--ls-text); }
.ls-tab[aria-selected="true"] { color: var(--ls-text); border-bottom-color: var(--ls-red); }
.ls-js .ls-panel[hidden] { display: none; }

/* Toolbar (filters) */
.ls-toolbar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
.ls-toolbar input[type="search"], .ls-toolbar select, .ls-toolbar input[type="number"] { font: inherit; font-size: .9rem; padding: 7px 10px; border-radius: 8px;
  border: 1px solid var(--ls-line); background: var(--ls-surface); color: var(--ls-text); }
.ls-toolbar input[type="search"] { min-width: 220px; flex: 1; max-width: 340px; }
.ls-toolbar input[type="number"] { width: 90px; }
.ls-toolbar label { font-size: .88rem; color: var(--ls-muted); display: inline-flex; align-items: center; gap: 6px; }
.ls-count { font-size: .85rem; color: var(--ls-muted); margin-left: auto; }
.ls-seg { display: inline-flex; border: 1px solid var(--ls-line); border-radius: 8px; overflow: hidden; }
.ls-seg button { background: var(--ls-surface); border: 0; border-right: 1px solid var(--ls-line); font: inherit; font-size: .86rem; padding: 6px 11px; cursor: pointer; color: var(--ls-text); }
.ls-seg button:last-child { border-right: 0; }
.ls-seg button[aria-pressed="true"] { background: var(--ls-blue); color: #fff; }

/* Leader lists */
.ls-leaders { list-style: none; margin: 0; padding: 0; }
.ls-leaders li { display: flex; align-items: baseline; gap: 8px; padding: 5px 0; border-bottom: 1px solid var(--ls-line); font-size: .92rem; }
.ls-leaders li:last-child { border-bottom: 0; }
.ls-leaders .ls-v { margin-left: auto; font-weight: 700; font-variant-numeric: tabular-nums; }
.ls-leaders li.r1 .ls-v { color: var(--ls-red); }
body.dark-mode .ls-leaders li.r1 .ls-v { color: #ff8b99; }
.ls-leaders .ls-rank { flex: none; }
.ls-leaders .ls-meta { color: var(--ls-muted); font-size: .8rem; }

/* Record list (game/season records) */
.ls-records { display: grid; grid-template-columns: auto auto 1fr; gap: 0 14px; margin: 0; }
.ls-records dt, .ls-records dd { margin: 0; padding: 7px 0; border-bottom: 1px solid var(--ls-line); }
.ls-records dt { color: var(--ls-muted); }
.ls-records dd.ls-rv { font-family: Oswald, Arial, sans-serif; font-weight: 600; font-size: 1.15rem; text-align: right; line-height: 1.3; font-variant-numeric: tabular-nums; }
.ls-records dd.ls-rw { font-size: .9rem; }

.ls-note { background: var(--ls-gold-soft); border: 1px solid #ecd9a1; border-radius: 10px; padding: 10px 14px; font-size: .9rem; margin-bottom: 18px; }
body.dark-mode .ls-note { border-color: #5a4c26; }
.ls-chart { position: relative; height: 280px; }
.ls-chart-sm { height: 220px; }
.ls-pager { display: flex; justify-content: space-between; gap: 10px; margin: 18px 0 0; flex-wrap: wrap; }
.ls-empty { text-align: center; padding: 60px 20px; color: var(--ls-muted); }
.ls-empty .fa-regular { font-size: 2.5rem; margin-bottom: 10px; }
.ls-img { max-width: 100%; height: auto; border-radius: 10px; display: block; }
.ls-rules { margin: 0; padding: 0; list-style: none; counter-reset: none; }
.ls-rules li { padding: 9px 0; border-bottom: 1px solid var(--ls-line); }
.ls-rules li:last-child { border-bottom: 0; }
.ls-def { display: grid; grid-template-columns: 110px 1fr; gap: 0 16px; margin: 0; }
.ls-def dt, .ls-def dd { margin: 0; padding: 8px 0; border-bottom: 1px solid var(--ls-line); }
.ls-def dt { font-weight: 700; font-family: Oswald, Arial, sans-serif; font-size: 1.05rem; }
.ls-def code { font-size: .88rem; background: var(--ls-surface-2); padding: 1px 6px; border-radius: 5px; border: 1px solid var(--ls-line); }
@media (max-width: 520px) { .ls-def { grid-template-columns: 70px 1fr; } }
.ls-mark { background: #fff3a0; padding: 0 3px; border-radius: 3px; }
body.dark-mode .ls-mark { background: #5c5320; }

/* Diamond grid */
.ls-diamonds { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
@media (min-width: 1100px) { .ls-diamonds { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 560px) { .ls-diamonds { grid-template-columns: minmax(0, 1fr); } }
.ls-diamond h3 { display: flex; align-items: center; gap: 8px; }
.ls-diamond-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--ls-line); }
.ls-diamond-row:last-child { border-bottom: 0; }
.ls-meter { height: 8px; border-radius: 4px; background: var(--ls-line); overflow: hidden; margin-top: 4px; width: 120px; }
.ls-meter > span { display: block; height: 100%; background: var(--ls-win); }

/* Footer */
.ls-foot { border-top: 1px solid var(--ls-line); background: var(--ls-surface); color: var(--ls-muted); font-size: .85rem; padding: 18px 0; }
.ls-foot .ls-wrap { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
@media print { .ls-top, .ls-foot, .ls-toolbar, .ls-tabs { display: none; } .ls-js .ls-panel[hidden] { display: block; } }
.ls main [id] { scroll-margin-top: 80px; }
@media (max-width: 600px) {
  .ls-tab { padding: 9px 9px; font-size: .92rem; }
  .ls-tab .fa-solid { display: none; }
  .ls-records { grid-template-columns: auto auto; }
  .ls-records dd.ls-rw { grid-column: 1 / -1; padding-top: 0; }
  .ls-records dt, .ls-records dd.ls-rv { border-bottom: 0; }
}