/* Страница расширения FixPin (/fixpin/) — дополняет main.css + lab.css + fullshot.css (общие блоки страниц расширений) */
.fp-soon{cursor:default;opacity:.85}
.fp-soon:hover{transform:none}
.fp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line)}
.fp-step{padding:24px;background:var(--surface)}
.fp-step .lab-index{display:block;margin-bottom:14px}
.fp-step h3{margin:0 0 10px;font-size:20px;letter-spacing:-.02em}
.fp-step p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
/* Рамка, фон и скругление — на обёртке: у таблицы с border-collapse скругление не работает */
.fp-table{overflow-x:auto;border:1px solid var(--line-2);border-radius:10px;background:color-mix(in srgb,var(--surface) 94%,transparent)}
.fp-compare{width:100%;min-width:560px;border-collapse:collapse;table-layout:fixed;font-size:14px}
.fp-compare col:first-child{width:28%}
.fp-compare th,.fp-compare td{padding:15px 20px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.5}
.fp-compare thead th{color:var(--faint);font:11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--surface)}
.fp-compare thead th:nth-child(2){color:var(--accent-ink)}
.fp-compare th+th,.fp-compare td+td{border-left:1px solid var(--line)}
.fp-compare tbody td:first-child{color:var(--muted)}
.fp-compare td.fp-yes{color:var(--accent-ink);font-weight:600;background:color-mix(in srgb,var(--accent) 4%,transparent)}
.fp-compare tbody td:last-child{color:var(--muted)}
.fp-compare tbody tr:last-child td{border-bottom:0}
@media(max-width:640px){.fp-compare{min-width:0}.fp-compare col:first-child{width:30%}.fp-compare th,.fp-compare td{padding:12px 12px;font-size:13px}}
@media(max-width:860px){.fp-steps{grid-template-columns:1fr}}