/* Шлифовка статьи блога, 10.11.2026 — пока только на /_preview/podborki-look/ */
/* 1. Строка автора: тише, плотнее, без пилюли */
body.kit .art-head .art-meta{gap:0 10px;padding:14px 0 16px;margin-top:20px;border-top:0;border-bottom:1px solid var(--border)}
body.kit .art-head .art-author{gap:10px;margin-right:4px}
body.kit .art-head .art-author img{width:36px;height:36px}
body.kit .art-head .art-author .nm{font-size:15px;font-weight:600}
body.kit .art-head .art-author .nm a{color:var(--ink);text-decoration:none}
body.kit .art-head .art-author .nm a:hover{color:var(--brand)}
body.kit .art-head .art-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--faint);flex:none}
body.kit .art-head .art-meta .mi{font-family:var(--font);font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
body.kit .art-head .art-meta .badge{background:none;box-shadow:none;padding:0;border-radius:0;font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}
body.kit .art-head h1{text-wrap:balance}
@media (max-width:640px){
body.kit .art-head .art-meta{gap:6px 10px}
body.kit .art-head .art-author{flex-basis:100%;margin:0 0 4px}
body.kit .art-head .art-author+.dot{display:none}
}
/* 2. Таблицы до 3 колонок на телефоне — строка таблицы становится карточкой: первая ячейка заголовком, остальные под ней */
@media (max-width:640px){
body.kit .art-body :not(.pw-pair)>table:not(:has(th:nth-child(4))){min-width:0!important}
body.kit .art-body :not(.pw-pair)>table:not(:has(th:nth-child(4))) thead{display:none}
body.kit .art-body :not(.pw-pair)>table:not(:has(th:nth-child(4))) tr{display:block;padding:12px 0;border-bottom:1px solid var(--border)}
body.kit .art-body :not(.pw-pair)>table:not(:has(th:nth-child(4))) td{display:block;border:0!important;padding:0!important;font-size:15px}
body.kit .art-body :not(.pw-pair)>table:not(:has(th:nth-child(4))) td:first-child{font-weight:600;margin-bottom:2px}
body.kit .art-body :not(.pw-pair)>table:not(:has(th:nth-child(4))) td:nth-child(3){color:var(--muted)}
}
/* 3. Таблица критериев (polish_html.py) */
body.kit .art-body [class$="-crit-t"]{overflow-x:auto;margin:16px 0 18px}
body.kit .art-body [class$="-crit-t"] table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:620px}
body.kit .art-body [class$="-crit-t"] th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border);font-size:12.5px;font-weight:600;color:var(--muted)}
body.kit .art-body [class$="-crit-t"] td{padding:10px;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.45}
body.kit .art-body [class$="-crit-t"] td:first-child{white-space:nowrap;color:var(--ink)}
/* 4. Широкие таблицы на телефоне: первая колонка прилипает при прокрутке */
@media (max-width:640px){
body.kit .art-body table:has(th:nth-child(4)) :is(th,td):first-child{position:sticky;left:0;z-index:1;background:var(--bg,#F5F6F8);box-shadow:1px 0 0 var(--border)}
}
/* 5. Рейтинг таблицей баллов (polish_html.py) */
body.kit .art-body [class$="-rt"]{overflow-x:auto;margin:16px 0 18px}
body.kit .art-body [class$="-rt"] table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}
body.kit .art-body [class$="-rt"] th{text-align:center;padding:9px 6px;border-bottom:1px solid var(--border);font-size:12.5px!important;font-weight:600;color:var(--muted);line-height:1.3;vertical-align:bottom;text-transform:none!important;letter-spacing:0!important}
body.kit .art-body [class$="-rt"] th:first-child{text-align:left}
body.kit .art-body [class$="-rt"] td{padding:10px 6px;border-bottom:1px solid var(--border);vertical-align:middle;text-align:center;font-variant-numeric:tabular-nums}
body.kit .art-body [class$="-rt"] td:first-child{text-align:left;white-space:nowrap}
body.kit .art-body [class$="-rt"] td:last-child b{font-size:16px;color:var(--ink)}
body.kit .art-body [class$="-rt"] td.v2{color:var(--ink);font-weight:600}
body.kit .art-body [class$="-rt"] td.v1{color:var(--muted)}
body.kit .art-body [class$="-rt"] td.v0{color:#C3C8D1}
body.kit .art-body [class$="-rt-n"]{display:flex;align-items:center;gap:8px}
body.kit .art-body [class$="-rt-n"] em{font-style:normal;color:var(--muted);min-width:18px;font-variant-numeric:tabular-nums}
body.kit .art-body [class$="-rt-n"] img,body.kit .art-body [class$="-rt-n"] i{flex:none;width:22px!important;height:22px!important;border-radius:6px;margin:0!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:11px;font-weight:800;font-style:normal}
body.kit .art-body [class$="-rt-n"] b{color:var(--ink);font-weight:600}
body.kit .art-body [class$="-rt-n"] a{color:var(--brand);text-decoration:none}
@media (max-width:640px){body.kit .art-body [class$="-rt"] td:first-child{position:sticky;left:0;z-index:1;background:var(--bg,#F5F6F8);box-shadow:1px 0 0 var(--border)}body.kit .art-body [class$="-rt"] :is(td,th):last-child{position:sticky;right:0;z-index:1;background:var(--bg,#F5F6F8);box-shadow:-1px 0 0 var(--border)}body.kit .art-body [class$="-rt"] th:last-child{background:#EEF0F3}}
/* таблица внутри обёртки с прокруткой — обычная таблица, иначе липкие колонки не работают */
body.kit .art-body div:has(>table)>table{display:table!important;overflow:visible!important}
/* 6. Сравнение одной корзины у двух сервисов (polish_html.py pair_table) */
body.kit .art-body .pw-pair{margin:16px 0 8px}
body.kit .art-body .pw-pair table{width:100%;border-collapse:collapse;font-size:14.5px}
body.kit .art-body .pw-pair th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border);font-size:12.5px!important;font-weight:600;color:var(--muted);text-transform:none!important;letter-spacing:0!important}
body.kit .art-body .pw-pair td{padding:10px;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.4}
body.kit .art-body .pw-pair td:first-child{color:var(--ink);width:34%}
body.kit .art-body .pw-pair td b{display:block;color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
body.kit .art-body .pw-pair td small{display:block;margin-top:2px;font-size:13px;color:var(--muted)}
body.kit .art-body .pw-pair tr:last-child td{border-bottom:0;border-top:1px solid var(--ink)}
@media (max-width:640px){body.kit .art-body .pw-pair td:first-child{width:30%}body.kit .art-body .pw-pair :is(th,td){padding:9px 6px}}
body.kit .art-body td:first-child:has(>img){white-space:nowrap}
body.kit .art-body .pw-pair th{background:none!important}
body.kit .art-body td:first-child:has(>i){white-space:nowrap}
body.kit .art-body .pw-src{font-size:13px!important;line-height:1.5!important;color:var(--muted);margin:6px 0 0!important}
@media (min-width:641px){body.kit .art-body table:not(:has(th:nth-child(5))){min-width:0!important}}
@media (max-width:640px){body.kit .art-body :not(.pw-pair)>table:not(:has(th:nth-child(4))) td[data-label]::before{content:attr(data-label) ": ";color:var(--faint);font-weight:400}}
/* рейтинг с 7+ признаками шире колонки и на компьютере: имя и итог прилипают по краям */
body.kit .art-body [class$="-rt"] td:first-child{position:sticky;left:0;z-index:1;background:var(--bg,#F5F6F8)}
body.kit .art-body [class$="-rt"] :is(td,th):last-child{position:sticky;right:0;z-index:1;background:var(--bg,#F5F6F8)}
body.kit .art-body [class$="-rt"] th:last-child{background:#EEF0F3}
body.kit .art-body [class$="-rt"] table:has(th:nth-child(9)) :is(th,td){padding-left:5px;padding-right:5px}