@media (max-width: 1180px) {
  :root {
    --sidebar: 240px;
  }

  .keyword-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-overview {
    grid-template-columns: 1fr;
  }

  .span-6 {
    grid-column: span 12;
  }

  .settings-grid,
  .quality-workspace {
    grid-template-columns: 1fr;
  }

  .benchmark-layout {
    grid-template-columns: 1fr;
  }

  .benchmark-target-column {
    padding-right: 0;
    padding-bottom: var(--space-5);
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }}

@media (max-width: 760px) {
  .quality-score-estimates,
  .quality-check-rail > .metric-list {
    grid-template-columns: 1fr;
  }

  .app {
    display: block;
  }

  .mobile-header {
    position: sticky;
    top: 0;
    z-index: 30;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--space-3);
    border-bottom: 1px solid var(--line);
    background: var(--surface);
  }

  .mobile-logo-button img {
    width: 112px;
  }

  .mobile-overlay {
    position: fixed;
    inset: 0;
    z-index: 35;
    background: rgba(0, 0, 0, 0.32);
  }

  .mobile-menu-open .mobile-overlay {
    display: block;
  }

  .sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 40;
    width: min(320px, 84vw);
    transform: translateX(-100%);
    transition: transform 180ms ease;
  }

  .mobile-menu-open .sidebar {
    transform: translateX(0);
  }

  .mobile-menu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
  }

  .mobile-account-summary {
    display: flex;
    align-items: center;
    gap: var(--space-2);
  }

  .logo-button {
    display: none;
  }

  .topbar {
    position: static;
    display: grid;
    min-height: auto;
    padding: var(--space-3);
  }

  .view {
    padding: var(--space-3);
  }

  .modal-detail-body {
    --detail-section-edge: var(--space-4);
  }

  .detail-verdict {
    grid-template-columns: 1fr;
  }

  .detail-verdict-body {
    border-left: 0;
    border-top: 1px solid var(--line);
  }

  /* 좁은 화면에서는 점수판을 한 줄로 세운다 — 좌우 두 칸이면 항목이 눌린다(2026-08-07). */
  .detail-score-panel {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }

  .detail-score-panel > .detail-block-head {
    grid-auto-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .detail-score-panel .detail-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* 모바일 대시보드는 지금의 변화 → 누적 수준 → 방문자 → 실행 지표 순으로 읽는다. */
  .dashboard-overview > * {
    grid-column: 1;
    grid-row: auto;
  }

  .dashboard-overview > .dashboard-score-panel:nth-child(2) {
    order: 1;
  }

  .dashboard-overview > .dashboard-score-panel:nth-child(1) {
    order: 2;
  }

  .dashboard-overview > .dashboard-blog-panel {
    grid-column: 1;
    grid-row: auto;
    order: 3;
  }

  .dashboard-overview > .dashboard-signals-panel {
    grid-column: 1;
    grid-row: auto;
    order: 4;
  }

  .dashboard-grid,
.keyword-summary,
.calendar-board,
.comparison-detail-grid {
    grid-template-columns: 1fr;
  }

  .visitor-chart-head {
    display: grid;
  }

  .visitor-summary-list {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .visitor-summary-list > .visitor-summary-row + .visitor-summary-row {
    border-top: 1px solid var(--line);
    border-left: 0;
    padding-left: 0;
  }

  .span-6 {
    grid-column: auto;
    grid-row: auto;
  }

  .keyword-tools,
  .control-row,
  .event-data-toolbar,
  .benchmark-form,
  .benchmark-score-comparison {
    display: grid;
    grid-template-columns: 1fr;
  }

  .benchmark-post-toolbar {
    display: grid;
  }

  .benchmark-post-toolbar select {
    width: 100%;
  }

  .recommend-head,
  .keyword-list-head,
  .published-head,
  .comparison-head,
  .benchmark-post-head,
  .benchmark-compare-head {
    display: none;
  }

  .keyword-row {
    grid-template-columns: 32px 24px minmax(0, 1fr);
  }

  .keyword-row > small {
    grid-column: 3;
  }

  .recommend-row,
  .published-row,
  .table-row,
  .comparison-row,
  .benchmark-post-row,
  .benchmark-compare-row,
  .detail-keyword-row {
    grid-template-columns: 1fr;
    align-items: start;
  }}