#inline-guide { --bg: #071017; min-height: 0; height: auto; padding: 22px 0 48px; color-scheme: dark; }
#inline-guide .wrap { width: 100%; }
#inline-guide .grid > *, #inline-guide .two > *, #inline-guide .gallery > *, #inline-guide .compare > * { min-width: 0; }
#inline-guide .guide-scroll { width: 100%; max-width: 100%; overflow-x: auto; }
#inline-guide .guide-scroll table { min-width: 560px; }
#inline-guide :target { scroll-margin-top: 100px; }
#inline-guide .guide-main { min-width: 0; }
#inline-guide th[tabindex] { cursor: pointer; }
#inline-guide th[tabindex]:focus-visible { outline-offset: -3px; }
#inline-guide .document-preview-note, #inline-guide .guide-downloads { max-width: 1120px; margin: 0 auto 18px; padding: 0 24px; }
#inline-guide .document-preview-note { color: #aab6c4; font-size: .95rem; line-height: 1.55; }
#inline-guide .document-preview-note strong { color: #e8ecf1; }
#inline-guide .guide-downloads a { display: inline-flex; align-items: center; gap: .5rem; border: 1px solid #263447; border-radius: 10px; padding: 8px 12px; color: #6ab6ff; text-decoration: none; }
#inline-guide .guide-downloads svg { width: 18px; height: 18px; }
#inline-guide .guide-footer { position: static; }
#inline-guide.inline-faq .hero { padding: 2.5rem 0 2rem; }
#inline-guide.inline-faq h1 { font-size: clamp(2.5rem, 6vw, 4.5rem); }
#inline-guide.inline-compare { --text: #e8ecf1; --muted: #aab6c4; --bg: #071017; --panel: #101826; --line: #263447; --line2: #3a4b62; --chip: #162233; --brand: #6ab6ff; --yes-bg: #103a30; --yes-bd: #237c64; --maybe-bg: #493617; --maybe-bd: #9b7130; --no-bg: #162233; --no-bd: #3a4b62; }
#inline-guide.inline-compare .header, #inline-guide.inline-compare .card, #inline-guide.inline-compare .tableCard, #inline-guide.inline-compare details.sources, #inline-guide.inline-compare .btn, #inline-guide.inline-compare .pill, #inline-guide.inline-compare .chip input, #inline-guide.inline-compare thead th, #inline-guide.inline-compare tbody th, #inline-guide.inline-compare .notice, #inline-guide.inline-compare .foot { background: var(--panel); }
#inline-guide.inline-compare tbody tr:hover td, #inline-guide.inline-compare tbody tr:hover th { background: #162233; }
#inline-guide.inline-compare .no { color: var(--muted); }
#inline-guide.inline-compare .why, #inline-guide.inline-compare .why p, #inline-guide.inline-compare .why ul { color: var(--text); }
#inline-guide.inline-compare .sub, #inline-guide.inline-compare .chip, #inline-guide.inline-compare .btn, #inline-guide.inline-compare .appDesc, #inline-guide.inline-compare .cellNote, #inline-guide.inline-compare tbody th, #inline-guide.inline-compare tbody td, #inline-guide.inline-compare thead th { font-size: .9rem; }
#inline-guide.inline-compare .chip input { min-width: 0; max-width: 100%; }
#inline-guide.inline-compare .tableWrap { overscroll-behavior-x: contain; }
@media (max-width: 620px) {
  #inline-guide { --wrap-pad: 16px; }
  #inline-guide .wrap { padding-left: 16px; padding-right: 16px; }
  #inline-guide .panel { padding: 16px; }
  #inline-guide .grid.features, #inline-guide .grid.columns-2, #inline-guide .gallery, #inline-guide .toc, #inline-guide .grid { grid-template-columns: minmax(0, 1fr); }
  #inline-guide .compare { grid-template-columns: minmax(0, 1fr); }
  #inline-guide.inline-palettes .grid[style*="grid-template-columns"] { grid-template-columns: minmax(0, 1fr) !important; }
  #inline-guide.inline-compare .controls, #inline-guide.inline-compare .chip { max-width: 100%; }
  #inline-guide.inline-compare tbody th { min-width: 180px; max-width: 180px; }
}
@media print {
  .site-header, .site-footer, #inline-guide .guide-downloads { display: none !important; }
  #inline-guide { --bg: white; --ink: #111; --text: #111; --muted: #444; --panel: white; --panel-strong: white; --line: #ccc; --ring: #ccc; color: #111; background: white; color-scheme: light; padding: 0; }
  #inline-guide .guide-scroll { overflow: visible; }
  #inline-guide .guide-scroll table { min-width: 0; }
  #inline-guide .guide-footer { position: static; }
  #inline-guide .document-preview-note, #inline-guide .document-preview-note strong { color: #333; }
  #inline-guide.inline-compare { --text: #111; --muted: #444; --bg: white; --panel: white; --line: #ccc; --line2: #ccc; --chip: #f4f4f4; --yes-bg: #ecfdf5; --maybe-bg: #fffbeb; --no-bg: #f4f4f4; }
  #inline-guide.inline-compare .tableWrap { overflow: visible; }
  #inline-guide.inline-compare .tableWrap table { table-layout: fixed; }
  #inline-guide.inline-compare .tableWrap th, #inline-guide.inline-compare .tableWrap td { min-width: 0; padding: 4px; font-size: 7pt; white-space: normal; }
  #inline-guide.inline-compare .tableWrap .cellNote, #inline-guide.inline-compare .tableWrap .appDesc, #inline-guide.inline-compare .tableWrap .mark { font-size: 7pt; }
}
