/* «A/B-тесты» — mobile first; no page-level horizontal scroll. */
.nav-icon img.nav-ab-icon{object-fit:contain}
.ab-page{display:grid;gap:18px;min-width:0}
.ab-page .panel.ab-intro,.ab-page .ab-card,.ab-page .ab-hidden{background:var(--surface,#1d2823);border:1px solid var(--line,#344238);border-radius:19px;padding:18px 16px;margin:0;min-width:0}
.ab-title{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:22px;line-height:1.25}
.ab-title img{width:48px;height:48px;flex:none}
.ab-intro .sub{margin:0 0 12px;line-height:1.5}
.ab-facts{display:grid;gap:8px;margin:0 0 12px;padding:0;list-style:none}
.ab-facts li{background:#16201b;border:1px solid #2f3d33;border-radius:12px;padding:10px 12px;line-height:1.45;color:var(--ink,#e0e7da)}
.ab-facts b{color:var(--gold,#d6b773)}
.ab-legend{margin:0 0 14px;line-height:1.8;color:var(--muted,#bdc8b6);font-size:14px}
.ab-share-demo{display:inline-block;font-size:12px;padding:1px 8px;border-radius:999px;background:#2a2f2a;color:#a7afa3;border:1px dashed #5a6556;line-height:1.5}
.ab-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0}
.ab-jump{flex:0 1 auto;max-width:100%;min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid #4b5c45;background:#22302a;color:var(--ink,#e0e7da);font:inherit;font-size:15px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:normal;text-align:left}
.ab-jump:hover,.ab-jump:focus-visible{border-color:var(--gold,#d6b773);outline:none;background:#2a3a31}
.ab-jump span,.ab-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#34432c;color:#d0dfbb;font-size:13px;font-weight:700}
.ab-group{display:grid;gap:12px;scroll-margin-top:72px;min-width:0}
.ab-group-title{display:flex;align-items:center;gap:10px;margin:6px 2px 0;font-size:20px}
.ab-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.ab-card{display:flex;flex-direction:column;gap:16px;scroll-margin-top:72px}
.ab-card-head{display:flex;align-items:center;gap:12px;min-width:0}
.ab-card-icon{width:48px;height:48px;flex:none;object-fit:contain}
.ab-icon-empty{display:inline-block;border-radius:12px;background:#22302a;border:1px dashed #4b5c45}
.ab-card-head>div{min-width:0}
.ab-card h3{margin:0 0 6px;font-size:19px;line-height:1.25;overflow-wrap:anywhere}
.ab-rule{display:flex;flex-wrap:wrap;gap:6px}
.ab-pill{display:inline-block;font-size:13px;line-height:1.35;padding:3px 10px;border-radius:999px;background:#2f3a2c;color:#d0dfbb}
.ab-pill.all{background:#473d25;color:#e9d39c}
.ab-pill.new{background:#24384a;color:#bcd8f2}
.ab-pill.none{background:#2a2f2a;color:#a7afa3}
.ab-what{margin:0;line-height:1.5}
.ab-variants{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.ab-variant{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:start;background:#16201b;border:1px solid #43513b;border-radius:12px;padding:10px}
.ab-variant.is-legacy{opacity:.78;border-style:dashed;background:#141a17}
.ab-letter{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#3f7fc4;color:#fff3c4;font-weight:900;font-size:18px;border:2px solid #1b1610}
.ab-variant:nth-child(2) .ab-letter{background:#d9473a}
.ab-variant:nth-child(3) .ab-letter{background:#c48a22}
.ab-variant:nth-child(4) .ab-letter{background:#3f9a6a}
.ab-variant:nth-child(5) .ab-letter{background:#7a5ac4}
.ab-variant:nth-child(6) .ab-letter{background:#4c8f9e}
.ab-variant-body{display:grid;gap:4px;min-width:0;line-height:1.45}
.ab-variant-body b{font-size:16px;color:var(--ink,#e0e7da);overflow-wrap:anywhere}
.ab-variant-body>span{color:var(--muted,#bdc8b6);font-size:14px;overflow-wrap:anywhere}
.ab-variant-body b+span b{color:var(--ink,#e0e7da)}
.ab-share{align-self:center;font-size:14px;font-weight:700;color:var(--gold,#d6b773);white-space:nowrap;padding:2px 8px;border-radius:999px;background:#2a2a1f}
.ab-variant.is-legacy .ab-share{color:#a7afa3;background:#2a2f2a;font-weight:600;border:1px dashed #5a6556}
.ab-islands{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.ab-island{display:inline-flex;flex-direction:column;align-items:center;min-width:42px;padding:2px 6px;border-radius:8px;background:#22302a;color:var(--ink,#e0e7da);font-weight:700;font-size:14px;line-height:1.25}
.ab-island small{font-size:12px;font-weight:400;color:var(--muted,#bdc8b6)}
.ab-island-rest{background:#2f3a2c}
.ab-value{font-weight:700;color:var(--ink,#e0e7da)}
.ab-fields{display:grid;gap:8px;margin:2px 0 0;padding:0;list-style:none}
.ab-fields li{display:grid;gap:3px}
.ab-fields li>span:first-child{color:var(--muted,#bdc8b6)}
.ab-variant .inline-icon,.ab-howto .inline-icon{width:20px;height:20px;vertical-align:-4px}
.ab-variant .icon-label{display:inline-flex;align-items:center;gap:4px;vertical-align:bottom}
.ab-howto{margin:8px 0 4px;background:#1f2c24;border-left:3px solid var(--gold,#d6b773);border-radius:4px 12px 12px 4px;padding:12px 14px}
.ab-howto h4{margin:0 0 6px;font-size:15px;color:var(--gold,#d6b773)}
.ab-howto p{margin:0;line-height:1.5}
.ab-proof{display:grid;gap:10px;padding-top:14px;border-top:1px solid #2f3d33}
.ab-proof p,.ab-hidden-row p{margin:0;line-height:1.5;font-size:14px;color:var(--muted,#bdc8b6)}
.ab-mark{display:inline-block;margin-right:6px;font-size:12px;font-weight:700;line-height:1.5;padding:1px 8px;border-radius:999px;vertical-align:1px}
.ab-mark.confirmed{background:#2f4a2c;color:#c9e7ae}
.ab-mark.inferred{background:#4a3a22;color:#f0cf8e}
.ab-card .ab-link,.ab-hidden-row .ab-link{align-self:flex-start;margin-top:auto!important;max-width:100%;min-height:44px;padding:8px 16px 8px 10px;border-radius:12px;font-size:15px;font-weight:600;justify-content:flex-start;gap:10px;text-align:left;margin-top:auto;text-decoration:none}
.ab-page .ab-link:hover,.ab-page .ab-link:focus-visible{border-color:var(--gold,#d6b773);background:#2e3f33;outline:none}
.ab-link-icon{display:inline-grid;place-items:center;width:28px;height:28px;flex:none}
.ab-link-icon img{width:28px;height:28px;object-fit:contain}
.ab-link-arrow{color:var(--gold,#d6b773);font-size:18px;line-height:1}
.ab-hidden-row .ab-link{margin-top:4px;justify-self:start}
.ab-hidden{scroll-margin-top:72px}
.ab-hidden summary{cursor:pointer;list-style:none;display:grid;gap:4px;min-height:44px;padding-right:32px;position:relative}
.ab-hidden summary::-webkit-details-marker{display:none}
.ab-hidden summary::after{content:'▾';position:absolute;right:4px;top:4px;font-size:20px;color:var(--gold,#d6b773);transition:transform .2s}
.ab-hidden[open] summary::after{transform:rotate(180deg)}
.ab-hidden summary h2{display:flex;align-items:center;gap:10px;margin:0;font-size:20px}
.ab-summary-note{color:var(--muted,#bdc8b6);font-size:14px;line-height:1.45}
.ab-hidden ul{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}
.ab-hidden-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;background:#16201b;border:1px solid #2f3d33;border-radius:12px;padding:12px}
.ab-hidden-row>div{display:grid;gap:6px;min-width:0}
.ab-hidden-icon{width:40px;height:40px;object-fit:contain}
.ab-hidden-row h4{margin:0;font-size:16px}
.ab-source{font-size:13px!important}
.ab-hidden .ab-islands{display:inline-flex;vertical-align:middle}
@media (min-width:1100px){.ab-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.ab-grid>.ab-card:last-child:nth-child(odd){grid-column:1/-1}}
@media (max-width:360px){.ab-page .panel.ab-intro,.ab-page .ab-card,.ab-page .ab-hidden{padding:14px 12px}.ab-variant{grid-template-columns:32px minmax(0,1fr);}.ab-letter{width:32px;height:32px;font-size:16px}.ab-share{grid-column:2;justify-self:start}.ab-title{font-size:20px}.ab-title img{width:40px;height:40px}}
@media (prefers-reduced-motion:reduce){.ab-hidden summary::after{transition:none}}
/* Плашки: текст строго по центру по обеим осям. */
.ab-share,.ab-pill,.ab-mark,.ab-count,.ab-jump span,.ab-share-demo{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1;box-sizing:border-box;vertical-align:middle}
.ab-share{min-width:56px;height:28px;padding:0 10px}
.ab-variant.is-legacy .ab-share{padding:0 10px}
.ab-pill{min-height:24px;padding:4px 10px}
.ab-mark{height:22px;padding:0 9px;margin-right:6px;vertical-align:1px}
.ab-share-demo{height:22px;padding:0 9px}
.ab-count,.ab-jump span{height:24px;min-width:24px;padding:0 7px}
/* Оптическая центровка: строчные буквы сидят ниже центра строки, поднимаем текст на 1–1,5 px. */
.ab-share{padding:0 10px 2px}
.ab-variant.is-legacy .ab-share{padding:0 10px 2px}
.ab-pill{padding:2px 10px 5px}
.ab-mark{padding:0 9px 3px}
.ab-share-demo{padding:0 9px 3px}
.ab-count,.ab-jump span{padding:0 7px 1px}

.ab-variant.is-mine{outline:2px solid #abc78b;outline-offset:-2px;border-radius:10px}.ab-variant.is-mine .ab-share{color:#abc78b;font-weight:800}.ab-my-group{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#24352a;border:1px solid #5b7349;color:#dcecad}