/* Native Monitor Finder leaf presentation. Review pages and the shared canvas are untouched. */
.monitorFinder .topbar{grid-template-columns:minmax(0,auto) minmax(0,1fr)}
.monitorFinder .topbar :is(.brand,.topnav,.topRight){min-width:0;max-width:100%}
.monitorFinder .topbar .brand{white-space:normal;overflow-wrap:anywhere}
.monitorFinder .topbar .brand>span{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.monitorFinder .topbar .brand>img{flex-shrink:0}
.monitorFinder .topbar #dataStatus{max-width:100%;white-space:normal!important;overflow-wrap:anywhere}
@media(max-width:1100px){.monitorFinder .topbar{grid-template-columns:minmax(0,1fr)}}
.monitorFinder .monitorHero>div>p{max-width:52ch;line-height:1.7;color:#c6dce7}
.monitorFinder :is(h1,h2,h3){min-width:0;max-width:100%;overflow-wrap:anywhere}
.monitorFinder #finder .option{min-width:0;white-space:normal;overflow-wrap:anywhere}
.monitorFinder #finder .option :is(b,small){min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.monitorFinder .monitorHeroVisual,.monitorFinder .monitorCard .monitorMedia,.monitorFinder .winnerSpotlight>.monitorMedia{background:#f4f8fb;border-color:#c5dce5;padding:22px;box-sizing:border-box}
.monitorFinder .monitorHeroVisual img,.monitorFinder .monitorMedia img{object-fit:contain;object-position:center;transform:none;filter:none;mix-blend-mode:normal}
.monitorFinder .monitorHeroVisual img{width:100%;max-width:520px;height:270px}
.monitorFinder .winnerSpotlight .monitorMedia img{width:100%;height:300px}
.monitorFinder .monitorCard .monitorMedia{min-height:235px}
.monitorFinder .monitorCard .monitorMedia img{width:100%;height:210px}
.monitorFinder .monitorMedia.hasImage .monitorFallback{opacity:0;visibility:hidden}
.monitorFinder .monitorMedia.isFallback .monitorFallback{opacity:1;visibility:visible}
.monitorFinder .monitorMedia img[hidden]{display:none}
.monitorFinder .monitorFallback{color:#294b5e}
.monitorFinder .monitorImageStatus{color:#294b5e;font-size:13px;line-height:1.5;text-align:center;max-width:100%;overflow-wrap:anywhere}
.monitorFinder .monitorMedia.isFallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.monitorFinder .monitorMedia.isFallback .monitorFallback{position:static;width:100%}
.monitorFinder .monitorMedia.isFallback .monitorFallback svg{width:auto;max-width:100%;height:125px}
.monitorFinder .monitorMedia.isFallback .mediaLabel{position:static;max-width:100%;text-align:center;overflow-wrap:anywhere}
.monitorFinder .monitorImageStatus[hidden]{display:none}
.monitorFinder :is(.monitorHero .heroActions .btn,.decisionActions .btn,.cardBody>.heroActions .btn,.bigMatchBtn){min-height:52px;height:auto;max-height:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:14px;box-sizing:border-box;line-height:1.4;text-align:center;white-space:normal}
.monitorFinder :is(.monitorHero .heroActions .btn.primary,.cardBody>.heroActions .btn.primary,.bigMatchBtn){background:linear-gradient(120deg,#65c2ff,#8be1c0);color:#082439;border-color:#89d6e2;font-weight:850;box-shadow:0 7px 20px rgba(28,142,166,.16)}
.monitorFinder :is(.monitorHero .heroActions .btn,.decisionActions .btn,.cardBody>.heroActions .btn,.bigMatchBtn,.option):focus-visible{outline:3px solid #9ae7d2;outline-offset:4px}
.monitorFinder .commerce .btn{justify-content:center;text-align:center;gap:10px;min-height:48px;border-radius:13px}
.monitorFinder .commerce .commerceLabel{margin-left:0;flex:0 1 auto;text-align:center;overflow-wrap:anywhere}
.monitorFinder .monitorFinderGuide{margin:18px 0;border:1px solid #285468;border-radius:16px;background:rgba(10,39,57,.68);overflow:hidden}
.monitorFinder .monitorFinderGuide>summary{min-height:52px;padding:14px 18px;box-sizing:border-box;cursor:pointer;color:#cbe9ef;font-size:14px;font-weight:800;line-height:1.5;list-style-position:inside}
.monitorFinder .monitorFinderGuide>summary:focus-visible{outline:3px solid #9ae7d2;outline-offset:-4px}
.monitorFinder .monitorFinderGuideGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:2px 18px 18px}
.monitorFinder .monitorFinderGuideGrid article{min-width:0;padding:14px;border:1px solid #234658;border-radius:12px;background:#0c2435}
.monitorFinder .monitorFinderGuideGrid b{display:block;color:#8be1c7;font-size:14px;line-height:1.45}
.monitorFinder .monitorFinderGuideGrid p{margin:8px 0 0;font-size:14px;line-height:1.65;color:#c1d6e1}
@media(max-width:700px){.monitorFinder .monitorHero .heroActions{display:grid;grid-template-columns:1fr;gap:10px}.monitorFinder .monitorHero .heroActions .btn{width:100%;min-height:54px;flex:none}.monitorFinder .monitorHeroVisual{padding:18px;min-height:240px}.monitorFinder .monitorHeroVisual img{height:205px}.monitorFinder .winnerSpotlight .monitorMedia img{height:215px}.monitorFinder .monitorFinderGuideGrid{grid-template-columns:1fr}.monitorFinder .monitorFinderGuide>summary{padding:14px}.monitorFinder .commerce .commerceLabel{flex:1 1 100px;text-align:center}.monitorFinder .winnerBody>.decisionActions .btn{flex:1 1 100%;width:100%;min-height:54px}}
