/*
Theme Name: TechFutureHubs Original
Theme URI: https://techfuturehubs.com/
Author: TechFutureHubs
Description: Responsive technology blog based on the supplied static TechFuture Hub design, with native WordPress posts and categories.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: techfuturehubs-original
*/
:root{--navy:#071b3d;--navy2:#0a2854;--blue:#086cf2;--light:#edf4ff;--text:#101d34;--muted:#637189;--line:#e1e9f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.55 Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:#f8fbff}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{background:#061633;color:#dbe8ff;display:flex;justify-content:space-between;padding:7px max(24px,calc((100vw - 1440px)/2));font-size:12px}.topbar div{display:flex;gap:25px}.topbar a:hover{color:#58b8ff}.header{background:linear-gradient(110deg,#061b3c,#0a2855);color:white;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px max(24px,calc((100vw - 1440px)/2));box-shadow:0 3px 18px #081b3c1b}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-icon{font-size:43px;color:#13baff;line-height:1}.brand strong{display:block;font-size:28px;letter-spacing:-1.3px;line-height:1.1}.brand em{color:#10bafa;font-style:normal}.brand small{font-size:11px;letter-spacing:.1px}.header nav{display:flex;align-items:center;gap:4px}.header nav a{font-weight:650;font-size:13px;padding:11px 13px;border-radius:9px;white-space:nowrap}.header nav a:hover,.header nav a.active{background:var(--blue)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:28px}main{max-width:1488px;margin:auto;padding:18px 22px 45px}.hero{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;min-height:350px}.hero-main,.side-feature{position:relative;border-radius:13px;overflow:hidden;background-size:cover;background-position:center;isolation:isolate}.hero-main{min-height:350px;background-image:linear-gradient(90deg,#060a2de8 0%,#101a4ba0 50%,#0b16441c 100%),url('https://images.unsplash.com/photo-1677442136019-21780ecad995?w=1400&q=85')}.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:13px}.phone-feature{background-image:linear-gradient(90deg,#09112cc9,#09112c28),url('https://images.unsplash.com/photo-1592750475338-74b7b21085ab?w=900&q=85')}.chat-feature{background-image:linear-gradient(90deg,#081a3bde,#081a3b40),url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=900&q=85')}.hero-overlay{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:26px;color:white}.hero-main h1{font-size:clamp(27px,3vw,43px);line-height:1.13;max-width:660px;letter-spacing:-1px;margin:12px 0 8px}.hero-main p{font-size:16px;max-width:580px;margin:0 0 17px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;font-size:13px}.tag{background:#0878f5;border-radius:20px;padding:4px 13px;color:white;font-size:12px;font-weight:750}.tag.violet{background:#6332ed}.btn{border:0;background:var(--blue);color:white;padding:11px 22px;border-radius:25px;font-weight:750}.btn:hover,.newsletter button:hover,.search-box button:hover{background:#0054c4}.side-feature .hero-overlay{padding:18px 21px}.side-feature h2{font-size:21px;line-height:1.22;max-width:370px;margin:9px 0}.text-link{border:0;background:transparent;color:white;padding:0;font-weight:750}.category-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:24px 0 28px;background:#eaf2ff;border-radius:13px;padding:16px 10px}.category-strip button{background:transparent;border:0;border-right:1px solid #c9daf4;padding:8px 10px;color:#0765e9;font-size:24px;text-align:center}.category-strip button:last-child{border:0}.category-strip button:hover{background:#dceaff;border-radius:9px}.category-strip strong,.category-strip small{display:block;color:#13223d}.category-strip strong{font-size:14px}.category-strip small{font-size:11px;font-weight:400}.content-layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(280px,.85fr);gap:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:17px}.section-heading h2{font-size:25px;letter-spacing:-.5px;margin:0 0 10px;padding-left:12px;border-left:5px solid var(--blue);line-height:1.15}.section-heading button{border:0;background:transparent;color:#0765e9;font-weight:700}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 3px 8px #132f5510;display:flex;flex-direction:column}.article-card:hover{box-shadow:0 10px 24px #17315a21;transform:translateY(-2px);transition:.2s}.card-image{height:155px;background-size:cover;background-position:center;position:relative}.card-image span{position:absolute;bottom:9px;left:10px}.card-body{padding:13px;display:flex;flex-direction:column;flex:1}.card-body h3{font-size:17px;line-height:1.26;margin:0 0 10px}.card-body p{color:var(--muted);font-size:12px;margin:0 0 12px;flex:1}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--muted);font-size:11px}.card-footer button{background:transparent;border:0;color:var(--blue);font-weight:800;padding:0}.search-box{display:flex;background:white;border:1px solid #d6e3f8;border-radius:10px;padding:5px;box-shadow:0 3px 8px #17315a12}.search-box input{border:0;outline:0;padding:8px;min-width:0;flex:1;font-size:13px}.search-box button,.newsletter button{background:var(--blue);border:0;color:white;border-radius:7px;padding:7px 15px;font-weight:750}.search-box button{font-size:22px}.sidebar{display:flex;flex-direction:column;gap:14px}.sidebar-card{background:#edf4ff;border:1px solid #cfdef7;border-radius:10px;padding:15px}.newsletter-title{display:flex;align-items:flex-start;gap:12px}.newsletter-title>span{font-size:32px;color:var(--blue)}.newsletter h3{margin:0;font-size:17px;line-height:1.3}.newsletter p{margin:2px 0 10px;font-size:12px}.newsletter form{display:flex;gap:5px}.newsletter input{width:100%;min-width:0;border:1px solid #cad9ee;border-radius:6px;padding:9px;font-size:12px}.newsletter .notice{font-size:10px;color:#53647e;margin:8px 0 0}.trending{background:white;border-radius:10px;overflow:hidden}.trending h3{background:#064fba;color:white;margin:0;padding:9px 15px;font-size:18px}.trend-item{display:flex;gap:10px;align-items:center;padding:12px 7px;border-bottom:1px solid var(--line)}.trend-num{background:var(--blue);color:white;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;font-size:13px;font-weight:800}.trend-img{width:65px;height:52px;object-fit:cover;border-radius:6px}.trend-item button{border:0;background:none;text-align:left;font-weight:750;font-size:13px;line-height:1.25}.trend-item button:hover{color:var(--blue)}.about{margin-top:35px;padding:25px;background:white;border:1px solid var(--line);border-radius:12px}.about h2{margin:0 0 8px}.about p{margin:0;color:#54637c}footer{background:#061a3a;color:white;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px max(24px,calc((100vw - 1440px)/2));font-size:13px}footer strong{font-size:23px}footer span{color:#19bafa}footer p{color:#c5d5ed;margin:3px 0}.empty{padding:40px;text-align:center;color:var(--muted)}dialog{border:0;border-radius:15px;max-width:760px;width:calc(100% - 24px);max-height:88vh;overflow:auto;padding:0;box-shadow:0 25px 100px #06163270}dialog::backdrop{background:#061632b8}.dialog-top{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;background:#071b3d;color:white;padding:13px 22px;z-index:2}.dialog-brand{font-weight:800}.dialog-top button{background:#ffffff25;border:0;color:white;padding:5px 10px;border-radius:6px}.article-detail{padding:25px 32px 35px}.article-detail img{width:100%;max-height:290px;object-fit:cover;border-radius:10px}.article-detail h1{font-size:31px;line-height:1.2}.article-detail h2{font-size:22px;margin-top:25px}.article-detail p,.article-detail li{color:#3d4b63}.article-detail .meta{color:#65748b;font-size:13px}@media(max-width:1120px){.header{flex-wrap:wrap}.header nav{width:100%;justify-content:space-between}.header nav a{padding:9px}.article-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{padding:7px 15px}.topbar div{gap:9px}.header{padding:15px}.brand strong{font-size:23px}.brand-icon{font-size:33px}.menu-toggle{display:block}.header nav{display:none;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.header nav a{padding:11px}main{padding:12px}.hero{grid-template-columns:1fr}.hero-main{min-height:360px}.hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.side-feature{min-height:205px}.side-feature h2{font-size:17px}.category-strip{grid-template-columns:repeat(3,1fr)}.category-strip button:nth-child(3){border-right:0}.content-layout{grid-template-columns:1fr}.sidebar{grid-row:1}.article-grid{grid-template-columns:repeat(2,1fr)}footer{padding:22px;flex-direction:column;align-items:flex-start}}@media(max-width:480px){.topbar div a:nth-child(3){display:none}.hero-side{grid-template-columns:1fr}.side-feature{min-height:185px}.hero-main h1{font-size:29px}.hero-bottom{align-items:flex-start;flex-direction:column}.category-strip{grid-template-columns:repeat(2,1fr)}.category-strip button:nth-child(3){border-right:1px solid #c9daf4}.category-strip button:nth-child(even){border-right:0}.article-grid{grid-template-columns:1fr}.card-image{height:200px}.article-detail{padding:18px}.article-detail h1{font-size:26px}}

/* WordPress native article links and content */
.article-card .card-footer a,.text-link{color:var(--blue);font-weight:800}.hero .text-link{color:white}.article-card .card-footer a:hover{text-decoration:underline}.hero-bottom .btn{display:inline-block}.search-box button{min-width:46px}.article-detail{max-width:850px;margin:0 auto;background:white;border-radius:12px}.article-detail img{height:auto;max-height:460px;object-fit:cover}.article-detail p{line-height:1.8}.article-detail h2{scroll-margin-top:30px}.article-detail a{color:var(--blue);text-decoration:underline}.article-detail .meta{margin-bottom:20px}.pagination{margin:25px 0;display:flex;gap:12px}.pagination a,.pagination span{padding:8px 13px;border:1px solid var(--line);border-radius:8px}.nav-links{display:flex;gap:12px;flex-wrap:wrap}.nav-links .current{background:var(--blue);color:white}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{clip:auto;height:auto;width:auto}.wp-block-image img{max-width:100%;height:auto}.article-card .card-image{display:block}.article-card .card-image img{width:100%;height:100%;object-fit:cover}.hero-main,.phone-feature,.chat-feature{background-size:cover}.site-footer-links{display:flex;flex-wrap:wrap;gap:14px}.site-footer-links a:hover{text-decoration:underline}.newsletter .notice{font-size:11px}.category-strip a{display:block;border-right:1px solid #c9daf4;padding:8px 10px;color:#0765e9;text-align:center}.category-strip a:last-child{border-right:0}.category-strip a:hover{background:#dceaff;border-radius:9px}.category-strip a .symbol{display:block;font-size:24px}.category-strip a strong,.category-strip a small{display:block;color:#13223d}.category-strip a strong{font-size:14px}.category-strip a small{font-size:11px}.header nav .menu-item{list-style:none}.header nav ul{list-style:none;display:flex;flex-wrap:wrap;padding:0;margin:0}.header nav li a{display:block}.header nav .current-menu-item>a{background:var(--blue)}.page-title{margin:0 0 20px}.post-list-header{margin-bottom:15px}.site-main{min-height:55vh}.article-grid .card-body h3 a:hover{color:var(--blue)}@media(max-width:760px){.header nav ul{flex-direction:column;width:100%}.category-strip a:nth-child(3){border-right:0}}@media(max-width:480px){.category-strip a:nth-child(3){border-right:1px solid #c9daf4}.category-strip a:nth-child(even){border-right:0}}