/* Dnešní alternativy na stránkách starých dvojic (partial compare/alternatives) */
.alt-s {
    --alt-ink: var(--sn-ink, #1c2429);
    --alt-muted: var(--sn-muted, #6b7a84);
    --alt-line: var(--sn-line, #e3e8ec);
    --alt-orange: var(--sn-orange, #e46305);
    --alt-good: #1f8a4c;
    padding: 44px 0;
    background: #fff;
    border-top: 1px solid var(--alt-line);
    border-bottom: 1px solid var(--alt-line);
    color: var(--alt-ink);
    text-align: left;
}
.alt-h { max-width: 720px; margin-bottom: 20px; }
.alt-k { font-size: 12.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--alt-orange); }
.alt-s .alt-h h2 { font-family: inherit; font-size: 26px; font-weight: 800; letter-spacing: -.3px; line-height: 1.2; margin: 6px 0; text-align: left; color: var(--alt-ink); }
.alt-h p { margin: 0; color: var(--alt-muted); font-size: 15px; }
.alt-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; }
.alt-col { display: flex; flex-direction: column; gap: 10px; }
.alt-old { margin: 0; font-size: 14px; color: var(--alt-muted); }
.alt-old b { color: var(--alt-ink); }
.alt-s a.alt-i { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 14px 16px; border: 1px solid var(--alt-line); border-radius: 12px; background: #fff; color: var(--alt-ink); text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.alt-s a.alt-i:hover { border-color: var(--alt-orange); box-shadow: 0 4px 14px rgba(28, 36, 41, .08); color: var(--alt-ink); text-decoration: none; }
.alt-l { grid-column: 1 / -1; font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--alt-muted); }
.alt-n { font-size: 17px; font-weight: 700; }
.alt-m { grid-column: 1; font-size: 13.5px; color: var(--alt-muted); }
.alt-m b { color: var(--alt-ink); }
.alt-go { grid-column: 2; grid-row: 2 / span 2; align-self: center; font-size: 13.5px; font-weight: 600; color: var(--alt-orange); white-space: nowrap; }
@media (max-width: 700px) {
    .alt-grid { grid-template-columns: 1fr; }
    .alt-s .alt-h h2 { font-size: 22px; }
    .alt-s a.alt-i { grid-template-columns: 1fr; }
    .alt-go { grid-column: 1; grid-row: auto; }
}