/* The browser-format landing pages (compress-jpeg, compress-png, compress-webp and their Spanish pairs). Loaded after compress.css. */
.seo-article{margin:36px 0 8px;padding-inline:4px}
.seo-article h2{margin:28px 0 10px;font-size:19px;line-height:1.25;letter-spacing:-.01em}
.seo-article p,.seo-article li{font-size:15px;line-height:1.6}
.seo-article p{margin:0 0 12px}
.seo-article ul{margin:0 0 12px;padding-left:20px}
.seo-article li+li{margin-top:6px}
.seo-above{color:var(--muted);font-size:13px}
.seo-article a{color:var(--accent-ink);text-underline-offset:3px}
.seo-mac{margin-top:20px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.seo-related ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.seo-related li+li{margin-top:0}
.seo-related h2{margin-top:24px}
.seo-related a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:99px;font-size:14px;font-weight:600;text-decoration:none}
.seo-related a:hover{background:var(--accent-tint)}

/* Quick facts and how it works: the table every landing page carries, and the versions table of the release notes. Tokens only. */
.seo-facts,.seo-howto,.notes-table{margin:28px 0 8px}
.notes-table{margin-block:24px}
.seo-facts h2,.seo-howto h2,.notes-table h2{margin:0 0 12px;font-size:19px;line-height:1.25;letter-spacing:-.01em}
.seo-facts .table-scroll,.notes-table .table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--solid)}
.seo-facts .table-scroll:focus-visible,.notes-table .table-scroll:focus-visible{outline:3px solid var(--accent-ink);outline-offset:2px}
.spec-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.45;text-align:left}
.spec-table th,.spec-table td{padding:12px 14px;vertical-align:top;border-top:1px solid var(--hair)}
.spec-table thead th{border-top:0;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--surface)}
.spec-table tbody th{width:22%;font-weight:650}
.spec-table caption{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.seo-howto ol{margin:0;padding-left:22px}
.seo-howto li{font-size:15px;line-height:1.6}
.seo-howto li+li{margin-top:6px}