/* article-typography.css */
/* Использовать ТОЛЬКО для статей, политики, документации */

/*:root {*/
/*    --article-font: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;*/

/*    --article-text: #ffffff;*/
/*    --article-muted: rgba(255, 255, 255, 0.65);*/
/*    --article-soft: rgba(255, 255, 255, 0.55);*/
/*    --article-link: rgba(255, 255, 255, 0.9);*/
/*    --article-accent: #ff4d3d;*/

/*    --article-measure: 72ch;*/

/*    --fs-body: 1rem;*/
/*    --fs-h1: clamp(2.2rem, 5vw, 3.2rem);*/
/*    --fs-h2: clamp(1.8rem, 4vw, 2.6rem);*/
/*    --fs-h3: 1.4rem;*/
/*    --fs-h4: 1.1rem;*/

/*    --lh-body: 1.65;*/
/*    --lh-head: 1.2;*/
/*}*/

/* Контейнер статьи */
.article {
    font-family: var(--article-font), serif;
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--article-text);
    max-width: var(--article-measure);
    padding-bottom: 40px;
}

/* Параграфы */
.article p {
    margin: 0 0 1.1em 0;
    color: var(--article-text);
}

.article p:last-child {
    margin-bottom: 0;
}

/* Заголовки */
.article h1,
.article h2,
.article h3,
.article h4 {
    margin: 2.2em 0 0.6em 0;
    font-weight: 600;
    line-height: var(--lh-head);
    color: var(--article-text);
}

.article h1 {
    font-size: var(--fs-h1);
    letter-spacing: -0.02em;
}

.article h2 {
    font-size: var(--fs-h2);
    letter-spacing: -0.015em;
}

.article h3 {
    font-size: var(--fs-h3);
}

.article h4 {
    font-size: var(--fs-h4);
    color: var(--article-muted);
}

/* Первый заголовок без лишнего отступа */
.article h1:first-child {
    margin-top: 0;
}

/* Списки */
.article ul,
.article ol {
    margin: 0 0 1.2em 0;
    padding-left: 1.3em;
}

.article li {
    margin: 0.4em 0;
    color: var(--article-text);
}

/* Ссылки */
.article a {
    color: var(--article-link);
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.article a:hover {
    color: #ffffff;
    text-decoration-color: var(--article-accent);
}

/* Цитаты */
.article blockquote {
    margin: 1.6em 0;
    padding-left: 1.2em;
    border-left: 2px solid var(--article-accent);
    color: var(--article-muted);
    font-style: italic;
}

/* Горизонтальный разделитель */
.article hr {
    border: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.15);
    margin: 2.5em 0;
}

/* Мелкий текст */
.article small {
    font-size: 0.85rem;
    color: var(--article-soft);
}

/* Код (если понадобится в статьях) */
.article code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.95em;
    background: rgba(255,255,255,0.08);
    padding: 0.15em 0.35em;
    border-radius: 4px;
}

.article pre {
    margin: 1.6em 0;
    padding: 1em;
    overflow-x: auto;
    background: rgba(255,255,255,0.06);
    border-radius: 6px;
}

.article pre code {
    background: none;
    padding: 0;
}

/* Выделение текста */
.article ::selection {
    background: rgba(255, 77, 61, 0.35);
}