.article{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;padding-block:24px 0;align-items:start}
@media (max-width:960px){.article{grid-template-columns:1fr;gap:32px}}
.body{display:grid;gap:22px;max-width:680px;min-width:0}
.body h2{margin-top:18px}
.body ul,.body ol{margin:0;padding-left:22px;display:grid;gap:8px}
.meta{display:flex;flex-wrap:wrap;gap:14px;font-size:15px;color:var(--muted)}
.answer{background:var(--accent-soft);border-radius:var(--r);padding:20px 22px;font-size:18px}
.answer b{font-family:var(--display)}
.ways{display:grid;gap:12px}
.way{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:18px;border:1px solid var(--line);border-radius:var(--r)}
.way .n{width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font:800 17px/1 var(--display)}
.way p{font-size:16px;color:var(--muted)}
.law{font-size:14px;color:var(--muted)}
.tbl{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:16px;min-width:480px}
th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{font:700 14px/1.3 var(--display);color:var(--muted)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:600px){.two{grid-template-columns:1fr}}
.two div{padding:18px;border-radius:var(--r);background:var(--card)}
.two h3{margin-bottom:8px;font-size:17px}
.two ul{font-size:16px}
.mistake{border-left:4px solid var(--accent);padding:4px 0 4px 18px;display:grid;gap:4px}
details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;padding:14px 0;font:700 18px/1.35 var(--display)}
details p{padding-bottom:16px;color:var(--muted)}
.author{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;padding:20px;border-radius:var(--r);background:var(--card)}
.author img{width:72px;height:72px;border-radius:50%;object-fit:cover}
.author p{font-size:15px;color:var(--muted)}
aside{position:sticky;top:calc(20px + env(safe-area-inset-top,0px));display:grid;gap:16px}
@media (max-width:960px){aside{position:static}}
.cta{background:var(--accent);color:var(--accent-ink);border-radius:20px;padding:24px;display:grid;gap:14px}
.cta .btn-main{background:var(--accent-ink);color:var(--accent);border-color:var(--accent-ink)}
.cta .btn-alt{color:var(--accent-ink);border-color:var(--accent-ink)}
.cta .btns{display:grid}
.toc{padding:20px;border:1px solid var(--line);border-radius:var(--r);display:grid;gap:8px;font-size:15px}
.toc a{color:var(--fg);text-decoration:none}
.toc a:hover{color:var(--accent)}
.disclaimer{font-size:14px;color:var(--muted)}
.body img{max-width:100%;height:auto;border-radius:var(--r)}
.body blockquote{margin:0;padding:4px 0 4px 18px;border-left:4px solid var(--line);color:var(--muted)}
.related{display:grid;gap:10px;padding-top:8px}
/* Схема-цепочка в статье: метка срока слева, шаг справа, линия между шагами */
.scheme{margin:28px 0;padding:22px;border-radius:var(--r);background:var(--card)}
.scheme figcaption{font:700 17px/1.3 var(--display);margin-bottom:16px}
.chain{list-style:none;margin:0;padding:0;display:grid;gap:0}
.chain li{display:grid;grid-template-columns:96px 22px minmax(0,1fr);grid-template-areas:"t d s";column-gap:12px;align-items:start;position:relative;padding-bottom:18px}
.chain li:last-child{padding-bottom:0}
.chain .t{grid-area:t;font:700 14px/1.3 var(--display);color:var(--accent);text-align:right;padding-top:2px;font-variant-numeric:tabular-nums}
.chain .dot{grid-area:d;width:14px;height:14px;margin:3px 4px 0;border-radius:50%;background:var(--accent);position:relative;z-index:1}
.chain .s{grid-area:s;font-size:16px;line-height:1.45;min-width:0}.chain .s b{display:block;font-family:var(--display)}
.chain li:not(:last-child)::after{content:"";position:absolute;left:calc(96px + 12px + 10px);top:17px;bottom:-3px;width:2px;background:var(--accent);opacity:.35}
.chain li.warn .dot{background:#C2410C}.chain li.warn .t{color:#C2410C}
@media (max-width:600px){
  .scheme{padding:18px}
  .chain li{grid-template-columns:22px minmax(0,1fr);grid-template-areas:"d t" "d s";row-gap:2px}
  .chain .t{text-align:left;padding-top:0}
  .chain li:not(:last-child)::after{left:10px}
}