/* Desktop-only refinement for the home illustration and task summary cards. */
@media (min-width:900px) {
  html body #app-root #hub-content .home-next .home-v20-hero-row {
    display:grid!important;grid-template-columns:minmax(0,1fr) 174px!important;gap:16px!important;
    align-items:stretch!important;max-width:960px!important;margin:0 auto 16px!important;
  }
  html body #app-root #hub-content .home-v20-hero-row>.home-friends-cover.friends-story-cover {
    width:100%!important;height:290px!important;min-height:290px!important;margin:0!important;
    border-radius:18px!important;
  }
  html body #app-root #hub-content .home-v20-hero-row .friends-story-backdrop {background-size:200% 200%!important}
  html body #app-root #hub-content .home-v20-hero-row .friends-copy {width:min(45%,330px)!important;padding:22px!important}
  html body #app-root #hub-content .home-v20-hero-row>.reg-home-shortcut {
    display:flex!important;width:174px!important;max-width:174px!important;height:290px!important;min-height:290px!important;
    margin:0!important;padding:0!important;border:1px solid #dce4f4!important;border-radius:18px!important;
    background:#fff!important;box-shadow:0 6px 22px #142f6310!important;
  }
  html body #app-root #hub-content .home-v20-hero-row>.reg-home-shortcut .reg-pass-button {
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:12px!important;width:100%!important;height:100%!important;min-height:0!important;padding:20px 12px!important;text-align:center!important;
  }
  html body #app-root #hub-content .home-v20-hero-row .reg-pass-copy {text-align:center!important}
  html body #app-root #hub-content .home-v20-hero-row .reg-pass-copy strong {font-size:15px!important}
  html body #app-root #hub-content .home-v20-hero-row .reg-pass-chevron {margin:2px auto 0!important}

  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-v18-layout {
    grid-template-columns:minmax(282px,292px) minmax(0,620px)!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-v18-actions {
    display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;gap:8px!important;min-width:0!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-v18-actions>button {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    width:100%!important;min-width:0!important;overflow:visible!important;white-space:nowrap!important;
    padding:7px 5px!important;font-size:11px!important;letter-spacing:-.02em!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-v18-actions>button svg {
    flex:0 0 16px!important;width:16px!important;height:16px!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card {
    display:block!important;min-height:0!important;padding:12px 14px 12px 17px!important;
    margin:0 0 9px!important;border-radius:15px!important;overflow:hidden!important;
    background:var(--task-card,#fff)!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .tasks-fidelity-card-head {
    display:flex!important;align-items:flex-start!important;gap:8px!important;width:100%!important;min-width:0!important;margin:0 0 6px!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .tasks-fidelity-card-head .task-main {
    display:block!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;text-align:left!important;padding:0!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .tasks-fidelity-card-head .task-main strong {
    display:block!important;max-width:100%!important;font-size:14px!important;line-height:1.32!important;
    font-weight:700!important;overflow-wrap:anywhere!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .tasks-fidelity-card-head .tasks-v12-status {
    flex:0 0 auto!important;order:1!important;max-width:none!important;width:auto!important;min-width:max-content!important;
    display:inline-flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important;
    overflow:visible!important;line-height:1.2!important;padding:5px 8px!important;font-size:10px!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .tasks-fidelity-card-head .tasks-fidelity-detail {
    flex:0 0 30px!important;order:2!important;width:30px!important;height:30px!important;min-width:30px!important;margin:-4px -5px 0 0!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .tasks-fidelity-chips {
    display:flex!important;align-items:center!important;gap:5px!important;margin:0 0 5px!important;min-height:19px!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .tasks-fidelity-context {
    display:inline-flex!important;max-width:100%!important;min-width:0!important;padding:2px 6px!important;font-size:11px!important;line-height:1.2!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .tasks-fidelity-context>span {overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .task-assignees {
    min-width:0!important;min-height:27px!important;margin:4px 0 0!important;gap:7px!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card.tasks-v15-personal .task-assignees {
    display:grid!important;grid-template-columns:26px minmax(0,1fr) auto auto!important;align-items:center!important;
    column-gap:7px!important;width:100%!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card.tasks-v15-personal .task-assignees>.task-deadline {
    grid-column:3!important;white-space:nowrap!important;font-size:11px!important;color:#66738a!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card.tasks-v15-personal .task-assignees>.tasks-fidelity-forecast {
    grid-column:4!important;justify-self:end!important;white-space:nowrap!important;margin:0!important;font-size:11px!important;color:#142144!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .tasks-fidelity-forecast strong {font-size:11px!important;white-space:nowrap!important}
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .tasks-fidelity-actions {
    display:flex!important;justify-content:flex-end!important;gap:6px!important;margin:6px 0 0!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .tasks-fidelity-actions>button {
    min-height:31px!important;height:auto!important;max-width:100%!important;padding:5px 10px!important;font-size:11px!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card.mass-task .task-assignees.mass-task-summary {
    display:flex!important;align-items:center!important;flex-wrap:wrap!important;column-gap:8px!important;row-gap:2px!important;
    width:100%!important;font-size:11px!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card.mass-task .task-assignees.mass-task-summary>strong {font-size:11px!important}
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card.mass-task .task-assignees.mass-task-summary>span:not(.tasks-comfort-avatars) {font-size:11px!important}
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .task-v20-progress-line {
    display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;margin:6px 0 2px!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .task-v20-progress-line .mass-task-progress {
    flex:1 1 auto!important;width:auto!important;min-width:0!important;height:6px!important;margin:0!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .task-v20-progress-line .tasks-fidelity-percent {
    flex:none!important;width:32px!important;margin:0!important;text-align:right!important;font-size:10px!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card.mass-task .task-footer {
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
    width:100%!important;margin:5px 0 0!important;padding:5px 0 0!important;border-top:1px solid #e9edf5!important;
  }
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card.mass-task .task-footer .task-deadline {margin:0!important;font-size:11px!important;white-space:nowrap!important}
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card.mass-task .task-footer .tasks-fidelity-forecast {margin:0 0 0 auto!important;white-space:nowrap!important}
  :root[data-theme="dark"] #hub-content .home-v20-hero-row>.reg-home-shortcut {background:#1a2533!important;border-color:#304056!important}
  :root[data-theme="dark"] #hub-content[data-club-view="tasks"] .tasks-comfort .task-card .task-assignees>.tasks-fidelity-forecast {color:#eef3ff!important}
}
@media (min-width:900px) and (max-width:1100px) {
  html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-v18-layout {grid-template-columns:minmax(260px,282px) minmax(0,1fr)!important}
  html body #app-root #hub-content .home-next .home-v20-hero-row {max-width:100%!important;grid-template-columns:minmax(0,1fr) 155px!important}
  html body #app-root #hub-content .home-v20-hero-row>.reg-home-shortcut {width:155px!important;max-width:155px!important}
}