.analytics-head { align-items: flex-end; }
.analytics-periods { display: flex; gap: 3px; padding: 3px; background: #e9edf1; border: 1px solid var(--line); border-radius: var(--radius); }
.analytics-periods a { min-height: 32px; padding: 7px 11px; display: inline-flex; align-items: center; color: var(--ink-2); border-radius: var(--control-radius); font-size: .72rem; font-weight: 690; text-decoration: none; }
.analytics-periods a:hover { background: #ffffff9c; }
.analytics-periods a[aria-current="page"] { color: var(--ink-strong); background: #fff; box-shadow: 0 1px 2px #17203318; }
.analytics-metrics { margin-bottom: 14px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 1px 2px #17203308; }
.analytics-metrics article { min-height: 108px; padding: 16px; display: grid; align-content: space-between; border-right: 1px solid var(--line); }
.analytics-metrics article:nth-child(4n) { border-right: 0; }
.analytics-metrics article:nth-child(-n+4) { border-bottom: 1px solid var(--line); }
.analytics-metrics span { color: var(--muted); font-size: .7rem; font-weight: 650; }
.analytics-metrics strong { color: var(--ink-strong); font-size: 1.65rem; font-variant-numeric: tabular-nums; letter-spacing: -.03em; }
.analytics-metrics small { color: var(--muted); font-size: .62rem; }
.analytics-chart-panel { margin-bottom: 14px; }
.analytics-section-head { align-items: flex-start; }
.analytics-section-head > div { display: grid; gap: 2px; }
.analytics-section-head h2 { margin: 0; }
.analytics-section-head span,.analytics-section-head > small { color: var(--muted); font-size: .64rem; }
.analytics-chart-scroll { margin: 4px -4px 0; padding: 4px; overflow-x: auto; }
.analytics-chart { min-width: max(660px, calc(var(--chart-days) * 19px)); height: 218px; padding: 20px 4px 0; display: grid; grid-template-columns: repeat(var(--chart-days), minmax(12px, 1fr)); gap: 3px; align-items:end; border-bottom: 1px solid var(--line); }
.analytics-chart-day { height: 190px; position: relative; display: grid; grid-template-rows: 18px 1fr 24px; align-items:end; text-align:center; }
.analytics-bar-value { min-height: 18px; color: var(--muted); font-size: .57rem; font-variant-numeric: tabular-nums; }
.analytics-bar { width: min(18px, 78%); min-height: 3px; justify-self:center; display:block; background: var(--blue); border-radius: 3px 3px 0 0; }
.analytics-chart time { min-width: 38px; margin-left:50%; padding-top:5px; display:block; color:var(--muted); font-size:.56rem; transform:translateX(-50%); }
.analytics-empty { min-height: 170px; display: grid; place-content: center; text-align: center; }
.analytics-empty strong { color: var(--ink-strong); }
.analytics-empty p { max-width: 46ch; margin: 5px 0 0; color: var(--muted); font-size: .73rem; }
.analytics-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.analytics-grid .panel { min-width: 0; }
.analytics-breakdown { display: grid; border-top: 1px solid var(--line); }
.analytics-breakdown > div { min-height: 50px; padding: 9px 2px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; align-items:center; border-bottom: 1px solid var(--line); }
.analytics-breakdown > div:last-child { border-bottom: 0; }
.analytics-breakdown span { color: var(--ink-2); font-size: .74rem; font-weight: 670; }
.analytics-breakdown strong { color: var(--ink-strong); font-size: 1rem; font-variant-numeric: tabular-nums; }
.analytics-breakdown small { grid-column: 1 / -1; color: var(--muted); font-size: .61rem; }
.analytics-breakdown > p { margin: 8px 0 0; color: var(--muted); font-size: .72rem; }
.analytics-notice { margin-top: 14px; padding: 13px 15px; color: #415064; background: #eef3f7; border: 1px solid #d8e1e9; border-radius: var(--radius); }
.analytics-notice strong { font-size: .72rem; }
.analytics-notice p { margin: 3px 0 0; font-size: .67rem; line-height: 1.5; }
.marketing-tabs { width: fit-content; margin: 0 0 18px; padding: 3px; display: flex; gap: 3px; background: #e9edf1; border: 1px solid var(--line); border-radius: var(--radius); }
.marketing-tabs a { min-height: 34px; padding: 7px 13px; display: inline-flex; align-items: center; color: var(--ink-2); border-radius: var(--control-radius); font-size: .73rem; font-weight: 680; text-decoration: none; }
.marketing-tabs a:hover { background: #ffffff9c; }
.marketing-tabs a[aria-current="page"] { color: var(--ink-strong); background: #fff; box-shadow: 0 1px 2px #17203318; }
.audit-score-grid { margin-bottom: 14px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.audit-score-grid article { min-height: 132px; padding: 16px; display: grid; align-content: space-between; gap: 8px; border-right: 1px solid var(--line); }
.audit-score-grid article:last-child { border-right: 0; }
.audit-score-grid > article > span { color: var(--muted); font-size: .7rem; font-weight: 650; }
.audit-score-grid strong { color: var(--ink-strong); font-size: 2rem; font-variant-numeric: tabular-nums; letter-spacing: -.04em; }
.audit-score-grid strong small { margin-left: 3px; color: var(--muted); font-size: .72rem; letter-spacing: 0; }
.audit-score-grid p { margin: 0; color: var(--muted); font-size: .64rem; line-height: 1.45; }
.audit-insight-strip { margin-bottom: 14px; padding: 14px 16px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; background: #eef3f7; border: 1px solid #d8e1e9; border-radius: var(--radius); }
.audit-insight-strip article { min-width: 0; padding: 2px 16px; display: grid; gap: 4px; border-right: 1px solid #d8e1e9; }
.audit-insight-strip article:first-child { padding-left: 0; }
.audit-insight-strip article:last-child { padding-right: 0; border-right: 0; }
.audit-insight-strip span { color: #536579; font-size: .64rem; font-weight: 680; }
.audit-insight-strip strong { color: var(--ink-strong); font-size: 1.45rem; font-variant-numeric: tabular-nums; letter-spacing: -.03em; }
.audit-insight-strip strong small { margin-left: 2px; color: var(--muted); font-size: .68rem; letter-spacing: 0; }
.audit-insight-strip article > small { color: var(--muted); font-size: .6rem; line-height: 1.4; }
.audit-decision-grid { margin-bottom: 14px; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(310px, .65fr); gap: 14px; }
.audit-priority-list { margin: 0; padding: 0; display: grid; list-style: none; }
.audit-priority-list li { padding: 11px 2px; display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; border-top: 1px solid var(--line); }
.audit-priority-rank { width: 24px; height: 24px; display: grid; place-items: center; color: var(--muted); background: #f1f4f7; border-radius: var(--control-radius); font-size: .64rem; font-weight: 730; }
.audit-priority-title { display: flex; align-items: center; gap: 7px; }
.audit-priority-title strong { color: var(--ink-strong); font-size: .74rem; }
.audit-priority-list p { margin: 4px 0 0; color: var(--ink-2); font-size: .68rem; line-height: 1.45; }
.audit-priority-list small { margin-top: 3px; display: block; color: var(--muted); font-size: .6rem; line-height: 1.4; }
.audit-group-list { display: grid; border-top: 1px solid var(--line); }
.audit-group-list article { min-height: 58px; padding: 9px 2px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 10px; align-items: center; border-bottom: 1px solid var(--line); }
.audit-group-list article:last-child { border-bottom: 0; }
.audit-group-list div { display: grid; gap: 2px; }
.audit-group-list strong { color: var(--ink-strong); font-size: .72rem; }
.audit-group-list small,.audit-group-list article > span:not(.audit-state) { color: var(--muted); font-size: .6rem; }
.audit-group-list .audit-state { grid-column: 2; }
.audit-page-workspace { margin-bottom: 14px; }
.audit-page-toolbar { margin-bottom: 12px; padding: 10px; display: grid; grid-template-columns: minmax(180px, 1fr) minmax(130px, .45fr) minmax(130px, .45fr) auto; gap: 8px; align-items: end; background: #f5f7f9; border: 1px solid var(--line); border-radius: var(--control-radius); }
.audit-page-toolbar label { display: grid; gap: 4px; color: var(--muted); font-size: .59rem; font-weight: 680; }
.audit-page-toolbar input,.audit-page-toolbar select { width: 100%; min-height: 34px; padding: 7px 9px; color: var(--ink-strong); background: #fff; border: 1px solid var(--line); border-radius: var(--control-radius); font: inherit; font-size: .7rem; }
.audit-page-toolbar input:focus,.audit-page-toolbar select:focus { outline: 2px solid color-mix(in srgb, var(--blue) 35%, transparent); outline-offset: 1px; border-color: var(--blue); }
.audit-page-toolbar output { grid-column: 1 / -1; color: var(--muted); font-size: .61rem; }
.audit-page-workspace th { white-space: nowrap; }
.audit-page-workspace td { min-width: 118px; vertical-align: top; white-space: normal; }
.audit-page-workspace td:first-child { min-width: 175px; }
.audit-page-workspace td:last-child { min-width: 270px; }
.audit-page-workspace td > small { margin-top: 4px; display: block; color: var(--muted); font-size: .59rem; line-height: 1.35; }
.audit-page-workspace td > strong { color: var(--ink-strong); font-variant-numeric: tabular-nums; }
.audit-page-workspace td ul { margin: 0; padding-left: 15px; display: grid; gap: 2px; color: var(--ink-2); font-size: .63rem; line-height: 1.35; }
.audit-page-clear { color: #146c43; font-size: .63rem; font-weight: 650; }
.audit-table-note { margin: 10px 0 0; color: var(--muted); font-size: .61rem; line-height: 1.45; }
.audit-grid { margin-bottom: 14px; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 14px; }
.audit-crawler-list { display: grid; border-top: 1px solid var(--line); }
.audit-crawler-list article { min-height: 66px; padding: 10px 2px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 12px; align-items: center; border-bottom: 1px solid var(--line); }
.audit-crawler-list article:last-child { border-bottom: 0; }
.audit-crawler-list strong { color: var(--ink-strong); font-size: .76rem; }
.audit-crawler-list p { margin: 2px 0 0; color: var(--muted); font-size: .64rem; }
.audit-crawler-list small { grid-column: 1 / -1; color: var(--muted); font-size: .6rem; }
.audit-method > p,.audit-method li { color: var(--ink-2); font-size: .72rem; line-height: 1.55; }
.audit-method > p { margin: 0 0 12px; }
.audit-method ul { margin: 0; padding-left: 18px; display: grid; gap: 7px; }
.audit-findings,.audit-pages { margin-bottom: 14px; }
.audit-finding-list { display: grid; gap: 8px; }
.audit-finding { padding: 12px 13px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 14px; border: 1px solid var(--line); border-left-width: 3px; border-radius: var(--control-radius); }
.audit-finding-fail { border-left-color: #b42318; }
.audit-finding-warn { border-left-color: #b7791f; }
.audit-finding-pass { border-left-color: #198754; }
.audit-finding-info { border-left-color: #557086; }
.audit-finding-title { grid-column: 1 / -1; display: flex; align-items: center; gap: 7px; }
.audit-finding h3 { margin: 0; color: var(--ink-strong); font-size: .78rem; }
.audit-finding p { margin: 0; color: var(--ink-2); font-size: .69rem; }
.audit-finding > small { color: var(--muted); font-size: .63rem; line-height: 1.45; }
.audit-finding > a { align-self: end; color: var(--blue); font-size: .62rem; font-weight: 650; text-decoration: none; }
.audit-dimension { color: var(--muted); font-size: .57rem; font-weight: 760; letter-spacing: .06em; }
.audit-state { min-height: 22px; padding: 3px 7px; display: inline-flex; align-items: center; width: fit-content; border: 1px solid transparent; border-radius: 999px; font-size: .6rem; font-weight: 720; white-space: nowrap; }
.audit-state-pass { color: #146c43; background: #edf7f2; border-color: #d4eadf; }
.audit-state-warn { color: #94641d; background: #fbf5e8; border-color: #eee0bd; }
.audit-state-fail { color: #a1221a; background: #fdf0ef; border-color: #f2d2cf; }
.audit-state-info { color: #496174; background: #eef3f7; border-color: #d8e1e9; }
.audit-pages .table-wrap { margin-top: 2px; }
.audit-pages td { vertical-align: top; white-space: nowrap; }
.audit-pages td:first-child { min-width: 175px; }
.audit-pages td:nth-child(3) { min-width: 160px; }
.audit-pages td small { margin-top: 3px; display: block; white-space: normal; }
.audit-sources div { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 7px 14px; }
.audit-sources a { color: var(--blue); font-size: .63rem; font-weight: 650; text-decoration: none; }
.content-audit-notice { margin: 0 0 14px; }
.content-score-grid { margin-bottom: 14px; }
.content-breakdown { margin-bottom: 14px; }
.content-dimension-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.content-dimension-grid article { min-width: 0; padding: 12px 14px 12px 2px; display: grid; gap: 7px; border-bottom: 1px solid var(--line); }
.content-dimension-grid article:nth-child(3n+2),.content-dimension-grid article:nth-child(3n+3) { padding-left: 14px; border-left: 1px solid var(--line); }
.content-dimension-grid article > div:first-child { display: flex; justify-content: space-between; gap: 10px; color: var(--ink-strong); font-size: .69rem; }
.content-dimension-grid article > div:first-child span { color: var(--muted); font-variant-numeric: tabular-nums; }
.content-dimension-grid article small { color: var(--muted); font-size: .59rem; }
.content-meter { height: 5px; overflow: hidden; background: #e7ebef; border-radius: 999px; }
.content-meter i { width: var(--content-progress); height: 100%; display: block; background: var(--blue); border-radius: inherit; }
.content-decision-grid { grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr); }
.content-method ul { margin: 0; padding-left: 17px; display: grid; gap: 7px; color: var(--ink-2); font-size: .69rem; line-height: 1.45; }
.content-method p { margin: 14px 0 0; color: var(--muted); font-size: .66rem; line-height: 1.5; }
.content-page-workspace { margin-bottom: 14px; }
.content-page-list { display: grid; gap: 10px; }
.content-page-card { scroll-margin-top: 20px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--control-radius); background: #fff; }
.content-page-summary { padding: 13px 14px; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 18px; align-items: center; }
.content-page-summary p { margin: 0 0 3px; color: var(--muted); font-size: .59rem; font-weight: 680; }
.content-page-summary h3 { margin: 0; color: var(--ink-strong); font-size: .82rem; }
.content-page-summary h3 a { color: inherit; text-decoration: none; }
.content-page-summary h3 a:hover { color: var(--blue); }
.content-page-summary > div:first-child > small { margin-top: 3px; display: block; color: var(--muted); font-size: .58rem; }
.content-page-score { min-width: 66px; display: grid; justify-items: end; }
.content-page-score strong { color: var(--ink-strong); font-size: 1.5rem; line-height: 1; font-variant-numeric: tabular-nums; }
.content-page-score small { margin-top: 3px; color: var(--muted); font-size: .55rem; }
.content-page-states { display: grid; justify-items: start; gap: 4px; }
.content-brief-grid { padding: 11px 14px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; background: #f6f8fa; border-top: 1px solid var(--line); }
.content-brief-grid > div { min-width: 0; display: grid; gap: 3px; }
.content-brief-grid span { color: var(--muted); font-size: .56rem; font-weight: 680; }
.content-brief-grid strong { color: var(--ink-2); font-size: .65rem; line-height: 1.4; }
.content-page-card details { border-top: 1px solid var(--line); }
.content-page-card summary { padding: 10px 14px; cursor: pointer; color: var(--blue); font-size: .64rem; font-weight: 680; }
.content-page-card summary:hover { background: #f8fafb; }
.content-page-details { padding: 4px 14px 14px; display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 14px; }
.content-page-details > section { min-width: 0; padding-top: 10px; border-top: 1px solid var(--line); }
.content-page-details h4 { margin: 0 0 10px; color: var(--ink-strong); font-size: .7rem; }
.content-criterion-list { display: grid; gap: 9px; }
.content-criterion-list > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; }
.content-criterion-list span,.content-criterion-list strong { color: var(--ink-2); font-size: .61rem; }
.content-criterion-list strong { font-variant-numeric: tabular-nums; }
.content-criterion-list .content-meter,.content-criterion-list small { grid-column: 1 / -1; }
.content-criterion-list small { color: var(--muted); font-size: .56rem; }
.content-topic-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.content-topic-columns > div { padding: 10px; background: #f7f9fa; border: 1px solid var(--line); border-radius: var(--control-radius); }
.content-topic-columns strong { color: var(--ink-strong); font-size: .62rem; }
.content-topic-columns ul,.content-fact-block ul { margin: 7px 0 0; padding-left: 16px; display: grid; gap: 4px; color: var(--ink-2); font-size: .59rem; line-height: 1.4; }
.content-fact-block { margin-top: 10px; padding: 10px; color: #7b241c; background: #fdf0ef; border: 1px solid #f2d2cf; border-radius: var(--control-radius); }
.content-fact-block > strong { font-size: .62rem; }
.content-suggestions { grid-column: 1 / -1; }
.content-suggestions > article { padding: 10px 2px; display: grid; gap: 4px; border-top: 1px solid var(--line); }
.content-suggestions > article > div { display: flex; align-items: center; gap: 7px; }
.content-suggestions > article strong { color: var(--ink-strong); font-size: .67rem; }
.content-suggestions > article p { margin: 0; color: var(--ink-2); font-size: .63rem; line-height: 1.45; }
.content-suggestions > article small { color: var(--muted); font-size: .58rem; line-height: 1.4; }
.content-suggestions > article em { width: fit-content; padding: 3px 6px; color: #a1221a; background: #fdf0ef; border-radius: 3px; font-size: .56rem; font-style: normal; font-weight: 680; }
.content-review-panel { grid-column: 1 / -1; }
.content-review-panel form { padding: 12px; display: grid; grid-template-columns: minmax(160px, .35fr) minmax(260px, 1fr); gap: 10px; background: #f6f8fa; border: 1px solid var(--line); border-radius: var(--control-radius); }
.content-review-panel label { display: grid; align-content: start; gap: 5px; color: var(--muted); font-size: .59rem; font-weight: 680; }
.content-review-panel select,.content-review-panel textarea { width: 100%; min-height: 36px; padding: 8px 9px; color: var(--ink-strong); background: #fff; border: 1px solid var(--line); border-radius: var(--control-radius); font: inherit; font-size: .68rem; }
.content-review-panel textarea { resize: vertical; line-height: 1.45; }
.content-review-panel form > div { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; }
.content-review-panel form > div small { color: var(--muted); font-size: .58rem; }

@media (max-width: 980px) {
  .analytics-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .analytics-metrics article { border-bottom: 1px solid var(--line); }
  .analytics-metrics article:nth-child(2n) { border-right: 0; }
  .analytics-metrics article:nth-last-child(-n+2) { border-bottom: 0; }
  .audit-score-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .audit-score-grid article:nth-child(2) { border-right: 0; }
  .audit-score-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .audit-grid { grid-template-columns: 1fr; }
  .audit-insight-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; }
  .audit-insight-strip article:nth-child(2) { padding-right: 0; border-right: 0; }
  .audit-insight-strip article:nth-child(3) { padding-left: 0; }
  .audit-decision-grid { grid-template-columns: 1fr; }
  .audit-page-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .content-dimension-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .content-dimension-grid article:nth-child(3n+2),.content-dimension-grid article:nth-child(3n+3) { padding-left: 2px; border-left: 0; }
  .content-dimension-grid article:nth-child(2n) { padding-left: 14px; border-left: 1px solid var(--line); }
  .content-decision-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .analytics-head { align-items: stretch; }
  .analytics-periods { width: 100%; }
  .analytics-periods a { flex: 1; justify-content: center; }
  .analytics-grid { grid-template-columns: 1fr; }
  .marketing-tabs { width: 100%; }
  .marketing-tabs a { flex: 1; justify-content: center; }
  .audit-finding { grid-template-columns: 1fr; }
  .audit-finding > a { justify-self: start; }
  .audit-page-toolbar { grid-template-columns: 1fr; }
  .audit-page-toolbar .button { width: 100%; }
  .content-page-summary { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
  .content-page-states { grid-column: 1 / -1; display: flex; flex-wrap: wrap; }
  .content-brief-grid,.content-page-details { grid-template-columns: 1fr; }
  .content-suggestions { grid-column: auto; }
  .content-review-panel { grid-column: auto; }
  .content-review-panel form { grid-template-columns: 1fr; }
  .content-review-panel form > div { grid-column: auto; align-items: flex-start; flex-direction: column; }
}

@media (max-width: 520px) {
  .analytics-metrics { grid-template-columns: 1fr; }
  .analytics-metrics article,.analytics-metrics article:nth-child(2n) { border-right: 0; border-bottom: 1px solid var(--line); }
  .analytics-metrics article:last-child { border-bottom: 0; }
  .audit-score-grid { grid-template-columns: 1fr; }
  .audit-score-grid article,.audit-score-grid article:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--line); }
  .audit-score-grid article:last-child { border-bottom: 0; }
  .audit-insight-strip { grid-template-columns: 1fr; }
  .audit-insight-strip article,.audit-insight-strip article:nth-child(2),.audit-insight-strip article:nth-child(3) { padding: 9px 0; border-right: 0; border-bottom: 1px solid #d8e1e9; }
  .audit-insight-strip article:first-child { padding-top: 0; }
  .audit-insight-strip article:last-child { padding-bottom: 0; border-bottom: 0; }
  .content-dimension-grid { grid-template-columns: 1fr; }
  .content-dimension-grid article,.content-dimension-grid article:nth-child(2n) { padding-left: 2px; border-left: 0; }
  .content-topic-columns { grid-template-columns: 1fr; }
}