/* =============================================================================
   Doc pages (Spec, Roadmap) — pretty markdown rendering
   ============================================================================= */
.doc-wrap {
    max-width: 760px;
    margin: 0 auto;
    padding: 1.25rem 1.25rem 6rem;
}
.doc-h    { margin: 0.75rem 0 0.25rem; font-size: 1.6rem; font-weight: 700; }
.doc-meta { color: var(--nr-text-mute); font-size: 0.85rem; margin-bottom: 1.5rem; }

.doc-md { color: var(--nr-text); line-height: 1.65; font-size: 0.95rem; }
.doc-md h1 { font-size: 1.6rem; margin: 2rem 0 0.6rem; font-weight: 700; }
.doc-md h2 {
    font-size: 1.2rem; margin: 2rem 0 0.5rem; font-weight: 700;
    padding-top: 1rem; border-top: 1px solid var(--nr-border);
}
.doc-md h3 { font-size: 1.05rem; margin: 1.5rem 0 0.4rem; font-weight: 600; }
.doc-md h4 { font-size: 0.95rem; margin: 1.2rem 0 0.3rem; font-weight: 600; color: var(--nr-text-mute); }
.doc-md p  { margin: 0.6rem 0; }
.doc-md ul, .doc-md ol { padding-left: 1.4rem; margin: 0.5rem 0; }
.doc-md li { margin: 0.25rem 0; }
.doc-md li > ul, .doc-md li > ol { margin: 0.25rem 0; }

.doc-md hr { border: 0; border-top: 1px solid var(--nr-border); margin: 2rem 0; }
.doc-md a  { color: var(--nr-text); text-decoration: underline; text-underline-offset: 2px; }
.doc-md a:hover { color: var(--nr-lime); }

.doc-md code {
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 0.85em;
    background: var(--nr-bg);
    border: 1px solid var(--nr-border);
    border-radius: 6px;
    padding: 0.05rem 0.4rem;
}
.doc-md pre {
    background: var(--nr-bg);
    border: 1px solid var(--nr-border);
    border-radius: 10px;
    padding: 0.85rem 1rem;
    overflow-x: auto;
    font-size: 0.85rem;
}
.doc-md pre code { background: none; border: 0; padding: 0; }

.doc-md blockquote {
    margin: 0.75rem 0;
    padding: 0.4rem 0.9rem;
    border-left: 3px solid var(--nr-yellow);
    color: var(--nr-text-mute);
    background: var(--nr-bg);
    border-radius: 0 10px 10px 0;
}

.doc-md table {
    border-collapse: collapse;
    margin: 0.75rem 0;
    width: 100%;
    font-size: 0.9rem;
}
.doc-md th, .doc-md td {
    border: 1px solid var(--nr-border);
    padding: 0.5rem 0.7rem;
    text-align: left;
}
.doc-md th { background: var(--nr-bg); font-weight: 600; }

/* GitHub-style task list checkboxes */
.doc-md ul:has(input[type="checkbox"]) {
    list-style: none;
    padding-left: 0.25rem;
}
.doc-md li:has(input[type="checkbox"]) {
    display: flex; align-items: flex-start; gap: 0.55rem;
    padding: 0.15rem 0;
}
.doc-md li:has(input[type="checkbox"]:checked) {
    color: var(--nr-text-mute);
}
.doc-md li:has(input[type="checkbox"]:checked) code,
.doc-md li:has(input[type="checkbox"]:checked) a {
    color: inherit;
    text-decoration: line-through;
}
.doc-md input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 16px; height: 16px;
    margin: 0.3rem 0 0;
    border: 1.5px solid var(--nr-border);
    border-radius: 4px;
    cursor: default;
    flex: 0 0 auto;
    position: relative;
    background: var(--nr-surface);
}
.doc-md input[type="checkbox"]:checked {
    background: var(--nr-lime);
    border-color: var(--nr-lime);
}
.doc-md input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 4px; top: 0px;
    width: 5px; height: 10px;
    border: solid #1F1F1F;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.spec-back {
    display: inline-block;
    color: var(--nr-text-mute);
    text-decoration: none;
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
}
.spec-back:hover { color: var(--nr-text); }