/* 1000x guide pages only (shared base styles live in style.css). */
.breadcrumb { font-size: 0.82rem; color: var(--color-muted); margin: 0.25rem 0 0.5rem; }
.breadcrumb a { text-decoration: none; }
.guide { max-width: 78ch; }
.guide h2 { font-size: 1.3rem; margin: 2rem 0 0.5rem; }
.guide h3 { font-size: 1.05rem; margin: 1.5rem 0 0.35rem; }
.guide p, .guide li { color: var(--color-muted); }
.guide p strong, .guide li strong { color: var(--color-text); }
.guide ul, .guide ol { padding-left: 1.25rem; }
.guide li { margin: 0.3rem 0; }
.guide code { background: var(--color-surface-2); padding: 0.1rem 0.35rem; border-radius: 4px; font-size: 0.88em; color: var(--color-text); }
.guide .formula { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius); padding: 0.75rem 1rem; color: var(--color-text); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.92rem; overflow-x: auto; }
.guide .callout { border-left: 3px solid var(--color-purple); background: var(--color-surface-2); border-radius: var(--radius); padding: 0.75rem 1rem; margin: 1.25rem 0; }
.guide .callout p { margin: 0.25rem 0; }
.guide-list { list-style: none; padding: 0; display: grid; gap: 0.75rem; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
.guide-list li { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius); padding: 0.75rem 1rem; margin: 0; }
.guide-list li a { text-decoration: none; }
.guide-list li span { display: block; font-size: 0.86rem; color: var(--color-muted); margin-top: 0.25rem; }
.updated { margin-top: 0.5rem; }