body.template-page[data-handle*=compatibility]{--compat-text-primary: #111;--compat-text-secondary: #666;--compat-border-light: rgba(0,0,0,.12);--compat-bg-soft: rgba(0,0,0,.03);--compat-accent: #000}body.template-page[data-handle*=compatibility] .layout-tabs{margin:48px auto 32px;padding:0 16px;max-width:1100px;display:flex;justify-content:center;gap:12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}body.template-page[data-handle*=compatibility] .layout-tabs::-webkit-scrollbar{display:none}body.template-page[data-handle*=compatibility] .layout-tab{flex:0 0 auto;padding:10px 20px;border-radius:999px;border:1px solid var(--compat-border-light);background:#fff;font-size:15px;font-weight:500;color:var(--compat-text-primary);cursor:pointer;white-space:nowrap;transition:all .2s ease}body.template-page[data-handle*=compatibility] .layout-tab:hover{background:var(--compat-bg-soft);border-color:var(--compat-accent)}body.template-page[data-handle*=compatibility] .layout-tab.active,body.template-page[data-handle*=compatibility] .layout-tab.is-active{background:var(--compat-accent);color:#fff;border-color:var(--compat-accent)}@media (min-width: 1024px){body.template-page[data-handle*=compatibility] .layout-tabs.is-sticky{position:sticky;top:72px;z-index:50;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding-top:16px;padding-bottom:12px;border-bottom:1px solid var(--compat-border-light)}}body.template-page[data-handle*=compatibility] .layout-section{max-width:1100px;margin:0 auto;padding:0 16px}body.template-page[data-handle*=compatibility] .layout-panel{display:none}body.template-page[data-handle*=compatibility] .layout-panel.active{display:block}body.template-page[data-handle*=compatibility] .layout-panel>h2{font-size:26px;font-weight:600;letter-spacing:-.01em;margin:96px 0 16px;color:var(--compat-text-primary)}body.template-page[data-handle*=compatibility] .layout-panel>p{max-width:760px;font-size:16px;line-height:1.6;color:var(--compat-text-secondary)}#backToTop{position:fixed;z-index:999;display:flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border-radius:999px;background:#ffffffe6;border:1px solid rgba(0,0,0,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#000;font-size:13px;font-weight:500;cursor:pointer;opacity:.85;transition:opacity .2s ease,transform .2s ease,background-color .2s ease}#backToTop:hover{opacity:1;background:#000;color:#fff}@media (min-width: 769px){#backToTop{right:24px;top:50%;transform:translateY(-50%)}#backToTop:hover{transform:translateY(-50%) translateY(-2px)}}@media (max-width: 768px){#backToTop{right:16px;bottom:20px;top:auto;transform:none}#backToTop:hover{transform:translateY(-2px)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/compatibility.css.map */