:root {
  --rm-bg:#F8F7F3;
  --rm-surface:#fff;
  --rm-surface-soft:#F2F6F1;
  --rm-navy:#102B49;
  --rm-text:#17263A;
  --rm-text-muted:#687587;
  --rm-green:#43BE8B;
  --rm-green-dark:#237D5C;
  --rm-green-soft:#E7F6EE;
  --rm-blue-soft:#EAF4FB;
  --rm-blue:#27699D;
  --rm-purple-soft:#F3ECF9;
  --rm-purple:#79559B;
  --rm-orange-soft:#FFF3E4;
  --rm-success:#24845E;
  --rm-warning:#996313;
  --rm-error:#B44242;
  --rm-error-soft:#FCEEEE;
  --rm-border:#E2E7E3;
  --rm-shadow:0 4px 12px rgba(15,40,65,.035);
  --rm-focus:#215FAD;
  --rm-track:#EAEFEC;
  --rm-cream:#FCFBF8;
}

* {
  box-sizing:border-box;
}

body {
  margin:0;
  background:var(--rm-bg);
  color:var(--rm-text);
  font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;
  font-size:15px;
  line-height:1.6;
}

a {
  color:inherit;
  text-decoration:none;
}

button,input,select {
  font:inherit;
}

button,a,input,select {
  -webkit-tap-highlight-color:transparent;
}

button,a {
  touch-action:manipulation;
}

button {
  cursor:pointer;
}

button:disabled {
  opacity:.55;
  cursor:wait;
}

h1,h2,h3,p {
  margin:0;
}

h1,h2,h3 {
  color:var(--rm-navy);
}

h1 {
  font-size:36px;
  line-height:1.22;
  letter-spacing:-1.2px;
  font-weight:700;
}

h2 {
  font-size:19px;
  font-weight:650;
  letter-spacing:-.35px;
  display:flex;
  gap:10px;
  align-items:center;
}

h3 {
  font-size:18px;
  font-weight:650;
  line-height:1.4;
}

p {
  color:var(--rm-text-muted);
}

:focus-visible {
  outline:3px solid var(--rm-focus);
  outline-offset:4px;
}

main:focus {
  outline:none;
}

.icon {
  width:21px;
  height:21px;
  flex-shrink:0;
  vertical-align:middle;
}

.sidebar {
  position:fixed;
  inset:0 auto 0 0;
  width:224px;
  background:var(--rm-cream);
  border-right:1px solid var(--rm-border);
  display:flex;
  flex-direction:column;
  padding:22px 20px;
  z-index:10;
}

.brand {
  display:flex;
  justify-content:center;
  margin:0 0 28px;
}

.brand img {
  width:156px;
  height:156px;
  object-fit:contain;
  border-radius:24px;
}

.sidebar nav {
  display:grid;
  gap:9px;
}

.sidebar nav a {
  display:flex;
  align-items:center;
  gap:14px;
  padding:13px 16px;
  border-radius:12px;
  font-weight:600;
  color:var(--rm-text-muted);
}

.sidebar nav a.active {
  background:var(--rm-green-soft);
  color:var(--rm-green-dark);
}

.sidebar nav a:hover {
  background:var(--rm-surface-soft);
}

.sidebar-note {
  margin-top:auto;
  padding:22px 14px 20px;
}

.small-heart {
  color:var(--rm-green-dark);
}

.sidebar-note p {
  color:var(--rm-navy);
  font-size:16px;
  font-weight:600;
  line-height:1.6;
  margin:12px 0 8px;
}

.sidebar-note>span:last-child {
  color:var(--rm-text-muted);
  font-size:13px;
  line-height:1.6;
}

.sidebar-version {
  display:flex;
  align-items:center;
  gap:8px;
  border-top:1px solid var(--rm-border);
  padding:18px 12px 0;
  font-size:12px;
  color:var(--rm-text-muted);
}

.sidebar-version>span:last-child {
  margin-left:auto;
}

.status-dot {
  display:inline-block;
  width:8px;
  height:8px;
  background:var(--rm-green);
  border-radius:50%;
  flex-shrink:0;
}

.workspace {
  margin-left:224px;
  padding:0 40px;
  max-width:1600px;
}

.topbar {
  height:82px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid var(--rm-border);
  gap:16px;
}

.eyebrow {
  font-size:11px;
  font-weight:650;
  letter-spacing:1.8px;
  color:var(--rm-text-muted);
}

.ready {
  display:flex;
  gap:9px;
  align-items:center;
  font-size:13px;
  color:var(--rm-green-dark);
  font-weight:600;
}

.hero {
  padding:36px 0 34px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
}

.greeting {
  font-size:17px;
  color:var(--rm-navy);
  font-weight:600;
  margin-bottom:10px;
}

.wave {
  margin-left:4px;
}

.intro {
  font-size:15px;
  line-height:1.8;
  margin-top:16px;
}

.hero-note {
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
  font-size:13px;
  color:var(--rm-text-muted);
  line-height:1.8;
}

.hero-note strong {
  font-weight:500;
  color:var(--rm-green-dark);
}

.hero-check {
  display:grid;
  place-items:center;
  background:var(--rm-green-soft);
  width:48px;
  height:48px;
  border-radius:16px;
  color:var(--rm-green-dark);
}

.hero-check .icon {
  width:28px;
  height:28px;
}

.section-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}

.text-link {
  font-size:13px;
  font-weight:600;
  color:var(--rm-green-dark);
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
}

.text-link .icon {
  width:16px;
  height:16px;
}

.text-link:hover {
  text-decoration:underline;
}

.task-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}

.task-card {
  background:var(--rm-surface);
  border:1px solid var(--rm-border);
  border-radius:20px;
  padding:24px;
  box-shadow:var(--rm-shadow);
  display:flex;
  flex-direction:column;
  transition:transform .18s,border-color .18s;
}

.task-card:hover {
  transform:translateY(-2px);
  border-color:var(--rm-green);
}

.card-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:20px;
}

.task-icon {
  width:52px;
  height:52px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:var(--rm-green-soft);
  color:var(--rm-green-dark);
}

.task-icon .icon {
  width:25px;
  height:25px;
}

.blue .task-icon {
  background:var(--rm-blue-soft);
  color:var(--rm-blue);
}

.purple .task-icon {
  background:var(--rm-purple-soft);
  color:var(--rm-purple);
}

.category {
  font-size:12px;
  color:var(--rm-text-muted);
}

.task-card h3 {
  font-size:18px;
  letter-spacing:-.4px;
  margin-bottom:10px;
}

.task-card>p {
  font-size:14px;
  line-height:1.75;
  flex:1;
}

.card-meta {
  font-size:11px;
  color:var(--rm-text-muted);
  display:flex;
  align-items:center;
  gap:5px;
  min-height:18px;
  margin:22px 0 16px;
}

.card-meta .icon {
  width:13px;
  height:13px;
}

.demo-tag {
  margin-left:auto;
  color:var(--rm-green-dark);
  background:var(--rm-green-soft);
  padding:1px 7px;
  border-radius:5px;
}

.coming-dot {
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--rm-text-muted);
  margin-right:4px;
}

.button {
  border:1px solid transparent;
  min-height:45px;
  border-radius:11px;
  padding:11px 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  font-size:14px;
  font-weight:600;
  transition:background .18s;
}

.button .icon {
  width:17px;
  height:17px;
}

.button.primary {
  background:var(--rm-green-dark);
  color:var(--rm-surface);
}

.button.primary:hover {
  background:var(--rm-navy);
}

.button.soft {
  background:var(--rm-surface-soft);
  color:var(--rm-navy);
}

.button.soft:hover {
  background:var(--rm-green-soft);
}

.button.outline {
  background:var(--rm-surface);
  border-color:var(--rm-border);
  color:var(--rm-navy);
}

.button.outline:hover {
  background:var(--rm-surface-soft);
}

.task-card .button {
  justify-content:space-between;
}

.dashboard-bottom {
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);
  gap:20px;
  margin-top:26px;
}

.panel {
  background:var(--rm-surface);
  border:1px solid var(--rm-border);
  border-radius:20px;
  box-shadow:var(--rm-shadow);
  overflow:hidden;
}

.panel>.section-heading,.connection>h2 {
  padding:24px 24px 0;
}

.panel h2 {
  font-size:17px;
}

.empty {
  text-align:center;
  padding:15px 16px 24px;
}

.empty-icon {
  color:var(--rm-text-muted);
  background:var(--rm-bg);
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  margin:0 auto 12px;
}

.empty h3 {
  font-size:15px;
  margin-bottom:6px;
}

.empty p {
  font-size:13px;
  line-height:1.7;
  margin-bottom:10px;
}

.panel-footer {
  border-top:1px solid var(--rm-border);
  display:flex;
  justify-content:center;
  gap:12px;
  align-items:center;
  font-size:13px;
  font-weight:600;
  color:var(--rm-green-dark);
  padding:13px;
}

.panel-footer .icon {
  width:16px;
}

.recent {
  display:flex;
  flex-direction:column;
}

.recent .empty {
  flex:1;
}

.connection {
  padding-bottom:16px;
}

.connection-state {
  display:flex;
  gap:12px;
  background:var(--rm-green-soft);
  border-radius:12px;
  margin:20px 22px 16px;
  padding:16px;
}

.connection-icon {
  background:var(--rm-success);
  color:var(--rm-surface);
  width:26px;
  height:26px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex-shrink:0;
  margin-top:2px;
}

.connection-icon .icon {
  width:18px;
  height:18px;
}

.connection-state h3 {
  font-size:14px;
  margin-bottom:3px;
}

.connection-state p {
  font-size:12px;
  color:var(--rm-green-dark);
  line-height:1.7;
}

.integration {
  display:flex;
  align-items:center;
  gap:13px;
  margin:0 25px 18px;
  font-size:12px;
}

.integration strong {
  font-weight:600;
  font-size:13px;
}

.integration span:not(.microsoft-mark) {
  display:block;
  color:var(--rm-text-muted);
}

.microsoft-mark {
  display:grid;
  grid-template-columns:repeat(2,9px);
  gap:2px;
}

.microsoft-mark i {
  height:9px;
  background:var(--rm-text-muted);
  opacity:.65;
}

.connection .button {
  display:flex;
  margin:0 22px;
  width:calc(100% - 44px);
  font-size:12px;
  min-height:40px;
  padding:8px;
}

.small {
  font-size:13px;
}

.connection .small {
  margin:10px 24px 0;
}

.connection .small:empty {
  display:none;
}

.activity-row {
  display:flex;
  align-items:center;
  gap:12px;
  padding:17px 22px;
  border-top:1px solid var(--rm-border);
}

.activity-name {
  min-width:0;
  flex:1;
}

.activity-name>a {
  font-size:13px;
  font-weight:600;
  display:block;
}

.activity-name>span {
  display:block;
  font-size:12px;
  color:var(--rm-text-muted);
  margin-top:3px;
}

.run-status {
  display:grid;
  place-items:center;
  flex-shrink:0;
  width:30px;
  height:30px;
  border-radius:50%;
  background:var(--rm-bg);
  color:var(--rm-text-muted);
}

.run-status .icon {
  width:17px;
  height:17px;
}

.run-status.completed {
  background:var(--rm-green-soft);
  color:var(--rm-success);
}

.run-status.failed {
  background:var(--rm-error-soft);
  color:var(--rm-error);
}

.status-label {
  font-size:11px;
  color:var(--rm-text-muted);
}

.status-label.completed {
  color:var(--rm-success);
}

.status-label.failed {
  color:var(--rm-error);
}

.recent .status-label {
  display:none;
}

.activity-row .text-link {
  font-size:12px;
}

.icon-button {
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  color:var(--rm-text-muted);
}

footer {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:30px;
  border-top:1px solid var(--rm-border);
  padding:20px 0;
  font-size:11px;
  color:var(--rm-text-muted);
}

footer .icon {
  width:15px;
  height:15px;
}

.footer-end {
  margin-left:auto;
  white-space:nowrap;
}

.page-heading {
  padding:34px 0 28px;
}

.page-heading p {
  margin-top:12px;
}

.back-link {
  display:inline-flex;
  gap:8px;
  align-items:center;
  color:var(--rm-text-muted);
  font-size:14px;
  min-height:44px;
  margin-top:18px;
}

.back-link .icon {
  width:17px;
}

.detail-layout {
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);
  gap:24px;
}

.form-panel {
  padding:28px;
}

.form-panel h2 {
  margin-bottom:22px;
}

.fields {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}

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

.field label {
  font-weight:600;
  font-size:14px;
}

.field.wide {
  grid-column:1/-1;
}

input[type=text],input[type=date],select,input[type=search] {
  width:100%;
  min-height:46px;
  border:1px solid var(--rm-border);
  background:var(--rm-surface);
  border-radius:10px;
  padding:10px 12px;
  color:var(--rm-text);
}

input:focus,select:focus {
  border-color:var(--rm-green-dark);
}

.field-error,.form-error {
  color:var(--rm-error);
  font-size:13px;
}

.field-error:empty,.form-error:empty {
  display:none;
}

[aria-invalid=true] {
  border-color:var(--rm-error)!important;
}

.form-error {
  margin:16px 0;
}

.form-actions {
  border-top:1px solid var(--rm-border);
  margin-top:28px;
  padding-top:24px;
  display:flex;
  align-items:center;
  gap:16px;
}

.form-actions>span {
  font-size:12px;
  color:var(--rm-text-muted);
}

.explain-panel {
  padding:26px;
  height:fit-content;
  background:var(--rm-surface-soft);
  border:1px solid var(--rm-border);
  border-radius:20px;
}

.explain-panel h3 {
  font-size:16px;
  margin-bottom:12px;
}

.explain-panel p {
  font-size:13px;
  line-height:1.8;
}

.explain-panel ul {
  padding-left:19px;
  color:var(--rm-text-muted);
  font-size:13px;
  line-height:2;
  margin:16px 0;
}

.notice {
  display:flex;
  gap:10px;
  padding:16px;
  border-radius:12px;
  background:var(--rm-blue-soft);
  font-size:13px;
  color:var(--rm-blue);
  margin-bottom:24px;
}

.notice .icon {
  width:18px;
  margin-top:2px;
}

.notice p {
  color:inherit;
}

.run-panel {
  padding:32px;
  max-width:800px;
  margin:0 auto;
}

.run-header {
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:24px;
}

.large-status {
  width:58px;
  height:58px;
  border-radius:18px;
  background:var(--rm-green-soft);
  color:var(--rm-green-dark);
  display:grid;
  place-items:center;
}

.large-status .icon {
  width:28px;
  height:28px;
}

.run-header h2 {
  font-size:26px;
  margin-bottom:5px;
}

.run-header p {
  font-size:14px;
}

.steps {
  list-style:none;
  padding:0;
  margin:30px 0;
}

.steps li {
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 0;
  font-size:14px;
  color:var(--rm-text-muted);
}

.step-circle {
  width:25px;
  height:25px;
  border:1px solid var(--rm-border);
  border-radius:50%;
  display:grid;
  place-items:center;
  flex-shrink:0;
  font-size:11px;
}

.step-circle .icon {
  width:15px;
  height:15px;
}

.steps li.done {
  color:var(--rm-green-dark);
}

.done .step-circle {
  background:var(--rm-green-soft);
  border-color:var(--rm-green-soft);
}

.steps li.current {
  color:var(--rm-navy);
  font-weight:600;
}

.current .step-circle {
  border:6px solid var(--rm-green);
  background:var(--rm-surface);
  font-size:0;
}

.progress-caption {
  display:flex;
  justify-content:space-between;
  font-size:13px;
  margin-bottom:10px;
}

.progress-track {
  height:9px;
  width:100%;
  appearance:none;
  border:0;
  background:var(--rm-track);
  border-radius:9px;
  overflow:hidden;
  display:block;
}

progress::-webkit-progress-bar {
  background:var(--rm-track);
  border-radius:9px;
}

progress::-webkit-progress-value {
  background:var(--rm-green);
  border-radius:9px;
  transition:width .25s;
}

progress::-moz-progress-bar {
  background:var(--rm-green);
}

.run-reassurance {
  font-size:13px;
  margin-top:22px;
  line-height:1.8;
}

.run-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}

.result-stats {
  display:flex;
  gap:32px;
  border-block:1px solid var(--rm-border);
  padding:24px 0;
  margin:24px 0;
}

.result-stats strong {
  display:block;
  color:var(--rm-navy);
  font-size:24px;
  font-weight:650;
}

.result-stats span {
  color:var(--rm-text-muted);
  font-size:12px;
}

.success-banner {
  background:var(--rm-green-soft);
  padding:18px;
  border-radius:12px;
  color:var(--rm-green-dark);
  font-size:14px;
}

.failed .large-status {
  background:var(--rm-error-soft);
  color:var(--rm-error);
}

.waiting_for_user .large-status {
  background:var(--rm-orange-soft);
  color:var(--rm-warning);
}

.technical {
  margin-top:26px;
  border-top:1px solid var(--rm-border);
  padding-top:18px;
  font-size:13px;
  color:var(--rm-text-muted);
}

.technical summary {
  cursor:pointer;
  min-height:36px;
}

.technical pre {
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  background:var(--rm-bg);
  padding:16px;
  border-radius:10px;
  font-size:12px;
  max-height:300px;
  overflow:auto;
}

.toolbar {
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:20px;
}

.toolbar input {
  max-width:350px;
}

.toolbar select {
  max-width:190px;
}

.settings-panel {
  max-width:760px;
  padding:28px;
}

.settings-panel h2 {
  margin-bottom:20px;
}

.setting-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:20px 0;
  border-bottom:1px solid var(--rm-border);
}

.setting-row label {
  font-weight:600;
  font-size:14px;
}

.setting-row p {
  font-size:13px;
  margin-top:3px;
}

.setting-row input[type=checkbox] {
  width:20px;
  height:20px;
  accent-color:var(--rm-green-dark);
  flex-shrink:0;
}

.settings-panel details {
  margin:20px 0;
}

.settings-panel summary {
  cursor:pointer;
  color:var(--rm-navy);
  font-weight:600;
  font-size:14px;
  min-height:40px;
}

.checkbox-row {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  margin-top:20px;
}

.checkbox-row input {
  width:18px;
  height:18px;
  accent-color:var(--rm-green-dark);
}

.loading {
  padding:60px;
  text-align:center;
  color:var(--rm-text-muted);
}

#toast {
  position:fixed;
  bottom:26px;
  left:calc(50% + 112px);
  transform:translateX(-50%);
  background:var(--rm-navy);
  color:var(--rm-surface);
  border-radius:12px;
  padding:14px 22px;
  font-size:14px;
  max-width:600px;
  z-index:30;
  box-shadow:var(--rm-shadow);
}

.skip-link {
  position:fixed;
  top:-80px;
  left:20px;
  padding:12px;
  background:var(--rm-navy);
  color:var(--rm-surface);
  z-index:40;
}

.skip-link:focus {
  top:12px;
}

[hidden] {
  display:none!important;
}

@media(min-width:1600px) {
  .workspace {
    padding:0 56px;
  }
  .hero {
    padding-block:48px;
  }
  .task-card {
    padding:28px;
  }
  .task-card>p {
    font-size:15px;
  }
  .dashboard-bottom {
    margin-top:32px;
  }
  .task-grid {
    gap:24px;
  }
}

@media(max-width:1250px) {
  .hero-note {
    display:none;
  }
  .workspace {
    padding:0 28px;
  }
  .sidebar {
    width:200px;
    padding-inline:16px;
  }
  .workspace {
    margin-left:200px;
  }
  .task-card {
    padding:20px;
  }
  .task-card h3 {
    font-size:17px;
  }
  .dashboard-bottom {
    grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr);
  }
  .panel h2 {
    font-size:15px;
  }
  .activity-row {
    padding:14px 18px;
  }
  .activity-row .text-link {
    font-size:11px;
  }
  .footer-end {
    display:none;
  }
}

@media(max-width:1000px) {
  .sidebar {
    width:176px;
    padding-inline:12px;
  }
  .brand img {
    width:140px;
    height:140px;
  }
  .sidebar nav a {
    padding:12px;
    gap:10px;
    font-size:14px;
  }
  .workspace {
    margin-left:176px;
    padding-inline:24px;
  }
  h1 {
    font-size:31px;
  }
  .task-grid {
    gap:12px;
  }
  .task-card {
    padding:17px;
  }
  .task-card h3 {
    font-size:16px;
  }
  .card-meta {
    flex-wrap:wrap;
  }
  .task-card .button {
    font-size:12px;
    padding:10px;
  }
  .category {
    font-size:11px;
  }
  .dashboard-bottom {
    grid-template-columns:1fr;
  }
  .detail-layout {
    grid-template-columns:1fr;
  }
  .explain-panel {
    display:none;
  }
  #toast {
    left:calc(50% + 88px);
  }
}

@media(max-width:720px) {
  .sidebar {
    position:static;
    width:100%;
    padding:8px 16px;
    border-right:0;
    border-bottom:1px solid var(--rm-border);
    flex-direction:row;
    align-items:center;
    gap:16px;
  }
  .brand {
    margin:0;
  }
  .brand img {
    width:64px;
    height:64px;
    border-radius:12px;
  }
  .sidebar nav {
    display:flex;
    flex:1;
    justify-content:space-around;
    gap:2px;
  }
  .sidebar nav a {
    font-size:10px;
    padding:8px;
    gap:4px;
    flex-direction:column;
  }
  .sidebar nav .icon {
    width:18px;
    height:18px;
  }
  .sidebar-note,.sidebar-version {
    display:none;
  }
  .workspace {
    margin-left:0;
    padding:0 20px;
  }
  .topbar {
    height:58px;
  }
  .eyebrow {
    font-size:9px;
    letter-spacing:1px;
  }
  .ready {
    font-size:11px;
  }
  .hero {
    padding-block:28px;
  }
  h1 {
    font-size:29px;
  }
  .greeting {
    font-size:15px;
  }
  .intro {
    font-size:14px;
  }
  .desktop-break {
    display:none;
  }
  .task-grid {
    grid-template-columns:1fr;
    gap:16px;
  }
  .task-card {
    padding:24px;
  }
  .task-card h3 {
    font-size:18px;
  }
  .task-card .button {
    font-size:14px;
  }
  .card-meta {
    font-size:12px;
    margin-top:16px;
  }
  .section-heading h2 {
    font-size:16px;
  }
  .text-link {
    font-size:12px;
  }
  .dashboard-bottom {
    margin-top:22px;
  }
  .fields {
    grid-template-columns:1fr;
  }
  .field.wide {
    grid-column:auto;
  }
  .form-panel,.run-panel,.settings-panel {
    padding:22px;
  }
  .form-actions {
    align-items:flex-start;
    flex-direction:column;
  }
  .activity-row {
    gap:8px;
    flex-wrap:wrap;
  }
  .activity-name {
    min-width:150px;
  }
  .result-stats {
    gap:24px;
    flex-wrap:wrap;
  }
  .toolbar {
    flex-direction:column;
    align-items:stretch;
  }
  .toolbar input,.toolbar select {
    max-width:none;
  }
  .run-header h2 {
    font-size:23px;
  }
  #toast {
    left:20px;
    right:20px;
    transform:none;
    max-width:none;
  }
  footer {
    align-items:flex-start;
    font-size:10px;
  }
  .page-heading {
    padding-block:24px;
  }
  .page-heading p {
    font-size:14px;
  }
}

@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    transition:none!important;
    animation:none!important;
    scroll-behavior:auto!important;
  }
}

.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;
}

.explain-panel .task-icon {
  margin-bottom:20px;
}