/* ssl.css — слой главной bridge-ssl.com v4.
Поверх tokens/base/home, перенесённых из bridge-waf-static. Здесь только то,
чего в слое WAF нет: снятие моноширинного, фотография моста в герое и
компоненты трёх болей — счёт, установка, уровни, сравнение, ошибки. */
/* ── 1. Моноширинный убран ──────────────────────────────────────────────
Владелец: «у людей возникает иллюзия, что это очень сложный технический
проект». Браузерная таблица стилей ставит monospace на code/kbd/samp/pre
сама, без единого объявления в слое, — поэтому её надо отменить явно.
Строка-значение остаётся узнаваемой за счёт фона и трекинга, а не гарнитуры. */
code, kbd, samp, pre, tt { font-family: inherit; font-size: inherit; }
.lit {
display: inline;
padding: 0.06em 0.2em;
margin-inline: -0.05em;
/* фон чипа не должен распадаться на два прямоугольника при переносе */
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
border-radius: var(--radius);
background: var(--accent-soft);
color: var(--text);
font-weight: 500;
font-size: 0.94em;
letter-spacing: 0.012em;
font-variant-numeric: tabular-nums slashed-zero;
/* различённая единица и перечёркнутый ноль: свойство, ради которого сеть
раньше держала IBM Plex. У Inter это начертания cv08 и zero. */
font-feature-settings: "cv08" 1, "zero" 1;
white-space: nowrap;
overflow-wrap: break-word;
}
.lit-link { color: var(--text); text-decoration: none; white-space: normal; }
.lit-link:hover { background: var(--accent); color: var(--accent-fg); }
/* ── 2. Мост в герое ────────────────────────────────────────────────────
Фон, а не ![]()
: тема переключается атрибутом, и две картинки в разметке
означали бы двойную загрузку 400 КБ ради одной видимой. LCP страницы —
заголовок, поэтому фоновая загрузка ничего не задерживает. */
.bridge-art {
background: no-repeat center / cover url("/images/library/ssl-hero-dark-alpha.png");
opacity: 0.78;
-webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0,0,0,0.82) 46%, transparent 96%);
mask-image: linear-gradient(180deg, #000 0%, rgba(0,0,0,0.82) 46%, transparent 96%);
}
[data-theme="proof-light"] .bridge-art {
background-image: url("/images/library/ssl-hero-light-alpha.png");
opacity: 0.6;
}
.hero { position: relative; isolation: isolate; }
/* ── 3. Иконки ──────────────────────────────────────────────────────────
Набор главного сайта bridge-cdn.com: Lucide, viewBox 24×24, обводка 1.7,
скруглённые концы, currentColor, без заливки. Символы объявлены спрайтом
в начале , разметка ссылается на них через