/* docs-index.css — page-specific rules. Nav + basic :root aus _nav.css. */
:root {
    --accent2:#ff6b35;
    --code-bg:#0d1117;
    --green:#3fb950;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { line-height: 1.7; }

.container { max-width: 800px; margin: 0 auto; padding: 0 2rem 2rem; }
h1 { color: #fff; font-size: 2.4rem; letter-spacing: -0.02em; margin-bottom: 0.5rem; }
h2 { color: #fff; font-size: 1.6rem; margin: 3rem 0 1rem; padding-top: 1rem; }
h3 { color: #fff; font-size: 1rem; margin: 2rem 0 0.5rem; }
p { margin-bottom: 1rem; font-size: 0.9rem; }
a { color: var(--accent); }
.subtitle { opacity: 0.6; margin-bottom: 2rem; }
pre { background: var(--code-bg); border: 1px solid var(--border); border-radius: 6px; padding: 1rem; margin: 0.8rem 0; overflow-x: auto; font-size: 0.8rem; }
code { color: #a5d6ff; }
.method { display: inline-block; padding: 0.15rem 0.5rem; border-radius: 3px; font-size: 0.75rem; font-weight: bold; margin-right: 0.5rem; }
.get { background: rgba(63, 185, 80, 0.2); color: var(--green); }
.post { background: rgba(0, 200, 255, 0.2); color: var(--accent); }
.put { background: rgba(255, 200, 0, 0.2); color: #ffc800; }
.delete { background: rgba(255, 107, 53, 0.2); color: var(--accent2); }
.ws { background: rgba(200, 100, 255, 0.15); color: #c864ff; }
.endpoint { font-size: 0.85rem; margin: 1.5rem 0 0.3rem; }
.endpoint .path { color: #fff; }
.auth { font-size: 0.7rem; opacity: 0.5; margin-left: 0.5rem; }
.desc { font-size: 0.85rem; opacity: 0.8; margin-bottom: 0.5rem; }
.params { font-size: 0.8rem; margin: 0.5rem 0; }
.params td, .params th { padding: 0.3rem 0.8rem; text-align: left; border-bottom: 1px solid rgba(200,220,255,0.08); }
.params th { color: #fff; font-size: 0.7rem; text-transform: uppercase; }
.note { background: rgba(255,107,53,0.08); border-left: 3px solid var(--accent2); padding: 0.6rem 1rem; margin: 1rem 0; border-radius: 0 4px 4px 0; font-size: 0.8rem; }
.toc { margin: 1.5rem 0; font-size: 0.85rem; }
.toc a { display: inline-block; margin: 0.2rem 0.5rem 0.2rem 0; opacity: 0.7; text-decoration: none; }
.toc a:hover { opacity: 1; }
footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--border); font-size: 0.75rem; opacity: 0.4; text-align: center; }

/* --- Responsive --- */
@media (max-width: 768px) {
    h1 { font-size: 1.8rem; }
    h2 { font-size: 1.3rem; }
}
@media (max-width: 480px) {
    .container { padding: 1rem; }
    h1 { font-size: 1.5rem; }
    h2 { font-size: 1.1rem; }
    pre { font-size: 0.72rem; padding: 0.8rem; }
    .params td, .params th { padding: 0.2rem 0.5rem; font-size: 0.72rem; }
    .toc a { margin: 0.15rem 0.3rem; }
}