/* mag-material.css — стили страницы материала и комментариев (/publ)
   Перенос первого <style> из шаблона для экономии лимита ПУ (150000 знаков).
   Блок «Соседние цитаты» — mergeQuotes: склейка последовательных blockquote. */

/* ==========================================
 БАЗА И КОНТЕЙНЕР
 ========================================== */
body, html { overflow-x: hidden; }
#content, #content * { box-sizing: border-box; }
#content { background: #171717; color: #e7e1d6; padding: 0; border-radius: 0; overflow: hidden; }

/* Хлебные крошки */
.art-breadcrumbs {
 padding: 15px 40px;
 background: #111;
 font-family: Arial, sans-serif;
 font-size: 11px;
 text-transform: uppercase;
 letter-spacing: 2px;
 border-bottom: 1px solid #514b44;
}
.art-breadcrumbs a { color: #b52a24; text-decoration: none; }
.art-breadcrumbs a:hover { color: #fff; }
.art-breadcrumbs .add-link-wrapper { float: right; }

/* ==========================================
 ОБЛОЖКА (HERO)
 ========================================== */
.mag-hero {
 display: flex;
 min-height: 520px;
 background: #111;
 border-bottom: 3px solid #b52a24;
 position: relative;
 overflow: hidden;
 width: 100%;
}
.mag-hero-text {
 flex: 1;
 padding: 55px 50px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 position: relative;
 z-index: 3;
}
.mag-hero-img {
 flex: 1;
 background-size: cover;
 background-position: center;
 position: relative;
}
.mag-hero-img::before {
 content: '';
 position: absolute;
 inset: 0;
 background: linear-gradient(to right, #111 0%, transparent 55%);
}
/* Вертикальная обложка: целиком, без обрезки */
.mag-hero-port{background-size:contain;background-position:center;background-repeat:no-repeat}
.mag-hero-port::before{background:none}
/* Страница выпуска: обложка без затемнения */
body.mag-issue-page .mag-hero-img::before{background:none !important}
.mag-hero::after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 height: 1px;
 background: #61584e;
 z-index: 2;
}

.mag-category {
 display: inline-block;
 font-family: Arial, sans-serif;
 font-size: 12px;
 font-weight: 700;
 color: #d33830;
 text-transform: uppercase;
 letter-spacing: 4px;
 margin-bottom: 22px;
 position: relative;
 z-index: 3;
}
.mag-title {
 font-family: Georgia, 'Times New Roman', serif;
 font-size: clamp(26px, 4.2vw, 52px);
 font-weight: 900;
 line-height: 1.05;
 letter-spacing: -1.5px;
 color: #f2ede5;
 margin: 0 0 28px 0;
 position: relative;
 z-index: 3;
 word-wrap: break-word;
 overflow-wrap: break-word;
 overflow-wrap: anywhere;
}
.mag-meta {
 display: flex;
 flex-wrap: wrap;
 gap: 22px;
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #8f877d;
 text-transform: uppercase;
 letter-spacing: 2px;
 border-top: 1px solid #514b44;
 padding-top: 20px;
 position: relative;
 z-index: 3;
}
.mag-meta span { display: flex; align-items: center; gap: 8px; }
.mag-meta i { color: #b52a24; }

/* ==========================================
 ТЕЛО СТАТЬИ — 2 КОЛОНКИ
 ========================================== */
.mag-body {
 padding: 50px 50px;
 background: #171717;
}
.mag-content {
 column-count: 2;
 column-gap: 50px;
 max-width: 1100px;
 margin: 0 auto;
 font-family: Georgia, 'Times New Roman', serif;
 font-size: 17px;
 line-height: 1.8;
 text-align: justify;
 color: #e7e1d6;
 overflow-wrap: break-word;
 hyphens: auto;
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
}

/* Фикс висячих строк и ровного края колонок */
.mag-content p, .mag-content div {
 margin-top: 0 !important; /* Делает верх колонок ровным */
 margin-bottom: 1.2em;
 orphans: 3; /* Запрещает оставлять 1-2 строки внизу колонки */
 widows: 3; /* Запрещает переносить 1-2 строки в новую колонку */
}

/* Умная Буквица (работает через JS-класс .has-drop-cap) */
.mag-content .has-drop-cap::first-letter {
 font-family: Georgia, serif;
 font-size: 5em;
 font-weight: 900;
 float: left;
 line-height: 0.82;
 margin: 6px 14px 4px 0;
 color: #b52a24;
}

/* ==========================================
 КАРТИНКИ И ГЛЯНЦЕВАЯ ВКЛЕЙКА
 ========================================== */
.mag-content img {
 max-width: 100%;
 height: auto;
 border-radius: 3px;
 box-shadow: 0 8px 28px rgba(0,0,0,0.6);
 border: 1px solid #514b44;
 break-inside: avoid;
}
.mag-content img[src*="smiles"], .mag-content img[src*="sml"] {
 box-shadow: none !important; border: none !important; border-radius: 0 !important;
}

/* Горизонтальные картинки — на всю ширину статьи (рвёт колонки) */
.mag-content .span-all {
 column-span: all;
 text-align: center;
 margin: 40px 0 10px 0 !important; /* Уменьшен отступ снизу, чтобы подпись прилипла */
 break-inside: avoid;
}
.mag-content .span-all, .span-all a.ulightbox, .span-all a { display: block; width: 100% !important; }
.span-all img { width: 100% !important; height: auto !important; max-width: 100% !important; display: block; margin: 0 auto; }

/* Вертикальные картинки — журнальная «табличка» на всю ширину статьи:
 выходят из колонок (column-span:all), центрируются, ширина ограничена —
 колонки текста продолжаются СПРАВА И СЛЕВА от неё? Нет — вертикальная
 картинка занимает свой собственный ряд между двумя рядами колонок.
 Подпись (Заголовок 2), следующая за картинкой, JS переносит внутрь блока. */
.span-vert {
 column-span: all;
 max-width: 560px;
 margin: 42px auto 10px;
 text-align: center;
 break-inside: avoid;
}
.span-vert, .span-vert a.ulightbox, .span-vert a { display: block; max-width: 560px; width: auto; margin: 0 auto; }
.span-vert img { width: auto; max-width: 100% !important; height: auto !important; display: block; margin: 0 auto; }
.span-vert h2, .span-vert .photo-caption { column-span: auto !important; margin: 10px auto 0 !important; text-align: center !important; }

/* крупные блоки не подныривают под картинки */
.mag-content h1, .mag-content h4, .mag-content blockquote, .mag-content hr { clear: both; }
.mag-content h3 { break-after: avoid; }

/* ==========================================
 ПАЛИТРА СТИЛЕЙ РЕДАКТОРА
 ========================================== */

/* 1. «Заголовок 1» > ЭФФЕКТНЫЙ ВВОДНЫЙ ТЕКСТ (на обе колонки) */
.mag-content h1 {
 column-span: all !important;
 font-family: 'Playfair Display', Georgia, serif !important;
 font-size: 36px !important;
 font-weight: 700 !important;
 font-style: italic !important;
 color: #c9a96e !important; /* Роскошный золотой */
 text-align: center !important;
 text-transform: none !important;
 line-height: 1.3 !important;
 margin: 50px auto 40px !important;
 border: none !important;
 padding: 0 20px !important;
 break-inside: avoid !important;
 background: none !important;
 max-width: 900px;
}
/* Красная элегантная линия под Заголовком 1 */
.mag-content h1::after {
 content: '';
 display: block;
 width: 70px;
 height: 3px;
 background: #b52a24;
 margin: 25px auto 0;
}

/* 2. «Заголовок 2» > ИДЕАЛЬНАЯ ПОДПИСЬ К ФОТО */
.mag-content h2 {
 column-span: all !important;
 font-family: 'Montserrat Alternates', Arial, sans-serif !important;
 font-size: 12px !important;
 font-weight: 700 !important;
 line-height: 1.5 !important;
 color: #8f877d !important;
 text-transform: uppercase !important;
 text-align: center !important;
 letter-spacing: 2px !important;
 margin: 0 auto 40px !important; /* 0 сверху = прилипает к картинке */
 padding: 0 !important;
 border: none !important;
 background: none !important;
 break-inside: avoid !important;
}
.mag-content h2 strong { color: #b52a24 !important; }

/* Подпись к фото (h2 сразу после картинки или перенесённая внутрь блока):
 НЕ вопрос интервью — прилипает к фото, маленькая, серая, по центру.
 Класс вешает JS (markCaptions), правило «вопросов» ниже его не перекрывает. */
.mag-content h2.img-caption{
 margin-top: 6px !important;
 margin-bottom: 34px !important;
 font-family: Georgia, 'PT Serif', serif !important;
 font-style: italic !important;
 font-weight: 400 !important;
 font-size: 14px !important;
 color: #9a9186 !important;
 text-transform: none !important;
 text-align: center !important;
 letter-spacing: .3px !important;
 line-height: 1.5 !important;
}
.mag-content h2.img-caption strong{ color: #d33830 !important; }

/* 3. «Заголовок 3» > КРАСНЫЙ ОПАСНЫЙ БЛОК (в одной колонке) */
.mag-content h3 {
 break-inside: avoid !important;
 background: #3d0a0a !important;
 color: #f2ede5 !important;
 font-family: Georgia, serif !important;
 font-size: 18px !important;
 font-weight: 700 !important;
 line-height: 1.6 !important;
 text-align: left !important;
 padding: 22px 26px !important;
 margin: 30px 0 !important;
 border: none !important;
 border-left: 6px solid #d33830 !important;
}
.mag-content h3 strong { color: #d33830 !important; }

/* 4. «Заголовок 4» > ОГРОМНАЯ ЦИТАТА (рвёт колонки) */
.mag-content h4 {
 column-span: all !important;
 font-family: Georgia, serif !important;
 font-size: 34px !important;
 font-weight: 700 !important;
 font-style: italic !important;
 line-height: 1.3 !important;
 color: #f2ede5 !important;
 text-align: center !important;
 border-top: 2px solid #514b44 !important;
 border-bottom: 2px solid #514b44 !important;
 padding: 40px 20px !important;
 margin: 40px 0 !important;
 break-inside: avoid !important;
}

/* 5. «Цитата» > КРЕМОВАЯ ВРЕЗКА (в одной колонке) — компактнее */
.mag-content blockquote {
 break-inside: avoid !important;
 background: #eee8dc !important;
 color: #181716 !important;
 padding: 18px 22px !important;
 margin: 26px 0 !important;
 font-family: Georgia, serif !important;
 font-size: 18px !important;
 font-weight: 700 !important;
 line-height: 1.45 !important;
 font-style: normal !important;
 text-align: left !important;
 border: none !important;
 border-left: 8px solid #b52a24 !important;
}
.mag-content blockquote strong { color: #b52a24 !important; }

/* Длинная цельная цитата (диалог из цепочки реплик):
 растягивается на обе колонки статьи, текст внутри — в две колонки */
.mag-content blockquote.q-span {
 column-span: all !important;
 font-size: 16px !important;
 font-weight: 400 !important;
 line-height: 1.65 !important;
 padding: 22px 30px !important;
 break-inside: auto !important;
}
.mag-content blockquote.q-span p { margin-bottom: 0.9em !important; }

/* Соседние «Цитаты» сливаются в одну цельную цитату: зазоры сверху и снизу
 гасятся у примыкающих блоков (:has() + класс q-chain от mergeQuotes),
 следующий за цитатой абзац держит прежнюю отбивку */
.mag-content blockquote + blockquote { margin-top: 0 !important; }
.mag-content blockquote:has(+ blockquote) { margin-bottom: 0 !important; }
.mag-content blockquote.q-chain { margin-top: 0 !important; margin-bottom: 0 !important; }
.mag-content blockquote + p { margin-top: 30px !important; }
.mag-content blockquote p:last-child { margin-bottom: 0 !important; }


/* 6. «Код» > ДЕРЗКАЯ ЗОЛОТАЯ ЗАМЕТКА */
.mag-content pre, .mag-content code, .mag-content .bbCodeBlock {
 display: block !important;
 break-inside: avoid !important;
 background: transparent !important;
 color: #8f877d !important;
font-family: 'Montserrat Alternates', Arial, sans-serif !important; /* Строгий шрифт */
 font-size: 24px !important;
 line-height: 1.4 !important;
 text-align: left !important;
 border: none !important;
 border-left: 3px solid #c9a96e !important;
 padding: 10px 0 10px 25px !important;
 margin: 35px 0 !important;
 white-space: pre-wrap !important;
 overflow: hidden !important;
}
.mag-content .bbCodeName { display: none !important; }
.mag-content pre strong, .mag-content code strong, .mag-content .bbCodeBlock strong { color: #fff !important; font-weight: 700 !important; }

/* 7. Разделительная линия (hr) */
.mag-content hr {
 column-span: all; border: none; border-top: 1px solid #b52a24; margin: 42px 0;
}

/* 8. СПИСКИ */
.mag-content ul { list-style: none !important; padding-left: 0 !important; margin: 30px 0 !important; }
.mag-content ul li { position: relative !important; padding-left: 30px !important; margin-bottom: 16px !important; line-height: 1.7 !important; break-inside: avoid !important; }
.mag-content ul li::before { content: '' !important; position: absolute !important; left: 0 !important; top: 11px !important; width: 10px !important; height: 10px !important; background-color: #b52a24 !important; border-radius: 50% !important; }
.mag-content ul li strong, .mag-content ul li b { font-family: Arial, sans-serif !important; font-size: 0.95em !important; color: #f2ede5 !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-right: 5px !important; }

/* 9. Ссылки */
.mag-content a { color: #d33830; text-decoration: none; border-bottom: 1px solid rgba(181,42,36,0.3); }
.mag-content a:hover { color: #fff; border-bottom-color: #fff; }

/* 10. СТИХИ: тег «стихи» — статья одной колонкой */
body.mag-poem .mag-content {
 column-count: 1 !important;
 column-gap: 0 !important;
 max-width: 720px !important;
}
body.mag-poem .mag-content blockquote,
body.mag-poem .mag-content pre {
 background: transparent !important;
 border-left: none !important;
 padding: 0 !important;
 color: #e7e1d6 !important;
 font-family: Georgia, serif !important;
 font-size: 17px !important;
 line-height: 1.8 !important;
 font-style: normal !important;
}
/* «Заголовок 5» = стихотворный блок (для стихов внутри прозы) */
.mag-content h5 {
 column-span: all !important;
 break-inside: avoid !important;
 font-family: Georgia, serif !important;
 font-size: 17px !important;
 font-weight: 400 !important;
 font-style: normal !important;
 line-height: 1.8 !important;
 text-align: left !important;
 color: #e7e1d6 !important;
 background: none !important;
 border: none !important;
 padding: 0 !important;
 margin: 30px 0 !important;
}
/* запасной автодетектор: блоки со стихами */
.mag-content .poem,
.mag-content pre.poem,
.mag-content blockquote.poem {
 column-span: all !important;
 break-inside: avoid !important;
 text-align: left !important;
 font-style: normal !important;
}
.mag-content .poem p,
.mag-content .poem div { text-align: left !important; margin-bottom: 1.2em; }
.mag-content blockquote.poem {
 background: transparent !important;
 border-left: none !important;
 padding: 0 !important;
 color: #e7e1d6 !important;
}
.mag-content pre.poem {
 background: transparent !important;
 color: #e7e1d6 !important;
 font-family: Georgia, serif !important;
 font-size: 17px !important;
 line-height: 1.8 !important;
 border-left: none !important;
 padding: 0 !important;
}
.mag-content pre.poem, .mag-content .poem { white-space: pre-wrap; }



/* ==========================================
 АДАПТИВНОСТЬ
 ========================================== */
@media(max-width:991px){
 .mag-hero { display: flex !important; flex-direction: column !important; height: auto !important; min-height: 0 !important; }
 .mag-hero-img { order: -1 !important; flex: none !important; width: 100% !important; height: 340px !important; }
 .mag-hero-img::before { background: linear-gradient(to bottom, transparent 0%, #111 100%); }
 .mag-hero-text { flex: none !important; width: 100% !important; padding: 40px 30px !important; }
 .mag-title { font-size: 38px; }
 .mag-body { padding: 40px 30px !important; }
 .mag-content { column-count: 1 !important; column-gap: 0 !important; max-width: 720px !important; font-size: 17px !important; }
 .mag-content h1 { font-size: 28px !important; margin-top: 30px !important; }
 .mag-content h3 { font-size: 17px !important; padding: 18px 20px !important; }
 .mag-content h4 { font-size: 26px !important; padding: 28px 16px !important; }
 .mag-content blockquote { font-size: 17px !important; }
 .mag-content pre, .mag-content code { font-size: 22px !important; }
}

@media(max-width:767px){
 .art-breadcrumbs { padding: 15px 20px; line-height: 1.6; white-space: normal; }
 .art-breadcrumbs .add-link-wrapper { float: none; display: block; margin-top: 10px; }
 .mag-body { padding: 30px 18px !important; }
 .mag-hero-text { padding: 35px 20px !important; }
 .mag-hero-img { height: 260px !important; }
 .mag-title { font-size: 30px; line-height: 1.1; letter-spacing: -0.5px; }
 .mag-content { font-size: 16px !important; line-height: 1.7 !important; }
 .mag-content h1 { font-size: 24px !important; }
 .mag-content h3 { font-size: 16px !important; padding: 16px 18px !important; }
 .mag-content h4 { font-size: 22px !important; padding: 24px 12px !important; }
 .mag-content blockquote { font-size: 16px !important; padding: 15px 18px !important; }
 .mag-content pre, .mag-content code { font-size: 20px !important; }
 .mag-content .has-drop-cap::first-letter { font-size: 4em; margin: 4px 10px 0 0; }
 .span-vert { margin: 26px auto 8px; max-width: 440px; }
 .chess-gallery { column-count: 1 !important; padding: 0 18px !important; }
 .article-comments, .article-author, .mag-footer { padding: 30px 20px !important; }
 .article-author { flex-direction: column; text-align: center; }
 .article-comments table { width: 100% !important; }
 .article-comments textarea, .article-comments input[type="text"] { width: 100% !important; max-width: 100%; box-sizing: border-box; }
}

/* ==========================================
 СЕТКА ПЕРСОНАЛИЙ «СЕМЬ СТРАЖЕЙ»
 ========================================== */
.mag-guardians{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:44px auto;max-width:760px;column-span:all}
.mag-guardian{background:#141414;border:1px solid #2c2620;padding:0 0 20px;display:flex;flex-direction:column;align-items:stretch;text-align:center;break-inside:avoid;transition:transform .35s,border-color .35s}
.mag-guardian:hover{transform:translateY(-4px);border-color:#c9a96e}
.mag-guardian-photo{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#0d0d0d}
.mag-guardian-photo img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:50% 30% !important;max-width:none !important;max-height:none !important;display:block;filter:grayscale(1) contrast(1.05);transition:filter .5s,transform .5s}
.mag-guardian:hover .mag-guardian-photo img{filter:grayscale(.2) contrast(1.02);transform:scale(1.04)}
.mag-guardian-photo a{display:block;width:100%;height:100%;line-height:0}
.mag-guardian-photo::after{content:'';position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(180deg,rgba(10,10,10,0) 0%,rgba(10,10,10,.85) 100%);pointer-events:none}
.mag-guardian-ruled{width:46px;height:2px;background:#c9a96e;margin:18px auto 0}
.mag-guardian-epithet{font-family:'Montserrat Alternates',sans-serif;font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#c9a96e;margin-top:10px}
.mag-guardian-name{font-family:Georgia,'PT Serif',serif;font-size:21px;font-weight:700;color:#f2ede5;margin-top:6px}
.mag-guardian-role{font-family:Arial,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#8f877d;margin-top:6px}
.mag-guardian-desc{font-size:14px;line-height:1.65;color:#b9b2a7;padding:12px 22px 0;font-family:'PT Serif',Georgia,serif}
.mag-guardian--leader{grid-column:1/-1;flex-direction:row;text-align:left;align-items:center;gap:0}
.mag-guardian--leader .mag-guardian-photo{width:38%;min-width:240px;aspect-ratio:auto;height:auto}
.mag-guardian--leader .mag-guardian-photo::after{background:linear-gradient(90deg,rgba(10,10,10,0) 0%,rgba(10,10,10,.55) 100%)}
.mag-guardian--leader .mag-guardian-body{padding:8px 30px 8px 0}
.mag-guardian--leader .mag-guardian-ruled{margin:0 0 10px}
/* Статья со Стражами: одна колонка — фото и порядок текста не рвутся */
body.mag-guardians-page .mag-content{column-count:1 !important;max-width:860px}
body.mag-guardians-page .mag-body{padding:40px 40px}
@media(max-width:767px){
 .mag-guardians{grid-template-columns:1fr;gap:20px}
 .mag-guardian--leader{flex-direction:column;text-align:center}
 .mag-guardian--leader .mag-guardian-photo{width:100%}
 .mag-guardian--leader .mag-guardian-body{padding:0 22px 10px}
}
/* ==========================================
 ФОТОГАЛЕРЕЯ
 ========================================== */
.chess-gallery { column-count: 2; column-gap: 20px; margin: 45px auto; max-width: 1100px; padding: 0 50px; }
.chess-item { break-inside: avoid; margin-bottom: 20px; border-radius: 0; overflow: hidden; transition: transform .4s; border-top: 3px solid #b52a24; border-bottom: 1px solid #61584e; background: #111; }
.chess-item:hover { transform: scale(1.02); }
.chess-item a { display: block; line-height: 0; }
.chess-item img { width: 100%; height: auto; display: block; box-shadow: none; border: none; }
.chess-gallery:empty { display: none; }

/* ==========================================
 ПОДВАЛ СТАТЬИ
 ========================================== */
.mag-footer { max-width: 1100px; margin: 0 auto; padding: 0 50px 50px; }
.article-tags-label { color: #d33830; font-family: Arial, sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 15px; }
.article-tags a { display: inline-block; background: #111; color: #8f877d; padding: 6px 15px; font-size: 11px; margin: 0 5px 5px 0; font-family: Arial, sans-serif; text-decoration: none; text-transform: uppercase; letter-spacing: 1.5px; border: 1px solid #514b44; }
.article-tags a:hover { background: #b52a24; color: #fff; border-color: #b52a24; }

.article-author { display: flex; align-items: center; gap: 25px; padding: 22px 30px; background: #111; border-left: 8px solid #b52a24; margin: 26px 0 26px; }
.author-top { margin-top: 0; }
.author-avatar { width: 80px; height: 80px; background: #b52a24; display: flex; align-items: center; justify-content: center; font-family: Georgia, serif; font-size: 32px; font-weight: 900; color: #eee8dc; overflow: hidden; flex-shrink: 0; }
.author-info { flex: 1; }
.author-label { font-size: 10px; text-transform: uppercase; color: #8f877d; font-family: Arial, sans-serif; letter-spacing: 3px; }
.author-name { font-family: Georgia, serif; font-size: 22px; font-weight: 800; color: #f2ede5; margin: 5px 0; }
.author-published { font-size: 12px; color: #8f877d; font-family: Arial, sans-serif; letter-spacing: 1px; }
.author-published a { color: #d33830; text-decoration: none; }

/* ==========================================
 КОММЕНТАРИИ
 ========================================== */
.article-comments { background: #111; padding: 50px; border-top: 1px solid #514b44; }
.article-comments-title { font-family: Georgia, serif; font-size: 28px; font-weight: 800; color: #f2ede5; margin-bottom: 30px; }
.uComment { background: #171717 !important; border: 1px solid #514b44 !important; border-radius: 0; padding: 20px !important; margin-bottom: 15px; color: #e7e1d6; }
.commTd2 b, .cName { color: #f2ede5 !important; font-family: Arial, sans-serif !important; }
.cDate { color: #8f877d !important; }
.commFl { background: #171717 !important; border: 1px solid #514b44 !important; color: #e7e1d6 !important; border-radius: 0; }
.article-comments input[type="submit"] { background: #b52a24 !important; color: #fff !important; border: none !important; border-radius: 0 !important; font-family: Arial, sans-serif; font-size: 14px !important; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; padding: 12px 30px !important; cursor: pointer; }
.article-comments input[type="submit"]:hover { background: #eee8dc !important; color: #171717 !important; }

/* Вопросы интервьюера (Заголовок 2) — воздух и читаемый цвет.
 Подписи к фото (.img-caption) исключены — их стиль выше. */
.mag-content h2:not(.img-caption) {
 margin-top: 2.2em !important; /* отступ перед вопросом */
 margin-bottom: 0.9em !important;
 color: #c9a96e !important; /* золото журнала — контраст 8:1 */
 font-size: 17px !important; /* не мельче основного текста */
}

/* ==========================================
 НОВОЕ: прогресс чтения + лайтбокс-ссылки в тексте
 ========================================== */
.read-progress{position:fixed;top:0;left:0;height:3px;width:0;max-width:100%;background:#b52a24;z-index:99999;pointer-events:none;}
.mag-content a.ulightbox{border-bottom:none;display:inline-block;max-width:100%;line-height:0;}

/* Обёртка материала не мешает колонкам и span-блокам: дети «как бы» прямые */
.nr-message{display:contents;}
.nr-message .nr-secret{break-inside:avoid;column-span:all;}

/* Оглавление выпуска */
.mag-toc{column-span:all;background:#111;border:1px solid #514b44;border-left:6px solid #b52a24;padding:26px 32px;margin:6px auto 42px;max-width:900px;break-inside:avoid;}
.mag-toc-label{font-family:Arial,sans-serif;font-size:12px;font-weight:700;color:#d33830;text-transform:uppercase;letter-spacing:3px;margin-bottom:14px;}
.mag-toc ol{margin:0;padding:0;list-style:none;column-count:2;column-gap:30px;}
.mag-toc ol li{margin-bottom:10px;break-inside:avoid;}
.mag-toc ol li a{color:#e7e1d6;text-decoration:none;border-bottom:1px solid rgba(181,42,36,.35);font-family:Georgia,serif;font-size:16px;line-height:1.5;}
.mag-toc ol li a:hover{color:#c9a96e;border-bottom-color:#c9a96e;}
/* Кнопка «наверх» */
.site-up{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);width:48px;height:48px;border-radius:50%;padding:0;background:rgba(26,26,26,.92);border:1px solid rgba(201,169,110,.55);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s,border-color .3s;z-index:2147483000;box-shadow:0 4px 18px rgba(0,0,0,.3);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.site-up--show{opacity:1 !important;pointer-events:auto !important}
.site-up:hover{border-color:#c9a96e}
.site-up svg{display:block;pointer-events:none}
.site-up svg path{stroke:#c9a96e;transition:stroke .3s}
.site-up:hover svg path{stroke:#fff}
@media(max-width:767px){.site-up{bottom:14px;width:44px;height:44px}}
@media(max-width:767px){.mag-toc ol{column-count:1;}}
body.mag-light .mag-toc{background:#fff;border-color:#e2d5bd;}
body.mag-light .mag-toc ol li a{color:#2b2620;}



/* ==========================================
 БЛОКИ ПЕРВОЙ СТРАНИЦЫ ЖУРНАЛА (v30)
 ========================================== */
.mz-hero-marks{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0;justify-content:center}
.mz-mk{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:30px;
 border:1px solid rgba(181,42,36,.55);color:#d8cdb9;background:rgba(10,3,3,.55);
 font-family:Arial,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase}
.mz-mk i{color:#b52a24;font-size:1.1em}
.mz-mk-solid{background:#b52a24;color:#fff;border-color:#b52a24;font-weight:700;
 padding:6px 16px;box-shadow:0 0 16px rgba(181,42,36,.4)}
.mz-mk-solid i{color:#fff}

#ds-cd{margin:34px auto 0;width:100%;max-width:640px;padding:24px 28px 22px;text-align:center;
 background:linear-gradient(180deg,rgba(22,6,6,.92),rgba(10,3,3,.96));
 border:1px solid rgba(181,42,36,.6);border-radius:14px;
 box-shadow:0 0 60px rgba(181,42,36,.22), inset 0 0 46px rgba(181,42,36,.1)}
.ds-cd-label{display:flex;align-items:center;justify-content:center;gap:14px;
 color:#d9b98a;font-family:Arial,sans-serif;font-size:12px;
 letter-spacing:4px;text-transform:uppercase;margin-bottom:18px}
.ds-cd-line{display:inline-block;width:34px;height:1px;background:linear-gradient(90deg,transparent,#b52a24)}
.ds-cd-line:last-child{background:linear-gradient(90deg,#b52a24,transparent)}
.ds-cd-row{display:flex;justify-content:center;align-items:stretch;gap:16px}
.ds-cd-cell{display:flex;flex-direction:column;min-width:72px}
.ds-cd-cell span{font-family:Georgia,'Times New Roman',serif;font-weight:700;
 font-size:2.4em;line-height:1;color:#f2ede5;font-variant-numeric:tabular-nums;
 text-shadow:0 0 18px rgba(181,42,36,.5)}
.ds-cd-cell i{font-style:normal;color:#8f877d;font-family:Arial,sans-serif;font-size:11px;
 text-transform:uppercase;letter-spacing:2px;padding-top:6px}
.ds-cd-sep{width:1px;background:linear-gradient(180deg,transparent,rgba(181,42,36,.5),transparent)}
@media(max-width:480px){#ds-cd{padding:18px 14px 16px}.ds-cd-row{gap:9px}
 .ds-cd-cell{min-width:56px}.ds-cd-cell span{font-size:1.7em}.ds-cd-sep{min-height:34px}
 .ds-cd-label{letter-spacing:2px;font-size:10px}}

.mag-issue-rubrics{background:#f5f5f0;color:#1a1a1a;padding:40px 40px;margin:36px auto 30px;border-radius:4px;max-width:900px}
.mag-issue-rubrics-title{text-align:center;font-family:Georgia,serif;font-size:1.5em;color:#1a1a1a;margin-bottom:20px;text-transform:uppercase;letter-spacing:3px}
.mag-issue-rubrics-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1100px;margin:0 auto}
.mag-issue-rubric-tag{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #ddd;padding:8px 16px;border-radius:30px;font-size:13px;color:#1a1a1a;text-decoration:none;transition:all .3s;font-family:Arial,sans-serif}
.mag-issue-rubric-tag:hover{background:#b52a24;color:#fff;border-color:#b52a24}
.mag-issue-rubric-tag i{font-size:0.9em;color:#b52a24}
.mag-issue-rubric-tag:hover i{color:#fff}
.mag-issue-rubric-cnt{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;border-radius:50%;background:#b52a24;color:#fff;font-size:11px;font-weight:700;font-family:'Montserrat Alternates',Arial,sans-serif;padding:0 5px;margin-left:2px;transition:transform .3s}
.mag-issue-rubric-tag:hover .mag-issue-rubric-cnt{transform:scale(1.08)}

.mag-guardians-section{margin:60px auto 30px;max-width:1200px;padding:0 50px}
.mag-guardians-title{text-align:center;font-family:'Playfair Display',Georgia,serif;font-size:2em;color:#f2ede5;margin-bottom:8px;text-transform:uppercase;letter-spacing:3px}
.mag-guardians-sub{text-align:center;color:#8f877d;font-size:13px;margin-bottom:30px;font-style:italic}
@media(max-width:767px){.mag-guardians-section{padding:0 18px;margin:44px auto 20px}}
.mag-guardians-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.mag-guardian-card{background:#111;border:1px solid #514b44;padding:28px 20px;border-radius:6px;text-align:center;transition:border-color .3s}
.mag-guardian-card:hover{border-color:#b52a24}
.mag-guardian-photo{width:110px;height:110px;margin:0 auto 16px;border-radius:50%;overflow:hidden;border:2px solid #514b44}
.mag-guardian-photo img{width:100%;height:100%;object-fit:cover!important;filter:grayscale(80%) contrast(115%);transition:filter .3s}
.mag-guardian-card:hover .mag-guardian-photo img{filter:grayscale(0%) contrast(100%)}
.mag-guardian-name{font-family:Georgia,serif;font-size:1.15em;color:#f2ede5;margin-bottom:6px;display:block;text-decoration:none;transition:color .3s}
.mag-guardian-name:hover{color:#c9a96e}
.mag-guardian-quote{font-style:italic;color:#9c9387;font-size:0.9em;margin-bottom:16px;line-height:1.5}
.mag-guardian-roles{text-align:left;border-top:1px dashed #333;padding-top:12px}
.mag-role-item{margin-bottom:10px;font-size:12px;color:#bbb;line-height:1.5}
.mag-role-item strong{color:#c9a96e}
@media(max-width:567px){.mag-guardians-grid{grid-template-columns:1fr}}


/* ==========================================
 СТРАНИЦА ВЫПУСКА (v23): материалы выпуска по рубрикам
 Блок собирается скриптом ниже на страницах-анонсах выпуска (тег «обложка»).
 Классы повторяют страницу раздела, чтобы карточки выглядели точно так же.
 ========================================== */
.mag-landing{margin:55px auto 0;padding:0 50px;max-width:1200px}
.mag-issue{margin:0 0 70px}
.mag-issue-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;padding:6px 0 20px;border-top:3px solid #b52a24;margin-bottom:34px;position:relative}
.mag-issue-head:after{content:'';position:absolute;left:0;top:-3px;width:110px;height:3px;background:#c9a96e}
.mag-issue-label{font-family:'Montserrat Alternates',sans-serif;font-size:13px;font-weight:700;color:#c9a96e;text-transform:uppercase;letter-spacing:3px;white-space:nowrap}
.mag-issue-num{font-family:'Playfair Display',Georgia,serif;font-size:44px;line-height:1;font-weight:700;color:#fff;white-space:nowrap}
.mag-issue-count{color:#8f877d;font-family:'Montserrat Alternates',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:2px;white-space:nowrap;margin-left:auto}
.mag-issue-count b{color:#c9a96e}

.mag-rubric{margin:0 0 50px;scroll-margin-top:80px}
.mag-rubric:last-child{margin-bottom:0}
.mag-rubric-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:26px;border-bottom:1px solid #333;position:relative}
.mag-rubric-head:after{content:'';position:absolute;left:0;bottom:-1px;width:60px;height:2px;background:#8a0303}
.mag-rubric-title{font-family:'Playfair Display',Georgia,serif;font-size:26px;font-weight:700;color:#fff;line-height:1.2;margin:0}
.mag-rubric-title a{color:#fff;text-decoration:none}
.mag-rubric-title a:hover{color:#c9a96e}
.mag-order-spec{display:none!important} .mag-rubric-count{color:#8f877d;font-family:'Montserrat Alternates',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:2px;white-space:nowrap}
.mag-rubric-count b{color:#c9a96e}
.mag-rubric-all{margin-left:auto;color:#c9a96e;font-family:'Montserrat Alternates',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;text-decoration:none;white-space:nowrap}
.mag-rubric-all:hover{color:#fff}

.mag-rubric-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.mag-rubric-grid .mag-card{margin:0}
.mag-rubric-grid .mag-card-hero{grid-column:1/-1;margin-bottom:0}
.mag-rubric-grid .mag-card-wide{grid-column:1/-1;display:flex;align-items:stretch}
.mag-rubric-grid .mag-card-wide .mag-card-image{flex:0 0 46%;width:46%;min-height:300px}
.mag-rubric-grid .mag-card-wide .mag-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 20%}
.mag-rubric-grid .mag-card-wide .mag-card-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:34px 40px}
.mag-rubric-grid .mag-card-wide .mag-card-title{font-size:30px}
.mag-rubric-grid .mag-card-wide .mag-card-brief{max-height:5.6em}
.mag-rubric-grid .mag-card-wide-rev{flex-direction:row-reverse}
.mag-rubric-grid .mag-card-port .mag-card-image img{object-fit:contain;object-position:center}

/* Карточки материалов выпуска (как на странице раздела) */
.mag-landing .mag-card{break-inside:avoid;margin:0 0 25px;width:100%;float:none;background:#1a1a1a;border-radius:12px;overflow:hidden;box-sizing:border-box;transition:transform .3s,box-shadow .3s}
.mag-landing .mag-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px rgba(0,0,0,.4)}
.mag-card-image{overflow:hidden;position:relative;background:linear-gradient(135deg,#1a1a1a,#2a2218)}
.mag-card-image:not(:has(img)){aspect-ratio:4/3}
.mag-card-image:has(img){aspect-ratio:16/10}
.mag-card-image img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block;transition:transform .4s}
.mag-card:hover .mag-card-image img{transform:scale(1.06)}
.mag-card-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none}
.mag-card-ph i{font-size:44px;color:rgba(201,169,110,.4)}
.mag-card-ph span{font-family:'Montserrat Alternates',sans-serif;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.3)}
.mag-card-issue{position:absolute;top:14px;left:14px;z-index:2}
.mag-card-issue a{display:inline-block;background:rgba(201,169,110,.95);color:#1a1a1a;padding:5px 14px;border-radius:20px;font-size:11px;font-weight:600;font-family:'Montserrat Alternates',sans-serif;text-transform:uppercase;letter-spacing:1.5px;text-decoration:none}
.mag-card-issue a:hover{background:#c9a96e;color:#000}
.mag-card-date{position:absolute;bottom:14px;right:14px;background:rgba(0,0,0,.75);color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;font-family:'Montserrat Alternates',sans-serif}
.mag-card-body{padding:24px}
.mag-card-cat{color:#c9a96e;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-family:'Montserrat Alternates',sans-serif}
.mag-card-cat a{color:#c9a96e;text-decoration:none}
.mag-card-title{font-family:'Playfair Display',Georgia,serif;font-size:22px;line-height:1.3;color:#fff;margin-bottom:12px;font-weight:600}
.mag-card-title a{color:#fff;text-decoration:none}
.mag-card-title a:hover{color:#c9a96e}
.mag-card-brief{color:#999;font-size:14px;line-height:1.7;margin-bottom:16px;max-height:5em;overflow:hidden;position:relative}
.mag-card-brief:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1.5em;background:linear-gradient(to bottom,transparent,#1a1a1a);pointer-events:none}
.mag-card-brief img,.mag-card-brief h1,.mag-card-brief h2,.mag-card-brief h3,.mag-card-brief hr,.mag-card-brief ul,.mag-card-brief ol,.mag-card-brief table,.mag-card-brief .fpaping{display:none}
.mag-card-tags{margin-bottom:14px}
.mag-card-tags a{display:inline-block;background:#2a2a2a;color:#b0b0b0;padding:4px 12px;border-radius:15px;font-size:12px;margin:2px 2px 2px 0;text-decoration:none;transition:all .3s}
.mag-card-tags a:hover{background:#c9a96e;color:#1a1a1a}
.mag-card-meta{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #333}
.mag-card-author{color:#888;font-size:13px;font-family:'Montserrat Alternates',sans-serif}
.mag-card-author a{color:#c9a96e;text-decoration:none}
.mag-card-views{color:#666;font-size:12px}
.mag-card-read{color:#c9a96e;font-size:13px;font-weight:600;font-family:'Montserrat Alternates',sans-serif;text-decoration:none;display:flex;align-items:center;gap:6px}
.mag-card-read:hover{color:#fff}
.mag-card-mod{position:absolute;top:14px;right:14px;z-index:3}
.mag-card-rate{position:absolute;bottom:14px;left:14px;z-index:2}
.mag-card-rate .rate-stars-wrapper{float:none}

@media(max-width:991px){
 .mag-landing{padding:0 35px}
 .mag-issue-num{font-size:34px}
 .mag-rubric-title{font-size:22px}
 .mag-rubric-grid .mag-card-wide .mag-card-image{min-height:240px}
 .mag-rubric-grid .mag-card-wide .mag-card-body{padding:26px 30px}
 .mag-rubric-grid .mag-card-wide .mag-card-title{font-size:24px}
 .mag-rubric-grid .mag-card-port .mag-card-image{aspect-ratio:4/5;min-height:0}
}
@media(max-width:767px){
 .mag-landing{padding:0 20px}
 .mag-issue{margin-bottom:50px}
 .mag-issue-num{font-size:28px}
 .mag-issue-count{display:none}
 .mag-rubric-grid{grid-template-columns:1fr}
 .mag-rubric-grid .mag-card-wide{display:block}
 .mag-rubric-grid .mag-card-wide .mag-card-image{width:100%;flex:none;min-height:0;aspect-ratio:16/10}
 .mag-rubric-grid .mag-card-wide .mag-card-body{padding:24px}
 .mag-rubric-grid .mag-card-wide .mag-card-title{font-size:24px}
}

/* Сворачивание анонса на странице выпуска */
.mag-announce-collapse{position:relative;overflow:hidden;max-height:420px;transition:max-height .45s ease}
.mag-announce-collapse.mag-open{max-height:4000px}
.mag-announce-collapse:after{content:'';position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(to bottom,rgba(23,23,23,0),#171717);pointer-events:none}
.mag-announce-collapse.mag-open:after{display:none}
.mag-announce-toggle{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;background:none;border:1px solid #514b44;color:#c9a96e;font-family:'Montserrat Alternates',sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:10px 22px;border-radius:20px;cursor:pointer;transition:all .3s}
.mag-announce-toggle:hover{background:#c9a96e;color:#1a1a1a;border-color:#c9a96e}
.mag-announce-toggle i{transition:transform .3s}
.mag-announce-toggle.mag-open i{transform:rotate(180deg)}
body.mag-issue-page .mag-toc{margin-top:34px}
.mag-landing{margin-top:44px}

/* ===== Меню рубрик выпуска (бургер на странице выпуска) ===== */
.issue-nav-panel{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10050;display:none}
.issue-nav-panel.opened{display:block}
.issue-nav-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.issue-nav-sidebar{position:absolute;top:0;left:0;width:380px;max-width:85%;height:100%;background:#0a0a0a;overflow-y:auto;box-shadow:3px 0 30px rgba(0,0,0,.4)}
.issue-nav-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.issue-nav-title{font-family:'Playfair Display',Georgia,serif;font-size:20px;font-weight:700;color:#fff}
.issue-nav-close{cursor:pointer;color:#fff;font-size:22px;transition:color .3s}
.issue-nav-close:hover{color:#c9a96e}
.issue-nav-body{padding:0 25px 40px}
.issue-nav-item{display:block;padding:13px 0;border-bottom:1px solid #1a1a1a;color:#d4d4d4!important;font-family:'Montserrat Alternates',sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:color .3s}
.issue-nav-item:hover{color:#c9a96e!important}
.issue-nav-item i{margin-right:10px;color:#c9a96e;font-size:12px}
.issue-nav-label{color:#666;font-family:'Montserrat Alternates',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:3px;padding:6px 0 4px}
.issue-nav-sitelink{display:inline-block;margin-top:18px;color:#666;font-family:'Montserrat Alternates',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:color .3s}
.issue-nav-sitelink:hover{color:#c9a96e}
@media(max-width:991px){.issue-nav-sidebar{width:320px}}
@media(max-width:567px){.issue-nav-sidebar{width:290px;max-width:90%}.issue-nav-body{padding:0 15px 30px}.issue-nav-title{font-size:17px}}

/* ===== Голос редактора (прослушивание статьи) ===== */
.author-listen{display:inline-flex;align-items:center;gap:7px;margin-left:14px;color:#c9a96e;font-family:'Montserrat Alternates',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;vertical-align:middle;transition:color .3s}
.author-listen:hover{color:#f0d9a8}
.author-listen i{font-size:13px}
.author-voice-hint{font-size:11px;color:#6e6659;font-style:italic}
.voice-card{position:fixed;z-index:10060;right:26px;bottom:96px;width:330px;max-width:calc(100vw - 32px);background:#141414;border:1px solid #2c2620;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.55);overflow:hidden;display:none;transform:translateY(14px);opacity:0;transition:transform .3s,opacity .3s}
.voice-card.opened{display:block;transform:none;opacity:1}
.voice-card-head{display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(135deg,#1c1c1c,#141414);border-bottom:1px solid #2c2620}
.voice-card-avatar{width:56px;height:56px;border-radius:50%;background:#b52a24;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:24px;font-weight:900;color:#eee8dc;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 3px rgba(201,169,110,.35)}
.voice-card-avatar img{width:100%;height:100%;object-fit:cover}
.voice-card-names{flex:1;min-width:0}
.voice-card-name{font-family:Georgia,serif;font-size:16px;font-weight:800;color:#f2ede5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.voice-card-role{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#8f877d;font-family:Arial,sans-serif;margin-top:3px}
.voice-card-close{cursor:pointer;color:#8f877d;font-size:17px;padding:6px;transition:color .3s}
.voice-card-close:hover{color:#f2356b}
.voice-card-body{padding:14px 18px 18px}
.voice-card-controls{display:flex;align-items:center;gap:10px}
.voice-btn{width:44px;height:44px;border-radius:50%;border:1px solid #3a332a;background:#1c1c1c;color:#c9a96e;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s;flex-shrink:0}
.voice-btn:hover{border-color:#c9a96e;color:#f0d9a8}
.voice-btn.main{width:52px;height:52px;background:#c9a96e;color:#1a1a1a;border:none}
.voice-btn.main:hover{background:#f0d9a8;color:#1a1a1a}
.voice-speed{margin-left:auto;display:flex;align-items:center;gap:6px}
.voice-speed span{font-size:10px;color:#8f877d;text-transform:uppercase;letter-spacing:1px;font-family:Arial,sans-serif}
.voice-speed select{background:#1c1c1c;color:#d4d4d4;border:1px solid #3a332a;border-radius:8px;padding:4px 6px;font-size:12px;font-family:Arial,sans-serif;outline:none}
.voice-card-status{margin-top:12px;font-size:12px;color:#8f877d;font-family:Arial,sans-serif;min-height:16px}
.voice-card-bar{margin-top:8px;height:4px;background:#241f1a;border-radius:3px;overflow:hidden}
.voice-card-bar-fill{height:100%;width:0;background:#c9a96e;transition:width .4s}
.mag-reading .mag-content p.mag-voice-on,.mag-content div.mag-voice-on{background:rgba(201,169,110,.08);box-shadow:-8px 0 0 rgba(201,169,110,.35)}
.voice-card .voice-note{margin-top:10px;font-size:11px;color:#5d564c;font-family:Arial,sans-serif;line-height:1.5}
@media(max-width:567px){.voice-card{right:12px;left:12px;width:auto;bottom:86px}}