/*
| An authored DOCUMENT, rendered from markdown.
|
| ⛔ Legal texts, agreement texts and the quote a customer approves are written
| in a markdown editor in the backoffice. Until 08.08.2026 every screen showed
| them as preformatted plain text, so the reader met `# Portal Kullanim
| Kosullari` and `> **Dokuman durumu:**` on the page where they consent.
|
| ⚠ Its own file rather than a plugin. The typographic plugin styles a whole
| tree with opinions of its own, and these documents sit inside a reading pane
| that already has type, colour and spacing from the token layer — what is
| needed is the six elements a legal text actually uses, in the product's own
| scale.
|
| ⚠ Scoped to `.doc`, so it cannot reach anything that is not a document.
*/

.doc > * + * {
    margin-top: 0.75rem;
}

.doc h1,
.doc h2,
.doc h3 {
    font-weight: 700;
    color: var(--color-ink-950);
    line-height: 1.35;
}

.doc h1 {
    font-size: 1.125rem;
}

.doc h2 {
    font-size: 1rem;
    margin-top: 1.5rem;
}

.doc h3 {
    font-size: 0.9375rem;
    margin-top: 1.25rem;
}

.doc p {
    line-height: 1.7;
}

.doc strong {
    font-weight: 700;
    color: var(--color-ink-950);
}

.doc em {
    font-style: italic;
}

.doc ul,
.doc ol {
    padding-inline-start: 1.25rem;
}

.doc ul {
    list-style: disc;
}

.doc ol {
    list-style: decimal;
}

.doc li + li {
    margin-top: 0.25rem;
}

/*
| ⚠ A quotation is where the drafting notes live in these documents ("Dokuman
| durumu: Taslak"), so it has to read as an aside rather than as body text.
*/
.doc blockquote {
    border-inline-start: 3px solid var(--color-ink-100);
    padding-inline-start: 0.875rem;
    color: var(--color-ink-600);
}

.doc code {
    font-family: 'IBM Plex Mono', ui-monospace, monospace;
    font-size: 0.875em;
}

.doc hr {
    border: 0;
    border-top: 1px solid var(--color-ink-100);
    margin-block: 1.25rem;
}

.doc a {
    color: var(--color-accent-700);
    text-decoration: underline;
}

.doc table {
    width: 100%;
    border-collapse: collapse;
}

.doc th,
.doc td {
    border: 1px solid var(--color-ink-100);
    padding: 0.375rem 0.5rem;
    text-align: start;
}