/* ---------------------------------------------------------
   ROP Documentation Styles (v1.2 - Dark Theme, Softer)
--------------------------------------------------------- */

.docs-container {
    max-width: 820px;
    margin: 0 auto;
    padding: 24px 20px; /* reduced from 40px */
    line-height: 1.65;
    font-size: 1.06rem;
    color: #e4e4e4; /* soft white */
}

/* Headings: smaller, softer, closer */
.docs-container h1,
.docs-container h2,
.docs-container h3 {
    font-weight: 500; /* softer than 600 */
    margin-top: 1.6em; /* reduced from 2.2em */
    margin-bottom: 0.5em;
    line-height: 1.25;
    color: #fafafa; /* gentle bright */
}

.docs-container h1 {
    font-size: 1.65rem; /* was 2rem */
    letter-spacing: 0.3px;
}

.docs-container h2 {
    font-size: 1.28rem; /* was 1.5rem */
    letter-spacing: 0.2px;
}

.docs-container p {
    margin: 0.9em 0;
    color: #d6d6d6;
}

.docs-container ul {
    margin: 0.8em 0 0.8em 1.4em;
}

.docs-container li {
    margin: 0.35em 0;
    color: #d0d0d0;
}

.docs-container strong {
    font-weight: 600;
    color: #ffffff;
}

.docs-container a {
    color: #4da3ff;
    text-decoration: none;
}

.docs-container a:hover {
    text-decoration: underline;
}