.keyword-research-page { --kr-border: #dfe5eb; --kr-muted: #687687; --kr-ink: #202734; }
.keyword-research-page [hidden] { display: none !important; }
.keyword-research-toolbar { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 22px; border: 1px solid var(--kr-border); border-radius: 8px; background: #fff; }
.keyword-research-toolbar > div:first-child { min-width: 0; }
.keyword-research-toolbar h2, .keyword-research-section-heading h3, .keyword-research-history h3 { color: var(--kr-ink); }
.keyword-research-eyebrow { display: block; margin-bottom: 4px; color: #276298; font-size: .7rem; font-weight: 800; letter-spacing: 0; text-transform: uppercase; }
.keyword-research-usage { width: min(250px, 100%); flex: 0 0 250px; padding: 12px 14px; border: 1px solid #d6e1ea; border-radius: 7px; background: #f6f9fb; }
.keyword-research-usage span, .keyword-research-usage strong, .keyword-research-usage small { display: block; }
.keyword-research-usage span { color: var(--kr-muted); font-size: .7rem; font-weight: 750; text-transform: uppercase; }
.keyword-research-usage strong { margin: 3px 0 8px; color: var(--kr-ink); font-size: .92rem; }
.keyword-research-usage small { margin-top: 6px; color: var(--kr-muted); font-size: .7rem; }
.keyword-research-usage .progress { height: 6px; background: #dfe6ed; }
.keyword-research-usage .progress-bar { background: #f59e0b; }
.keyword-research-query, .keyword-research-current, .keyword-research-history { border: 1px solid var(--kr-border); border-radius: 8px; background: #fff; }
.keyword-research-query { padding: 20px 22px; }
.keyword-research-query-copy { display: flex; align-items: flex-start; gap: 14px; }
.keyword-research-query-copy h3 { margin: 0; color: var(--kr-ink); font-size: 1.08rem; }
.keyword-research-query-copy p { margin: 4px 0 0; color: var(--kr-muted); }
.keyword-research-query-icon { display: inline-flex; width: 42px; height: 42px; flex: 0 0 42px; align-items: center; justify-content: center; border: 1px solid #cdddeb; border-radius: 7px; color: #2563a9; background: #edf5fb; font-size: 1.35rem; }
.keyword-research-query-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(260px, .65fr); gap: 18px; margin-top: 18px; }
.keyword-research-query label { color: #3b4654; font-size: .79rem; font-weight: 750; }
.keyword-research-keywords > span { float: right; color: var(--kr-muted); font-size: .7rem; font-weight: 650; }
.keyword-research-keywords textarea { min-height: 164px; margin-top: 7px; resize: vertical; }
.keyword-research-query-side { display: flex; min-width: 0; flex-direction: column; gap: 13px; }
.keyword-research-query-side select { margin-top: 7px; }
.keyword-research-query-side .btn { min-height: 44px; justify-content: center; margin-top: auto; }
.keyword-research-cache-note { display: flex; align-items: flex-start; gap: 10px; padding: 12px 13px; border-left: 3px solid #16865a; border-radius: 5px; color: #315b4d; background: #eef8f4; }
.keyword-research-cache-note i { margin-top: 2px; color: #16865a; font-size: 1.1rem; }
.keyword-research-cache-note strong, .keyword-research-cache-note span { display: block; }
.keyword-research-cache-note span { margin-top: 2px; font-size: .72rem; line-height: 1.45; }
.keyword-research-current { padding: 20px 22px 22px; }
.keyword-research-section-heading, .keyword-research-history-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.keyword-research-section-heading h3, .keyword-research-history h3 { margin: 0; font-size: 1.05rem; }
.keyword-research-status { display: inline-flex; min-height: 28px; align-items: center; padding: 4px 10px; border-radius: 999px; color: #6d591e; background: #fff2c9; font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.keyword-research-status.is-completed { color: #176143; background: #e5f6ee; }
.keyword-research-status.is-failed { color: #963b47; background: #fcebee; }
.keyword-research-state { margin-top: 14px; padding: 11px 13px; border-left: 4px solid #5b86ad; border-radius: 4px; color: #3d596f; background: #f0f6fa; }
.keyword-research-state.is-completed { border-left-color: #16865a; color: #155e45; background: #eaf7f1; }
.keyword-research-state.is-failed { border-left-color: #c94f5c; color: #8c3440; background: #fdf0f1; }
.keyword-research-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.keyword-research-metrics article { position: relative; min-width: 0; min-height: 176px; padding: 15px 16px 8px; overflow: hidden; border: 1px solid var(--kr-border); border-radius: 7px; background: #f8fafb; }
.keyword-research-metrics span, .keyword-research-metrics small { display: block; color: var(--kr-muted); }
.keyword-research-metrics span { font-size: .68rem; font-weight: 800; }
.keyword-research-metrics strong { display: block; margin-top: 10px; color: var(--kr-ink); font-size: 1.3rem; }
.keyword-research-metrics small { margin-top: 4px; font-size: .7rem; overflow-wrap: anywhere; }
.keyword-research-metric-heading { display: flex; min-width: 0; align-items: center; gap: 8px; }
.keyword-research-metrics .keyword-research-metric-label { min-width: 0; color: var(--kr-muted); text-transform: uppercase; }
.keyword-research-metric-icon { display: inline-flex !important; width: 30px; height: 30px; flex: 0 0 30px; align-items: center; justify-content: center; border: 1px solid #cdddeb; border-radius: 6px; background: #edf5fb; font-size: 1rem !important; }
.keyword-research-metric-icon.is-volume { color: #2563a9; }
.keyword-research-metric-icon.is-demand { border-color: #cce7dc; color: #16865a; background: #edf8f3; }
.keyword-research-metric-icon.is-cpc { border-color: #ddd2ef; color: #7553b1; background: #f4f0fa; }
.keyword-research-metric-icon.is-source { border-color: #f0d59b; color: #b06e00; background: #fff7e5; }
.keyword-research-metric-help, .keyword-research-detail-metric-head > button { display: inline-flex; width: 28px; height: 28px; flex: 0 0 28px; align-items: center; justify-content: center; margin-left: auto; padding: 0; border: 0; border-radius: 50%; color: #586a7c; background: transparent; font-size: 1rem; }
.keyword-research-metric-help:hover, .keyword-research-detail-metric-head > button:hover { color: #b96d00; background: #fff0cf; }
.keyword-research-spark { width: 100%; height: 64px; margin-top: 3px; }
.keyword-research-spark.is-source { height: 72px; }
.keyword-research-chart-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(290px, .7fr); gap: 14px; margin-top: 14px; }
.keyword-research-chart-panel { min-width: 0; padding: 16px; border: 1px solid var(--kr-border); border-radius: 7px; background: #fff; }
.keyword-research-panel-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.keyword-research-panel-heading span, .keyword-research-panel-heading small { color: var(--kr-muted); font-size: .7rem; }
.keyword-research-panel-heading span { font-weight: 800; text-transform: uppercase; }
.keyword-research-panel-heading h4 { margin: 3px 0 0; color: var(--kr-ink); font-size: .95rem; }
.keyword-research-chart { min-height: 300px; }
.keyword-research-results, .keyword-research-history-table { margin-top: 15px; overflow-x: auto; border: 1px solid var(--kr-border); border-radius: 7px; }
.keyword-research-results table, .keyword-research-history-table table { width: 100%; min-width: 850px; border-collapse: collapse; }
.keyword-research-results th, .keyword-research-results td, .keyword-research-history-table th, .keyword-research-history-table td { padding: 12px 13px; border-bottom: 1px solid #e7ebef; text-align: left; vertical-align: middle; }
.keyword-research-results th, .keyword-research-history-table th { color: #677483; background: #f6f8fa; font-size: .66rem; font-weight: 800; text-transform: uppercase; }
.keyword-research-results td, .keyword-research-history-table td { color: #43505e; font-size: .78rem; }
.keyword-research-results td:first-child, .keyword-research-history-table td:first-child { color: var(--kr-ink); font-weight: 750; }
.keyword-research-result-keyword a { color: #225e94; text-decoration: none; }
.keyword-research-result-keyword a:hover { color: #154a77; text-decoration: underline; }
.keyword-research-result-action { width: 54px; text-align: right !important; }
.keyword-research-detail-link { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border: 1px solid #cad8e4; border-radius: 6px; color: #225e94; background: #eef5fa; }
.keyword-research-detail-link:hover { color: #fff; background: #2563a9; }
.keyword-research-history { padding: 18px 20px 20px; }
.keyword-research-history-header .btn { display: inline-flex; min-height: 40px; align-items: center; gap: 7px; }
.keyword-research-history-loading { display: flex; align-items: center; gap: 8px; padding: 25px 0 8px; color: var(--kr-muted); }
.keyword-research-history-table { margin-top: 16px; }
.keyword-research-open { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; gap: 6px; padding: 6px 10px; border: 1px solid #cfd8e1; border-radius: 6px; color: #255f96; background: #f7f9fb; font-weight: 750; text-decoration: none; }
.keyword-research-open:hover { color: #174f7f; background: #edf3f8; }
.keyword-research-empty { display: flex; min-height: 150px; align-items: center; justify-content: center; gap: 14px; padding: 24px; color: var(--kr-muted); }
.keyword-research-empty i { color: #7c8c9d; font-size: 2.2rem; }
.keyword-research-empty h4, .keyword-research-empty p { margin: 0; }
.keyword-research-empty h4 { color: var(--kr-ink); font-size: 1rem; }
.keyword-research-empty p { margin-top: 4px; }
.keyword-research-pagination { display: flex; align-items: center; justify-content: center; gap: 15px; padding-top: 16px; }
.keyword-research-pagination .btn { display: inline-flex; min-height: 40px; align-items: center; gap: 6px; }
.keyword-research-pagination span { color: var(--kr-muted); font-size: .75rem; font-weight: 750; }
.keyword-research-page button:focus-visible, .keyword-research-page a:focus-visible, .keyword-research-page textarea:focus-visible, .keyword-research-page select:focus-visible { outline: 2px solid #f59e0b; outline-offset: 2px; }

[data-pc-theme="dark"] .keyword-research-page { --kr-border: #394553; --kr-muted: #aeb8c3; --kr-ink: #f1f4f7; }
[data-pc-theme="dark"] .keyword-research-toolbar, [data-pc-theme="dark"] .keyword-research-query, [data-pc-theme="dark"] .keyword-research-current, [data-pc-theme="dark"] .keyword-research-history, [data-pc-theme="dark"] .keyword-research-chart-panel { background: #202731; }
[data-pc-theme="dark"] .keyword-research-usage, [data-pc-theme="dark"] .keyword-research-metrics article { border-color: #3b4856; background: #29333e; }
[data-pc-theme="dark"] .keyword-research-query label { color: #d7dde4; }
[data-pc-theme="dark"] .keyword-research-cache-note { border-left-color: #30b780; color: #a3ddc5; background: #223b34; }
[data-pc-theme="dark"] .keyword-research-cache-note i { color: #54ca99; }
[data-pc-theme="dark"] .keyword-research-state { color: #c9d3dc; background: #2a3540; }
[data-pc-theme="dark"] .keyword-research-state.is-completed { border-left-color: #30b780; color: #9de1c4; background: #223b34; }
[data-pc-theme="dark"] .keyword-research-state.is-failed { border-left-color: #e16b78; color: #f1afb6; background: #402a30; }
[data-pc-theme="dark"] .keyword-research-results th, [data-pc-theme="dark"] .keyword-research-history-table th { color: #b8c2cc; background: #29333e; }
[data-pc-theme="dark"] .keyword-research-results td, [data-pc-theme="dark"] .keyword-research-history-table td { border-color: #394553; color: #c7d0d9; }
[data-pc-theme="dark"] .keyword-research-open { border-color: #4c5a69; color: #93c5ef; background: #2b3541; }
[data-pc-theme="dark"] .keyword-research-metric-icon { border-color: #455769; background: #2d3b48; }
[data-pc-theme="dark"] .keyword-research-metric-icon.is-demand { color: #5ad1a0; }
[data-pc-theme="dark"] .keyword-research-metric-icon.is-cpc { color: #bea2ed; }
[data-pc-theme="dark"] .keyword-research-metric-icon.is-source { color: #f4bb54; }
[data-pc-theme="dark"] .keyword-research-metric-help, [data-pc-theme="dark"] .keyword-research-detail-metric-head > button { color: #b7c3cf; }
[data-pc-theme="dark"] .keyword-research-result-keyword a { color: #91c4ef; }
[data-pc-theme="dark"] .keyword-research-detail-link { border-color: #46586a; color: #91c4ef; background: #2b3743; }

.keyword-research-detail-loading, .keyword-research-detail-empty { display: flex; min-height: 280px; align-items: center; justify-content: center; gap: 15px; padding: 28px; border: 1px solid var(--kr-border); border-radius: 8px; background: #fff; }
.keyword-research-detail-loading strong, .keyword-research-detail-loading span { display: block; }
.keyword-research-detail-loading div > span { margin-top: 4px; color: var(--kr-muted); }
.keyword-research-detail-empty { text-align: left; }
.keyword-research-detail-empty > i { color: #718295; font-size: 2.7rem; }
.keyword-research-detail-empty h2 { margin: 0; color: var(--kr-ink); font-size: 1.1rem; }
.keyword-research-detail-empty p { margin: 5px 0 16px; color: var(--kr-muted); }
.keyword-research-detail-empty .btn { display: inline-flex; min-height: 44px; align-items: center; gap: 7px; }
.keyword-research-detail-hero { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 22px; padding: 22px 24px; border: 1px solid var(--kr-border); border-radius: 8px; background: #fff; }
.keyword-research-detail-heading { min-width: 0; }
.keyword-research-detail-heading h2 { margin: 0; color: var(--kr-ink); overflow-wrap: anywhere; }
.keyword-research-detail-heading p { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 8px 0 0; color: var(--kr-muted); }
.keyword-research-detail-heading p > span { display: inline-flex; align-items: center; gap: 6px; }
.keyword-research-detail-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 9px; }
.keyword-research-detail-actions .btn { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 7px; }
.keyword-research-detail-proof { display: flex; align-items: center; gap: 13px; margin-top: 14px; padding: 13px 15px; border-left: 4px solid #16865a; border-radius: 5px; color: #245a49; background: #edf8f3; }
.keyword-research-detail-proof > i { flex: 0 0 auto; color: #16865a; font-size: 1.45rem; }
.keyword-research-detail-proof strong, .keyword-research-detail-proof span { display: block; }
.keyword-research-detail-proof span { margin-top: 2px; font-size: .76rem; }
.keyword-research-detail-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.keyword-research-detail-metrics article { min-width: 0; min-height: 136px; padding: 16px; border: 1px solid var(--kr-border); border-radius: 7px; background: #fff; }
.keyword-research-detail-metric-head { display: flex; min-width: 0; align-items: center; gap: 8px; }
.keyword-research-detail-metric-head > span:not(.keyword-research-metric-icon) { color: var(--kr-muted); font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.keyword-research-detail-metrics article > strong { display: block; margin-top: 14px; color: var(--kr-ink); font-size: 1.35rem; }
.keyword-research-detail-metrics article > small { display: block; margin-top: 5px; color: var(--kr-muted); font-size: .72rem; }
.keyword-research-competition-level { display: inline-flex !important; width: fit-content; align-items: center; gap: 9px; padding: 7px 11px; border: 1px solid transparent; border-radius: 999px; font-size: 1rem !important; line-height: 1; }
.keyword-research-competition-level::before, .keyword-research-competition-label::before { width: 9px; height: 9px; flex: 0 0 9px; border: 2px solid currentColor; border-radius: 50%; content: ""; background: currentColor; box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 16%, transparent); }
.keyword-research-competition-level.is-low { border-color: #a9ddc5; color: #116b48; background: #eaf7f1; }
.keyword-research-competition-level.is-medium { border-color: #efd18b; color: #956100; background: #fff7df; }
.keyword-research-competition-level.is-high { border-color: #efb4bb; color: #a9293a; background: #fff0f2; }
.keyword-research-competition-level.is-unavailable { border-color: #d3dae1; color: #687582; background: #f4f6f8; }
.keyword-research-detail-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(270px, .65fr); gap: 14px; }
.keyword-research-detail-chart-panel, .keyword-research-detail-context, .keyword-research-detail-peers { min-width: 0; padding: 18px; border: 1px solid var(--kr-border); border-radius: 8px; background: #fff; }
.keyword-research-detail-chart-panel .keyword-research-panel-heading h3, .keyword-research-detail-context .keyword-research-panel-heading h3 { margin: 3px 0 0; color: var(--kr-ink); font-size: .98rem; }
.keyword-research-detail-chart { min-height: 360px; }
.keyword-research-detail-chart-empty { min-height: 220px; align-content: center; margin: 0; color: var(--kr-muted); text-align: center; }
.keyword-research-detail-context dl { display: grid; gap: 0; margin: 15px 0 0; }
.keyword-research-detail-context dl > div { padding: 12px 0; border-bottom: 1px solid var(--kr-border); }
.keyword-research-detail-context dl > div:last-child { border-bottom: 0; }
.keyword-research-detail-context dt { color: var(--kr-muted); font-size: .7rem; font-weight: 750; text-transform: uppercase; }
.keyword-research-detail-context dd { margin: 4px 0 0; color: var(--kr-ink); font-weight: 700; overflow-wrap: anywhere; }
.keyword-research-detail-intelligence { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.keyword-research-detail-intelligence-panel { min-width: 0; padding: 18px; border: 1px solid var(--kr-border); border-radius: 8px; background: #fff; }
.keyword-research-detail-intelligence-panel .keyword-research-panel-heading { display: flex; min-width: 0; align-items: flex-start; justify-content: space-between; gap: 12px; }
.keyword-research-detail-intelligence-panel .keyword-research-panel-heading h3 { margin: 3px 0 0; color: var(--kr-ink); font-size: .98rem; }
.keyword-research-detail-intelligence-panel .keyword-research-panel-heading button { display: inline-grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; border: 1px solid var(--kr-border); border-radius: 50%; color: #49677f; background: #f7f9fb; }
.keyword-research-detail-intelligence-panel .keyword-research-panel-heading button:hover { border-color: #8eaec6; color: #174f7f; background: #edf5fa; }
.keyword-research-detail-intelligence-panel .keyword-research-panel-heading button:focus-visible { outline: 2px solid #f59e0b; outline-offset: 2px; }
.keyword-research-detail-mini-chart { min-height: 245px; }
.keyword-research-detail-mini-empty { min-height: 180px; align-content: center; margin: 0; color: var(--kr-muted); text-align: center; }
.keyword-research-detail-peers .keyword-research-section-heading > small { color: var(--kr-muted); }
.keyword-research-detail-peer-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); gap: 10px; margin-top: 15px; }
.keyword-research-detail-peer { display: flex; min-width: 0; min-height: 70px; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 13px; border: 1px solid var(--kr-border); border-radius: 7px; color: var(--kr-ink); background: #f8fafb; text-decoration: none; }
.keyword-research-detail-peer > span:first-child { min-width: 0; }
.keyword-research-detail-peer strong, .keyword-research-detail-peer small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.keyword-research-detail-peer small { margin-top: 4px; color: var(--kr-muted); font-size: .7rem; }
.keyword-research-detail-peer .keyword-research-competition-label { display: inline-flex; max-width: 100%; align-items: center; gap: 7px; }
.keyword-research-competition-label.is-low { color: #16865a; }
.keyword-research-competition-label.is-medium { color: #a46b00; }
.keyword-research-competition-label.is-high { color: #c53d4f; }
.keyword-research-competition-label.is-unavailable { color: var(--kr-muted); }
.keyword-research-detail-peer > span:last-child { flex: 0 0 auto; color: #225e94; font-weight: 800; }
.keyword-research-detail-peer:hover { border-color: #9cb8cf; color: #174f7f; background: #eef5fa; }
.keyword-research-detail-peer.is-current { border-color: #e7b044; box-shadow: inset 3px 0 #f59e0b; background: #fff8e9; }

[data-pc-theme="dark"] .keyword-research-detail-loading, [data-pc-theme="dark"] .keyword-research-detail-empty, [data-pc-theme="dark"] .keyword-research-detail-hero, [data-pc-theme="dark"] .keyword-research-detail-metrics article, [data-pc-theme="dark"] .keyword-research-detail-chart-panel, [data-pc-theme="dark"] .keyword-research-detail-context, [data-pc-theme="dark"] .keyword-research-detail-intelligence-panel, [data-pc-theme="dark"] .keyword-research-detail-peers { background: #202731; }
[data-pc-theme="dark"] .keyword-research-detail-proof { border-left-color: #30b780; color: #a3ddc5; background: #223b34; }
[data-pc-theme="dark"] .keyword-research-detail-proof > i { color: #54ca99; }
[data-pc-theme="dark"] .keyword-research-detail-intelligence-panel .keyword-research-panel-heading button { border-color: #4b5968; color: #afc3d3; background: #2a3440; }
[data-pc-theme="dark"] .keyword-research-detail-intelligence-panel .keyword-research-panel-heading button:hover { border-color: #72879a; color: #fff; background: #34414e; }
[data-pc-theme="dark"] .keyword-research-competition-level.is-low { border-color: #356d59; color: #78d4ad; background: #243b34; }
[data-pc-theme="dark"] .keyword-research-competition-level.is-medium { border-color: #735f32; color: #f2c66e; background: #3b3425; }
[data-pc-theme="dark"] .keyword-research-competition-level.is-high { border-color: #79444d; color: #f0929f; background: #3d292e; }
[data-pc-theme="dark"] .keyword-research-competition-level.is-unavailable { border-color: #4e5a67; color: #aeb8c3; background: #2a333d; }
[data-pc-theme="dark"] .keyword-research-competition-label.is-low { color: #68d1a5; }
[data-pc-theme="dark"] .keyword-research-competition-label.is-medium { color: #e8bd67; }
[data-pc-theme="dark"] .keyword-research-competition-label.is-high { color: #ef8b99; }
[data-pc-theme="dark"] .keyword-research-detail-peer { color: #edf2f6; background: #29333e; }
[data-pc-theme="dark"] .keyword-research-detail-peer > span:last-child { color: #91c4ef; }
[data-pc-theme="dark"] .keyword-research-detail-peer:hover { border-color: #587087; color: #fff; background: #303c49; }
[data-pc-theme="dark"] .keyword-research-detail-peer.is-current { border-color: #8f6f31; background: #393426; }

@media (max-width: 1199px) {
  .keyword-research-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .keyword-research-chart-grid { grid-template-columns: 1fr; }
  .keyword-research-detail-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .keyword-research-detail-grid { grid-template-columns: 1fr; }
  .keyword-research-detail-intelligence { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .keyword-research-toolbar { align-items: stretch; flex-direction: column; padding: 18px; }
  .keyword-research-usage { width: 100%; flex-basis: auto; }
  .keyword-research-query, .keyword-research-current, .keyword-research-history { padding: 16px; }
  .keyword-research-query-grid { grid-template-columns: 1fr; }
  .keyword-research-query-side .btn, .keyword-research-history-header .btn, .keyword-research-pagination .btn { min-height: 44px; }
  .keyword-research-section-heading, .keyword-research-history-header { align-items: stretch; flex-direction: column; }
  .keyword-research-metrics { grid-template-columns: 1fr 1fr; }
  .keyword-research-history-table table { min-width: 0; }
  .keyword-research-history-table thead { display: none; }
  .keyword-research-history-table tbody, .keyword-research-history-table tr, .keyword-research-history-table td { display: block; width: 100%; }
  .keyword-research-history-table tr { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 14px 0; border-bottom: 1px solid var(--kr-border); }
  .keyword-research-history-table td { padding: 0 11px; border: 0; }
  .keyword-research-history-table td::before { display: block; margin-bottom: 3px; color: var(--kr-muted); content: attr(data-label); font-size: .64rem; font-weight: 800; text-transform: uppercase; }
  .keyword-research-history-table td:first-child, .keyword-research-history-table td:last-child { grid-column: 1 / -1; }
  .keyword-research-open { width: 100%; min-height: 44px; }
  .keyword-research-detail-hero { align-items: stretch; flex-direction: column; padding: 18px; }
  .keyword-research-detail-actions { display: grid; grid-template-columns: 1fr; }
  .keyword-research-detail-actions .btn { width: 100%; }
  .keyword-research-detail-metrics { grid-template-columns: 1fr 1fr; }
  .keyword-research-detail-chart-panel, .keyword-research-detail-context, .keyword-research-detail-intelligence-panel, .keyword-research-detail-peers { padding: 16px; }
}
@media (max-width: 420px) {
  .keyword-research-metrics { grid-template-columns: 1fr; }
  .keyword-research-pagination { flex-wrap: wrap; }
  .keyword-research-detail-metrics { grid-template-columns: 1fr; }
}