/* Отчёт «Анализ сайта» /tools/site-analysis/<домен>/ */
.sa-page{--sa-good:#7bbf3a;--sa-mid:#f0b429;--sa-bad:#e0473c}
.sa-good{--c:var(--sa-good)}.sa-mid{--c:var(--sa-mid)}.sa-bad{--c:var(--sa-bad)}
.sa-hero .hero-title-main strong{word-break:break-word}
.sa-hero-inner{align-items:center}

.sa-score-card{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px 22px;align-items:center;padding:26px;border-radius:16px;background:#fff;color:#151714;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.sa-ring{width:132px;height:132px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(var(--c) calc(var(--p)*1%),#eef2ea 0);position:relative;flex:none}
.sa-ring:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}
.sa-ring b,.sa-ring span{position:relative;line-height:1}
.sa-ring b{font-size:40px;font-weight:800;letter-spacing:-1px}
.sa-ring span{font-size:12px;color:#687871;margin-top:4px}
.sa-ring-s{width:72px;height:72px}.sa-ring-s:before{inset:7px}.sa-ring-s b{font-size:22px;letter-spacing:0}
.sa-score-txt{display:flex;flex-direction:column;gap:6px}
.sa-score-txt b{font-size:20px;line-height:1.2}
.sa-score-txt span{font-size:14px;color:#56615f}
.sa-score-txt em{font-style:normal;font-size:13px;font-weight:700}
.sa-score-txt em.up{color:#2d5a10}.sa-score-txt em.down{color:#8a2a2a}
.sa-mini{grid-column:1/-1;list-style:none;margin:0;padding:14px 0 0;border-top:1px solid #eef2ea;display:grid;gap:7px}
.sa-mini a{display:grid;grid-template-columns:minmax(0,1fr) 110px 28px;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:13.5px}
.sa-mini a:hover span{text-decoration:underline}
.sa-mini i{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--c) var(--p),#eef2ea var(--p))}
.sa-mini b{text-align:right;font-size:13.5px}
@media(max-width:560px){.sa-score-card{grid-template-columns:1fr;justify-items:center;text-align:center}.sa-mini{justify-self:stretch;text-align:left}.sa-mini a{grid-template-columns:minmax(0,1fr) 70px 28px}}

.sa-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sa-fact{display:flex;flex-direction:column;gap:5px;padding:18px 20px;border-radius:16px;background:#fff;border:1px solid #e3eadf;min-width:0;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1)}
.sa-fact:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(57,78,99,.13)}
.sa-fact em{font-style:normal;font-size:12.5px;color:#687871}
.sa-fact b{font-size:17px;line-height:1.25;word-break:break-word}
.sa-fact span{font-size:13px;color:#56615f;line-height:1.45;word-break:break-word}
@media(max-width:1000px){.sa-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.sa-facts{grid-template-columns:1fr}}

.sa-tags{margin-top:16px;padding:8px 20px;border-radius:16px;background:#fff;border:1px solid #e3eadf;font-size:14px}
.sa-tags>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #f0f3ee;align-items:baseline}
.sa-tags>div:last-child{border-bottom:0}
.sa-tags em{font-style:normal;color:#687871;font-size:13px}
.sa-tags span{display:flex;flex-wrap:wrap;gap:6px;color:#56615f}
.sa-tags i,.sa-tags a{font-style:normal;padding:3px 10px;border-radius:999px;background:#f2f7ec;color:#22301c;font-size:13px;text-decoration:none}
.sa-tags a:hover{background:#d9ff4b}
@media(max-width:600px){.sa-tags>div{grid-template-columns:1fr;gap:6px}}

.sa-sec-head{display:flex;align-items:center;gap:22px;margin-bottom:8px}
.sa-sec-head h2{margin:2px 0 4px}
.sa-sec-head p{margin:0;color:#56615f}
.sa-sec-head .eyebrow{margin:0}
.sa-note{margin:12px 0 0;padding:12px 16px;border-radius:12px;background:#fbf6e8;border:1px dashed #ecd9a4;font-size:13.5px;color:#6b5420}
.sa-page .tl-list li{grid-template-columns:22px 190px minmax(0,1fr)}
@media(max-width:560px){.sa-page .tl-list li{grid-template-columns:22px minmax(0,1fr)}}

.sa-recent{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sa-recent a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #e3eadf;color:inherit;text-decoration:none;font-size:14.5px;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1)}
.sa-recent a:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(57,78,99,.13)}
.sa-recent span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sa-recent b{flex:none;min-width:36px;padding:3px 8px;border-radius:999px;text-align:center;font-size:13px;background:var(--c);color:#151714}
.sa-recent .sa-good{--c:#c9eaa6}.sa-recent .sa-mid{--c:#fbe2a6}.sa-recent .sa-bad{--c:#f6c4c0}
@media(max-width:1000px){.sa-recent{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.sa-recent{grid-template-columns:1fr}}

.sa-pos .tl-code{min-width:44px}.sa-pos em{font-style:normal;color:#687871}
.tl-code.c-top{background:#e8f3da;color:#2d5a10}.tl-code.c-mid{background:#fbf0d9;color:#7a4a00}.tl-code.c-none{background:#fdeeee;color:#8a2a2a}

.sa-chart{margin-top:16px;padding:18px 20px 12px;border-radius:16px;background:#fff;border:1px solid #e3eadf}
.sa-chart-head{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:6px}
.sa-chart-head span{color:#56615f}.sa-chart-head em{font-style:normal;font-weight:700}.sa-chart-head em.up{color:#2d5a10}.sa-chart-head em.down{color:#8a2a2a}
.sa-chart svg{display:block;width:100%;height:120px;overflow:visible}
.sa-chart .g{stroke:#eef2ea;stroke-width:1}
.sa-chart polyline{fill:none;stroke:#151714;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.sa-chart circle{fill:#d9ff4b;stroke:#151714;stroke-width:2;vector-effect:non-scaling-stroke}
.sa-chart-dates{display:flex;justify-content:space-between;font-size:12px;color:#8a948f;margin-top:4px}

.sa-btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}.sa-btn-ghost:hover{border-color:#d9ff4b;color:#d9ff4b}
.sa-watch{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 32px;border-radius:16px;background:#fff;border:1px solid #e3eadf}.sp-white .sa-watch{background:#f2f7ec}
.sa-watch h2{margin:4px 0 10px}.sa-watch p{margin:0;color:#56615f;line-height:1.55;max-width:720px}
.sa-watch .button{flex:none}
@media(max-width:800px){.sa-watch{flex-direction:column;align-items:flex-start;padding:24px}}