/* Reading aids for the three comparison guides. */
.guide-page .policy-sections { min-width: 0; grid-template-columns: minmax(0, 1fr); }
.guide-page .policy-sections > section { min-width: 0; }
.guide-table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid var(--border); border-radius: 0.7rem; }
.guide-table-scroll:focus-visible { outline: 3px solid var(--aqua); outline-offset: 4px; }
.guide-table-scroll table { width: 100%; min-width: 38rem; border-collapse: collapse; font-size: 0.88rem; line-height: 1.5; }
.guide-table-scroll caption { padding: 0.9rem; color: var(--muted); text-align: left; }
.guide-table-scroll th, .guide-table-scroll td { padding: 0.85rem; text-align: left; vertical-align: top; border-top: 1px solid var(--border); }
.guide-table-scroll thead { background: var(--panel-soft); }
.guide-table-scroll tbody th { color: var(--text); }
.guide-table-scroll td { color: var(--muted); }
.guide-page .table-hint { font-size: 0.85rem; }
.guide-screenshot { width: min(100%, 24rem); margin: 1.5rem auto; }
.guide-screenshot img { display: block; width: 100%; height: auto; border: 1px solid var(--border); border-radius: 1rem; }
.guide-screenshot figcaption { margin-top: 0.75rem; color: var(--muted); font-size: 0.85rem; line-height: 1.5; }