/* ======================================================================
   Форматы электронных книг (t/format.tpl, i/format.php), 2026-09-16.

   Посадочная собрана на системе «Авторам» (c/avtoram.css: .lp-hero,
   .lp-stats, .lp-head, .lp-steps, .lp-cmp-sec, .lp-faq, .lp-final, кнопки
   .lp-btn и переменные --lp-*). Здесь только свои блоки с приставкой fm-:
   карточка скачивания на первом экране, значки файлов, подбор по
   устройству, таблица сравнения и читалка.

   Все правила начинаются с body.skin-a .lp — иначе их перебьёт сброс
   в avtoram.css (0,2,2) и font:14px из старого s.css.

   Цвета форматов — из палитры сайта:
     EPUB #557D03 действие     FB2 #B35400 оранжевый     PDF #7A5A1E коричневый
     TXT  #6B6355 приглушённый RTF #1F1C18 чернила
   Подписи на значках и крупные цифры — Open Sans: в нарезке Alegreya нет
   ровных цифр. Стрелок, ≈ и ∞ нет и в нарезке Open Sans — значки рисуются SVG.

   Анимации одноразовые, и исходное состояние у них — конечное: при
   prefers-reduced-motion (правило в avtoram.css) карточка сразу показывает
   «готов», а не застывает на «собираем».
   ====================================================================== */

body.skin-a .lp .fm-sr{
	position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden;
	clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0;
}
body.skin-a .lp .fm-pick [hidden]{display:none !important}
body.skin-a .lp .fm-nw{white-space:nowrap}
body.skin-a .lp .lp-head > p, body.skin-a .lp .fm-panel-why, body.skin-a .lp .fm-read-lead{text-wrap:pretty}

/* ── значок файла ──────────────────────────────────────────────────────
   Лист с загнутым углом и полосой формата. Форма — clip-path, рамка —
   внутренний лист на 1,5 точки меньше, подпись — Open Sans. */
body.skin-a .lp .fm-file{
	--fm-c:#557D03;
	position:relative; display:block; flex:none; width:38px; height:48px;
	background:var(--fm-c);
	clip-path:polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 0 100%);
}
body.skin-a .lp .fm-file::before{
	content:""; position:absolute; top:1.5px; right:1.5px; bottom:1.5px; left:1.5px;
	clip-path:polygon(0 0, calc(100% - 10.4px) 0, 100% 10.4px, 100% 100%, 0 100%);
	background:
		linear-gradient(#DDD5C4, #DDD5C4) 5px 12px / 13px 2px no-repeat,
		linear-gradient(#DDD5C4, #DDD5C4) 5px 17px / 19px 2px no-repeat,
		#FFFDF8;
}
body.skin-a .lp .fm-file::after{
	content:""; position:absolute; top:0; right:0; width:11px; height:11px; opacity:.5;
	background:linear-gradient(45deg, var(--fm-c) 50%, transparent 50%);
}
body.skin-a .lp .fm-file b{
	position:absolute; left:3px; right:3px; bottom:4px; z-index:1;
	background:var(--fm-c); color:#FFFFFF; border-radius:2px;
	font-family:var(--lp-sans); font-size:9.5px; font-weight:600; line-height:15px; letter-spacing:.03em; text-align:center;
}
body.skin-a .lp .fm-c-epub{--fm-c:#557D03}
body.skin-a .lp .fm-c-fb2{--fm-c:#B35400}
body.skin-a .lp .fm-c-pdf{--fm-c:#7A5A1E}
body.skin-a .lp .fm-c-txt{--fm-c:#6B6355}
body.skin-a .lp .fm-c-rtf{--fm-c:#1F1C18}

/* ======================================================================
   Первый экран
   ====================================================================== */
body.skin-a .lp .fm-hero h1.lp-h1{font-size:58px}
body.skin-a .lp .fm-hero .lp-lead{max-width:34em}

/* стопка листов за карточкой: два листа-подложки поворачиваются внутрь
   своей обёртки, сама карточка не повёрнута — на телефоне ничего не
   выходит за край (урок партнёрской посадочной) */
body.skin-a .lp .fm-stack{
	position:relative; isolation:isolate; min-width:0; max-width:430px; margin:0 0 0 auto;
	animation:fm-rise .7s cubic-bezier(.2,.7,.2,1) .2s both;
}
body.skin-a .lp .fm-stack::before, body.skin-a .lp .fm-stack::after{
	content:""; position:absolute; border-radius:6px; z-index:-1;
}
body.skin-a .lp .fm-stack::before{top:14px; right:-14px; bottom:-10px; left:16px; background:#E3D9C0; transform:rotate(3deg)}
body.skin-a .lp .fm-stack::after{top:28px; right:-26px; bottom:-20px; left:32px; background:#BDB08E; transform:rotate(6deg); z-index:-2}

body.skin-a .lp .fm-card{
	position:relative; background:#FFFDF8; color:var(--lp-ink); border-radius:6px;
	padding:22px 24px 20px;
	box-shadow:0 30px 60px -20px rgba(0,0,0,.55), 0 2px 0 rgba(0,0,0,.06);
}
body.skin-a .lp .fm-card-top{
	display:flex; align-items:center; justify-content:space-between; gap:12px;
	padding:0 0 12px; margin:0 0 14px; border-bottom:2px dashed #DCD4C3;
	font-size:13px; color:var(--lp-muted);
}
body.skin-a .lp .fm-card-brand{display:inline-flex; align-items:center; gap:8px; font-size:15px; font-weight:600; color:var(--lp-ink)}
body.skin-a .lp .fm-card-brand svg{width:20px; height:20px}
body.skin-a .lp .fm-card-book{font-family:var(--lp-serif); font-weight:700; font-size:21px; line-height:1.2; margin:0 0 2px}
body.skin-a .lp .fm-card-kind{font-size:13px; color:var(--lp-muted); margin:0 0 4px}
body.skin-a .lp .fm-card-list{list-style:none; margin:0 0 14px}
body.skin-a .lp .fm-card-list li{
	display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:14px;
	padding:10px 0; border-bottom:1px dotted #D3CAB6;
	animation:fm-row .45s cubic-bezier(.2,.7,.2,1) both;
}
body.skin-a .lp .fm-card-list li:last-child{border-bottom:0; padding-bottom:4px}
body.skin-a .lp .fm-card-list li:nth-child(1){animation-delay:.35s}
body.skin-a .lp .fm-card-list li:nth-child(2){animation-delay:.43s}
body.skin-a .lp .fm-card-list li:nth-child(3){animation-delay:.51s}
body.skin-a .lp .fm-card-list li:nth-child(4){animation-delay:.59s}
body.skin-a .lp .fm-card-list li:nth-child(5){animation-delay:.67s}
body.skin-a .lp .fm-card-name{display:block; min-width:0}
body.skin-a .lp .fm-card-name b{display:block; font-size:15.5px; font-weight:600; line-height:1.2}
body.skin-a .lp .fm-card-name small{display:block; font-size:13px; line-height:1.35; color:var(--lp-muted)}

/* состояния формата */
body.skin-a .lp .fm-st{
	position:relative; display:inline-flex; align-items:center; justify-content:center; gap:5px;
	min-width:96px; padding:5px 10px; border-radius:14px; overflow:hidden;
	font-size:13px; font-weight:600; line-height:1.2; white-space:nowrap;
}
body.skin-a .lp .fm-st svg{width:14px; height:14px}
/* s.css ставит span-ам font:14px … normal — полужирность внутрь не наследуется */
body.skin-a .lp .fm-st > span, body.skin-a .lp .fm-card-foot > span{font-weight:inherit}
body.skin-a .lp .fm-st.is-ok{background:var(--lp-tint); color:var(--lp-green-d)}
body.skin-a .lp .fm-st.is-make{background:#FFFFFF; color:var(--lp-green); box-shadow:inset 0 0 0 1.5px #C9DD98}
body.skin-a .lp .fm-st.is-author{background:#F1EDE4; color:var(--lp-muted)}
/* «собираем» → «готов»: конечное состояние — в самих правилах, начальное —
   в первом кадре анимации (fill-mode both держит его, пока идёт задержка) */
body.skin-a .lp .fm-st.is-build{
	display:inline-grid; grid-template-areas:"st"; justify-items:center;
	background:var(--lp-tint); color:var(--lp-green-d);
	animation:fm-pill 3s linear .7s both;
}
body.skin-a .lp .fm-st.is-build > span{grid-area:st; display:inline-flex; align-items:center; gap:5px}
body.skin-a .lp .fm-st-a{opacity:0; animation:fm-out 3s linear .7s both}
body.skin-a .lp .fm-st-b{opacity:1; animation:fm-in 3s linear .7s both}
body.skin-a .lp .fm-st-bar{
	position:absolute; left:0; bottom:0; width:100%; height:3px; opacity:0;
	background:var(--lp-orange); animation:fm-bar 3s linear .7s both;
}
@keyframes fm-pill{0%, 92%{background:var(--lp-orange-tint); color:var(--lp-orange)} 100%{background:var(--lp-tint); color:var(--lp-green-d)}}
@keyframes fm-out{0%, 92%{opacity:1} 100%{opacity:0}}
@keyframes fm-in{0%, 92%{opacity:0} 100%{opacity:1}}
@keyframes fm-bar{0%, 12%{width:0; opacity:1} 88%{width:100%; opacity:1} 100%{width:100%; opacity:0}}

body.skin-a .lp .fm-card-foot{
	display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:4px;
	background:var(--lp-tint); color:var(--lp-green-d); font-size:14px; font-weight:600; line-height:1.35;
}
body.skin-a .lp .fm-card-foot svg{width:18px; height:18px}

@keyframes fm-rise{from{opacity:0; transform:translateY(24px)} to{opacity:1; transform:none}}
@keyframes fm-row{from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:none}}

/* ======================================================================
   Подбор по устройству
   ====================================================================== */
body.skin-a .lp .fm-dev-sec{padding-top:72px}
body.skin-a .lp .fm-pick.is-tabs{display:grid; grid-template-columns:minmax(0,340px) minmax(0,1fr); gap:28px; align-items:start}
body.skin-a .lp .fm-tabs{display:grid; gap:6px; position:sticky; top:20px}
body.skin-a .lp .fm-tab{
	position:relative; display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:14px;
	width:100%; min-height:66px; padding:10px 14px 10px 12px; margin:0;
	border:1px solid transparent; border-radius:10px; background:transparent;
	color:var(--lp-ink); text-align:left; cursor:pointer;
	transition:background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
body.skin-a .lp .fm-tab:hover{background:#F3EFE6}
body.skin-a .lp .fm-tab.is-on{background:#FFFFFF; border-color:var(--lp-line); box-shadow:0 16px 30px -22px rgba(31,28,24,.5)}
body.skin-a .lp .fm-tab.is-on::before{
	content:""; position:absolute; left:-1px; top:14px; bottom:14px; width:3px; border-radius:0 3px 3px 0; background:var(--lp-green);
}
body.skin-a .lp .fm-tab-ico{
	width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center;
	background:#EFEBE2; color:#4A4438; transition:background-color .15s ease, color .15s ease;
}
body.skin-a .lp .fm-tab-ico svg{width:22px; height:22px}
body.skin-a .lp .fm-tab.is-on .fm-tab-ico{background:var(--lp-forest); color:var(--lp-lime)}
body.skin-a .lp .fm-tab-txt{display:block; min-width:0}
body.skin-a .lp .fm-tab-name{display:block; font-size:16px; font-weight:600; line-height:1.25}
body.skin-a .lp .fm-tab-short{display:none}
body.skin-a .lp .fm-tab-txt small{display:block; font-size:13px; line-height:1.35; color:var(--lp-muted)}
body.skin-a .lp .fm-tab-fmt{
	font-size:12px; font-weight:600; letter-spacing:.02em; white-space:nowrap;
	color:var(--lp-green-d); background:var(--lp-tint); border-radius:10px; padding:2px 8px;
}

body.skin-a .lp .fm-panels{display:grid; gap:18px; min-width:0}
body.skin-a .lp .fm-guess{
	display:flex; align-items:center; gap:10px; margin:0; font-size:14.5px; line-height:1.4; color:var(--lp-green-d);
}
body.skin-a .lp .fm-guess::before{content:""; flex:none; width:8px; height:8px; border-radius:50%; background:var(--lp-lime); box-shadow:0 0 0 4px var(--lp-tint)}
body.skin-a .lp .fm-panel{
	min-width:0; background:#FFFFFF; border:1px solid var(--lp-line); border-radius:12px;
	padding:30px 34px 32px; box-shadow:0 30px 60px -46px rgba(31,28,24,.5);
}
body.skin-a .lp .fm-pick.is-tabs .fm-panel{animation:fm-fade .25s ease both}
@keyframes fm-fade{from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none}}
body.skin-a .lp .fm-panel-head{
	display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:18px;
	padding:0 0 20px; margin:0 0 20px; border-bottom:1px dashed #DCD4C3;
}
body.skin-a .lp .fm-panel-eyebrow{
	display:flex; align-items:center; gap:8px; margin:0 0 8px;
	font-size:13px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--lp-muted);
}
body.skin-a .lp .fm-panel-ico{display:inline-flex; color:var(--lp-green)}
body.skin-a .lp .fm-panel-ico svg{width:18px; height:18px}
body.skin-a .lp .fm-panel h3{font-family:var(--lp-serif); font-weight:700; font-size:34px; line-height:1.1; letter-spacing:-.005em; margin:0; text-wrap:balance}
body.skin-a .lp .fm-panel-files{display:flex; gap:8px}
body.skin-a .lp .fm-panel-files .fm-file{width:46px; height:58px}
body.skin-a .lp .fm-panel-files .fm-file b{font-size:11px; line-height:17px; bottom:5px}
body.skin-a .lp .fm-panel-files .fm-file::before{
	background:
		linear-gradient(#DDD5C4, #DDD5C4) 6px 14px / 16px 2px no-repeat,
		linear-gradient(#DDD5C4, #DDD5C4) 6px 20px / 24px 2px no-repeat,
		linear-gradient(#DDD5C4, #DDD5C4) 6px 26px / 20px 2px no-repeat,
		#FFFDF8;
}
body.skin-a .lp .fm-panel-why{font-size:17px; line-height:1.6; color:#3F3A31; margin:0 0 22px; max-width:66ch}
body.skin-a .lp .fm-panel-why a, body.skin-a .lp .fm-note a{white-space:nowrap}

body.skin-a .lp .fm-blocks{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px}
body.skin-a .lp .fm-blocks.is-one{grid-template-columns:minmax(0,1fr)}
body.skin-a .lp .fm-block{min-width:0; background:var(--lp-paper); border:1px solid #EFEBE2; border-radius:10px; padding:18px 20px 20px}
body.skin-a .lp .fm-cap{font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--lp-green-d); margin:0 0 12px}

body.skin-a .lp .fm-howto{list-style:none; counter-reset:fm-step; display:grid; gap:10px}
body.skin-a .lp .fm-howto li{position:relative; counter-increment:fm-step; min-height:26px; padding-left:38px; font-size:15.5px; line-height:1.5; color:#3F3A31}
body.skin-a .lp .fm-howto li::before{
	content:counter(fm-step); position:absolute; left:0; top:-1px; width:26px; height:26px; border-radius:50%;
	display:flex; align-items:center; justify-content:center;
	background:var(--lp-green); color:#FFFFFF; font-size:13px; font-weight:600; line-height:1;
}

body.skin-a .lp .fm-apps{list-style:none; display:grid}
body.skin-a .lp .fm-apps li{display:grid; gap:2px; padding:10px 0; border-bottom:1px dashed #E3DCCB; font-size:15px; line-height:1.45}
body.skin-a .lp .fm-apps li:first-child{padding-top:0}
body.skin-a .lp .fm-apps li:last-child{padding-bottom:0; border-bottom:0}
body.skin-a .lp .fm-app-top{display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px}
body.skin-a .lp .fm-app-top b{font-weight:600; color:var(--lp-ink)}
body.skin-a .lp .fm-app-note{display:block; font-size:14px; color:var(--lp-muted)}
body.skin-a .lp .fm-tags{display:inline-flex; flex-wrap:wrap; gap:4px}
body.skin-a .lp .fm-tag{
	display:inline-block; padding:1px 6px; border-radius:6px; background:var(--lp-tint); color:var(--lp-green-d);
	font-size:11px; font-weight:600; font-style:normal; line-height:16px; letter-spacing:.03em;
}
/* один блок во всю ширину — список приложений карточками в две колонки */
body.skin-a .lp .fm-blocks.is-one .fm-apps{grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px}
body.skin-a .lp .fm-blocks.is-one .fm-apps li, body.skin-a .lp .fm-blocks.is-one .fm-apps li:first-child, body.skin-a .lp .fm-blocks.is-one .fm-apps li:last-child{
	padding:12px 14px; border:1px solid #EFEBE2; border-radius:8px; background:#FFFFFF;
}

body.skin-a .lp .fm-ways{list-style:none; display:grid; gap:14px}
body.skin-a .lp .fm-blocks.is-one .fm-ways{gap:0}
body.skin-a .lp .fm-blocks.is-one .fm-ways li{padding:12px 0; border-bottom:1px dashed #E3DCCB}
body.skin-a .lp .fm-blocks.is-one .fm-ways li:first-child{padding-top:0}
body.skin-a .lp .fm-blocks.is-one .fm-ways li:last-child{padding-bottom:0; border-bottom:0}
body.skin-a .lp .fm-ways li{display:grid; grid-template-columns:36px minmax(0,1fr); gap:12px; align-items:start; font-size:15px; line-height:1.5; color:#3F3A31}
body.skin-a .lp .fm-ways b{display:block; font-weight:600; color:var(--lp-ink); margin:0 0 2px}
body.skin-a .lp .fm-ways a{white-space:nowrap}
body.skin-a .lp .fm-ways-ico{width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:var(--lp-tint); color:var(--lp-green-d)}
body.skin-a .lp .fm-ways-ico svg{width:18px; height:18px}

body.skin-a .lp .fm-note{
	display:flex; align-items:flex-start; gap:10px; margin:18px 0 0; padding:12px 16px; border-radius:8px;
	background:#F6F3EC; color:#4A4438; font-size:15px; line-height:1.5;
}
body.skin-a .lp .fm-note svg{width:18px; height:18px; margin-top:2px; color:var(--lp-green)}

/* ======================================================================
   Сравнение форматов
   Настольный вид — таблица; на узком экране каждая строка становится
   карточкой формата, подписи столбцов стоят в ячейках (fm-td-label,
   скрыты от чтения с экрана — заголовки таблицы остаются в разметке).
   Явных ролей table/row/cell в разметке нет: валидатор W3C считает их
   ошибкой, а браузеры уже не теряют смысл таблицы при смене display.
   ====================================================================== */
body.skin-a .lp .fm-cmp{border:1px solid var(--lp-line); border-radius:10px; overflow:hidden; background:#FFFFFF}
body.skin-a .lp .fm-cmp table{width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed; font-size:15px; line-height:1.45}
body.skin-a .lp .fm-cmp caption{padding:0}
body.skin-a .lp .fm-cmp th, body.skin-a .lp .fm-cmp td{padding:18px 14px; text-align:left; vertical-align:top; border-bottom:1px solid var(--lp-line)}
body.skin-a .lp .fm-cmp tbody tr:last-child th, body.skin-a .lp .fm-cmp tbody tr:last-child td{border-bottom:0}
body.skin-a .lp .fm-cmp thead th{
	padding-top:14px; padding-bottom:14px; vertical-align:bottom; background:var(--lp-paper);
	font-size:13px; font-weight:600; line-height:1.3; letter-spacing:.02em; color:var(--lp-muted);
}
body.skin-a .lp .fm-cmp thead th:first-child{width:21%; padding-left:20px}
body.skin-a .lp .fm-cmp thead th:last-child{width:17%}
body.skin-a .lp .fm-cmp tbody th{padding-left:20px; font-weight:400}
body.skin-a .lp .fm-cmp tbody tr{transition:background-color .15s ease}
body.skin-a .lp .fm-cmp tbody tr:hover{background:#FDFBF6}
body.skin-a .lp .fm-fcell{display:flex; align-items:flex-start; gap:12px}
body.skin-a .lp .fm-fcell-txt{display:grid; gap:2px; min-width:0}
body.skin-a .lp .fm-fname{font-family:var(--lp-sans); font-size:19px; font-weight:600; line-height:1.15; letter-spacing:.01em; color:var(--lp-ink)}
body.skin-a .lp .fm-fsub{font-size:13px; line-height:1.35; color:var(--lp-muted)}
body.skin-a .lp .fm-fbadge{
	justify-self:start; display:inline-flex; align-items:center; gap:5px; margin-top:6px; padding:3px 8px; border-radius:10px;
	background:#F1EDE4; color:var(--lp-muted); font-size:12px; font-weight:600; line-height:1.25;
}
body.skin-a .lp .fm-fbadge.is-make{background:var(--lp-tint); color:var(--lp-green-d)}
body.skin-a .lp .fm-fbadge svg{width:12px; height:12px}
body.skin-a .lp .fm-td-label{display:none}
body.skin-a .lp .fm-val{display:flex; align-items:flex-start; gap:8px; min-width:0}
body.skin-a .lp .fm-val svg{width:20px; height:20px; padding:3px; border-radius:50%}
body.skin-a .lp .fm-val.is-yes svg{background:var(--lp-tint); color:var(--lp-green-d)}
body.skin-a .lp .fm-val.is-no svg{background:#F1EDE4; color:#8C8474}
body.skin-a .lp .fm-val.is-part svg{background:var(--lp-orange-tint); color:var(--lp-orange)}
body.skin-a .lp .fm-val.is-no > span{color:var(--lp-muted)}
body.skin-a .lp .fm-td-best{font-size:14.5px; color:#3F3A31}
body.skin-a .lp .fm-cmp-note{max-width:820px}

/* ======================================================================
   Читалка на сайте
   ====================================================================== */
body.skin-a .lp .fm-read-sec{padding-bottom:40px}
body.skin-a .lp .fm-read{
	position:relative; overflow:hidden;
	display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.95fr); gap:48px; align-items:center;
	padding:56px; border-radius:14px; color:#EDE9E1;
	background:
		radial-gradient(700px 380px at 100% 0%, rgba(183,221,87,.13), transparent 60%),
		radial-gradient(520px 320px at 0% 100%, rgba(85,125,3,.30), transparent 65%),
		var(--lp-ink);
}
body.skin-a .lp .fm-read .lp-eyebrow{color:var(--lp-lime)}
body.skin-a .lp .fm-read h2{color:#FBFAF8; font-size:44px; margin:0 0 14px}
body.skin-a .lp .fm-read-lead{font-size:18px; line-height:1.6; color:#CFC8B8; margin:0 0 24px}
body.skin-a .lp .fm-read-list{list-style:none; display:grid; gap:12px; margin:0 0 30px}
body.skin-a .lp .fm-read-list li{display:grid; grid-template-columns:36px minmax(0,1fr); gap:14px; align-items:center; font-size:16px; line-height:1.45; color:#EDE9E1}
body.skin-a .lp .fm-read-ico{width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:rgba(183,221,87,.12); color:var(--lp-lime)}
body.skin-a .lp .fm-read-ico svg{width:18px; height:18px}
body.skin-a .lp .fm-read .lp-cta{margin:0 0 16px}
body.skin-a .lp .fm-read-fine{font-size:13.5px; line-height:1.5; color:#9A9384; margin:0}

/* макет читалки: тема «сепия» и панель «Шрифт и тема» — цвета из c/reader.css */
body.skin-a .lp .fm-rd{position:relative; min-width:0; width:100%; max-width:440px; margin:0 0 0 auto; padding:0 0 46px}
body.skin-a .lp .fm-rd-screen{
	background:#F3EAD7; color:#3B2F1E; border:9px solid #2B2721; border-radius:18px; overflow:hidden;
	box-shadow:0 40px 80px -30px rgba(0,0,0,.75);
}
body.skin-a .lp .fm-rd-bar{display:flex; align-items:center; gap:8px; padding:9px 10px 9px 12px; border-bottom:1px solid #E1D4B8; font-size:12px; line-height:1.2; color:#7A6A52}
body.skin-a .lp .fm-rd-back{display:inline-flex; align-items:center; gap:2px; flex:none; font-weight:600; color:#7A5A1E}
body.skin-a .lp .fm-rd-back svg{width:13px; height:13px}
body.skin-a .lp .fm-rd-ttl{flex:1 1 auto; min-width:0; text-align:center}
body.skin-a .lp .fm-rd-ttl b{display:block; font-size:12.5px; color:#2E2416; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.skin-a .lp .fm-rd-ttl small{display:block; font-size:11px; color:#7A6A52}
body.skin-a .lp .fm-rd-btn{flex:none; width:28px; height:28px; border-radius:8px; display:flex; align-items:center; justify-content:center; color:#2E2416}
body.skin-a .lp .fm-rd-btn svg{width:15px; height:15px}
body.skin-a .lp .fm-rd-aa{font-family:var(--lp-serif); font-size:15px; font-weight:700; background:#EADCBE}
body.skin-a .lp .fm-rd-prog{height:3px; background:#E1D4B8}
body.skin-a .lp .fm-rd-prog i{display:block; width:34%; height:100%; background:#7A5A1E}
body.skin-a .lp .fm-rd-page{padding:22px 26px 38px}
body.skin-a .lp .fm-rd-kicker{margin:0 0 4px; font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#7A6A52}
body.skin-a .lp .fm-rd-h{margin:0 0 16px; font-family:var(--lp-serif); font-weight:700; font-size:25px; line-height:1.15; color:#2E2416}
body.skin-a .lp .fm-rd-line{display:block; height:7px; margin:0 0 10px; border-radius:4px; background:rgba(59,47,30,.2)}
body.skin-a .lp .fm-rd-page .fm-rd-line:nth-of-type(2){width:94%}
body.skin-a .lp .fm-rd-page .fm-rd-line:nth-of-type(3){width:98%}
body.skin-a .lp .fm-rd-page .fm-rd-line:nth-of-type(4){width:58%; margin-bottom:16px}
body.skin-a .lp .fm-rd-page .fm-rd-gap{margin-left:8%; width:92%}
body.skin-a .lp .fm-rd-page .fm-rd-line:nth-of-type(7){width:97%}
body.skin-a .lp .fm-rd-page .fm-rd-line:nth-of-type(8){width:90%}
body.skin-a .lp .fm-rd-page .fm-rd-line:nth-of-type(9){width:66%}
body.skin-a .lp .fm-rd-set{
	position:absolute; right:-14px; bottom:0; width:232px; padding:14px 16px 16px; border-radius:12px;
	background:#FFFFFF; color:var(--lp-ink);
	box-shadow:0 30px 60px -20px rgba(0,0,0,.65), 0 0 0 1px rgba(31,28,24,.06);
}
body.skin-a .lp .fm-rd-cap{margin:0 0 10px; font-family:var(--lp-serif); font-weight:700; font-size:17px; line-height:1.2}
body.skin-a .lp .fm-rd-size{display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:8px; margin:0 0 10px}
body.skin-a .lp .fm-rd-size span{display:flex; align-items:center; justify-content:center; height:30px; border:1px solid var(--lp-line); border-radius:8px; font-size:13px; font-weight:600}
body.skin-a .lp .fm-rd-size b{min-width:26px; font-size:15px; font-weight:600; text-align:center}
body.skin-a .lp .fm-rd-seg{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:5px}
body.skin-a .lp .fm-rd-seg span{display:flex; align-items:center; justify-content:center; height:30px; border:1px solid var(--lp-line); border-radius:8px; font-size:11.5px; font-weight:600}
body.skin-a .lp .fm-rd-seg .is-light{background:#FBFAF8; color:#1F1C18}
body.skin-a .lp .fm-rd-seg .is-sepia{background:#F3EAD7; color:#3B2F1E}
body.skin-a .lp .fm-rd-seg .is-dark{background:#151412; color:#D8D2C4; border-color:#151412}
body.skin-a .lp .fm-rd-seg .is-on{border-color:transparent; box-shadow:0 0 0 2px var(--lp-green)}

/* ======================================================================
   Вопросы и финал — система avtoram.css; здесь только отступ
   ====================================================================== */
body.skin-a .lp .fm-faq-sec{padding-top:72px}

/* ======================================================================
   Адаптив — те же точки, что в avtoram.css
   ====================================================================== */
@media (max-width:1100px){
	body.skin-a .lp .fm-hero h1.lp-h1{font-size:50px}
	/* поле обёртки 22 точки: листы не должны уходить за край экрана */
	body.skin-a .lp .fm-stack::before{right:-10px}
	body.skin-a .lp .fm-stack::after{right:-18px}
	body.skin-a .lp .fm-pick.is-tabs{grid-template-columns:minmax(0,250px) minmax(0,1fr); gap:20px}
	body.skin-a .lp .fm-tab-fmt{display:none}
	body.skin-a .lp .fm-tab{grid-template-columns:44px minmax(0,1fr)}
	body.skin-a .lp .fm-blocks.is-one .fm-apps{grid-template-columns:minmax(0,1fr)}
	body.skin-a .lp .fm-cmp table{font-size:14px}
	body.skin-a .lp .fm-cmp th, body.skin-a .lp .fm-cmp td{padding:16px 10px}
	body.skin-a .lp .fm-cmp thead th:first-child, body.skin-a .lp .fm-cmp tbody th{padding-left:16px}
	body.skin-a .lp .fm-fcell .fm-file{display:none}
	body.skin-a .lp .fm-read{padding:44px 40px; gap:36px}
	body.skin-a .lp .fm-read h2{font-size:38px}
}
@media (max-width:900px){
	body.skin-a .lp .fm-stack{margin:0 auto 0 0; max-width:440px}
	body.skin-a .lp .fm-pick.is-tabs{grid-template-columns:minmax(0,1fr); gap:16px}
	body.skin-a .lp .fm-tabs{position:static; grid-template-columns:repeat(5, minmax(0,1fr)); gap:8px}
	body.skin-a .lp .fm-tab{grid-template-columns:minmax(0,1fr); justify-items:center; gap:8px; min-height:0; padding:12px 6px 11px; text-align:center; border-color:var(--lp-line); background:#FFFFFF}
	body.skin-a .lp .fm-tab:hover{background:#FFFFFF; border-color:#CFC7B6}
	body.skin-a .lp .fm-tab.is-on{border-color:var(--lp-green); box-shadow:0 0 0 1px var(--lp-green)}
	body.skin-a .lp .fm-tab.is-on::before{display:none}
	body.skin-a .lp .fm-tab-ico{width:40px; height:40px; border-radius:11px}
	body.skin-a .lp .fm-tab-name, body.skin-a .lp .fm-tab-txt small{display:none}
	body.skin-a .lp .fm-tab-short{display:block; font-size:14px; font-weight:600; line-height:1.2}

	/* таблица — карточками, по две в ряд */
	body.skin-a .lp .fm-cmp{border:0; border-radius:0; overflow:visible; background:transparent}
	body.skin-a .lp .fm-cmp table, body.skin-a .lp .fm-cmp thead, body.skin-a .lp .fm-cmp tbody,
	body.skin-a .lp .fm-cmp tr, body.skin-a .lp .fm-cmp th, body.skin-a .lp .fm-cmp td{display:block; width:auto}
	body.skin-a .lp .fm-cmp table{table-layout:auto; font-size:14.5px}
	body.skin-a .lp .fm-cmp thead{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap}
	body.skin-a .lp .fm-cmp thead th:first-child, body.skin-a .lp .fm-cmp thead th:last-child{width:auto}
	body.skin-a .lp .fm-cmp tbody{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px}
	body.skin-a .lp .fm-cmp tbody tr{min-width:0; background:#FFFFFF; border:1px solid var(--lp-line); border-radius:10px; overflow:hidden}
	body.skin-a .lp .fm-cmp tbody tr:hover{background:#FFFFFF}
	body.skin-a .lp .fm-cmp tbody th, body.skin-a .lp .fm-cmp tbody tr:last-child th{padding:16px; background:var(--lp-paper); border-bottom:1px solid var(--lp-line)}
	body.skin-a .lp .fm-cmp td, body.skin-a .lp .fm-cmp tbody tr:last-child td{
		display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:12px; align-items:start;
		padding:10px 16px; border-bottom:1px dashed #E8E2D5;
	}
	body.skin-a .lp .fm-cmp tbody tr td:last-child{border-bottom:0; padding-bottom:14px}
	body.skin-a .lp .fm-fcell .fm-file{display:block}
	body.skin-a .lp .fm-td-label{display:block; padding-top:1px; font-size:13px; line-height:1.4; color:var(--lp-muted)}
	body.skin-a .lp .fm-td-best{font-size:14.5px}

	body.skin-a .lp .fm-read{grid-template-columns:minmax(0,1fr); gap:40px}
	body.skin-a .lp .fm-rd{margin:0; max-width:460px}
}
@media (max-width:767px){
	body.skin-a .lp .fm-hero h1.lp-h1{font-size:40px}
	body.skin-a .lp .fm-stack{margin-right:22px}
	body.skin-a .lp .fm-stack::before{top:10px; right:-10px; bottom:-8px; left:12px}
	body.skin-a .lp .fm-stack::after{top:20px; right:-19px; bottom:-15px; left:24px}
	body.skin-a .lp .fm-card{padding:18px 16px 16px}
	body.skin-a .lp .fm-card-list li{gap:10px}
	body.skin-a .lp .fm-st{min-width:0; padding:4px 9px; font-size:12.5px}
	body.skin-a .lp .fm-card-foot{font-size:13.5px}

	body.skin-a .lp .fm-dev-sec{padding-top:56px}
	body.skin-a .lp .fm-tabs{grid-template-columns:repeat(6, minmax(0,1fr))}
	body.skin-a .lp .fm-tab:nth-child(-n+3){grid-column:span 2}
	body.skin-a .lp .fm-tab:nth-child(n+4){grid-column:span 3}
	body.skin-a .lp .fm-panel{padding:22px 18px 22px; border-radius:10px}
	body.skin-a .lp .fm-panel-head{grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:12px}
	body.skin-a .lp .fm-panel h3{font-size:27px}
	body.skin-a .lp .fm-panel-files .fm-file{width:38px; height:48px}
	body.skin-a .lp .fm-panel-files .fm-file b{font-size:9.5px; line-height:15px; bottom:4px}
	body.skin-a .lp .fm-panel-why{font-size:16px}
	body.skin-a .lp .fm-blocks, body.skin-a .lp .fm-blocks.is-one .fm-apps{grid-template-columns:minmax(0,1fr)}
	body.skin-a .lp .fm-block{padding:16px 16px 18px}

	body.skin-a .lp .fm-cmp tbody{grid-template-columns:minmax(0,1fr); gap:12px}

	body.skin-a .lp .fm-read-sec{padding-bottom:24px}
	body.skin-a .lp .fm-read{padding:34px 20px 30px; border-radius:10px; gap:34px}
	body.skin-a .lp .fm-read h2{font-size:32px}
	body.skin-a .lp .fm-read-lead{font-size:16.5px}
	body.skin-a .lp .fm-read-list li{font-size:15.5px}
	body.skin-a .lp .fm-rd-set{right:10px}
	body.skin-a .lp .fm-faq-sec{padding-top:56px}
}
@media (max-width:420px){
	body.skin-a .lp .fm-hero h1.lp-h1{font-size:35px}
	body.skin-a .lp .fm-panel h3{font-size:25px}
	body.skin-a .lp .fm-rd-page{padding:18px 18px 34px}
	body.skin-a .lp .fm-rd-set{width:212px}
}