/* Small additions to the shared guide-family stylesheet. */
.contents {
  margin: 28px 0 36px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 20px;
  background: var(--paper);
}
.contents h2 { margin-top: 0; padding-top: 0; font-size: 1.08rem; }
.contents ol { columns: 2; column-gap: 32px; margin-bottom: 0; }
.contents li { break-inside: avoid; }
h2, h3 { scroll-margin-top: 24px; }
h3 { margin-top: 28px; font-size: 1.15rem; line-height: 1.35; }
pre { line-height: 1.5; }
td code { overflow-wrap: anywhere; }
footer { border-top: 1px solid var(--line); margin-top: 48px; padding-top: 20px; color: var(--muted); font-size: 0.9rem; }
.return-link { margin-top: 28px; }
.skip-link { position: absolute; top: -80px; left: 16px; background: white; padding: 12px; z-index: 2; }
.skip-link:focus { top: 8px; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid var(--teal); outline-offset: 4px; }
.copy-fallback { margin-top: 16px; }
.copy-fallback textarea { width: 100%; min-height: 240px; padding: 12px; font: 0.9rem ui-monospace, monospace; }
[hidden] { display: none !important; }
@media (max-width: 760px) { .contents ol { columns: 1; } }
@media print {
  body { background: white; color: black; }
  .page-shell { width: 100%; padding: 0; }
  .hero-actions, .skip-link, .copy-fallback { display: none; }
  h2, h3 { break-after: avoid; }
  pre { white-space: pre-wrap; overflow-wrap: anywhere; }
  table { display: table; font-size: 0.85rem; }
}