.matching-screens{padding:24px 20px;background:#f7f6f2;border:1px solid #fff;border-radius:10px;box-shadow:0 14px 30px #2c3e5012;text-align:left}.match-kicker{font:600 13px/1.5 Poppins,sans-serif;letter-spacing:.1em;color:#5f6b76;margin:0 0 22px}.match-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.match-pair figure{margin:0;min-width:0}.match-pair figcaption{font:600 23px/1.3 Lora,serif;color:#2c3e50;margin-bottom:14px}.match-pair figcaption span{display:block;font:14px/1.6 Poppins,sans-serif;font-weight:400;margin-top:5px;color:#5f6b76}.match-screen{border:1px solid #9dabb6;background:#fff;border-radius:5px;box-shadow:0 7px 15px #2c3e501c;overflow:hidden;font-family:'Segoe UI',Arial,sans-serif}.match-title{display:flex;justify-content:space-between;gap:3px;background:#e3edf5;padding:10px 7px;font-size:11px;color:#283d4b}.match-menu{display:flex;gap:12px;font-size:12px;background:#f5f5f5;border-bottom:1px solid #ccc;padding:6px}.match-menu b{background:#dceaf5;outline:1px solid #97b7d3;padding:0 3px;font-weight:400}.match-workspace{height:190px;position:relative;display:flex}.match-binder{background:#e9eaf0;width:65%;padding:12px 5px;font-size:10px;line-height:2.6;color:#535d64;overflow:hidden;white-space:nowrap}.match-binder>*{display:block}.match-page{padding:20px 7px;flex:1}.match-page i{display:block;height:2px;margin:9px 0;background:#d9d9d4}.match-dropdown{position:absolute;left:6px;top:0;right:9px;background:#fdfdfd;border:1px solid #b8bec4;box-shadow:3px 5px 7px #0002;padding:5px 0;font-size:14px;color:#222}.match-dropdown>span,.match-command{display:block;padding:9px 13px}.match-command{position:relative;border-top:1px solid #ddd;font-weight:400;background:#deebf5;box-shadow:inset 0 0 0 1px #90b6d5}.match-pointer{position:absolute;right:12px;bottom:-13px;width:24px;height:31px;fill:#fff;stroke:#263d4f;stroke-width:1.6;filter:drop-shadow(1px 2px 1px #0003);opacity:0}.match-taskbar{background:#e6edf3;border-top:1px solid #c4cdd4;padding:6px;text-align:center;color:#366a91;font-size:13px}.match-promise{display:flex;gap:13px;align-items:center;margin-top:26px;border-top:1px solid #ddd9cf;padding-top:22px}.match-promise svg{width:33px;height:33px;flex-shrink:0;stroke:#65856a;stroke-width:3;fill:none}.match-promise p{font:17px/1.6 Poppins,sans-serif;color:#3e4a55;margin:0}.match-promise strong{display:block;font-size:21px;color:#2c3e50}.match-replay{border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:#526d7d;font:14px/1.6 Poppins,sans-serif;padding:12px 0 0;cursor:pointer}.match-replay:focus-visible{outline:3px solid #587b94;outline-offset:4px}.match-click .match-command{background:#d9e9d4;box-shadow:inset 0 0 0 2px #7fa083}.match-click .match-pointer{opacity:1;animation:match-click-in .65s ease-out}.match-screen{transition:box-shadow .5s}.match-click .match-screen{box-shadow:0 0 0 2px #7fa083,0 7px 15px #2c3e501c}@keyframes match-click-in{from{transform:translate(8px,10px);opacity:0}to{transform:translate(0,0);opacity:1}}@media(max-width:480px){.matching-screens{padding:22px 12px}.match-pair{gap:10px}.match-pair figcaption{font-size:21px}.match-pair figcaption span{font-size:12px}.match-title{font-size:9px}.match-dropdown{font-size:13px;left:3px;right:5px}.match-dropdown>span,.match-command{padding:9px}.match-menu{gap:8px}.match-promise p{font-size:16px}.match-promise strong{font-size:20px}}@media(prefers-reduced-motion:reduce){.match-click .match-pointer{animation:none}.match-screen{transition:none}}