.toolnav-page{background:#f5f6f8;color:#20242b}
.toolnav-header{background:#fff;border-bottom:1px solid #e9ebee}
.toolnav-head-inner{max-width:1240px;height:68px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.toolnav-logo{display:block;width:142px;height:46px}.toolnav-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.toolnav-menu-toggle{display:none;width:42px;height:42px;padding:9px;border:0;background:transparent}.toolnav-menu-toggle span{display:block;width:22px;height:2px;margin:5px auto;background:#31363d}
.toolnav-list-page>.toolnav-header{display:none}.toolnav-overlay{display:none}
.toolnav-sidebar{position:fixed;z-index:60;inset:0 auto 0 0;width:180px;background:#fff;border-right:1px solid #e8eaed;overflow-y:auto}
.toolnav-sidebar>.toolnav-logo{width:142px;height:70px;margin:0 18px}
.toolnav-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 8px}.toolnav-sidebar-head h2{font-size:14px;margin:0}.toolnav-sidebar-head button{display:none;border:0;background:transparent;font-size:27px;line-height:1;color:#7b828c}
.toolnav-sidebar nav{display:grid;padding:0 10px 24px;gap:2px}.toolnav-sidebar nav a{padding:10px;border-radius:5px;color:#59616c;font-size:13px}.toolnav-sidebar nav a:hover{color:#168e58;background:#eff8f3}
.toolnav-wrap{margin-left:180px;padding:0 24px 64px}
.toolnav-hero{text-align:center;padding:34px 0 24px}.toolnav-eyebrow,.toolnav-kicker{font-size:10px;letter-spacing:1.5px;color:#15945a;font-weight:700}.toolnav-hero h1{font-size:30px;margin:9px 0 5px;color:#1b2027}.toolnav-hero>p:not(.toolnav-eyebrow){color:#858c96;margin:0 0 17px;font-size:13px}
.toolnav-search{height:46px;max-width:560px;margin:auto;background:#fff;border:1px solid #e3e6ea;border-radius:7px;display:flex;align-items:center;padding:0 15px;gap:10px;box-shadow:0 4px 14px #20242b08}.toolnav-search>span{font-size:24px;color:#7f8792}.toolnav-search input{border:0;outline:0;flex:1;font-size:14px;min-width:0;background:transparent}.toolnav-search kbd{color:#9ba2ad;border:1px solid #e4e7ea;border-radius:4px;padding:2px 6px}
.toolnav-top-ads:not(:has(a)),.toolnav-bottom-ads:not(:has(a)){display:none}.toolnav-top-ads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:26px}.toolnav-top-ads a,.toolnav-bottom-ads a{display:block;overflow:hidden;border-radius:6px}.toolnav-top-ads img,.toolnav-bottom-ads img{display:block;width:100%;height:auto}
.toolnav-section{position:relative;margin:0 0 27px}.toolnav-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:11px;min-height:28px}.toolnav-section-head h2{font-size:17px;margin:0}.toolnav-section-head>a,.toolnav-section-head>span{font-size:12px;color:#8a929e}.toolnav-hot .toolnav-section-head{border-left:3px solid #1fa665;padding-left:10px}.toolnav-hot .toolnav-kicker{margin:0 0 2px;display:block}
.toolnav-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.toolnav-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:3px;width:max-content;max-width:calc(100% - 92px);margin:-2px 0 13px;padding:3px;background:#e9ebee;border-radius:18px}.toolnav-tabs:empty{display:none}.toolnav-tab{height:28px;padding:0 13px;border:0;border-radius:15px;background:transparent;color:#818995;font-size:12px;cursor:pointer}.toolnav-tab:hover{color:#168e58}.toolnav-tab.is-active{background:#1fa665;color:#fff}.toolnav-panel-tab:not(.is-active){display:none}.toolnav-more{color:#737c87;font-size:12px}.toolnav-more:hover{color:#168e58}.toolnav-more-desktop{position:absolute;top:5px;right:0}.toolnav-more-mobile{display:none}
.toolnav-card{min-width:0;min-height:76px;padding:11px;display:flex;gap:10px;background:#fff;border:1px solid #eceef1;border-radius:5px;color:inherit;transition:transform .18s,border-color .18s,box-shadow .18s}.toolnav-card:hover{transform:translateY(-2px);border-color:#b9e2cc;box-shadow:0 7px 18px #1e8a5010}
.toolnav-card[hidden]{display:none!important}
.toolnav-card-icon,.toolnav-detail-icon{width:38px;height:38px;flex:0 0 38px;border-radius:8px;background:#f2f5f7;overflow:hidden}.toolnav-card-icon img,.toolnav-detail-icon img{width:100%;height:100%;object-fit:cover}.toolnav-card-copy{min-width:0;flex:1}.toolnav-card h3{margin:0 0 5px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolnav-card p{margin:0;color:#858d98;font-size:11px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.toolnav-card-copy>span{display:none}
.toolnav-empty,.toolnav-no-results{display:none;color:#9299a3;font-size:13px;padding:14px}.toolnav-no-results{text-align:center}
.toolnav-bottom-ads{margin:20px 0}.toolnav-links:not(:has(a)){display:none}.toolnav-links{padding:19px 0 4px;border-top:1px solid #e3e6e9}.toolnav-links h2{margin:0 0 10px;font-size:15px}.toolnav-links div{display:flex;flex-wrap:wrap;gap:8px 18px}.toolnav-links a{color:#747c87;font-size:12px}.toolnav-links a:hover{color:#178e59}.toolnav-list-page .footer{margin-left:180px}
.toolnav-category-browser{margin-bottom:27px}.toolnav-category-list{align-items:stretch}.toolnav-load-more{display:block;width:160px;margin:28px auto 0;padding:11px 18px;border:1px solid #dfe3e7;border-radius:5px;background:#fff;color:#59616c;text-align:center}.toolnav-load-more:hover{border-color:#9ed2b7;color:#168e58}
.toolnav-detail-shell{margin-left:180px}.toolnav-detail{width:100%;max-width:1180px;margin:30px auto 70px;padding:0 24px}.toolnav-back{display:inline-block;margin-bottom:14px;color:#727b86}.toolnav-detail article{background:#fff;border:1px solid #eceef1;border-radius:8px;overflow:hidden}.toolnav-detail-hero{min-height:430px;padding:48px 54px;display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:center;gap:46px;background:radial-gradient(circle at 13% 12%,#dff7f3 0,transparent 28%),radial-gradient(circle at 88% 88%,#fde9ec 0,transparent 31%),#f4f2f5}.toolnav-detail-preview{width:100%;min-width:0;padding:18px 18px 32px;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.72);border-radius:8px;box-shadow:0 14px 30px rgba(69,77,88,.10)}.toolnav-detail-preview .swiper-slide{height:auto;margin:0;display:flex;flex-direction:column;align-items:center;text-align:center}.toolnav-detail-preview img{display:block;width:100%;height:230px;object-fit:contain;border-radius:6px}.toolnav-detail-preview figcaption{padding:8px 8px 0;color:#7d858f;font-size:12px}.toolnav-detail-preview .swiper-pagination{bottom:11px}.toolnav-detail-preview .swiper-pagination-bullet{width:7px;height:7px;margin:0 4px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.18)}.toolnav-detail-preview .swiper-pagination-bullet-active{background:#19a464}.toolnav-detail-preview .swiper-button-next,.toolnav-detail-preview .swiper-button-prev{width:32px;height:32px;margin-top:-16px;border:0;padding:0;line-height:32px;opacity:.72;background:rgba(32,36,43,.72);font-size:20px}.toolnav-detail-summary{min-width:0;padding:0}.toolnav-detail h1{font-size:32px;line-height:1.25;margin:10px 0 13px}.toolnav-detail-summary>p:not(.toolnav-kicker):not(.toolnav-detail-tags){max-width:620px;color:#6f7782;margin:0;line-height:1.8}.toolnav-detail-tags{margin:12px 0 0;color:#89919c;font-size:13px;line-height:1.7}.toolnav-detail-content{padding:28px 52px 44px;font-size:15px;line-height:1.9;overflow-wrap:anywhere}.toolnav-detail-content img{max-width:100%;height:auto}.toolnav-actions{display:flex;justify-content:flex-start;margin-top:24px}.toolnav-action{min-width:142px;text-align:center;padding:11px 22px;border-radius:5px;background:#19a464;color:#fff;font-weight:650;transition:background .18s,transform .18s}.toolnav-action:hover{background:#138b54;color:#fff;transform:translateY(-1px)}.toolnav-action:active{transform:translateY(1px)}.toolnav-action:focus-visible{outline:2px solid #126f46;outline-offset:3px}.toolnav-action span{margin-left:10px}
.toolnav-detail-preview .swiper-wrapper{align-items:flex-start}
@media(max-width:700px){
.toolnav-header,.toolnav-list-page>.toolnav-header{display:block;position:sticky;z-index:50;top:0}.toolnav-head-inner{height:60px;padding:0 15px}.toolnav-header .toolnav-logo{width:132px;height:42px}.toolnav-list-page .toolnav-menu-toggle{display:block}
.toolnav-overlay{display:block;position:fixed;z-index:65;inset:0;border:0;background:#151a20;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}
.toolnav-sidebar{z-index:70;width:280px;max-width:82vw;transform:translateX(-100%);transition:transform .24s ease;box-shadow:8px 0 24px #11182024}.toolnav-sidebar>.toolnav-logo{display:none}.toolnav-sidebar-head{height:60px;padding:0 18px;border-bottom:1px solid #eceef1}.toolnav-sidebar-head h2{font-size:16px}.toolnav-sidebar-head button{display:block;width:38px;height:38px;padding:0}.toolnav-sidebar nav{padding:10px 12px 24px}.toolnav-sidebar nav a{padding:12px 10px;font-size:14px}
.toolnav-menu-open{overflow:hidden}.toolnav-menu-open .toolnav-sidebar{transform:translateX(0)}.toolnav-menu-open .toolnav-overlay{opacity:.42;visibility:visible}
.toolnav-wrap{margin-left:0;padding:0 15px 42px}.toolnav-hero{padding:27px 0 20px}.toolnav-eyebrow{font-size:9px}.toolnav-hero h1{font-size:26px;margin-top:8px}.toolnav-hero>p:not(.toolnav-eyebrow){font-size:12px}.toolnav-search{height:46px}.toolnav-search kbd{display:none}.toolnav-top-ads{gap:8px;margin-bottom:20px}
.toolnav-section{margin-bottom:25px}.toolnav-section-head h2{font-size:18px}.toolnav-tabs{width:auto;max-width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;margin-bottom:11px;border-radius:6px}.toolnav-tab{flex:0 0 auto}.toolnav-grid{grid-template-columns:1fr;gap:9px}.toolnav-card{min-height:82px;padding:13px;border-radius:7px}.toolnav-card-icon{width:42px;height:42px;flex-basis:42px}.toolnav-card h3{font-size:14px}.toolnav-card p{font-size:12px;-webkit-line-clamp:2}.toolnav-home-page .toolnav-panel .toolnav-card:nth-child(n+7){display:none}.toolnav-home-page.toolnav-searching .toolnav-panel .toolnav-card:nth-child(n+7){display:flex}.toolnav-more-desktop{display:none}.toolnav-more-mobile{display:block;margin-top:11px;padding:10px 0;text-align:center;color:#6f7883}.toolnav-searching .toolnav-more{display:none}.toolnav-bottom-ads{margin:16px 0}.toolnav-list-page .footer{margin-left:0}.toolnav-category-browser{margin-bottom:25px}.toolnav-category-list .toolnav-card{display:flex}
.toolnav-detail-shell{margin-left:0}.toolnav-detail{margin:18px auto 45px;padding:0 12px}.toolnav-detail-hero{min-height:0;padding:20px 16px 26px;display:block}.toolnav-detail-preview{padding:12px 12px 30px}.toolnav-detail-preview img{height:210px}.toolnav-detail-preview .swiper-button-next,.toolnav-detail-preview .swiper-button-prev{width:32px;height:32px;margin-top:-16px;line-height:32px}.toolnav-detail-summary{margin-top:24px}.toolnav-detail h1{font-size:24px;margin-top:8px}.toolnav-detail-summary>p:not(.toolnav-kicker):not(.toolnav-detail-tags){font-size:13px}.toolnav-detail-content{padding:22px 18px 28px;font-size:14px}.toolnav-action{width:100%}
}