/* Static copy examples and native details; no new runtime is needed. */
.editorial-site .description-guide [id] { scroll-margin-top: 125px; }
.editorial-site .description-guide .description-example { margin-block: 28px; padding: 26px; border: 1px solid var(--editorial-line); background: var(--editorial-card); }
.editorial-site .description-example h3 { margin-top: 0; }
.editorial-site .description-source { font-size: 13px; color: var(--editorial-muted); }
.editorial-site .description-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.editorial-site .description-pair > div { min-width: 0; padding: 20px; border: 1px solid var(--editorial-line); background: var(--editorial-soft); }
.editorial-site .description-pair h4 { margin: 0 0 14px; font-size: 14px; font-weight: 600; }
.editorial-site .description-pair p:last-child { margin-bottom: 0; }
.editorial-site .description-template { margin-block: 28px; padding: 0 24px; border: 1px solid var(--editorial-line); background: var(--editorial-card); }
.editorial-site .description-template summary { min-height: 48px; padding-block: 16px; color: var(--editorial-plum); cursor: pointer; font-weight: 600; }
.editorial-site .description-template pre { margin-block: 4px 24px; padding: 20px; white-space: pre-wrap; overflow-wrap: anywhere; font: 400 14px/1.8 var(--editorial-sans); color: var(--editorial-ink); }
.editorial-site .description-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.editorial-site .description-actions a { min-height: 44px; display: inline-flex; align-items: center; }
@media (max-width: 599px) {
  .editorial-site .description-guide .description-example { padding: 22px 16px; }
  .editorial-site .description-pair { grid-template-columns: 1fr; gap: 16px; }
  .editorial-site .description-pair > div, .editorial-site .description-template pre { padding: 16px; }
  .editorial-site .description-template { padding-inline: 16px; }
}
@media print {
  .editorial-site .description-guide .description-example, .editorial-site .description-pair > div,
  .editorial-site .description-template, .editorial-site .description-template pre { background: white; }
  .editorial-site .description-pair { display: block; }
  .editorial-site .description-pair > div { break-inside: avoid; margin-bottom: 16px; }
}