/* стили внутренних страниц (статьи, политика) — поверх assets/site.css */
.page-main{padding:48px 24px 64px;}
.crumbs{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--muted);margin-bottom:28px;flex-wrap:wrap;}
.crumbs a{color:var(--body);transition:color .15s;}
.crumbs a:hover{color:var(--ink);}
.crumbs .sep{color:#C6C8CE;}

.art-head{max-width:760px;}
.art-head .tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:color-mix(in oklab,var(--acc) 13%,#fff);color:var(--acc-deep);border-radius:999px;padding:5px 13px;}
.art-head h1{font-family:var(--disp);font-size:clamp(28px,3.6vw,44px);font-weight:600;line-height:1.12;letter-spacing:-.015em;margin-top:18px;}
.art-meta{display:flex;gap:18px;margin-top:18px;font-size:13.5px;font-weight:600;color:var(--muted);flex-wrap:wrap;}
.art-cover{height:320px;width:100%;border-radius:var(--r-lg);overflow:hidden;margin:36px 0 8px;display:block;}

.prose{max-width:720px;font-size:16.5px;line-height:1.75;color:#3A3D45;}
.prose .lead{font-size:19px;line-height:1.65;color:var(--ink);font-weight:500;margin-top:28px;}
.prose h2{font-family:var(--disp);font-size:23px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--ink);margin:44px 0 16px;}
.prose h3{font-size:18px;font-weight:800;color:var(--ink);margin:32px 0 12px;}
.prose p{margin:0 0 16px;}
.prose a{color:var(--acc-deep);font-weight:700;border-bottom:1.5px solid color-mix(in oklab,var(--acc) 60%,transparent);}
.prose a:hover{border-color:var(--acc-deep);}
.prose ul.check{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:9px;}
.prose ul.check li{display:flex;align-items:flex-start;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:13px 17px;font-size:15px;font-weight:500;color:#33363d;}
.prose ul.check li::before{content:"";width:22px;height:22px;flex:none;border-radius:50%;background:var(--ink) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"><path d="m5 12 4.5 4.5L19 7" stroke="white" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/12px no-repeat;margin-top:1px;}
.prose ol.steps-list{list-style:none;counter-reset:st;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:10px;}
.prose ol.steps-list li{counter-increment:st;display:flex;gap:15px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:16px 18px;font-size:15px;}
.prose ol.steps-list li::before{content:counter(st);font-family:var(--disp);font-size:13px;font-weight:600;width:28px;height:28px;flex:none;border-radius:50%;background:var(--grad);color:var(--acc-ink);display:grid;place-items:center;}
.prose ol.steps-list b{display:block;font-size:15.5px;color:var(--ink);margin-bottom:3px;}

.callout{display:flex;gap:14px;align-items:flex-start;background:color-mix(in oklab,var(--acc) 10%,#fff);border-radius:var(--r-md);padding:20px 22px;margin:28px 0;font-size:15px;line-height:1.6;color:#3A3D45;}
.callout.warn{background:#FFF1DC;}
.callout .ci{width:34px;height:34px;border-radius:11px;background:#fff;display:grid;place-items:center;flex:none;color:var(--acc-deep);box-shadow:0 4px 12px rgba(15,16,20,.08);}
.callout.warn .ci{color:#E07B1A;}
.callout b{color:var(--ink);}
.callout p{margin:0;}

.art-cta{background:var(--grad);border-radius:var(--r-lg);padding:34px 36px;margin:52px 0 0;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;color:var(--acc-ink);max-width:720px;}
.art-cta h3{font-family:var(--disp);font-size:20px;font-weight:600;line-height:1.3;margin:0;}
.art-cta p{font-size:14.5px;margin:8px 0 0;color:color-mix(in oklab,var(--acc-ink) 74%,var(--acc));}
.art-cta .btn{flex:none;}

.related{margin-top:72px;}
.related h2{font-family:var(--disp);font-size:24px;font-weight:600;margin-bottom:24px;letter-spacing:-.01em;}
.related .art-grid{grid-template-columns:repeat(3,minmax(0,1fr));}

/* список статей */
.idx-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px;}
.idx-grid .article .cover{height:200px;}
.idx-grid .article h4{font-size:18px;}
.idx-grid .article .a-body{padding:22px 24px 24px;}

/* политика */
.legal{max-width:860px;font-size:15px;line-height:1.7;color:#3A3D45;}
.legal h2{font-family:var(--disp);font-size:19px;font-weight:600;color:var(--ink);margin:36px 0 12px;letter-spacing:0;line-height:1.38;overflow-wrap:anywhere;}
.legal p{margin:0 0 12px;}
.legal .legal-subitem{padding-left:20px;}
.legal ul{margin:0 0 14px;padding-left:22px;}
.legal ul li{margin-bottom:6px;}
.legal .upd{font-size:13px;color:var(--muted);font-weight:600;}

@media (max-width:760px){
  .page-main{padding:40px 18px 56px;}
  .art-head h1{font-size:30px;line-height:1.14;letter-spacing:0;}
  .prose{font-size:15.5px;line-height:1.7;}
  .prose .lead{font-size:17px;}
  .prose h2{font-size:21px;letter-spacing:0;}
  .idx-grid{grid-template-columns:1fr;}
  .related{margin-top:56px;}
  .related .art-grid{grid-template-columns:1fr;}
  .related h2{font-size:28px;line-height:1.15;letter-spacing:0;}
  .related .article .a-body{padding:22px 24px;}
  .related .article h4{font-size:18px;line-height:1.35;}
  .art-cover{height:220px;}
  .art-cta{padding:26px 20px;border-radius:24px;}
  .art-cta .btn{width:100%;}
}
@media (max-width:360px){
  .page-main{padding:36px 14px 52px;}
  .art-head h1{font-size:27px;}
  .art-cover{height:190px;border-radius:22px;}
}
