/* NodoZone 1.1.10: left drawer, accessible keyboard navigation. */
.history-shell{max-width:1240px}.history-filters{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr auto auto;align-items:end;gap:14px;padding:24px;border:1px solid #e1e4f0;border-radius:18px;background:#fff;margin:0 0 24px}.history-filters label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600;min-width:0}.history-filters select,.history-filters input{width:100%;min-width:0;height:45px;border:1px solid #d9dcec;border-radius:9px;padding:10px;font:inherit;background:#fff}.history-filters button{height:45px;padding:0 15px;border:1px solid #dbd9ee;background:#fff;border-radius:9px;color:#5350ff;font:inherit;font-size:13px;cursor:pointer}.history-filters .history-apply{color:#fff;background:#5350ff;border-color:#5350ff}.history-count{font-size:14px;color:#69768d;margin-bottom:25px}.history-pagination{margin-top:32px}.history-pagination a{display:grid;place-items:center;min-width:42px;min-height:42px;padding:10px 14px;background:#fff;border:1px solid #dedfeb;border-radius:9px;text-decoration:none;color:#17233e}.history-pagination a.active{background:#5350ff;color:#fff;border-color:#5350ff}@media(max-width:1000px){.history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.history-filters{padding:18px;gap:12px}.history-filters label:first-child,.history-filters label:nth-child(4){grid-column:1/-1}.history-grid{grid-template-columns:1fr}.history-pagination{flex-wrap:wrap;gap:8px}}
.navigation-open{overflow:hidden}.nav-backdrop{position:fixed;inset:0;border:0;background:#101a3a80;z-index:80;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s;cursor:pointer}.navigation-open .nav-backdrop{opacity:1;visibility:visible}.site-drawer{position:fixed;inset:0 auto 0 0;width:min(360px,90vw);height:100dvh;background:#fff;z-index:81;box-shadow:12px 0 60px #111c3420;display:flex;flex-direction:column;transform:translateX(-105%);visibility:hidden;transition:transform .25s ease,visibility .25s}.navigation-open .site-drawer{transform:translateX(0);visibility:visible}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:24px 22px;border-bottom:1px solid #e8ebf3;flex-shrink:0}.drawer-head .brand b{font-size:25px}.drawer-head .brand img{width:30px!important;height:30px!important;display:block!important}.drawer-head>button{width:36px;height:36px;background:#f2f0ff;color:#5350ff;border:0;border-radius:10px;display:grid;place-items:center;cursor:pointer}.site-drawer>nav{overflow-y:auto;padding:14px 16px;flex:1}.site-drawer>nav>a{display:flex;align-items:center;justify-content:space-between;padding:15px 12px;border-radius:9px;color:#17233e;font-weight:650;border-bottom:1px solid #f0f1f6;font-size:15px;text-decoration:none}.site-drawer>nav>a:hover{background:#f1efff;color:#5350ff}.site-drawer .action-icon{width:17px;height:17px}.drawer-label{display:block;font-size:10px;font-weight:800;letter-spacing:1.5px;color:#8a90a8;padding:24px 12px 8px}.drawer-footer{padding:20px 26px;border-top:1px solid #e8ebf3}.drawer-footer>small{display:block;font-size:11px;color:#8290a6;margin-top:14px}.drawer-footer .social-links{justify-content:flex-start}.site-drawer button:focus-visible,.site-drawer a:focus-visible{outline:3px solid #b5afff;outline-offset:1px}.reading-article .follow-dock{--follow-reserve:180px;bottom:max(125px,calc(env(safe-area-inset-bottom) + 120px))}@media(prefers-reduced-motion:reduce){.site-drawer,.nav-backdrop{transition:none}}

.tools-tiles{grid-template-columns:minmax(0,480px);justify-content:center}.tool-modes{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.tool-modes span{padding:7px 12px;border-radius:18px;background:#efecff;color:#6553e7;font-size:13px;font-weight:700}.tile-comparator{padding:28px}.tile-comparator .tool-symbol{width:48px;height:48px;margin-bottom:16px}.tile-comparator h2{font-size:29px;margin:10px 0}.tile-comparator p{font-size:15px;line-height:1.6;margin-bottom:16px}.tile-comparator .tile-brands{margin:8px 0}.tile-comparator>b{padding-top:16px}@media(max-width:550px){.tile-comparator{aspect-ratio:auto;min-height:360px;padding:24px}.tile-comparator h2{font-size:26px}}
