.guide-article { max-width: 760px; padding-block: 52px 80px; }
.guide-article h1 { font-size: clamp(2.3rem, 5vw, 3.8rem); line-height: 1.1; letter-spacing: -.045em; margin-bottom: 28px; }
.guide-article h2 { font-size: 1.5rem; line-height: 1.3; letter-spacing: -.025em; margin: 42px 0 14px; }
.guide-article p, .guide-article li { margin-bottom: 18px; }
.guide-article li { padding-left: 4px; }
.guide-lead { font-size: 1.2rem; line-height: 1.6; }
.guide-disclosure, .guide-sources { color: var(--muted); font-size: .9rem; }
.guide-contents { padding: 22px 24px; margin-block: 30px; background: var(--surface); border: 1px solid var(--border); border-radius: 16px; display: grid; gap: 8px; }
.guide-article figure { margin: 32px 0; }
.guide-article figure img { border: 1px solid var(--border); border-radius: 12px; }
.guide-article figcaption { margin-top: 12px; }
.guide-list section { padding-block: 8px 20px; border-top: 1px solid var(--border); }
.guide-list { margin-block: 36px; }
.guide-list h2 { margin-top: 20px; }
.guide-page .site-footer { max-width: 760px; }
@media (max-width: 600px) { .guide-article { padding-block: 32px 56px; } .guide-contents { padding: 18px; } }

.theme-shots .shot-dark { display: none; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .theme-shots .shot-light { display: none; }
  :root:not([data-theme="light"]) .theme-shots .shot-dark { display: block; }
}
:root[data-theme="dark"] .theme-shots .shot-light { display: none; }
:root[data-theme="dark"] .theme-shots .shot-dark { display: block; }
:root[data-theme="light"] .theme-shots .shot-light { display: block; }
:root[data-theme="light"] .theme-shots .shot-dark { display: none; }
.guide-shot img { width: 100%; height: auto; }

.theme-shots > a { text-decoration: none; }
.theme-shots a:focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; border-radius: 12px; }