/* Owner controls: readable without decorative fonts, animation, or JavaScript. */
.button-guide-jump { font-size: 1rem; min-height: 44px; }
.site-nav a { font-size: .875rem; min-height: 44px; display: inline-flex; align-items: center; }
.button-guide { border-block: 1px solid var(--line); background: #100d14; }
.button-guide p, .button-guide li, .button-guide dt, .button-guide dd {
    font-size: 1rem; line-height: 1.65; color: #e5dfe9;
}
.button-guide h3 { font-size: 1.35rem; line-height: 1.3; letter-spacing: -.015em; }
.button-guide .kicker { font-size: .875rem; color: var(--orange-pale); }
.button-guide .section-heading { max-width: 800px; }
.button-guide__notice { padding: 22px; border-left: 3px solid var(--orange); background: #211723; margin-block: 24px; }
.button-guide__notice > strong { display: block; font-size: 1.125rem; margin-bottom: 10px; }
.button-guide__notice p:last-child { margin-bottom: 0; }
.button-guide__pair { max-width: 850px; margin-block: 36px; }
.button-guide ol { padding-left: 1.5rem; }
.button-guide li { padding-left: .35rem; margin-block: 12px; }
.button-guide__devices, .button-guide__topics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-block: 28px; }
.button-guide__device { min-width: 0; border: 1px solid var(--line); border-radius: 12px; padding: clamp(20px, 3vw, 32px); background: #17131d; }
.button-guide dl { margin-bottom: 0; }
.button-guide dt { color: var(--white); font-weight: 700; margin-top: 18px; }
.button-guide dd { margin: 5px 0 0; }
.button-guide__topics article { min-width: 0; border-top: 1px solid var(--line); padding-top: 24px; }
.button-guide__version { border-top: 1px solid var(--line); padding-top: 24px; }
.button-guide a { color: #ffb27d; text-underline-offset: 4px; }
.button-guide :target { scroll-margin-top: 110px; }
@media (max-width: 760px) {
    .button-guide__devices, .button-guide__topics { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
@media print {
    .button-guide { background: white; color: black; }
    .button-guide p, .button-guide li, .button-guide dt, .button-guide dd,
    .button-guide .kicker, .button-guide a { color: black; }
    .button-guide__notice, .button-guide__device { background: white; border-color: #666; }
    .button-guide__device, .button-guide__topics article { break-inside: avoid; }
}