/*
Theme Name: ToolsOfBusiness
Theme URI: https://toolsofbusiness.com
Author: ToolsOfBusiness
Description: Clean, responsive technology magazine theme for ToolsOfBusiness.
Version: 1.2.0
Text Domain: toolsofbusiness
*/
*{box-sizing:border-box}body{margin:0;background:#f7f9fc;color:#101827;font:15px/1.6 Inter,system-ui,sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.top{height:32px;background:#071426;color:#b9c8de;text-align:center;padding:7px;font-size:10px;letter-spacing:.12em;overflow:hidden}header{height:76px;background:#fff;border-bottom:1px solid #e6eaf0;display:flex;align-items:center;padding:0 max(16px,calc((100% - 1180px)/2));gap:24px;position:sticky;top:0;z-index:10}.logo{font-size:20px;font-weight:850;white-space:nowrap}.logo b{display:inline-grid;place-items:center;background:#2563eb;color:white;width:34px;height:34px;border-radius:10px;margin-right:7px}.logo span{color:#2563eb}nav{display:flex;gap:17px;margin-left:auto;font-size:13px;font-weight:650}header button{border:0;background:transparent;font-size:20px;cursor:pointer}#menu{display:none}.ticker{background:#fff;border-bottom:1px solid #e6eaf0;padding:8px;white-space:nowrap;overflow:hidden;text-align:center;font-size:11px;color:#667085;font-weight:700;letter-spacing:.08em}.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-top:72px;padding-bottom:70px}.hero small,.section small,.newsletter small{color:#2563eb;font-size:10px;font-weight:800;letter-spacing:.13em}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.05em;margin:14px 0}.hero em{font-style:normal;color:#2563eb}.hero p{font-size:18px;color:#667085;max-width:560px}.btn{display:inline-block;background:#2563eb;color:white;padding:11px 17px;border-radius:10px;border:0;font-weight:750;margin:10px 7px 20px 0;cursor:pointer}.ghost{background:white;color:#101827;border:1px solid #e1e6ee}.feature,.card,.wide,.mini,.tools article{background:white;border:1px solid #e4e8ef;border-radius:18px;overflow:hidden;box-shadow:0 10px 35px rgba(16,24,40,.04)}.art,.pic{height:190px;display:grid;place-items:center;color:white;font-size:34px;font-weight:900;letter-spacing:.08em}.art{height:250px;background:linear-gradient(135deg,#071426,#2563eb);font-size:110px}.ai{background:linear-gradient(135deg,#071426,#2563eb)}.cloud{background:linear-gradient(135deg,#12355f,#4b83d1)}.sec{background:linear-gradient(135deg,#0f172a,#475569)}.guide{background:linear-gradient(135deg,#142d4c,#3b82f6)}.software{background:linear-gradient(135deg,#173f5f,#3caea3)}.review{background:linear-gradient(135deg,#172554,#6366f1)}.pad{padding:22px}.pad h2,.pad h3{line-height:1.25;margin:8px 0}.pad h2{font-size:26px}.pad h3{font-size:19px}.pad p{color:#667085}.meta{color:#8a94a6;font-size:11px}.section{padding:60px 0}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.heading h2{font-size:31px;margin:0;letter-spacing:-.03em}.heading a{color:#2563eb;font-weight:750;font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.airow{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.wide{grid-row:span 2;display:grid;grid-template-columns:1fr 1fr}.big{height:100%;min-height:250px}.mini{padding:22px;display:flex;gap:15px}.mini>b{background:#eef4ff;color:#2563eb;border-radius:10px;padding:8px 11px;height:max-content}.mini h3{margin:6px 0}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tools article{padding:24px}.tools article>b{display:grid;place-items:center;width:42px;height:42px;background:#eef4ff;color:#2563eb;border-radius:12px}.tools p{color:#667085}.darkband{background:#071426;color:white;padding:48px 0}.cats{display:grid;grid-template-columns:repeat(4,1fr)}.cats a{padding:23px;border:1px solid rgba(255,255,255,.1)}.cats b{color:#7da8ff;font-size:11px}.cats h3{margin:16px 0 2px}.cats p{color:#aab8ca;font-size:12px;margin:0 0 12px}.newsletter{background:#eaf2ff;border:1px solid #d6e5ff;border-radius:20px;padding:34px;margin-bottom:70px;display:flex;justify-content:space-between;align-items:center;gap:25px}.newsletter h2{margin:5px 0;font-size:30px}.newsletter p{color:#667085;margin:0}.newsletter form{display:flex;gap:8px}.newsletter input{padding:12px;border:1px solid #d2dbe8;border-radius:10px;min-width:280px}footer{background:#071426;color:#aebbd0;padding:50px 0 18px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.foot h4{color:white}.foot a{display:block;font-size:13px;margin:7px 0}.light{color:white}.bottom{border-top:1px solid #1c2d43;margin-top:35px;padding-top:15px;font-size:11px}.overlay{display:none;position:fixed;inset:0;background:#071426b8;z-index:30;place-items:center;padding:20px}.overlay.open{display:grid}.overlay>div{background:white;border-radius:18px;padding:28px;width:min(600px,100%);position:relative}.overlay button{position:absolute;right:15px;top:8px;border:0;background:transparent;font-size:28px}.overlay input{width:100%;padding:14px;border:1px solid #ddd;border-radius:10px}@media(max-width:1000px){#menu{display:block}.hero{grid-template-columns:1fr}.tools{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(2,1fr)}nav#nav{display:flex;position:fixed;top:0;left:0;width:min(320px,86vw);height:100dvh;background:#fff;border:0;border-radius:0;padding:78px 24px 28px;flex-direction:column;align-items:stretch;gap:0;box-shadow:18px 0 45px rgba(0,0,0,.18);z-index:101;transform:translateX(-105%);transition:transform .28s ease;overflow-y:auto;margin:0}nav#nav.open{transform:translateX(0)}nav#nav .tob-menu{display:flex;flex-direction:column;align-items:stretch;gap:0}nav#nav .tob-menu li{border-bottom:1px solid #edf0f5}nav#nav a{padding:15px 2px;font-size:15px;font-weight:700}nav#nav>a{border-bottom:1px solid #edf0f5;padding:15px 2px}nav#nav .menu-close{display:grid;place-items:center;position:absolute;right:14px;top:18px;width:40px;height:40px;border:0;background:#eef4ff;color:#2563eb;border-radius:10px;font-size:28px;line-height:1;cursor:pointer}#drawerOverlay{display:block;position:fixed;inset:0;background:rgba(7,20,38,.48);z-index:100;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}#drawerOverlay.open{opacity:1;visibility:visible}body.menu-open{overflow:hidden}body.dark nav#nav{background:#0d1b2d;color:#f3f6fb}body.dark nav#nav .tob-menu li,body.dark nav#nav>a{border-color:#263a54}}@media(max-width:650px){.wrap{width:calc(100% - 24px)}.hero{padding-top:42px}.hero h1{font-size:43px}.hero p{font-size:15px}.grid,.tools,.cats{grid-template-columns:1fr}.airow{grid-template-columns:1fr}.wide{grid-template-columns:1fr}.big{min-height:190px}.newsletter{display:block}.newsletter form{display:block}.newsletter input{width:100%;margin:12px 0 8px}.newsletter .btn{width:100%}.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}}body.dark{background:#071426;color:#f3f6fb}body.dark header,body.dark .ticker,body.dark .feature,body.dark .card,body.dark .wide,body.dark .mini,body.dark .tools article,body.dark .overlay>div{background:#0d1b2d;color:#f3f6fb}body.dark .pad p,body.dark .meta{color:#aab8ca}body.dark .ghost{background:#0d1b2d;color:#fff;border-color:#263a54}body.dark .newsletter{background:#102743;border-color:#24466f}body.dark .newsletter input{background:#071426;color:#fff}
.wp-thumb{display:block;width:100%;height:190px;object-fit:cover}.feature .wp-thumb{height:250px;object-fit:cover}.card-img{height:190px}.article-layout{max-width:900px}.single{background:#fff;border:1px solid #e4e8ef;border-radius:18px;padding:36px}.single h1{font-size:clamp(38px,5vw,62px);line-height:1.08;letter-spacing:-.04em;margin:12px 0}.lead{font-size:19px;color:#667085}.single-img{width:100%;height:auto;border-radius:14px;margin:28px 0}.content{font-size:17px;line-height:1.85}.content h2{font-size:30px;line-height:1.25;margin-top:38px}.content h3{font-size:24px}.content img{max-width:100%;height:auto}.content a{color:#2563eb}.content blockquote{border-left:4px solid #2563eb;padding-left:20px;color:#667085}.pagination{margin-top:30px}.pagination a,.pagination span{display:inline-block;padding:8px 12px;border:1px solid #e4e8ef;border-radius:8px;margin:3px}.widget{margin-bottom:20px}

.tob-menu{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none}.tob-menu li{list-style:none;margin:0;padding:0}.tob-menu a{display:block}.menu-close{display:none}@media(max-width:900px){.tob-menu{display:none}}