/* Content pages (src/content/render.js): tool reference, network directory, error codes, glossary.
   Builds on .doc/.doc-inner/.doc-table in styles.css; no inline styles anywhere (style-src 'self'). */
.ct-crumbs ol { list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 0; font-size: 14px; }
.ct-crumbs li { color: var(--ink-faint); }
.ct-crumbs li + li::before { content: '›'; margin: 0 8px; color: var(--ink-faint); }
.ct-crumbs a { color: var(--ink-dim); }
.doc-inner .ct-h1 { font-size: clamp(30px, 5vw, 52px); word-break: break-word; }
.doc-inner .ct-lead { font-size: 19px; color: var(--ink); margin-bottom: 10px; }
.ct-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 10px; margin: 18px 0 22px; }
.ct-facts div { border: 1px solid rgba(255, 255, 255, .1); border-radius: 14px; padding: 12px 14px; background: rgba(255, 255, 255, .03); }
.ct-facts dt { font-family: var(--mono); font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-faint); margin-bottom: 4px; }
.ct-facts dd { margin: 0; color: var(--ink); font-size: 15px; line-height: 1.5; word-break: break-word; }
.doc-inner ul.ct-links { gap: 8px; }
.ct-links small, .ct-cards small { color: var(--ink-faint); font-size: 14px; }
.doc-inner ul.ct-cards { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 12px; }
.ct-cards a { display: grid; gap: 4px; height: 100%; padding: 14px 16px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 16px; background: rgba(255, 255, 255, .03); text-decoration: none; }
.ct-cards a:hover, .ct-cards a:focus-visible { border-color: rgba(196, 181, 253, .6); background: rgba(255, 255, 255, .06); }
.ct-cards b { color: #fff; font-size: 17px; }
.ct-cards span { color: var(--ink-dim); font-family: var(--mono); font-size: 12.5px; }
.ct-faq h3 { font-size: 17px; color: var(--ink); margin: 20px 0 6px; }
.ct-cta { margin: 34px 0 10px; padding: 18px 20px; border-radius: 18px; border: 1px solid rgba(196, 181, 253, .35); background: rgba(99, 102, 241, .1); }
.ct-cta p { margin: 0 0 10px; }
.ct-cta p:last-child { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.ct-pager { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin: 30px 0 12px; font-size: 15px; }
.ct-pager a { display: inline-flex; align-items: center; min-height: 40px; }
.doc-inner .ct-small { font-size: 14px; color: var(--ink-faint); }
.ct .doc-table td small { color: var(--ink-faint); }
/* Long unbroken tokens (JSON bodies, URLs, identifiers) wrap instead of widening the page on phones. */
.ct li, .ct p, .ct dd, .ct td { overflow-wrap: anywhere; }
.ct pre { max-width: 100%; }
.ct-pager a { min-width: 44px; justify-content: center; padding: 0 6px; }