.method-dock{position:absolute;inset:auto 18px 18px 18px;z-index:14;min-height:190px;height:64%;max-height:540px;display:grid;grid-template-rows:auto 1fr auto;background:rgba(4,12,16,.96);border:1px solid rgba(84,229,194,.32);backdrop-filter:blur(14px);color:#dcecef;overflow:hidden;animation:method-rise .2s ease-out}
.method-dock[hidden]{display:none}.method-dock-head{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #233b44}.method-dock-head strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.method-dock-head span{font-size:10px;color:#8fa7af}.method-tabs{display:flex;gap:4px;margin-left:auto}.method-tabs button,.method-close{border:1px solid #28434c;background:#0a1a20;color:#a9bec5;padding:5px 8px;font:10px ui-monospace,monospace;cursor:pointer}.method-tabs button.active{border-color:#54e5c2;color:#54e5c2}.method-close{font-size:14px;line-height:1;padding:5px 8px}
.method-content{min-height:0;overflow:auto;padding:12px}.method-compare-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:1px;background:#20343c;border:1px solid #20343c}.method-pane{min-width:0;background:#071318;padding:9px}.method-pane header{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px;font:10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.07em}.method-pane header b{color:#dcecef}.method-pane header span{color:#54e5c2}.method-pane img{display:block;width:100%;height:156px;object-fit:contain;background:#020608}.method-pane p{margin:7px 0 0;color:#8fa7af;font-size:10px;line-height:1.4}.method-pane.empty{display:grid;place-content:center;min-height:205px;text-align:center;color:#71878f}
.method-facts{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:1px;background:#20343c;border:1px solid #20343c}.method-fact{background:#071318;padding:12px}.method-fact span{display:block;color:#8fa7af;font:9px ui-monospace,monospace;text-transform:uppercase}.method-fact b{display:block;margin-top:4px;font-size:18px}.method-evidence{display:flex;gap:12px;flex-wrap:wrap;padding:9px 12px;border-top:1px solid #233b44;font:10px ui-monospace,monospace}.method-evidence a{color:#54e5c2;text-decoration:none}.method-native-shortcuts{display:flex;gap:5px;flex-wrap:wrap}.method-native-shortcuts button{border:1px solid #2a7568;background:#0a211f;color:#8ff5dc;padding:4px 7px;font:9px ui-monospace,monospace;cursor:pointer}.method-native-shortcuts button:hover{border-color:#54e5c2;color:#eafffa}.method-evidence .warning{margin-left:auto;color:#f3b75f}.method-status-copy{max-width:760px;padding:18px 8px}.method-status-copy h3{font-size:16px;margin:0 0 7px}.method-status-copy p{color:#9ab0b8;line-height:1.55}.method-status-copy code{color:#f3b75f}.method-status-grid{display:grid;grid-template-columns:minmax(130px,.35fr) minmax(260px,1fr);gap:0;margin:16px 0 0;border:1px solid #233b44}.method-status-grid dt,.method-status-grid dd{margin:0;padding:9px 11px;border-bottom:1px solid #1a3038}.method-status-grid dt{color:#8fa7af;background:#08171c;text-transform:uppercase;font:9px ui-monospace,monospace;letter-spacing:.08em}.method-status-grid dd{color:#dcecef;font:11px ui-monospace,monospace}.method-status-grid dt:last-of-type,.method-status-grid dd:last-of-type{border-bottom:0}.method-match-layout{display:grid;grid-template-columns:minmax(280px,1.4fr) minmax(240px,.6fr);gap:14px}.method-match-layout img{width:100%;max-height:330px;object-fit:contain;background:#020608}.method-match-copy{border-left:1px solid #233b44;padding-left:14px}.method-match-layout.no-image{grid-template-columns:1fr}.method-match-layout.no-image .method-match-copy{border-left:0;padding-left:0;max-width:780px}.method-match-copy dl{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0}.method-match-copy dt{color:#8fa7af}.method-match-copy dd{margin:0;color:#dcecef;font-weight:700}
@keyframes method-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:980px){.method-compare-grid{grid-template-columns:repeat(4,260px);overflow-x:auto}.method-match-layout{grid-template-columns:1fr}.method-match-copy{border-left:0;border-top:1px solid #233b44;padding:12px 0 0}.method-dock{height:78%;max-height:540px}}@media(prefers-reduced-motion:reduce){.method-dock{animation:none}}
.consistency-lab{display:grid;gap:12px}.consistency-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #233b44;padding:2px 2px 12px}.consistency-intro span{display:block;color:#54e5c2;font:9px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.consistency-intro h3{margin:3px 0 5px;font-size:18px}.consistency-intro p{max-width:78ch;margin:0;color:#9ab0b8;font-size:11px;line-height:1.55}.consistency-intro code{flex:0 0 auto;color:#f3b75f;font:10px ui-monospace,monospace}.consistency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.consistency-card{min-width:0;padding:13px;border:1px solid #233b44;background:#071318}.consistency-card.validated{border-color:#2a7568}.consistency-card>header{display:flex;justify-content:space-between;gap:12px;align-items:center}.consistency-card h4{margin:0;font-size:14px}.consistency-card>header span{color:#54e5c2;font:9px ui-monospace,monospace;text-transform:uppercase}.consistency-card.unavailable>header span{color:#f3b75f}.consistency-card>p{color:#9ab0b8;font-size:11px}.consistency-support{display:grid;gap:6px;margin:12px 0}.consistency-support span{color:#8fa7af;font:9px ui-monospace,monospace;text-transform:uppercase}.consistency-support i{display:block;height:4px;background:#173039;overflow:hidden}.consistency-support b{display:block;height:100%;background:#54e5c2}.consistency-card dl{display:grid;grid-template-columns:1fr auto;gap:7px;margin:0}.consistency-card dt{color:#8fa7af;font-size:10px}.consistency-card dd{margin:0;color:#dcecef;font:600 10px ui-monospace,monospace}.consistency-boundary{margin:0;color:#f3b75f;font:9px/1.5 ui-monospace,monospace}@media(max-width:760px){.method-dock{inset:auto 8px 8px}.method-dock-head{display:grid;grid-template-columns:minmax(0,1fr) auto}.method-dock-head strong{grid-column:1;grid-row:1}.method-dock-head>span{display:none}.method-tabs{grid-column:1/-1;grid-row:2;min-width:0;margin-left:0;overflow-x:auto}.method-tabs button{flex:0 0 auto}.method-close{grid-column:2;grid-row:1}.method-content,.method-evidence{min-width:0}.method-evidence .warning{margin-left:0}.consistency-intro{display:grid}.consistency-grid{grid-template-columns:1fr}}
.method-reliability{color:#f3b75f!important;border-top:1px solid #233b44;padding-top:7px;font-family:ui-monospace,monospace}
@media(max-width:980px){.method-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible}}
@media(max-width:760px){.method-compare-grid{grid-template-columns:1fr}.method-pane img{height:auto;max-height:240px}.method-tabs button{min-height:44px}.method-close{min-width:44px;min-height:44px}}
