.wrap { max-width: 880px; }

.doc {
    background: #00000036; border: 1px solid var(--line);
    border-radius: 12px; padding: 40px 38px;
}
.doc .meta {
    color: var(--muted); font-size: 0.82rem; margin-bottom: 28px;
    padding-bottom: 20px; border-bottom: 1px solid var(--line);
}
.doc h2 {
    color: #fff; font-size: 1.12rem; font-weight: 700;
    margin: 30px 0 12px; scroll-margin-top: 90px;
}
.doc h2:first-of-type { margin-top: 0; }
.doc p { color: #b8b3b3; line-height: 1.75; font-size: 0.93rem; margin-bottom: 12px; }
.doc ul { list-style: none; margin: 0 0 12px; display: flex; flex-direction: column; gap: 9px; }
.doc li {
    position: relative; padding-left: 20px;
    color: #b8b3b3; line-height: 1.7; font-size: 0.93rem;
}
.doc li::before {
    content: ""; position: absolute; left: 4px; top: 11px;
    width: 6px; height: 6px; border-radius: 50%; background: var(--red);
}
.doc b { color: #ddd8d8; font-weight: 600; }
.doc .term {
    background: rgba(192, 57, 43, 0.07);
    border-left: 3px solid var(--red);
    border-radius: 6px; padding: 12px 16px; margin-bottom: 10px;
    font-size: 0.9rem; color: #c2bcbc; line-height: 1.65;
}

@media (max-width: 600px) {
    .doc { padding: 28px 22px; }
}