/* Статья журнала v2 (09.11.2026, макет web/normalno/_mock/article.html). */
.a2{max-width:1240px;margin:0 auto}
.a2-crumbs{font-size:15px;color:var(--soft);margin-top:32px}
.a2-crumbs a{border-bottom:1px solid currentColor}
.a2-head{max-width:820px;margin:28px 0 0}
.a2-kicker{display:inline-flex;gap:10px;align-items:center;font:500 14px/1 var(--sans);color:var(--krivo-deep);background:color-mix(in srgb,var(--krivo) 70%,var(--page));padding:8px 14px;border-radius:99px}
.a2 h1{margin-top:18px;font:300 clamp(40px,5.6vw,72px)/1.04 var(--serif);letter-spacing:-.04em;text-wrap:balance}
.a2 h1 em{font-style:normal;color:var(--accent)}
.a2-lead{margin-top:22px;font-size:22px;line-height:34px;color:var(--ink);opacity:.82;text-wrap:pretty}
.a2-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:14px;color:var(--soft)}
.a2-meta b{color:var(--ink);font-weight:600}
.a2-hero{margin-top:36px;border-radius:28px;overflow:hidden;aspect-ratio:21/9}
.a2-hero img{width:100%;height:100%;object-fit:cover}
.a2-body{display:grid;grid-template-columns:260px minmax(0,720px);gap:72px;margin-top:56px;justify-content:center}
.a2-toc{position:sticky;top:24px;align-self:start;font-size:15px}
.a2-toc p{font-weight:600;margin-bottom:10px}
.a2-toc ol{list-style:none;padding:0;margin:0;border-left:2px solid var(--line)}
.a2-toc a{display:block;padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent;color:var(--soft)}
.a2-toc a:hover{color:var(--ink);border-left-color:var(--accent)}
.a2-toc .a2-cta{margin-top:24px;background:color-mix(in srgb,var(--krivo) 70%,var(--page));border-radius:18px;padding:18px}
.a2-toc .a2-cta b{display:block;font-size:16px;margin-bottom:6px}
.a2-toc .a2-cta span{display:block;color:var(--soft);font-size:14px;line-height:21px;margin-bottom:12px}
.a2-text{font-size:19px;line-height:31px;counter-reset:q;min-width:0}
.a2-text p{margin-top:20px}
.a2-text h2{font:300 clamp(30px,3.4vw,42px)/1.12 var(--serif);letter-spacing:-.03em;margin-top:72px;scroll-margin-top:24px;text-wrap:balance}
.a2-text h2 em{font-style:normal;color:var(--accent)}
.a2-text h3{font:500 22px/1.3 var(--sans);margin-top:40px}
.a2-short{background:#fff;border-radius:22px;padding:26px 30px;margin-top:8px}
.a2-short b{font:600 15px/1 var(--sans);color:var(--krivo-deep);display:block;margin-bottom:10px}
.a2-short ul{margin:0;padding-left:20px;display:grid;gap:8px;font-size:17px;line-height:27px}
.a2-qs{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:0;background:#fff;border-radius:22px;overflow:hidden}
.a2-qs li{counter-increment:q;display:grid;grid-template-columns:44px 1fr;gap:12px;padding:15px 22px;border-top:1px solid var(--line);font-size:18px;line-height:27px}
.a2-qs li:first-child{border-top:0}
.a2-qs li::before{content:counter(q);font:300 20px/27px var(--serif);color:var(--accent)}
.a2-fig{margin:40px 0 0}
.a2-fig img{width:100%;border-radius:22px}
.a2-fig figcaption{margin-top:10px;font-size:14px;color:var(--soft)}
.a2-tip{display:grid;grid-template-columns:70px 1fr;gap:14px;margin-top:32px;padding:22px 26px;border-radius:20px;background:color-mix(in srgb,var(--krivo) 55%,var(--page))}
.a2-tip i{font:600 13px/27px var(--sans);font-style:normal;color:var(--krivo-deep);text-transform:none}
.a2-tip p{margin:0;font-size:17px;line-height:27px}
.a2-quote{margin:44px 0 0;padding-left:26px;border-left:3px solid var(--accent);font:300 28px/1.35 var(--serif);letter-spacing:-.02em}
.a2-quote cite{display:block;margin-top:12px;font:400 15px/1.4 var(--sans);color:var(--soft);font-style:normal}
.a2-app{display:grid;grid-template-columns:1fr 260px;gap:36px;align-items:center;margin-top:56px;padding:36px 36px 0;border-radius:28px;background:var(--krivo);overflow:hidden}
.a2-app h3{margin:0;font:300 30px/1.15 var(--serif);letter-spacing:-.02em}
.a2-app ol{margin:16px 0 0;padding-left:22px;display:grid;gap:8px;font-size:17px;line-height:26px}
.a2-app .badges{margin:22px 0 36px}
.a2-app .a2-more{margin:16px 0 0;font-size:17px;font-weight:600}
.a2-app .a2-more a{border-bottom:1px solid currentColor}
.a2-app .phone-lg{width:100%;margin-bottom:-60px}
.a2-table{width:100%;border-collapse:collapse;margin-top:24px;font-size:16px;background:#fff;border-radius:18px;overflow:hidden}
.a2-table th,.a2-table td{padding:14px 18px;text-align:left;border-top:1px solid var(--line);vertical-align:top}
.a2-table th{background:#f6f0ea;font-weight:600;border-top:0}
.a2-faq details{background:#fff;border-radius:16px;padding:0 22px;margin-top:10px}
.a2-faq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:500;display:flex;justify-content:space-between;gap:16px;font-size:18px}
.a2-faq summary::-webkit-details-marker{display:none}
.a2-faq summary::after{content:"+";color:var(--soft);font-size:22px}
.a2-faq details[open] summary::after{content:"–"}
.a2-faq details p{margin:0;padding:0 0 18px;color:var(--soft);font-size:17px;line-height:27px}
.a2-author{display:flex;gap:16px;align-items:center;margin-top:56px;padding-top:28px;border-top:1px solid var(--line);font-size:15px;color:var(--soft)}
.a2-author b{display:block;color:var(--ink);font-size:16px}
.a2-author .mark{font-size:22px}
@media (max-width:980px){.a2-body{grid-template-columns:1fr;gap:28px}.a2-toc{position:static}.a2-app{grid-template-columns:1fr;padding:28px 24px 0}.a2-app .phone-lg{width:70%;margin:0 auto -50px}.a2-hero{aspect-ratio:4/3}}
@media (max-width:600px){.a2-table th:first-child,.a2-table td:first-child{display:none}.a2-table th,.a2-table td{padding:12px 14px}.a2-tip{grid-template-columns:1fr;gap:6px}.a2-text{font-size:18px;line-height:29px}.a2-lead{font-size:19px;line-height:29px}.a2-qs li{grid-template-columns:34px 1fr;padding:13px 16px;font-size:17px}}
/* статья v2 — вариант Lapka */
.a2--dogs .a2-kicker{color:var(--lapka-deep);background:color-mix(in srgb,var(--lapka) 65%,var(--page))}
.a2--dogs h1 em,.a2--dogs .a2-text h2 em{color:var(--lapka-deep)}
.a2--dogs .a2-short b,.a2--dogs .a2-tip i{color:var(--lapka-deep)}
.a2--dogs .a2-tip,.a2--dogs .a2-toc .a2-cta{background:color-mix(in srgb,var(--lapka) 55%,var(--page))}
.a2--dogs .a2-qs li::before,.a2--dogs .a2-steps li::before{color:var(--lapka-deep)}
.a2--dogs .a2-quote{border-left-color:var(--lapka-deep)}
.a2--dogs .a2-app{background:var(--lapka)}
.a2-steps{list-style:none;padding:0;margin:24px 0 0;counter-reset:st;display:grid;gap:12px}
.a2-steps li{counter-increment:st;display:grid;grid-template-columns:44px 1fr;gap:12px;background:#fff;border-radius:18px;padding:16px 20px;font-size:18px;line-height:27px}
.a2-steps li::before{content:counter(st);font:300 24px/27px var(--serif);color:var(--accent)}
.a2-list{margin:20px 0 0;padding-left:22px;display:grid;gap:10px}
.a2-note{border-left:3px solid var(--accent);padding:4px 0 4px 20px;margin-top:28px}
.a2-note b{display:block;font:600 13px/1.4 var(--sans);color:var(--accent);margin-bottom:4px}
.a2-note p{margin:0}
.a2-screen{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;margin-top:36px}
.a2-screen .phone-lg{width:100%}
.a2-screen figcaption{font-size:16px;color:var(--soft)}
@media (max-width:600px){.a2-screen{grid-template-columns:1fr}.a2-screen .phone-lg{width:60%;margin:0 auto}}
.a2-faq h2{margin-top:72px}
.a2-related{margin-top:88px}
.a2-toc .btn-beta,.a2-toc .btn-beta:hover{color:var(--page);border:0;padding:0 18px;height:44px;margin:0}
.a2-toc .a2-cta .badges{margin-top:10px;flex-wrap:wrap}
.a2-toc .a2-cta .store-badge img{height:40px}
.a2-toc .a2-cta .store-badge--gp img{height:58px;margin:-9px -7px}
.a2-tablewrap{overflow-x:auto;margin-top:24px}
.a2-tablewrap .a2-table{margin-top:0;min-width:520px}
/* картинки: у <img> стоят width/height (против прыжка вёрстки) — высоту считаем по ширине, иначе фото вытягивается */
.a2-fig img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.a2-hero{aspect-ratio:2/1}
.a2-hero img{height:100%;width:100%;object-fit:cover}
@media (max-width:980px){.a2-hero{aspect-ratio:3/2}}