.tabs-page .article-hero h1 { font-size: clamp(60px, 6.8vw, 104px); }
.tabs-page .article-section { scroll-margin-top: 160px; }
.tabs-screen > a { display: block; }
.tabs-screen img { display: block; width: 100%; height: auto; border-radius: 14px; background: #f1f1f1; }
.tabs-settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; margin: 32px 0; align-items: start; }
.tabs-tool-row { display: grid; grid-template-columns: minmax(180px, 268px) 1fr; gap: 30px; align-items: center; margin: 30px 0; }
.tabs-screen--tool { max-width: 268px; }
.tabs-screen--auto { margin: 32px 0; }
.tabs-steps { padding-left: 22px; margin: 0; }
.tabs-steps li { padding-left: 8px; margin: 0 0 20px; font-size: 18px; line-height: 1.8; }
.tabs-steps li::marker { color: var(--muted); font: 12px 'Geist Mono', monospace; }
.tabs-studio-steps { margin: 28px 0; }
.tabs-note { padding: 22px 26px; background: var(--surface); border-left: 2px solid var(--foreground); margin: 28px 0; }
.tabs-note p { font-size: 16px; margin: 0; }
.tabs-results { margin: 30px 0 0; }
.tabs-results > div { border-top: 1px solid var(--rule); padding: 22px 0; }
.tabs-results dt { font-size: 21px; letter-spacing: -.02em; margin-bottom: 10px; }
.tabs-results dd { margin: 0; font-size: 17px; line-height: 1.8; color: var(--muted); }
.tabs-source { border-top: 1px solid var(--rule); padding-top: 24px; color: var(--muted); font-size: 13px !important; }
.tabs-preview { color: var(--muted); font-size: 12px !important; margin-top: 18px !important; }
@media(max-width:700px) {
  .tabs-page .article-hero h1 { font-size: clamp(52px, 12vw, 76px); }
  .tabs-settings-grid, .tabs-tool-row { grid-template-columns: 1fr; gap: 30px; }
  .tabs-tool-row .tabs-screen { width: 100%; }
  .tabs-note { padding: 18px 20px; }
}