/* Marketing pages share one closed-section pattern. */
:is(#tab-dashboard, #tab-seo, #tab-email) { min-width: 0; }
:is(#tab-dashboard, #tab-seo, #tab-email) .more { padding: 0; }
:is(#tab-dashboard, #tab-seo, #tab-email) .more > summary {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
  list-style: none;
  border-radius: 16px;
}
.more > summary::-webkit-details-marker { display: none; }
.more > summary::before {
  content: '›';
  color: var(--ink2);
  font-size: 20px;
  line-height: 1;
  flex: none;
}
.more[open] > summary::before { transform: rotate(90deg); }
.more > summary h3 { margin: 0; }
.more > summary .sum {
  margin-left: auto;
  font-size: 13px;
  color: var(--ink2);
  overflow-wrap: anywhere;
}
.more-body { padding: 0 16px 16px; min-width: 0; }
.more-body > .data-line { margin: 0 0 10px; color: var(--ink2); }
:is(#tab-dashboard, #tab-seo, #tab-email) :focus-visible {
  outline: 3px solid var(--ink);
  outline-offset: 3px;
}
:is(#tab-dashboard, #tab-seo, #tab-email) .table-wrap { max-width: 100%; overflow-x: auto; }
:is(#tab-dashboard, #tab-seo, #tab-email) .data-line,
:is(#tab-dashboard, #tab-seo) .why,
:is(#tab-dashboard, #tab-seo, #tab-email) .muted { color: var(--ink2); }
.page-source { margin: -4px 0 14px; }
.page-status { margin: 8px 0 14px; font-weight: 600; }
#tab-dashboard .dash-top { flex-wrap: wrap; }
#tab-dashboard .custom { flex-wrap: wrap; max-width: 100%; }
#dash-label { flex-basis: 100%; font-size: 15px; }
#tab-dashboard .recs { grid-template-columns: 1fr; }
.rec-why { font-size: 13px; color: var(--ink2); }
.rec-why summary { cursor: pointer; }
.show-all { margin: 8px 0 12px; }
.long-text { font-size: 13px; color: var(--ink2); margin: 4px 0 10px; }
.long-text > summary { cursor: pointer; }
.text-preview { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.text-toggle { display: block; text-decoration: underline; margin-top: 4px; }
.long-text[open] .text-preview { display: none; }
.long-text > p { margin: 6px 0; overflow-wrap: anywhere; }
:is(#tab-dashboard, #tab-seo, #tab-email) .btn.primary {
  background: var(--button, var(--ink));
  border-color: var(--button, var(--ink));
  color: var(--on-button, var(--card));
}
#tab-email .filters { flex-wrap: wrap; }
#tab-email .more { margin-top: 14px; }
@media (max-width: 600px) {
  .more > summary { flex-wrap: wrap; gap: 6px 10px; }
  .more > summary h3 { flex: 1; min-width: 0; }
  .more > summary .sum { flex-basis: 100%; margin-left: 20px; }
  :is(#tab-dashboard, #tab-seo, #tab-email) .seg { flex-wrap: wrap; max-width: 100%; }
  :is(#tab-dashboard, #tab-seo) .dash-top { flex-wrap: wrap; }
  :is(#tab-dashboard, #tab-seo) .dgrid { grid-template-columns: minmax(0, 1fr); }
  #tab-seo .seo-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #tab-email .aud-form { grid-template-columns: minmax(0, 1fr); }
  :is(#tab-dashboard, #tab-seo, #tab-email) input { min-width: 0; }
  #tab-seo .seo-kw-form label { min-width: 0; max-width: 100%; }
  #tab-seo .seo-kw-form .actions { flex-wrap: wrap; }
}