/* Noma spec page, on the GHOST base. */
.doc { max-width: 820px; margin: 0 auto; padding: 72px 24px 110px; color: #4a4f5a; background: transparent; }
.doc h1 { font-family: "Inter Tight", sans-serif; font-size: clamp(40px, 5vw, 64px); font-weight: 700; letter-spacing: -0.035em; line-height: 1.02; margin: 14px 0 22px; color: #0e121b; }
.doc .intro { font-size: 19px; line-height: 1.5; color: #111; max-width: 720px; }
.doc h2 { font-family: "Inter Tight", sans-serif; font-size: 30px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.02; margin: 72px 0 14px; color: #111; scroll-margin-top: 100px; }
.doc h3 { font-size: 20px; font-weight: 700; letter-spacing: -0.02em; margin: 34px 0 8px; color: #111; }
.doc p, .doc li { font-size: 16px; line-height: 1.55; }
.doc p { margin: 0 0 14px; }
.doc ul, .doc ol { padding-left: 22px; margin: 0 0 14px; }
.doc ul { list-style: disc; } .doc ol { list-style: decimal; }
.doc li { margin: 6px 0; }
.doc strong { color: #111; font-weight: 600; }
.doc code { font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 13px; color: #111; background: #e7e7e4; padding: 2px 6px; border-radius: 4px; }
.doc pre { background: #111113; color: #c9c9c6; border-radius: 6px; padding: 18px 20px; overflow-x: auto; font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 12.5px; line-height: 1.6; margin: 0 0 18px; }
.doc pre code { background: none; padding: 0; color: inherit; font-size: inherit; }
.doc table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 14px 0 22px; }
.doc th, .doc td { text-align: left; padding: 10px 12px; border-bottom: 1px solid rgba(17,17,17,0.12); vertical-align: top; }
.doc th { font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: #8a8a86; font-weight: 600; }
.doc td code { white-space: nowrap; }
.doc .toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 0; }
.doc .toc a { font-size: 13px; font-weight: 500; padding: 8px 14px; border-radius: 999px; background: #fff; color: #0e121b; box-shadow: 0 2px 8px rgba(14,18,27,0.05); }
.doc .toc a:hover { color: #3090f8; }
.doc .callout { border-left: 3px solid #111; padding: 4px 0 4px 18px; margin: 20px 0; color: #111; }