/* Clean-up guide page (guide.html). Shared look comes from styles.css; this file only adds guide layout. */
.hdr-link { color:#fff; display:inline-flex; align-items:center; min-height:44px; }
.guide main { max-width:760px; }
.guide-disclosure { margin:12px 0 8px; padding:8px 12px; border-left:4px solid var(--accent); background:#eef5fd; }
.guide h3 { font-size:1.08rem; margin:20px 0 6px; line-height:1.3; }
.guide-list { margin:0 0 8px; padding-left:1.25rem; }
.guide-list li { margin:6px 0; }
.guide main a { color:var(--accent); }
.guide-toc ul, .guide-sources { list-style:none; margin:0; padding:0; }
.guide-toc a, .guide-sources a, .guide-src a, .faq-src a { display:inline-flex; align-items:center; min-height:44px; padding:0 2px; }
.guide-src, .faq-src { margin:4px 0 0; display:flex; flex-wrap:wrap; align-items:center; gap:0 16px; color:var(--muted); font-size:.9rem; }
.guide-actions { margin:12px 0; }
.guide-actions .kit-callout-btn { color:#084a8c; }
.faq-item { border-top:1px solid var(--border); padding:4px 0 8px; }
.faq-item:first-of-type { border-top:none; }
.faq-q { margin:14px 0 4px; }
.faq-a { margin:0 0 4px; }
.faq-more { margin:4px 0 0; font-size:.9rem; }
.guide-footer { max-width:760px; margin:0 auto; padding:0 16px 24px; }
@media screen and (min-width:601px) { .guide .site-header { padding-left:max(16px, calc((100% - 728px) / 2)); padding-right:max(16px, calc((100% - 728px) / 2)); } }
@media (max-width:600px) { .guide-actions .kit-callout-btn { display:flex; width:100%; } }
@media print {
  .guide main { max-width:none; }
  .guide-disclosure { background:none; border-left:2px solid #000; }
  .faq-item, .guide-list li { break-inside:avoid; }
  .guide h3 { break-after:avoid; }
  .guide-src a, .faq-src a, .guide-sources a { display:inline; min-height:0; }
}