/* Uses the existing TokensBurned palette and type. This is a reference page:
   predictable layout, minimal motion, and readable detail (variance 3/ motion 1/ density 5). */
.limits-page .site-header { grid-template-columns: auto 1fr auto; gap: 32px; }
.limits-page .site-header > nav { justify-content: center; gap: 24px; }
.limits-page a[aria-current="page"] { color: var(--accent); }
.limits-main { width: min(100% - 96px, 1200px); margin: auto; }
.limits-hero { padding: 82px 0 64px; }
.limits-hero .kicker { margin: 0 0 24px; color: var(--accent); font: 700 12px var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.limits-hero h1 { max-width: 1000px; margin: 0; font: 900 clamp(38px, 5.4vw, 72px)/1.12 var(--display); letter-spacing: -.055em; }
.limits-intro { max-width: 690px; margin: 24px 0 48px; font-size: 19px; line-height: 1.7; color: var(--ink-soft); }
.limits-overview { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; margin: 0; padding: 30px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.limits-overview dd { margin: 0 0 12px; color: var(--accent); font: 700 clamp(38px, 4vw, 54px)/1 var(--mono); letter-spacing: -.06em; }
.limits-overview dt { color: var(--ink-soft); font-size: 14px; line-height: 1.55; }
.limits-layout { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 64px; padding-bottom: 70px; }
.limits-toc nav { position: sticky; top: 112px; display: flex; flex-direction: column; align-items: start; gap: 14px; padding: 4px 0; font: 600 13px/1.45 var(--body); }
.limits-toc a { padding: 7px 0; }
.limits-toc a:hover { color: var(--accent); }
.limits-content { min-width: 0; }
.limits-content section { scroll-margin-top: 110px; margin: 0 0 72px; }
.limits-content h2 { margin: 0 0 16px; font: 800 28px/1.3 var(--body); letter-spacing: -.03em; }
.limits-content h3 { margin: 0 0 18px; font-size: 17px; line-height: 1.5; }
.limits-content p { max-width: 76ch; margin: 0 0 24px; color: var(--ink-soft); font-size: 15px; line-height: 1.85; }
.limits-table-wrap { width: 100%; margin: 28px 0; overflow-x: auto; }
.limits-content table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.7; text-align: left; }
.limits-content thead th { padding: 12px 16px; background: var(--surface-2); color: var(--muted); font: 600 11px/1.5 var(--mono); }
.limits-content tbody th { width: 24%; padding: 20px 16px; vertical-align: top; font-weight: 600; }
.limits-content td { padding: 20px 16px; vertical-align: top; color: var(--ink-soft); }
.limits-content tbody tr:nth-child(even) { background: var(--surface); }
.limits-content small { display: block; margin-top: 5px; color: var(--muted); font-size: 11px; font-weight: 400; }
.limits-content .limit-value { width: 22%; color: var(--ink); font: 650 14px/1.7 var(--mono); }
.limits-scenarios { margin-top: 38px; }
.limits-content details { border-bottom: 1px solid var(--line); }
.limits-content summary { padding: 18px 0; cursor: pointer; font-size: 15px; line-height: 1.5; color: var(--ink); }
.limits-content summary:hover { color: var(--accent); }
.limits-content summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.limits-content details p { padding: 0 20px 0 0; }
.limits-content .limits-note { margin-top: 22px; color: var(--muted); font-size: 13px; }
.sync-rules { margin: 30px 0 0; display: grid; gap: 28px; }
.sync-rules > div { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 24px; }
.sync-rules dt { color: var(--muted); font-size: 14px; line-height: 1.6; padding-top: 3px; }
.sync-rules dd { margin: 0; }
.sync-rules strong { display: block; margin-bottom: 8px; font: 650 20px/1.5 var(--body); }
.sync-rules p { margin: 0; }
.technical-limits .limits-table-wrap { margin-top: 6px; }
.limits-advice { margin-top: 30px; padding: 22px 26px; border-left: 3px solid var(--accent); background: var(--surface); }
.limits-advice h3 { margin-bottom: 8px; }
.limits-advice p { margin: 0; }
.limits-content .deletion-lead { color: var(--ink); font-weight: 650; font-size: 18px; }
.text-link { color: var(--accent); text-decoration: underline; text-underline-offset: 5px; font-size: 14px; }
.limits-page footer { width: min(100% - 96px, 1200px); margin: auto; }
@media (max-width: 1000px) {
  .limits-page .site-header { gap: 20px; }
  .limits-page .site-header > nav { gap: 14px; }
  .limits-main { width: calc(100% - 48px); }
  .limits-layout { gap: 32px; grid-template-columns: 145px minmax(0, 1fr); }
  .limits-content th, .limits-content td { padding-left: 12px; padding-right: 12px; }
  .limits-page footer { width: calc(100% - 48px); }
}
@media (max-width: 767px) {
  .limits-page .site-header { grid-template-columns: 1fr auto; height: auto; min-height: 76px; }
  .limits-page .site-header > nav { display: none; }
  .limits-hero { padding: 52px 0 36px; }
  .limits-hero h1 { font-size: clamp(34px, 8vw, 50px); letter-spacing: -.04em; }
  .limits-intro { font-size: 16px; margin-bottom: 32px; }
  .limits-overview { grid-template-columns: repeat(2, 1fr); gap: 28px 24px; padding: 28px 0; }
  .limits-overview dd { font-size: 42px; }
  .limits-layout { display: block; }
  .limits-toc nav { position: static; flex-direction: row; flex-wrap: wrap; gap: 8px 22px; padding-bottom: 32px; }
  .limits-content section { margin-bottom: 54px; }
  .limits-content h2 { font-size: 25px; }
  .limits-content table { font-size: 13px; }
  .limits-content td, .limits-content tbody th { padding: 15px 9px; }
  .limits-content .limit-value { font-size: 12px; }
  .limits-content tbody th { width: 23%; }
  .limits-content small { font-size: 10px; }
  .sync-rules > div { grid-template-columns: 1fr; gap: 7px; }
  .sync-rules { gap: 28px; }
  .limits-advice { padding: 20px; }
}
@media (max-width: 400px) {
  .limits-page .site-header { width: calc(100% - 32px); gap: 8px; }
  .limits-page .wordmark { font-size: 14px; gap: 6px; }
  .limits-page .wordmark img { width: 22px; height: 22px; }
  .limits-page .theme-toggle { min-width: 45px; }
  .limits-page .language-control select { max-width: 87px; }
  .limits-main, .limits-page footer { width: calc(100% - 32px); }
}