.support-section{background:var(--surface);padding:96px 0}
.support-section .compatibility-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:95px;max-width:1296px}
.support-section .compatibility-intro>.eyebrow{font-size:18px;color:var(--secondary);margin-bottom:16px}
.support-section h2{font-size:clamp(36px,4.4vw,58px);line-height:1.06;font-weight:650;letter-spacing:-.045em;max-width:410px}
.support-section .compatibility-intro>p:not(.eyebrow){margin-top:23px;color:var(--secondary);font-size:20px;line-height:1.5}
.support-section .release-note{margin-top:35px;padding-top:26px;border-top:1px solid #d9d9df}
.support-section .release-note a{font-size:17px;font-weight:600;display:inline-block;padding:5px 0;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b4b4bb}
.support-section .release-note a:hover{color:var(--blue)}
.support-section .compatibility-table{margin:0}.support-section .compatibility-table>div{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid #d9d9df}
.support-section dt{font-size:15px;font-weight:500;line-height:1.5}.support-section dd{margin:0;font-size:16px;line-height:1.5;color:#5f5f66}
.support-section details{border-bottom:1px solid #d9d9df;scroll-margin-top:115px}.support-section summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-size:17px;font-weight:500}.support-section summary::-webkit-details-marker{display:none}.support-section summary>span{font-size:24px;color:var(--secondary);font-weight:400}.support-section details[open] summary>span{transform:rotate(45deg)}
.support-section .detail-body{padding-bottom:23px}.support-section .detail-body p{font-size:16px;line-height:1.6;color:#5f5f66;margin:0 0 10px}.support-section .detail-body p:last-child{margin:0}
.support-codecs{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding:4px 0 12px}.support-codecs>span{font-size:21px;font-weight:600;color:#1d1d1f;letter-spacing:-.5px}.support-codecs img{height:36px;width:auto}.support-codec-note{font-size:14px}
@media(max-width:900px){.support-section .compatibility-layout{grid-template-columns:1fr;gap:40px}.support-section{padding:70px 0}.support-section .compatibility-intro h2{max-width:600px}.support-section .compatibility-table>div{grid-template-columns:120px 1fr;gap:14px}}
@media(max-width:400px){.support-codecs{gap:16px}.support-codecs>span{font-size:18px}.support-section .compatibility-table>div{grid-template-columns:100px 1fr}.support-section .compatibility-intro>p:not(.eyebrow){font-size:18px}}