.compatibility-catalog .library-catalog-intro{max-width:980px;margin:16px 0 34px}.compatibility-catalog .library-catalog-intro h1{margin-bottom:16px;font-size:clamp(36px,4.2vw,58px)}.compatibility-catalog .library-catalog-intro h1 em{margin-top:10px;font-size:.68em;line-height:1.3;display:block}.compatibility-catalog .library-catalog-intro>p:last-child{max-width:760px;font-size:17px;line-height:1.6}.compatibility-catalog .element-fire{--element-color:#a54f34;--element-wash:#f3e3d7}.compatibility-catalog .element-earth{--element-color:#56684f;--element-wash:#e8eddf}.compatibility-catalog .element-air{--element-color:#896822;--element-wash:#f2ead6}.compatibility-catalog .element-water{--element-color:#4c6c7c;--element-wash:#e2ebed}.compatibility-explorer{background:#f3f0e7;border:1px solid #dddccf;border-radius:16px;padding:28px 32px 20px}.compatibility-explorer-heading{text-align:center;margin-bottom:26px}.compatibility-explorer-heading .library-eyebrow{margin-bottom:9px}.compatibility-explorer-heading h2{font:400 32px/1.2 var(--z-prose);letter-spacing:-.025em;margin:0}.compatibility-explorer-heading>p:last-child{color:var(--z-text-muted);margin:9px 0 0;font-size:14px}.compatibility-visual-form{grid-template-columns:minmax(0,1fr) 320px minmax(0,1fr);align-items:center;gap:8px 32px;max-width:960px;margin:auto;display:grid}.compatibility-choice{text-align:center;background:#fbf8f2;border:1px solid #dddace;border-radius:12px;min-width:0;padding:18px}.compatibility-choice-first{grid-area:1/1}.compatibility-choice-second{grid-area:1/3}.compatibility-choice label{color:#53665b;font:600 12px/1.4 var(--z-ui);display:block}.compatibility-choice-art{justify-content:center;align-items:center;height:180px;margin:6px 0;display:flex}.compatibility-choice-art img{object-fit:contain;width:104px;height:104px}.compatibility-choice-art.has-sign img{width:160px;height:180px}.compatibility-choice select{color:#292d30;width:100%;min-height:48px;font:500 15px/1.4 var(--z-ui);background:#fffdf8;border:1px solid #bfc7bb;border-radius:6px;padding:10px}.compatibility-choice-detail{min-height:20px;font:400 12px/1.5 var(--z-ui);color:var(--element-color,#606565);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:10px 0 0;display:flex}.compatibility-wheel{text-align:center;grid-area:1/2;min-width:0;margin:0}.compatibility-wheel-graphic{width:300px;height:300px;margin:0 auto;position:relative}.compatibility-wheel .recharts-wrapper{outline:none}.compatibility-wheel-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:97px 76px}.compatibility-wheel-center>span{font:400 22px/1.15 var(--z-prose);color:#375b50}.compatibility-wheel-center>small{font:400 10px/1.4 var(--z-ui);color:#606565;margin-top:7px}.compatibility-wheel figcaption{font:400 17px/1.3 var(--z-prose);margin:3px 0 12px}.compatibility-element-key{flex-wrap:wrap;justify-content:center;gap:13px;display:flex}.compatibility-element-key>span{font:500 11px/1.4 var(--z-ui);color:var(--element-color);align-items:center;gap:4px;display:inline-flex}.compatibility-explorer-action{text-align:center;grid-column:1/-1;padding-top:18px}.compatibility-explorer-action button{color:#fffdf8;min-height:50px;font:500 15px/1.4 var(--z-ui);cursor:pointer;background:#375b50;border:1px solid #375b50;border-radius:7px;justify-content:center;align-items:center;gap:14px;padding:12px 30px;display:inline-flex}.compatibility-explorer-action button:hover{background:#234b3e}.compatibility-explorer-action>p{color:#606565;min-height:18px;font:400 12px/1.5 var(--z-ui);margin:10px 0 0}.compatibility-explorer-note{text-align:center;color:#606565;max-width:700px;font:400 12px/1.65 var(--z-ui);border-top:1px solid #dedccf;margin:24px auto 0;padding-top:18px}.compatibility-directory-intro{justify-content:space-between;align-items:end;gap:20px;margin:48px 0 20px;display:flex}.compatibility-directory-intro h2{font:400 32px/1.2 var(--z-prose);letter-spacing:-.025em;margin:0}.compatibility-directory-intro p{color:#606565;margin:0;font-size:13px}.compatibility-catalog .library-sign-jump{gap:8px;margin:20px 0 30px}.compatibility-catalog .library-sign-jump a{background:#f5f2e9;border-radius:6px;gap:7px;padding:9px 12px}.compatibility-catalog .library-pair-directory{gap:22px}.compatibility-sign-group{background:#faf7ef;border:1px solid #dddccf;border-radius:12px;padding:24px}.compatibility-sign-heading{border-bottom:1px solid #e1e0d7;justify-content:space-between;align-items:center;gap:15px;min-height:130px;margin-bottom:12px;display:flex}.compatibility-sign-heading>div{min-width:0;padding-bottom:16px}.compatibility-sign-heading .compatibility-element-label{font:500 11px/1.4 var(--z-ui);color:var(--element-color);background:var(--element-wash);border-radius:4px;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.compatibility-sign-heading h2{margin:10px 0 5px;font-size:27px}.compatibility-sign-heading p{color:#606565;margin:0;font-size:12px}.compatibility-sign-heading img{object-fit:contain;flex-shrink:0;align-self:end;width:88px;height:128px}.compatibility-catalog .library-pair-links a{align-items:center;padding:11px 0;font-size:13px;line-height:1.45}.compatibility-catalog .library-pair-links a:hover{text-underline-offset:3px;text-decoration:underline}@media (max-width:1050px){.compatibility-visual-form{grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:8px 16px}.compatibility-explorer{padding-inline:20px}.compatibility-choice{padding:12px}}@media (max-width:760px){.compatibility-catalog .library-catalog-intro{margin:8px 0 26px}.compatibility-catalog .library-catalog-intro h1{font-size:36px}.compatibility-catalog .library-catalog-intro h1 em{font-size:24px}.compatibility-catalog .library-catalog-intro>p:last-child{font-size:16px}.compatibility-explorer{border-radius:12px;padding:22px 12px 18px}.compatibility-explorer-heading{margin-bottom:20px}.compatibility-explorer-heading h2{font-size:27px}.compatibility-explorer-heading>p:last-child{font-size:13px}.compatibility-visual-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.compatibility-choice{padding:12px 8px}.compatibility-choice-first{grid-column:1}.compatibility-choice-second{grid-column:2}.compatibility-choice-art{height:126px}.compatibility-choice-art img{width:75px;height:75px}.compatibility-choice-art.has-sign img{width:100%;height:126px}.compatibility-choice select{padding:9px 5px;font-size:14px}.compatibility-choice-detail{gap:3px;font-size:10px}.compatibility-explorer-action{grid-row:2;padding-top:0}.compatibility-explorer-action button{width:100%;padding-inline:10px}.compatibility-wheel{grid-area:3/1/auto/-1;padding-top:8px}.compatibility-wheel-graphic{width:300px;height:300px}.compatibility-explorer-note{margin-top:20px}.compatibility-directory-intro{margin-top:36px;display:block}.compatibility-directory-intro h2{font-size:28px}.compatibility-directory-intro p{margin-top:10px}.compatibility-sign-group{padding:18px}.compatibility-sign-heading h2{font-size:25px}.compatibility-catalog .library-pair-links{gap:0 12px}}@media (max-width:389px){.compatibility-wheel-graphic{width:250px;height:250px}.compatibility-wheel-graphic>div:first-child{transform-origin:0 0;transform:scale(.833333)}.compatibility-wheel-center{inset:76px 62px}.compatibility-wheel-center>span{font-size:20px}}@media (max-width:359px){.compatibility-explorer{padding-inline:8px}.compatibility-sign-heading h2{font-size:23px}.compatibility-catalog .library-pair-links{grid-template-columns:1fr}}