.compat-shell{max-width:1120px;margin:auto;padding:26px 20px 54px;color:#302b3c}.compat-intro{padding:20px 0 28px}.compat-intro h1{font-family:serif;font-size:42px;font-weight:500;margin:8px 0 12px}.compat-kicker{color:#67439c;font-size:14px;letter-spacing:.05em}.compat-intro>p{line-height:1.8}.compat-subnav,.compat-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0}.compat-subnav a{padding:12px 18px;border:1px solid #d9cfea;border-radius:14px;text-decoration:none}.compat-subnav [aria-current=page]{color:white;background:#6c43bf}.compat-card{background:#fff;border:1px solid #ded7e8;border-radius:24px;padding:28px;margin:0 0 24px;scroll-margin-top:100px;overflow-wrap:anywhere}.compat-card h2{font-size:27px;line-height:1.5;margin:0 0 12px}.compat-card h3{font-size:23px;margin:0 0 18px;line-height:1.5}.compat-card p{line-height:1.8;margin:12px 0}.compat-help{color:#716b7c;font-size:14px!important;line-height:1.8}.compat-people{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.compat-person{min-width:0;margin:12px 0 18px;padding:22px;border:1px solid #ddd3ed;border-radius:18px;background:#fbf9ff}.compat-person legend{font-size:21px;font-weight:600;padding:0 8px}.compat-page label,.compat-person label,.compat-row label{display:block;min-width:0;font-size:15px;font-weight:600}.compat-person label{margin:0 0 16px}.compat-person label span{font-size:13px;color:#776f80;font-weight:400}.compatibility-page input,.compatibility-page select{display:block;width:100%;box-sizing:border-box;min-height:48px;padding:11px 12px;margin-top:8px;border:1px solid #cfc5dc;border-radius:12px;background:#fff;color:#302b3c;font:inherit;font-weight:400;min-width:0}.compatibility-page input:focus,.compatibility-page select:focus,.compatibility-page button:focus-visible{outline:3px solid #a78bda;outline-offset:2px}.compatibility-page input:disabled,.compatibility-page select:disabled{opacity:.55;background:#f0edf5}.compat-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.compatibility-page button,.compatibility-page .primary{padding:13px 20px;min-height:48px;border-radius:13px;border:1px solid #cdbfe4;background:#f6f1ff;color:#5e3e8d;font:inherit;cursor:pointer}.compatibility-page .primary{background:#6942b7;color:white;border-color:#6942b7;font-weight:600}.compat-actions .primary{flex:1}.compat-error{padding:18px;border:1px solid #c78593;border-radius:14px;color:#7b293e;background:#fff2f4}.compat-notice{background:#f6f1ff;padding:15px 18px;border-radius:14px}.compatibility-page details{margin:14px 0}.compatibility-page summary{cursor:pointer;color:#654293;line-height:1.7}.compatibility-page details[open]>summary{margin-bottom:14px}.compat-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:23px 0}.compat-summary>div{background:#f6f2fb;border-radius:16px;padding:18px}.compat-summary span,.compat-summary strong,.compat-summary small{display:block}.compat-summary strong{font-size:22px;color:#62409b;margin:10px 0;line-height:1.5}.compat-summary span,.compat-summary small{font-size:13px;color:#70667c;line-height:1.7}.compat-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e0d7ed;border-radius:14px;overflow:hidden}.compat-pillars>div{text-align:center;padding:16px 5px;border-right:1px solid #e0d7ed}.compat-pillars>div:last-child{border:0}.compat-pillars span,.compat-pillars strong,.compat-pillars small{display:block}.compat-pillars strong{font-family:serif;font-size:27px;margin:12px 0}.compat-pillars span,.compat-pillars small{font-size:13px;color:#73677f}.compat-table{overflow-x:auto;margin:18px 0}.compat-table table{border-collapse:collapse;width:100%;font-size:15px}.compat-table caption{text-align:left;font-size:14px;color:#776b82;margin:0 0 12px}.compat-table th,.compat-table td{padding:13px 10px;text-align:center;border:1px solid #e2dcec;line-height:1.6}.compat-table th{background:#f6f2fb;font-weight:600}.compat-advice{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compat-advice>section{padding:18px 20px;background:#fbf9fd;border-radius:16px}.compat-advice h4{font-size:18px;margin:0}.compat-advice p{font-size:15px}.compat-method li{margin:12px 0;line-height:1.7}.compat-footer{text-align:center;font-size:14px;color:#7e728a;padding:26px 0}.compat-report:focus{outline:none}
@media(max-width:760px){.compat-shell{padding:16px 14px 34px}.compat-card{padding:20px 17px;border-radius:20px}.compat-intro h1{font-size:35px}.compat-people,.compat-advice{grid-template-columns:minmax(0,1fr);gap:12px}.compat-person{padding:18px 14px}.compat-summary{grid-template-columns:1fr}.compat-summary>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:4px 12px;padding:16px}.compat-summary strong{font-size:20px;margin:0}.compat-summary small{grid-column:2}.compat-card h2{font-size:24px}.compat-card h3{font-size:20px}.compat-actions button{font-size:15px}.compat-actions .primary{flex-basis:100%}.compat-row{gap:10px}.compat-table th,.compat-table td{font-size:13px;padding:11px 7px}.compatibility-page .grouped-categories{margin-bottom:18px}.compat-pillars strong{font-size:26px}}
@media print{.topbar,.category-tabs,.compat-intro,#compat-input,.compat-method,.compat-footer,.compat-actions{display:none!important}body,.compat-shell{background:white!important;color:black!important;max-width:none;padding:0}.compat-card{border:1px solid #ddd;margin:0 0 16px;padding:18px;box-shadow:none}.compat-card h3{break-after:avoid}.compat-card table tr,.compat-advice section,.compat-chart{break-inside:avoid}.compat-people{grid-template-columns:1fr 1fr}.compat-summary{grid-template-columns:repeat(3,1fr)}.compat-help{font-size:10pt!important}.compat-report{font-size:11pt}.compat-table{overflow:visible}.compat-card details:not([open]){display:none}.compat-card p{line-height:1.6}}
.compat-report{scroll-margin-top:105px}