.compat-page{padding-block:clamp(16px,3vw,38px) 24px}.compat-hero{border-block:1px solid var(--line);background:var(--paper);grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);display:grid;overflow:hidden}.compat-hero-copy{align-self:center;padding:clamp(22px,4vw,53px)}.compat-hero h1{max-width:19ch;font-family:var(--display);letter-spacing:-.018em;text-wrap:pretty;margin:11px 0 19px;font-size:clamp(43px,5.7vw,76px);font-weight:400;line-height:.98}.compat-lead{max-width:48ch;margin:0;font-size:clamp(15px,1.7vw,19px);font-weight:470;line-height:1.64}.compat-hero .byline{flex-wrap:wrap;gap:4px 7px;margin-block:17px 22px;display:flex}.compat-hero .byline a{text-underline-offset:3px;text-decoration:underline}.compat-hero .article-jump{margin-top:0}.compat-photo{background:var(--surface);border:1px solid var(--line);border-radius:17px;min-width:0;margin:20px 0 0;overflow:hidden}.compat-photo .product-image{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.compat-photo figcaption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:3px 12px;padding:10px 15px;font-size:12px;line-height:1.45;display:flex}.compat-photo figcaption a{text-underline-offset:3px;text-decoration:underline}.compat-hero .compat-photo{border:0;border-radius:0;grid-template-rows:minmax(0,1fr) auto;margin:0;display:grid}.compat-hero .compat-photo .product-image{height:100%}.compat-layout{grid-template-columns:minmax(0,1fr) minmax(174px,220px);align-items:start;gap:clamp(22px,5vw,68px);margin-top:clamp(24px,4vw,50px);display:grid}.compat-content{min-width:0;font-size:clamp(14px,1.35vw,16px);line-height:1.68}.compat-content>section+section{border-top:1px solid var(--line);margin-top:clamp(28px,4.5vw,50px);padding-top:clamp(20px,3.2vw,36px)}.compat-content [id]{scroll-margin-top:18px}.compat-content h2{font-family:var(--display);letter-spacing:-.014em;text-wrap:pretty;margin:0 0 12px;font-size:clamp(26px,3.2vw,44px);font-weight:400;line-height:1.12}.compat-content h3{margin:0 0 7px;font-size:clamp(17px,1.9vw,22px);line-height:1.3}.compat-content p{margin:0 0 13px}.compat-content a:not(.button):hover{text-underline-offset:3px;text-decoration:underline}.compat-table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-top:18px;overflow:hidden}.compat-table-wrap table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:14px;line-height:1.5}.compat-table-wrap caption{text-align:left;color:var(--muted);padding:11px 14px;font-size:13px;font-weight:750}.compat-table-wrap thead{background:var(--pine);color:#fff}.compat-table-wrap thead th{color:inherit}.compat-table-wrap th,.compat-table-wrap td{text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:12px 14px}.compat-table-wrap thead th:first-child{width:29%}.compat-table-wrap tbody tr+tr{border-top:1px solid var(--line)}.compat-table-wrap tbody tr:nth-child(2n){background:#f4f7f2}.compat-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.compat-panel,.compat-game{border:1px solid var(--line);background:var(--surface);border-radius:16px;min-width:0;padding:clamp(14px,2.5vw,23px)}.compat-panel p:last-child{margin-bottom:0}.compat-panel-summary{color:var(--leaf);font-weight:680}.compat-steps{margin:12px 0 0;padding-inline-start:23px}.compat-steps li{margin-bottom:9px;padding-inline-start:4px}.compat-steps li::marker{color:var(--leaf);font-weight:760}.compat-inline-sources{flex-wrap:wrap;gap:4px 13px;margin:12px 0 0;padding:0;font-size:12px;line-height:1.55;list-style:none;display:flex}.compat-inline-sources a{color:var(--leaf);text-underline-offset:3px;text-decoration:underline}.compat-inline-sources svg{vertical-align:-.08em;width:11px;height:11px}.compat-games{gap:10px;margin-top:16px;display:grid}.compat-game dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:11px 0 0;display:grid}.compat-game dl>div{background:#f3f7f1;border-radius:9px;padding:10px 12px}.compat-game dt{color:var(--pine);margin-bottom:3px;font-weight:760}.compat-game dd{margin:0;font-size:.94em;line-height:1.56}.compat-setting-path{color:var(--pine);background:#e8efe5;border-radius:9px;padding:8px 12px;font-size:.93em;font-weight:740;display:inline-block}.compat-content>.compat-check{border:1px solid var(--line);background:#e8efe5;border-radius:18px;padding:clamp(17px,3vw,30px)}.compat-check .compat-steps,.compat-check li:last-child{margin-bottom:0}.compat-worksheet{margin-top:16px}.compat-content details{border-bottom:1px solid var(--line);padding:10px 0}.compat-content summary{cursor:pointer;padding-block:4px;font-weight:740}.compat-content details p{margin:8px 0 4px}.compat-content .compat-firmware{margin:14px 0 0}.compat-firmware a{text-underline-offset:3px;text-decoration:underline}.compat-shopping{margin-top:15px}.compat-shopping .compat-panel{flex-direction:column;align-items:flex-start;display:flex}.compat-shopping .merchant-button{text-align:left;white-space:normal;margin-top:auto}.compat-shopping .small{margin:8px 0 0}.compat-related{border:1px solid var(--line);background:var(--surface);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:25px;padding:17px 19px;display:flex}.compat-related small,.compat-related strong{display:block}.compat-related small{color:var(--muted)}@media (max-width:950px){.compat-layout{margin-top:22px;display:block}}@media (max-width:690px){.compat-hero{grid-template-columns:minmax(0,1fr)}.compat-hero-copy{padding:21px 18px}.compat-hero h1{max-width:22ch;margin-block:8px 12px}.compat-hero .byline{margin-block:12px 16px}.compat-two{grid-template-columns:minmax(0,1fr)}.compat-table-wrap table{font-size:12.5px}.compat-table-wrap th,.compat-table-wrap td{padding:8px 7px}}@media (max-width:420px){.compat-game dl{grid-template-columns:minmax(0,1fr);gap:6px}}
