
.seo-wrap>.doc-card:first-of-type{padding:18px 22px}.seo-wrap>.doc-card:first-of-type h2{font-size:16px;margin:0 0 8px}.seo-wrap>.doc-card:first-of-type p{font-size:13px;margin:0;line-height:1.65}.compat-matrix{margin:28px 0 36px;border:1px solid #81709b45;border-radius:22px;background:linear-gradient(135deg,#191c2b,#10131e 65%);box-shadow:0 20px 70px #0002;overflow:hidden}.matrix-top{padding:28px 26px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.matrix-eyebrow{color:#b99ce9;font-size:10px;letter-spacing:.14em;font-weight:700}.matrix-top h2{font-size:26px;line-height:1.25;margin:8px 0 0;letter-spacing:-.03em}.matrix-search{display:grid;gap:5px;min-width:200px;font-size:11px;color:#aab0c3}.matrix-search input{width:100%;padding:11px 14px;border-radius:10px;background:#0e121c;border:1px solid #7b71984d;color:#f0eef9;font:inherit;font-size:14px}.matrix-search input:focus-visible{outline:2px solid #b798ee;outline-offset:2px}.matrix-legend{display:flex;gap:20px;flex-wrap:wrap;padding:0 26px 22px;font-size:11px;color:#b6bbcf}.matrix-legend>span{display:flex;align-items:center;gap:7px}.dot{height:6px;width:6px;border-radius:50%;display:inline-block}.dot.yes{background:#7cd7ae}.dot.partial{background:#e6bf79}.dot.no{background:#8992a7}.format-matrix{border-collapse:collapse;width:100%;font-size:13px;table-layout:fixed}.format-matrix thead{background:#9e82d910}.format-matrix th,.format-matrix td{text-align:left;padding:18px 12px;border-top:1px solid #8f86ae23;vertical-align:top}.format-matrix thead th{font-size:10px;letter-spacing:.06em;color:#9ea7be;text-transform:uppercase;font-weight:600;padding-top:12px;padding-bottom:12px}.format-matrix th:first-child{width:24%;padding-left:26px}.format-matrix th:last-child{width:22%}.format-matrix tbody tr:hover{background:#b28cef06}.format-name{display:block;font-size:14px;color:#f1ebff;letter-spacing:.02em}.format-purpose{display:block;font-size:10px;font-weight:400;line-height:1.5;color:#9099af;margin-top:5px}.support-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;line-height:1.45;padding:5px 9px;border-radius:7px;max-width:100%}.support-badge.yes{color:#8adfba;background:#53c99213;border:1px solid #53c99220}.support-badge.partial{color:#edc887;background:#ddab4b10;border:1px solid #ddab4b20}.support-badge.no{color:#9ca6bc;background:#95a3c209;border:1px solid #95a3c215}.matrix-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:6px;color:#bba5e4;font-size:11px;padding:6px 0}.matrix-details summary::-webkit-details-marker{display:none}.matrix-details summary:focus-visible{outline:2px solid #b798ee;outline-offset:4px}.matrix-details details[open] summary>span{transform:rotate(45deg)}.format-notes{font-size:11px;color:#adb6ca;line-height:1.6;overflow-wrap:anywhere}.format-notes p{margin:12px 0}.format-notes dl{margin:0}.format-notes dt{color:#e0d9ed;margin-top:9px;font-weight:600}.format-notes dd{margin:3px 0 0}.matrix-footnote{border-top:1px solid #8f86ae23;padding:16px 26px;font-size:11px;color:#98a2b8;line-height:1.6;margin:0}.matrix-empty{padding:26px;text-align:center;color:#b4bdd0}.mobile-label{display:none}.matrix-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.format-matrix [hidden]{display:none!important}
@media(max-width:760px){.matrix-top{align-items:stretch;flex-direction:column;padding:22px 18px 16px;gap:16px}.matrix-top h2{font-size:24px}.matrix-search{min-width:0}.matrix-legend{padding:0 18px 18px;gap:10px 14px;font-size:10px}.format-matrix,.format-matrix tbody{display:block}.format-matrix thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.format-matrix tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:18px;gap:14px 8px;border-top:1px solid #8f86ae23}.format-matrix th,.format-matrix td{padding:0;border:0;min-width:0}.format-matrix th:first-child{width:auto;padding:0;grid-column:1/-1}.format-name{font-size:17px}.format-purpose{font-size:11px}.mobile-label{display:block;font-size:10px;color:#919bb0;margin-bottom:7px}.support-badge{padding:5px 6px;font-size:10px;gap:4px}.matrix-details{grid-column:1/-1}.matrix-details summary{font-size:12px;padding:9px 0 0;border-top:1px solid #8f86ae18}.format-notes{font-size:12px}.format-notes dl{display:grid;grid-template-columns:90px 1fr;gap:6px}.format-notes dt,.format-notes dd{margin:0}.matrix-footnote{padding:16px 18px}}
