/* Design pages (tools/export-pages.mjs): one readable page per design, in the site shell. */
.crumbs { margin: 0 0 8px; font-size: 13px; color: var(--site-muted); }
.crumbs a { color: inherit; }
.design-section { max-width: 86ch; margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--site-rule); }
.design-section h2 { margin: 0 0 10px; font-size: 1.15rem; }
.design-section ul { margin: 0 0 10px; padding-left: 20px; }
.design-section li { margin: 4px 0; line-height: 1.55; }
.design-section code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .92em; }
.design-table { overflow-x: auto; }
.design-table table { border-collapse: collapse; min-width: 320px; font-size: 14px; }
.design-table th, .design-table td { padding: 6px 14px 6px 0; border-bottom: 1px solid var(--site-rule); text-align: left; vertical-align: top; }
.design-table th { color: var(--site-muted); font-weight: 600; }
.design-table td { font-variant-numeric: tabular-nums; }
.design-list { list-style: none; padding: 0 !important; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px 28px; }
.design-list li { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.design-list a { font-weight: 600; }
.design-list span { color: var(--site-muted); font-size: 13px; line-height: 1.45; }
.design-note { max-width: 86ch; margin-top: 26px; color: var(--site-muted); font-size: 13px; }
.design-section.wide { max-width: none; }