/* Шаблон статьи: короткий ответ первым абзацем для поиска и Алисы, оглавление сбоку, спокойная колонка текста до 70 знаков, в конце услуга по теме и заявка. */
.a-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(50% 80% at 85% 20%,rgba(77,98,255,.6),transparent 70%),linear-gradient(160deg,#0e1450,#1d2a9c)}
.a-hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:40px;align-items:center;padding-block:36px 44px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:#b9c2f5;margin-bottom:18px}
.crumbs a{color:#dfe4ff;text-decoration:none}.crumbs a:hover{color:#fff}
.rub{display:inline-block;font-size:14px;font-weight:700;color:#8fe3ff;margin-bottom:12px;text-decoration:none}
.a-hero h1{font:800 clamp(30px,3.8vw,48px)/1.08 var(--font);letter-spacing:-.035em;margin:0 0 18px;text-wrap:balance}
.meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:#b9c2f5}
.a-cover{border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#151d63,#3242d6);aspect-ratio:16/9;border:1px solid rgba(255,255,255,.15)}
.a-cover svg{display:block;width:100%;height:100%}

.a-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;padding-block:48px 24px;align-items:start}
.toc{position:sticky;top:calc(env(safe-area-inset-top,0px) + 96px);font-size:14px}
.toc b{display:block;color:var(--navy);margin-bottom:10px;font-size:15px}
.toc ol{margin:0;padding:0;list-style:none;display:grid;gap:8px;border-left:2px solid var(--rule)}
.toc a{display:block;padding-left:14px;margin-left:-2px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;line-height:1.35}
.toc a:hover{color:var(--blue)}
.toc a.on{color:var(--blue);border-left-color:var(--blue);font-weight:600}

.body{max-width:720px;font-size:18px;line-height:1.72}
.answer{background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--blue);border-radius:0 18px 18px 0;padding:22px 26px;margin:0 0 36px}
.answer b{display:block;font-size:14px;color:var(--blue);margin-bottom:6px}
.answer p{margin:0;font-size:18px;color:var(--navy);font-weight:500}
.body h2{font:800 clamp(24px,2.4vw,30px)/1.2 var(--font);letter-spacing:-.025em;color:var(--navy);margin:44px 0 14px;scroll-margin-top:96px}
.body p{margin:0 0 16px}
.body ul,.body ol{margin:0 0 20px;padding-left:24px;display:grid;gap:8px}
.body li::marker{color:var(--blue);font-weight:700}
.body .note{background:var(--plate);border-radius:16px;padding:18px 22px;margin:8px 0 22px;font-size:17px}
.tbl{overflow-x:auto;margin:6px 0 22px}
.tbl table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45;min-width:520px}
.tbl th{text-align:left;font-weight:700;color:var(--navy);background:var(--plate);padding:12px 14px}
.tbl td{padding:12px 14px;border-bottom:1px solid var(--rule)}
.author{display:flex;gap:14px;align-items:center;margin-top:36px;padding-top:24px;border-top:1px solid var(--rule);font-size:15px;color:var(--muted)}
.author i{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#151d63,#3242d6);flex:none}
.author b{display:block;color:var(--navy)}

.sec-h{font:800 clamp(26px,3vw,36px)/1.1 var(--font);letter-spacing:-.03em;color:var(--navy);margin:0 0 22px}
.faq{display:grid;gap:10px;max-width:880px}
.faq details{background:var(--card);border:1px solid var(--rule);border-radius:18px;padding:0 24px}
.faq summary{cursor:pointer;list-style:none;padding:20px 36px 20px 0;font-weight:700;font-size:17px;color:var(--navy);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:4px;top:50%;width:10px;height:10px;border-right:2.5px solid var(--blue);border-bottom:2.5px solid var(--blue);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:6px}
.faq details p{margin:0 0 20px;max-width:46em}
.svc-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;background:linear-gradient(135deg,#151d63,#2a3ac4);color:#dfe4ff;border-radius:24px;padding:30px 34px;text-decoration:none}
.svc-card small{color:#8fe3ff;font-weight:700}
.svc-card h3{margin:6px 0 6px;font:800 24px/1.2 var(--font);color:#fff}
.svc-card p{margin:0;max-width:40em}
.svc-card .btn{pointer-events:none}
.more-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1080px){.a-hero .wrap{grid-template-columns:1fr}.a-cover{max-width:560px}.a-grid{grid-template-columns:1fr;gap:24px}.toc{position:static;background:var(--card);border:1px solid var(--rule);border-radius:18px;padding:18px}.more-art{grid-template-columns:1fr}}
@media (max-width:640px){.svc-card{grid-template-columns:1fr;padding:24px}.body{font-size:17px}.answer{padding:18px}}
/* таблицы из редактора WordPress выглядят как таблицы прототипа */
.body .wp-block-table{overflow-x:auto;margin:6px 0 22px}
.body .wp-block-table table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45;min-width:520px}
.body .wp-block-table th{text-align:left;font-weight:700;color:var(--navy);background:var(--plate);padding:12px 14px}
.body .wp-block-table td{padding:12px 14px;border-bottom:1px solid var(--rule)}
.body .wp-block-table{margin-left:0;margin-right:0}