/* Scoped to the two detailed buying guides. Native disclosures need no script. */
.guide-contents { margin: 1.5rem 0; padding: 1.15rem 1.3rem; border-block: 1px solid var(--line); }
.prose .guide-contents p { margin: 0 0 .45rem; }
.guide-contents ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .15rem 1.5rem; list-style: none; padding: 0; margin: 0; }
.guide-contents li { margin: 0; }
.guide-contents a { display: inline-flex; align-items: center; min-height: 44px; line-height: 1.45; }
.guide-section { scroll-margin-top: 110px; }
.guide-reference { margin: 1.25rem 0 1.75rem; }
.prose .guide-reference__intro { color: var(--muted); font-size: .95rem; }
.guide-reference__item { border-top: 1px solid var(--line); }
.guide-reference__item:last-child { border-bottom: 1px solid var(--line); }
.guide-reference__item summary { cursor: pointer; min-height: 48px; padding: .85rem .65rem .85rem 0; color: var(--pine-800); font-weight: 600; line-height: 1.5; }
.guide-reference__item summary::marker { color: var(--pine-800); }
.guide-reference__item summary:focus-visible,
.guide-contents a:focus-visible { outline: 3px solid var(--brass); outline-offset: 3px; border-radius: 2px; }
.guide-reference__item[open] { padding-bottom: .7rem; }
.guide-reference__item dl { margin: .2rem 0 1rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.5rem; padding: 1.1rem; background: var(--ivory); }
.guide-reference__item dt { font-weight: 700; color: var(--pine-800); font-size: .9rem; margin-bottom: .25rem; }
.guide-reference__item dd { margin: 0; font-size: .97rem; line-height: 1.65; overflow-wrap: break-word; }
.guide-reference--comparison dl > div:last-child { grid-column: 1 / -1; }
@media (max-width: 680px) {
  .guide-contents { padding: 1rem 0; }
  .guide-contents ul, .guide-reference__item dl { grid-template-columns: minmax(0, 1fr); }
  .guide-reference__item dl { padding: 1rem; gap: .9rem; }
}
@media print {
  .guide-reference__item { break-inside: avoid; }
  .guide-reference__item::details-content { display: block; content-visibility: visible; }
}