@media (max-width: 980px) {
  .site-header { grid-template-columns: 1fr auto; }
  .main-nav { display: none; }
  .hero { grid-template-columns: 1fr; padding-top: 55px; }
  .hero-copy { text-align: center; }
  .eyebrow, .hero-actions { justify-content: center; }
  .hero-lead { margin-inline: auto; }
  .hero-visual { min-height: 500px; }
  .role-grid { grid-template-columns: 1fr; }
  .role-card { min-height: 310px; }
  .proof { grid-template-columns: 1fr; gap: 55px; }
  .auth-shell { grid-template-columns: 1fr; gap: 50px; padding-top: 45px; }
  .auth-story { text-align: center; }
  .auth-story > p { margin-inline: auto; }
  .auth-benefits { max-width: 480px; margin-inline: auto; text-align: left; }
  .auth-card { width: min(470px, 100%); margin-inline: auto; }
}

@media (max-width: 680px) {
  .section-shell, .site-header, .site-footer { width: min(100% - 28px, 1180px); }
  .site-header { height: 74px; }
  .header-actions .button-ghost { display: none; }
  .hero { min-height: auto; padding: 52px 0 65px; gap: 20px; }
  .hero h1 { font-size: clamp(45px, 14vw, 68px); }
  .hero-lead { font-size: 15px; }
  .hero-actions { flex-direction: column; gap: 8px; }
  .hero-visual { min-height: 430px; }
  .signal-card { width: 90%; }
  .signal-image { height: 245px; }
  .pill-top { right: 0; }
  .pill-bottom { left: 0; }
  .statement { padding: 65px 0 75px; }
  .proof { width: calc(100% - 16px); padding: 65px 24px; border-radius: 27px; }
  .proof-list div { grid-template-columns: 34px 1fr; }
  .proof-list i { display: none; }
  .final-cta { padding: 90px 0; align-items: flex-start; flex-direction: column; }
  .site-footer { padding: 28px 0; grid-template-columns: 1fr; text-align: center; }
  .site-footer .brand { margin-inline: auto; }
  .site-footer p, .site-footer > span { text-align: center; }
  .auth-shell { width: calc(100% - 24px); margin-top: 0; padding-top: 32px; }
  .auth-story h1 { font-size: 45px; }
  .auth-card { padding: 15px 20px 25px; }
}

/* Account cards must also fit beside the desktop sidebar. */
.dashboard-page:not(.admin-panel-page) .dashboard-content { min-width:0; container:user-workspace / inline-size; }
@container user-workspace (max-width:850px) {
  .profile-grid, .support-layout { grid-template-columns:minmax(0,1fr); }
}
@container user-workspace (max-width:480px) {
  .dashboard-content .execution-steps { grid-template-columns:minmax(0,1fr); }
  .dashboard-content .execution-steps li > span { min-width:0; overflow-wrap:anywhere; }
  .dashboard-content .task-attempt-list article { grid-template-columns:minmax(0,1fr); }
  .dashboard-content .task-attempt-list article > * { min-width:0; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
  .dashboard-content .support-ticket-list > a { grid-template-columns:34px minmax(0,1fr); }
  .dashboard-content .support-ticket-list > a > em { grid-column:2; justify-self:start; }
  .dashboard-content .support-ticket-list b { white-space:normal; overflow-wrap:anywhere; }
}

/* Responsive application workspace */
@media (max-width: 1100px) {
  .dashboard-page { min-width: 320px; }
  .dashboard-page .site-header { width: calc(100% - 24px); }
  .dashboard-shell { width: calc(100% - 24px); min-height: 0; grid-template-columns: minmax(0, 1fr); overflow: visible; border-radius: 22px; }
  .sidebar { min-width: 0; padding: 14px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.07); border-radius: 22px 22px 0 0; }
  .sidebar-user { padding: 2px 4px 12px; }
  .sidebar-notification-popover { left: auto; right: 0; top: calc(100% - 14px); }
  .sidebar-user b, .sidebar-user small { max-width: min(220px, 42vw); }
  .sidebar nav { padding: 12px 0 2px; display: flex; gap: 7px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; scrollbar-color: rgba(202,255,84,.28) transparent; }
  .sidebar nav a, .sidebar .nav-disabled { min-height: 44px; flex: 0 0 auto; padding: 0 12px 0 7px; white-space: nowrap; }
  .sidebar nav i { width: 30px; height: 30px; border-radius: 9px; }
  .sidebar nav svg { width: 17px; height: 17px; }
  .sidebar form { margin-top: 11px; }
  .sidebar-logout { min-height: 42px; }
  .dashboard-content { padding: 30px 24px 42px; }
  .metric-grid, .available-task-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metric-main { grid-column: 1 / -1; }
  .dashboard-grid, .task-layout, .wallet-workspace, .profile-grid, .support-layout { grid-template-columns: minmax(0, 1fr); }
  .available-intro { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .execution-page .execution-card { grid-template-columns: minmax(220px, .48fr) minmax(0, 1fr); gap: 22px; }
  .wallet-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .created-task-card { grid-template-columns: 42px minmax(0, 1fr) minmax(220px, .8fr); }
  .created-task-actions { grid-column: 2 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .active-execution-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 680px) {
  .dashboard-page .site-header { width: calc(100% - 24px); height: 68px; }
  .dashboard-page .site-header .brand { font-size: 19px; }
  .global-notification-banner { width: calc(100% - 24px); margin: 0 auto 10px; padding: 11px; grid-template-columns: 38px minmax(0, 1fr); align-items: start; border-radius: 15px; }
  .global-notification-banner > i { width: 38px; height: 38px; border-radius: 11px; }
  .global-notification-banner p { white-space: normal; }
  .global-notification-banner .button { width: 100%; grid-column: 2; }
  .dashboard-shell { width: calc(100% - 16px); margin-bottom: 8px; border-radius: 18px; }
  .sidebar { padding: 11px; border-radius: 18px 18px 0 0; }
  .sidebar-user { gap: 9px; }
  .sidebar-user > span, .sidebar-user > img, .sidebar-notification-bell { width: 36px; height: 36px; }
  .sidebar-user b { max-width: 150px; font-size: 13px; }
  .sidebar-user small.sidebar-balance { font-size: 10px; }
  .sidebar nav a, .sidebar .nav-disabled { min-height: 43px; font-size: 12px; }
  .sidebar-logout { min-height: 40px; padding: 9px; }
  .dashboard-content { padding: 22px 14px 32px; border-radius: 0 0 18px 18px; }
  .dashboard-top { margin-bottom: 20px; align-items: flex-start; flex-direction: column; gap: 13px; }
  .dashboard-top h1 { font-size: 32px; }
  .dashboard-top-actions { width: 100%; flex-wrap: wrap; }
  .dashboard-mode-form { width: 100%; }
  .dashboard-mode-form button { width: 100%; justify-content: center; }
  .top-profile { display: none; }
  .user-balance-badge { margin-left: auto; }
  .connect-banner, .connected-banner { padding: 14px; align-items: flex-start; flex-wrap: wrap; }
  .connect-banner .button, .connected-banner a { width: 100%; margin-left: 0; text-align: center; }
  .metric-grid, .dashboard-grid, .action-cards, .task-layout, .available-task-grid, .wallet-overview, .wallet-workspace, .profile-grid, .referral-stats { grid-template-columns: minmax(0, 1fr); }
  .metric-main { grid-column: auto; }
  .metric-card { min-height: 125px; }
  .panel-card { min-height: 0; padding: 17px; }
  .available-intro { min-height: 0; padding: 20px; }
  .available-steps { grid-template-columns: minmax(0, 1fr); }
  .available-toolbar { align-items: stretch; flex-direction: column; overflow: hidden; }
  .available-feed-stats { padding-right: 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.07); }
  .task-filter-chips { width: 100%; overflow-x: auto; }
  .task-sort { width: max-content; margin-left: 0; }
  .task-select-menu { max-height: 52vh; }
  .mine-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mine-summary > div { border-right: 0; }
  .mine-summary .button { grid-column: 1 / -1; }
  .created-task-card { grid-template-columns: 38px minmax(0, 1fr); }
  .created-task-metrics, .created-task-actions { grid-column: 1 / -1; }
  .created-task-actions { grid-template-columns: minmax(0, 1fr); }
  .execution-history-item { grid-template-columns: 34px minmax(0, 1fr) auto; }
  .execution-history-item > em, .execution-history-item > strong { grid-column: 2; }
  .task-detail-hero { padding: 17px; }
  .task-detail-heading { grid-template-columns: 46px minmax(0, 1fr); }
  .task-detail-heading > em { grid-column: 2; justify-self: start; }
  .task-detail-controls { align-items: stretch; flex-direction: column; }
  .task-detail-controls .button { width: 100%; }
  .task-detail-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .task-status-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .execution-page .execution-card { min-height: 0; padding: 13px; grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .execution-page .execution-art { min-height: 300px; }
  .execution-page .execution-copy { padding: 0 3px 5px; }
  .execution-requirements, .execution-verification-detail { grid-template-columns: minmax(0, 1fr); }
  .execution-actions { align-items: stretch; flex-direction: column; }
  .execution-actions .button { width: 100%; }
  .wallet-overview { gap: 8px; }
  .payment-item { grid-template-columns: 32px minmax(0, 1fr) auto; }
  .payment-item > em { grid-column: 2; justify-self: start; }
  .ledger-row { grid-template-columns: 34px minmax(0, 1fr) auto; }
  .ledger-row > span { grid-column: 2 / -1; text-align: left; }
  .referral-hero { min-height: 0; padding: 22px 19px; grid-template-columns: minmax(0, 1fr); }
  .referral-hero h2 { font-size: 26px; }
  .referral-hero > i { display: none; }
  .referral-link-box { grid-template-columns: minmax(0, 1fr); }
  .referral-link-box .button { width: 100%; }
  .referral-list > article { grid-template-columns: 38px minmax(0, 1fr); }
  .referral-list > article > b, .referral-status { grid-column: 2; justify-self: start; text-align: left; }
  .profile-identity-card, .profile-security-card { min-height: 0; padding: 19px; }
  .profile-identity-card { grid-template-columns: 64px minmax(0, 1fr); gap: 13px; }
  .profile-avatar, .profile-avatar > img, .profile-avatar > span { width: 64px; height: 64px; border-radius: 19px; }
  .profile-identity-card dl > div { align-items: flex-start; flex-direction: column; justify-content: center; gap: 2px; }
  .profile-session { grid-template-columns: 37px minmax(0, 1fr); }
  .profile-session em { grid-column: 2; justify-self: start; }
  .profile-notification-card form { grid-template-columns: minmax(0, 1fr); }
  .profile-notification-card form > .button { width: 100%; grid-column: auto; }
  .notification-toolbar { align-items: stretch; flex-direction: column; }
  .notification-item { grid-template-columns: 40px minmax(0, 1fr); }
  .notification-item .button { width: 100%; grid-column: 2; }
  .active-execution-banner, .active-execution-summary { grid-template-columns: 38px minmax(0, 1fr); }
  .active-execution-banner > b, .active-execution-summary > p { grid-column: 2; }
  .active-execution-summary > div { padding-right: 0; border-right: 0; }
  .active-execution-card { grid-template-columns: minmax(0, 1fr); }
  .active-execution-art { min-height: 180px; }
  .active-recent a { grid-template-columns: 34px minmax(0, 1fr) auto; }
  .active-recent a > strong { grid-column: 2; }
}

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