:root {
  --ink: #090d15;
  --surface: #111824;
  --surface-2: #182232;
  --surface-3: #202d40;
  --line: #2b394d;
  --text: #f5f8fd;
  --muted: #a7b6ca;
  --blue: #1779ed;
  --cyan: #44d4e6;
  --yellow: #ffe500;
  --display: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background: radial-gradient(ellipse 55% 500px at 85% 0, #0c32614d, transparent 85%), var(--ink);
  font: 16px/1.55 'Segoe UI', Arial, sans-serif;
}
button, input, select, textarea { font: inherit; }
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--yellow);
  outline-offset: 3px;
}
.wrap { width: min(100% - 44px, 1240px); margin-inline: auto; }
.site-header { position: relative; z-index: 10; background: #090d15e8; border-bottom: 1px solid #273248; }
.top-stripe { height: 5px; background: linear-gradient(90deg, var(--yellow) 0 42%, var(--blue) 42% 82%, var(--cyan) 82%); }
.demo-ribbon { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 7px 15px; padding: 7px 15px; background: #ffe500; color: #08111d; font: 800 11px/1.4 Arial, sans-serif; letter-spacing: .04em; text-align: center; }
.demo-ribbon span { font-weight: 600; }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 86px; }
.brand, .footer-brand { display: inline-flex; align-items: center; flex: none; }
.brand-logo { display: block; width: 210px; height: 70px; background: url('can-via-logo.png') center / contain no-repeat; }
.site-nav { display: flex; align-items: center; gap: 18px; color: #dce8f7; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }
.account-switch-form { margin: 0; }
.account-switch-form button { padding: 9px 0; border: 0; background: none; color: #b7cce3; cursor: pointer; font: inherit; text-transform: inherit; letter-spacing: inherit; white-space: nowrap; }
.account-switch-form button:hover { color: var(--yellow); }
.site-nav a:not(.nav-action):hover { color: var(--yellow); }
.nav-season { color: #8ca5c8; }
.nav-action { display: inline-flex; align-items: center; gap: 16px; padding: 11px 15px; color: #090d15; background: var(--yellow); border-radius: 2px; white-space: nowrap; transition: transform .18s, box-shadow .18s; }
.nav-action:hover { transform: translateY(-2px); box-shadow: 0 7px 24px #ffe50038; }
.nav-action span { font-size: 17px; line-height: 1; }
h1, h2, p { margin-top: 0; }
.eyebrow { margin: 0 0 18px; color: var(--cyan); font: 800 12px/1.4 Arial, sans-serif; letter-spacing: .17em; text-transform: uppercase; }
.meta-divider { padding-inline: 7px; color: var(--blue); }

/* Public landing */
.hero { position: relative; isolation: isolate; display: flex; align-items: center; min-height: 570px; margin: 28px 0 76px; overflow: hidden; border: 1px solid #283750; border-radius: 5px; background: #080d17; box-shadow: 0 30px 80px #0008; }
.hero-art { position: absolute; z-index: -2; inset: 0 0 0 35%; background: url('can-via-court.png') center 78%/cover no-repeat; filter: saturate(1.13) contrast(1.08); }
.hero::before { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #080d17 0%, #080d17 32%, #080d17dd 48%, #080d1766 77%, #080d1744 100%), linear-gradient(0deg, #060c18 0, transparent 32%); }
.hero::after { content: ''; position: absolute; right: 26px; top: 26px; width: 120px; height: 100px; opacity: .62; background-image: radial-gradient(circle, var(--blue) 2px, transparent 2.5px); background-size: 17px 17px; }
.hero-content { position: relative; z-index: 1; padding: 68px 5.5%; max-width: 760px; }
.hero .eyebrow { color: var(--yellow); display: flex; align-items: center; gap: 12px; }
.eyebrow-line { display: block; width: 31px; height: 2px; background: var(--yellow); }
.hero h1 { margin: 0 0 23px; font: italic clamp(76px, 10vw, 145px)/.83 var(--display); letter-spacing: -.015em; text-transform: uppercase; text-shadow: 4px 7px 0 #0009; }
.hero h1 em { color: var(--yellow); font-style: inherit; }
.hero-copy { margin-bottom: 32px; color: #e4ecf6; font-size: 17px; font-weight: 650; }
.hero-copy-separator { padding-inline: 8px; color: var(--yellow); }
.hero-cta { display: inline-flex; align-items: center; justify-content: space-between; min-width: 230px; gap: 28px; padding: 14px 17px; border: 1px solid var(--yellow); border-radius: 2px; background: var(--yellow); color: #080d17; font-size: 12px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; transition: transform .18s, background .18s; }
.hero-cta:hover { transform: translateY(-3px); background: #fff258; }
.hero-cta span { font-size: 20px; line-height: 1; }
.hero-corner { position: absolute; right: 26px; bottom: 24px; color: #e6f3ff; font: 800 11px Arial, sans-serif; letter-spacing: .15em; }
.section-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.section-head .eyebrow { margin-bottom: 9px; }
.section-head h2 { margin: 0; font: italic clamp(36px, 5vw, 62px)/1 var(--display); letter-spacing: .015em; text-transform: uppercase; }
.heading-stop { color: var(--yellow); }
.section-head > p { margin: 0 0 3px; color: var(--muted); font-size: 13px; text-align: right; }
.group-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(195px, 1fr)); gap: 13px; margin: 0 0 96px; }
.group-jump { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; margin: 0 0 20px; color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.group-jump > div { display: flex; flex-wrap: wrap; gap: 6px; }
.group-jump a { display: inline-grid; place-items: center; min-width: 32px; min-height: 32px; padding: 3px 7px; border: 1px solid #41516a; color: #f4f8ff; border-radius: 3px; }
.group-jump a:hover { color: var(--ink); background: var(--yellow); border-color: var(--yellow); }
.ops-links { display: flex; flex-wrap: wrap; gap: 12px; padding: 22px; }
.ops-links a { display: inline-flex; align-items: center; padding: 10px 13px; border: 1px solid #42536d; border-radius: 3px; color: #e6f2ff; font-size: 13px; font-weight: 800; }
.ops-links a:hover { border-color: var(--yellow); color: var(--yellow); }
.ops-copy { padding: 26px 32px; color: #dce7f4; max-width: 900px; }
.ops-copy p:last-child { margin-bottom: 0; }
.group-card { position: relative; display: flex; flex-direction: column; min-height: 222px; padding: 22px; overflow: hidden; background: radial-gradient(circle at 100% 0, #18539751, transparent 58%), linear-gradient(150deg, #192338, #111925); border: 1px solid #334258; border-radius: 3px; transition: transform .2s, border-color .2s, box-shadow .2s; }
.group-card::before { content: ''; position: absolute; right: -44px; top: -45px; width: 116px; height: 116px; border: 1px solid #3b92e660; border-radius: 50%; }
.group-card::after { content: ''; position: absolute; right: -24px; top: -25px; width: 76px; height: 76px; border: 1px solid #3b92e660; border-radius: 50%; }
.group-card:hover { transform: translateY(-6px); border-color: var(--yellow); box-shadow: 0 17px 45px #0008; }
.group-card-kicker { display: flex; justify-content: space-between; position: relative; z-index: 1; color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: .19em; }
.group-card-plus { color: var(--yellow); font-size: 17px; line-height: .7; }
.group-card strong { position: relative; z-index: 1; margin: 10px 0 0; color: white; font: italic 92px/.95 var(--display); letter-spacing: -.05em; }
.group-card-rule { height: 3px; width: 44px; margin-top: auto; background: var(--blue); transition: width .2s, background .2s; }
.group-card:hover .group-card-rule { width: 100%; background: var(--yellow); }
.group-card .arrow { display: flex; justify-content: space-between; gap: 8px; margin-top: 13px; color: #e7f1ff; font-size: 11px; font-weight: 800; }
.group-card .arrow span { color: var(--yellow); font-size: 16px; line-height: .8; }

/* Public group */
.rules-hero { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 30px; align-items: stretch; margin: 28px 0 20px; padding: clamp(32px, 5vw, 68px); overflow: hidden; border: 1px solid #345076; border-radius: 5px; background: radial-gradient(circle at 78% 0, #1164a866, transparent 43%), linear-gradient(125deg, #101925, #111f34 70%, #0a1423); }
.rules-hero-copy { position: relative; z-index: 1; }
.rules-hero .eyebrow { color: var(--yellow); }
.rules-hero h1 { margin: 0 0 23px; font: italic clamp(52px, 7vw, 96px)/.94 var(--display); letter-spacing: -.02em; }
.rules-hero h1 em { color: var(--yellow); font-style: inherit; }
.rules-hero-copy > p:not(.eyebrow) { max-width: 510px; margin-bottom: 28px; color: #cfdaeb; font-size: 17px; }
.rules-hero-aside { display: grid; align-content: center; gap: 15px; padding: 24px; border: 1px solid #4b678d; background: #0a1420a8; }
.rules-hero-aside > span, .rules-side-card > span { color: var(--cyan); font: 900 10px Arial,sans-serif; letter-spacing: .17em; }
.rules-hero-aside strong { display: flex; align-items: baseline; gap: 12px; border-bottom: 1px solid #354761; color: var(--yellow); font: italic 40px/1 var(--display); }
.rules-hero-aside strong:last-child { border-bottom: 0; }
.rules-hero-aside small { color: #d2deee; font: 700 12px/1.4 'Segoe UI',Arial,sans-serif; }
.rules-nav { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 1px; margin-bottom: 34px; border: 1px solid #344761; background: #344761; }
.rules-nav a { display: grid; align-content: center; gap: 2px; min-height: 76px; padding: 12px 15px; background: #131e2d; color: var(--yellow); font: 900 11px Arial,sans-serif; }
.rules-nav a span { color: #eef5fc; font: 750 12px/1.25 'Segoe UI',Arial,sans-serif; }
.rules-nav a:hover { background: #1e3552; }
.rules-layout { display: grid; grid-template-columns: minmax(0,1fr) 270px; align-items: start; gap: 30px; }
.rules-section { scroll-margin-top: 24px; margin-bottom: 18px; border: 1px solid var(--line); border-radius: 4px; background: linear-gradient(145deg,#141e2d,#101723); }
.rules-heading { display: flex; align-items: baseline; gap: 22px; padding: 24px 30px; border-bottom: 1px solid var(--line); }
.rules-heading span { flex: none; color: var(--cyan); font: 900 10px Arial,sans-serif; letter-spacing: .12em; }
.rules-heading h2 { margin: 0; font: italic clamp(28px,3vw,38px)/1 var(--display); text-transform: uppercase; }
.rules-body { padding: 27px 30px 30px; color: #d5e0ee; }
.rules-body p { margin-bottom: 18px; }
.rules-body > p:last-child { margin-bottom: 0; }
.rules-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 25px 0; }
.rules-steps > div, .rules-issue-grid > div { padding: 18px; border: 1px solid #33465f; background: #192538; }
.rules-steps b { display: grid; place-items: center; width: 30px; height: 30px; margin-bottom: 16px; border-radius: 50%; background: var(--yellow); color: var(--ink); font: 900 15px Arial,sans-serif; }
.rules-steps strong { display: block; margin-bottom: 6px; color: white; font-size: 14px; }
.rules-steps p, .rules-issue-grid p { margin: 0; color: #b8c8da; font-size: 13px; }
.rules-note { padding: 15px 17px; border-left: 3px solid var(--yellow); background: #ffe50010; }
.rules-facts, .rules-points, .rules-movement, .rules-fees { display: grid; gap: 1px; margin: 0 0 25px; border: 1px solid #344761; background: #344761; }
.rules-facts, .rules-points { grid-template-columns: repeat(3,1fr); }
.rules-movement { grid-template-columns: repeat(4,1fr); }
.rules-fees { grid-template-columns: repeat(2,1fr); }
.rules-facts > div, .rules-points > div, .rules-movement > div, .rules-fees > div { display: grid; align-content: center; min-height: 94px; gap: 5px; padding: 15px; background: #172337; }
.rules-facts strong, .rules-fees strong { color: var(--yellow); font: italic 30px/1 var(--display); }
.rules-points b, .rules-movement b { color: var(--yellow); font: italic 36px/1 var(--display); }
.rules-facts span, .rules-points span, .rules-movement span, .rules-fees span { color: #c4d3e5; font-size: 12px; line-height: 1.35; }
.rules-example { margin: 22px 0; padding: 25px 28px; border: 1px solid #e8d721; background: linear-gradient(115deg,#2a2b1a,#182337); }
.rules-example > span { color: var(--yellow); font: 900 10px Arial,sans-serif; letter-spacing: .15em; }
.rules-example strong { display: block; margin: 9px 0; color: white; font: italic clamp(34px,5vw,57px)/1 var(--display); }
.rules-example strong i { color: var(--yellow); font-style: normal; }
.rules-example p { margin: 0; font-size: 14px; }
.rules-issue-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.rules-issue-grid h3 { margin: 0 0 8px; color: white; font-size: 16px; }
.rules-side { position: sticky; top: 20px; }
.rules-side-card { padding: 26px; border: 1px solid #47678e; background: linear-gradient(145deg,#1a3555,#0f1d30); }
.rules-side-card h2 { margin: 14px 0; font: italic 30px/1 var(--display); text-transform: uppercase; }
.rules-side-card p, .rules-side > p { color: #b5c5d8; font-size: 13px; }
.rules-side-card a { display: block; margin-top: 20px; padding-top: 15px; border-top: 1px solid #557493; color: var(--yellow); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.rules-side > p { padding: 18px 8px; }
.crumb { padding: 27px 0 0; color: var(--muted); font-size: 12px; font-weight: 700; letter-spacing: .04em; }
.crumb a:hover { color: var(--yellow); }
.crumb a span { margin-right: 7px; color: var(--yellow); }
.group-hero { position: relative; display: flex; align-items: center; min-height: 260px; margin: 24px 0 26px; padding: 40px 5%; overflow: hidden; border: 1px solid #2c4666; border-radius: 4px; background: radial-gradient(circle at 83% 48%, #1973d844, transparent 35%), linear-gradient(110deg, #0e1624, #142846 73%, #08131f); }
.group-hero::after { content: ''; position: absolute; right: -35px; top: -20px; width: 270px; height: 270px; border: 1px solid #228bf545; transform: rotate(24deg); }
.group-hero .eyebrow { color: var(--yellow); margin-bottom: 10px; }
.group-hero h1 { position: relative; z-index: 1; margin: 0 0 7px; font: italic clamp(58px, 8vw, 110px)/.95 var(--display); text-transform: uppercase; }
.group-hero h1 em { color: var(--yellow); font-style: inherit; }
.group-hero p:last-child { position: relative; z-index: 1; margin-bottom: 0; color: #cbd8e9; font-size: 15px; }
.group-hero-index { position: absolute; right: 5%; top: -26px; color: #25528563; font: italic clamp(210px, 25vw, 340px)/1 var(--display); letter-spacing: -.05em; }

/* Shared content panels */
.panel { margin-bottom: 23px; overflow: hidden; border: 1px solid var(--line); border-radius: 4px; background: linear-gradient(145deg, #141c2a, #101722); box-shadow: 0 14px 38px #0003; }
.panel-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 27px 30px 24px; border-bottom: 1px solid var(--line); }
.panel-heading .eyebrow { margin-bottom: 7px; }
.panel h2 { margin: 0; font: italic 34px/1.1 var(--display); text-transform: uppercase; letter-spacing: .02em; }
.hint { color: var(--muted); font-size: 12px; }
.table-scroll { overflow-x: auto; }
.table-swipe-hint { display: none; margin: 0; padding: 9px 17px; color: var(--yellow); font-size: 11px; font-weight: 800; }
table { width: 100%; border-collapse: collapse; white-space: nowrap; }
th, td { padding: 18px 13px; border-bottom: 1px solid #283447; text-align: center; font-size: 13px; }
th { color: #93a8c4; background: #101827; font-size: 10px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
th:nth-child(2), td:nth-child(2) { text-align: left; }
tbody tr { transition: background .15s; }
tbody tr:hover { background: #1b2a3e; }
tbody tr:last-child td { border-bottom: 0; }
.pair-name { color: #f4f8ff; font-weight: 750; }
.position { color: var(--cyan); font: italic 22px/1 var(--display); }
.points { color: var(--yellow); font: 900 18px/1 Arial, sans-serif; }
.pending { display: block; margin-top: 4px; color: #ffd96b; font-size: 10px; font-weight: 700; }
.match-list { padding: 8px 24px 15px; }
.match { display: flex; align-items: center; justify-content: space-between; gap: 26px; min-height: 90px; padding: 20px 8px; border-bottom: 1px solid var(--line); }
.match:last-child { border-bottom: 0; }
.match-teams { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; min-width: 0; }
.match-teams strong { font-size: 14px; font-weight: 750; }
.vs { display: inline-grid; place-items: center; flex: none; width: 27px; height: 27px; border: 1px solid #446383; border-radius: 50%; color: var(--cyan); font: 900 9px Arial, sans-serif; }
.match-meta { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 9px; color: var(--muted); font-size: 12px; text-align: right; }
.match-meta b { display: inline-block; padding: 7px 10px; color: var(--yellow); background: #fbe50017; border: 1px solid #fbe50042; border-radius: 3px; font-size: 12px; }
.status-pill { padding: 7px 10px; color: #c2d1e5; background: #293a50; border-radius: 3px; }
.site-footer { margin-top: 76px; border-top: 1px solid #26344a; background: #070a10; }
.footer-inner { display: flex; justify-content: space-between; gap: 24px; padding-block: 34px 44px; }
.footer-inner strong { display: block; font: 900 17px Arial, sans-serif; letter-spacing: .09em; }
.footer-inner strong span { color: var(--yellow); }
.footer-inner p { margin: 7px 0 0; color: #8c9bb0; font-size: 12px; }
.footer-inner > p { max-width: 290px; text-align: right; }

@media (max-width: 800px) {
  .hero { min-height: 500px; }
  .hero-art { inset-inline-start: 22%; }
  .hero::before { background: linear-gradient(90deg, #080d17 0%, #080d17dc 56%, #080d1770 100%), linear-gradient(0deg, #080d17, transparent 45%); }
  .match { display: block; }
  .match-meta { justify-content: flex-start; margin-top: 12px; text-align: left; }
}
@media (max-width: 900px) {
  .site-nav > a:not(.nav-action) { display: none; }
  .rules-layout { grid-template-columns: 1fr; }
  .rules-side { position: static; }
  .rules-nav { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 620px) {
  .wrap { width: min(100% - 28px, 1240px); }
  .header-inner { min-height: 72px; }
  .brand-logo { width: 144px; height: 48px; }
  .site-nav { gap: 10px; font-size: 10px; }
  .account-switch-form button { max-width: 62px; white-space: normal; line-height: 1.2; text-align: left; }
  .site-nav > a:not(.nav-action) { display: none; }
  .nav-action { padding: 9px; }
  .rules-hero { grid-template-columns: 1fr; gap: 22px; margin-top: 15px; padding: 29px 23px; }
  .rules-hero-aside { grid-template-columns: repeat(3,1fr); gap: 7px; padding: 14px; }
  .rules-hero-aside > span { grid-column: 1/-1; }
  .rules-hero-aside strong { display: block; border: 0; font-size: 28px; }
  .rules-hero-aside small { display: block; font-size: 10px; }
  .rules-nav { grid-template-columns: repeat(2,1fr); }
  .rules-heading { display: block; padding: 22px 20px; }
  .rules-heading span { display: block; margin-bottom: 8px; }
  .rules-body { padding: 22px 20px; }
  .rules-steps, .rules-issue-grid { grid-template-columns: 1fr; }
  .rules-steps { gap: 8px; }
  .rules-steps > div { padding: 15px; }
  .rules-steps b { margin-bottom: 8px; }
  .rules-movement { grid-template-columns: repeat(2,1fr); }
  .rules-facts > div, .rules-points > div, .rules-movement > div, .rules-fees > div { padding: 10px; }
  .rules-facts strong, .rules-fees strong { font-size: 25px; }
  .rules-fees { grid-template-columns: 1fr; }
  .hero { min-height: 500px; margin: 15px 0 58px; }
  .hero-art { inset: 0; background-position: 57% 83%; opacity: .68; }
  .hero::before { background: linear-gradient(90deg, #080d17e8 0, #080d17bd 100%), linear-gradient(0deg, #080d17 0, transparent 80%); }
  .hero-content { padding: 45px 25px; }
  .hero h1 { font-size: clamp(72px, 18vw, 105px); }
  .hero-corner { right: 16px; bottom: 15px; }
  .section-head, .panel-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
  .section-head > p { text-align: left; }
  .group-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .group-card { min-height: 190px; padding: 16px; }
  .group-card strong { font-size: 74px; }
  .group-card .arrow { font-size: 10px; }
  .group-hero { min-height: 210px; padding: 26px 21px; }
  .group-hero-index { right: -10px; top: 8px; font-size: 220px; }
  .panel-heading { padding: 22px 18px; }
  .panel h2 { font-size: 28px; }
  th, td { padding: 14px 11px; }
  .pair-name { min-width: 185px; white-space: normal; }
  .table-swipe-hint { display: block; }
  .standings-scroll th:first-child, .standings-scroll td:first-child { position: sticky; left: 0; z-index: 2; min-width: 52px; background: #152032; }
  .standings-scroll th:nth-child(2), .standings-scroll td:nth-child(2) { position: sticky; left: 52px; z-index: 2; background: #152032; box-shadow: 6px 0 12px #080d1780; }
  .match-list { padding-inline: 14px; }
  .match-teams { align-items: flex-start; flex-direction: column; gap: 8px; }
  .vs { width: 23px; height: 23px; }
  .footer-inner { display: block; }
  .footer-inner > p { max-width: none; text-align: left; }
}
@media (max-width:620px){.header-inner{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding-top:10px;padding-bottom:10px}.site-header .brand{width:120px;min-width:0}.site-header .brand-logo{width:120px}.site-nav{flex-wrap:wrap;justify-content:flex-end;min-width:0;gap:6px}.site-nav .nav-action{min-height:44px;display:inline-flex;align-items:center}.account-switch-form{width:100%;display:flex;justify-content:flex-end}.account-switch-form button{min-height:44px}.footer-inner{overflow-wrap:anywhere}}
.site-help-link{position:fixed;bottom:18px;right:18px;z-index:50;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 17px;background:#111b2b;color:#ffe500;border:1px solid #756b25;border-radius:30px;font-weight:800;box-shadow:0 6px 24px #0006}.site-help-link:hover{background:#252b1c}.site-help-link:focus-visible{outline:3px solid #ffe500;outline-offset:3px}@media(max-width:620px){.site-help-link{bottom:12px;right:12px}}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}