@font-face{font-family:'Open Sans';src:url(//www.thetechoutlook.com/wp-content/themes/tto-fixed/assets/fonts/open-sans-latin.woff2) format('woff2');font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;}
@font-face{font-family:'Poppins';src:url(//www.thetechoutlook.com/wp-content/themes/tto-fixed/assets/fonts/poppins-400-latin.woff2) format('woff2');font-style:normal;font-weight:400;font-display:swap;}
@font-face{font-family:'Poppins';src:url(//www.thetechoutlook.com/wp-content/themes/tto-fixed/assets/fonts/poppins-500-latin.woff2) format('woff2');font-style:normal;font-weight:500;font-display:swap;}
@font-face{font-family:'Poppins';src:url(//www.thetechoutlook.com/wp-content/themes/tto-fixed/assets/fonts/poppins-600-latin.woff2) format('woff2');font-style:normal;font-weight:600;font-display:swap;}
@font-face{font-family:'Poppins';src:url(//www.thetechoutlook.com/wp-content/themes/tto-fixed/assets/fonts/poppins-700-latin.woff2) format('woff2');font-style:normal;font-weight:700;font-display:swap;}
@font-face {
font-family: 'Noto Serif Local';
src: url(//www.thetechoutlook.com/wp-content/themes/tto-fixed/assets/fonts/noto-serif-latin.woff2) format('woff2');
font-style: normal;
font-weight: 400 700;
font-display: swap;
} *{margin:0;padding:0;box-sizing:border-box;}:root{--primary:#e62b34;--primary-dark:#e62b34;--black:#000000;--dark:#1a1a1a;--dark-light:#2a2a2a;--gray:#666666;--gray-light:#999999;--white:#ffffff;--border-light:#e5e5e5;--font-reading:'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-article:'Noto Serif Local', Georgia, 'Times New Roman', serif;--font-meta:'Poppins', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--editorial-label-size:13px;--editorial-label-weight:500;--editorial-label-spacing:0.65px;--editorial-marker-width:4px;--editorial-marker-height:14px;}
body {
font-family: var(--font-reading);
font-size: 15px;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--black);
background: var(--white);
} a{text-decoration:none;color:inherit;transition:all 0.3s ease;}
ul{list-style:none;}
img{max-width:100%;height:auto;}
.screen-reader-text{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;border:0 !important;}
.screen-reader-text:focus{z-index:100000;top:8px;left:8px;width:auto !important;height:auto !important;padding:12px 16px !important;margin:0 !important;overflow:visible !important;clip:auto !important;clip-path:none !important;color:#11161c;background:#fff;}
.tto-breadcrumbs{padding-top:6px;color:#66717d;background:#fff;}
.tto-breadcrumbs .container{min-height:36px;display:flex;align-items:center;gap:10px;}
.tto-breadcrumbs ol{flex:0 1 auto;min-width:0;display:flex;align-items:center;gap:6px;padding:0;margin:0;font-family:var(--font-meta);font-size:11px;font-weight:700;letter-spacing:.035em;line-height:1.4;list-style:none;text-transform:uppercase;}
.tto-breadcrumb-reading{display:none;flex:0 0 auto;align-items:center;gap:5px;margin-left:0;color:#66717d;font-family:var(--font-meta);font-size:11px;visibility:visible;opacity:1;white-space:nowrap;}
.tto-breadcrumb-reading i{color:var(--primary);font-size:10px;}
.tto-breadcrumb-live-badge{flex:0 0 auto;margin-left:0;padding:4px 10px;font-size:10px;line-height:1;white-space:nowrap;}
.tto-breadcrumbs li{flex:0 0 auto;display:flex;align-items:center;gap:6px;}
.tto-breadcrumbs li:not(:last-child)::after{color:#a3aab3;content:"›";}
.tto-breadcrumbs a{color:var(--primary);}
.tto-breadcrumbs a:hover{color:var(--primary);}
.tto-breadcrumbs li:last-child{flex:0 1 auto;min-width:0;overflow:hidden;color:#7a838e;text-overflow:ellipsis;white-space:nowrap;}
@media(max-width:600px){
.tto-breadcrumbs{padding-top:5px;}
.tto-breadcrumbs .container{min-height:32px;padding-right:16px;padding-left:16px;}
.tto-breadcrumbs ol{gap:5px;font-size:10px;}
.tto-breadcrumbs li{gap:5px;}
.tto-breadcrumb-reading{display:inline-flex;margin-left:10px;font-size:10px;}
.tto-breadcrumb-live-badge{margin-left:8px;padding:4px 8px;font-size:9px;}
} .homepage .hp-section:nth-of-type(n+3){content-visibility:auto;contain-intrinsic-size:auto 720px;}
.container{max-width:1300px;margin:0 auto;padding:0 15px;}
h1, h2, h3, h4, h5, h6{font-family:var(--font-reading);-webkit-font-smoothing:antialiased;line-height:1.3;}
h1, h2, h3, h4{font-weight:700;}
h5, h6{font-weight:600;}
button, input, select, textarea{font-family:var(--font-reading);}
.top-bar{background:var(--dark);padding:5px 0;font-size:13px;}
.top-bar .container{display:flex;justify-content:space-between;align-items:center;}
.top-bar-date{background:var(--white);color:var(--black);padding:3px 10px;font-size:11px;font-weight:500;text-transform:uppercase;border:1px solid var(--border-light);}
.top-bar-links{display:flex;gap:20px;}
.top-bar-links a{color:var(--white);font-size:13px;font-weight:400;}
.top-bar-links a:hover{color:var(--primary);}
.about-page{padding:42px 0 64px;background:#fff;}
.about-intro-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:48px;align-items:start;}
.about-section-heading{display:flex;align-items:center;gap:14px;margin:0 0 24px;}
.about-section-heading::after{content:'';flex:1;height:1px;background:linear-gradient(to right,#cfd5dc,#e8ebef 72%,transparent);}
.about-section-heading h1,.about-section-heading h2{display:flex;align-items:center;gap:10px;margin:0;color:#172033;font-family:var(--font-reading);font-size:19px;font-weight:800;white-space:nowrap;}
.about-section-heading h1::before,.about-section-heading h2::before{content:'';width:5px;height:19px;background:var(--primary);transform:skew(-12deg);}
.about-entry-content{color:#273142;font-family:var(--font-reading);font-size:16px;line-height:1.7;}
.about-entry-content p{margin:0 0 14px;}
.about-follow-line{margin:8px 0 0;color:#273142;font-size:15px;line-height:1.7;}
.about-follow-line a{color:var(--primary);font-weight:700;}
.about-important-links nav{display:grid;gap:13px;}
.about-important-links nav a{color:var(--primary);font-size:15px;}
.about-people-section{margin-top:52px;}
.about-editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,280px));gap:20px;}
.about-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.about-desk-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:20px;}
.about-member-card{display:flex;min-height:320px;flex-direction:column;align-items:center;padding:28px 24px 24px;text-align:center;background:#fff;border:1px solid #e1e5ea;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.about-member-card:hover{transform:translateY(-3px);border-color:#d5dbe2;box-shadow:0 10px 28px rgba(31,41,55,.07);}
.about-member-photo{width:108px;height:108px;margin:0 0 16px;border-radius:50%;object-fit:cover;}
.about-member-card h3{margin:0;color:#172033;font-family:var(--font-reading);font-size:18px;font-weight:800;line-height:1.3;}
.about-member-role{margin:5px 0 0;color:var(--primary);font-size:12px;font-weight:700;}
.about-member-bio{margin:10px 0 0;color:#596274;font-size:13px;line-height:1.5;}
.about-member-socials{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:14px 0;}
.about-member-socials a{color:#273142;font-size:13px;}
.about-member-socials a:hover{color:var(--primary);}
.about-member-posts{display:inline-flex;margin-top:auto;padding:7px 14px;color:#596274;border:1px solid #d5dae1;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;}
.about-member-posts:hover{color:#fff;background:var(--primary);border-color:var(--primary);}
.about-member-card.is-editor{min-height:340px;}
@media(max-width:1050px){.about-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:800px){.about-intro-grid{grid-template-columns:1fr;gap:34px}.about-team-grid,.about-desk-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.about-editor-grid{grid-template-columns:minmax(220px,320px);}}
@media(max-width:540px){.about-page{padding:28px 0 46px}.about-team-grid,.about-desk-grid,.about-editor-grid{grid-template-columns:1fr}.about-member-card{min-height:0}.about-section-heading h1,.about-section-heading h2{font-size:17px}.about-entry-content{font-size:15px}} .editorial-page{padding:28px 0 58px;background:#fff;}
.editorial-page .breadcrumbs{margin-bottom:22px;}
.page-standard-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:38px;align-items:start;}
.page-standard-content{min-width:0;}
.editorial-page-heading{display:flex;align-items:center;gap:14px;margin:0 0 26px;}
.editorial-page-heading::after{content:'';flex:1;height:1px;background:linear-gradient(to right,#cfd5dc,#e8ebef 72%,transparent);}
.editorial-page-heading h1{display:flex;align-items:center;gap:10px;margin:0;color:#172033;font-family:var(--font-reading);font-size:24px;font-weight:800;line-height:1.25;white-space:nowrap;}
.editorial-page-heading h1::before{content:'';width:5px;height:23px;background:var(--primary);transform:skew(-12deg);}
.editorial-page-body{color:#273142;font-family:var(--font-reading);font-size:16px;line-height:1.75;}
.editorial-page-body > :first-child{margin-top:0;}
.editorial-page-body h2,.editorial-page-body h3,.editorial-page-body h4{margin:30px 0 12px;color:#172033;font-family:var(--font-reading);font-weight:800;line-height:1.35;}
.editorial-page-body h2{font-size:22px;}
.editorial-page-body h3{font-size:19px;}
.editorial-page-body p{margin:0 0 16px;}
.editorial-page-body a{color:var(--primary);text-decoration:underline;text-underline-offset:2px;}
.editorial-page-body ul,.editorial-page-body ol{margin:0 0 18px 22px;}
.editorial-page-body li{margin-bottom:7px;}
@media(max-width:900px){.page-standard-layout{grid-template-columns:1fr;gap:34px}.page-standard-layout>.sidebar{position:static;}}
@media(max-width:600px){.editorial-page{padding:20px 0 42px}.editorial-page-heading h1{font-size:21px;white-space:normal}.editorial-page-body{font-size:15px;line-height:1.7}}
.header-main{padding:8px 0;border-bottom:1px solid var(--border-light);min-height:91px;}
.header-main .container{display:flex;justify-content:space-between;align-items:center;}
.logo img{display:block;width:auto;height:74px;}
.google-news-btn img{display:block;width:204px;height:57px;object-fit:contain;}
.mobile-header-icons{display:none;align-items:center;gap:5px;}
.mobile-header-icons .mobile-search-icon, .mobile-header-icons .mobile-menu-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--black);cursor:pointer;transition:color 0.3s ease;padding:0;border:0;background:transparent;}
.mobile-header-icons .mobile-search-icon:hover, .mobile-header-icons .mobile-menu-icon:hover{color:var(--primary);}
.nav-main{background:var(--white);border-top:1px solid #e4e7ea;border-bottom:1px solid #cfd4d9;box-shadow:0 3px 12px rgba(17, 24, 39, 0.035);position:relative;z-index:1000;}
.nav-main .container{display:flex;justify-content:space-between;align-items:center;min-height:52px;}
.main-menu{display:flex;align-items:center;gap:2px;}
.main-menu > li{position:relative;}
.main-menu > li > a{display:flex;align-items:center;gap:5px;min-height:52px;padding:0 14px;font-size:15px;font-weight:650;color:#242a31;transition:color .2s ease, background .2s ease;position:relative;}
.main-menu > li > a:hover, .main-menu > li.active > a, .main-menu > li.current-menu-item > a, .main-menu > li.current_page_item > a{color:var(--primary);background:#fff8f8;}
.main-menu > li > a::after{content:'';position:absolute;bottom:-1px;left:14px;right:14px;height:2px;background:var(--primary);transform:scaleX(0);transform-origin:left center;transition:transform .2s ease;}
.main-menu > li:hover > a::after, .main-menu > li.active > a::after, .main-menu > li.current-menu-item > a::after, .main-menu > li.current_page_item > a::after{transform:scaleX(1);}
.main-menu > li > a .arrow{margin-top:1px;color:#7c858f;font-size:9px;transition:transform .2s ease, color .2s ease;}
.main-menu > li:hover > a .arrow{transform:rotate(180deg);color:var(--primary);}
.dropdown li a i, .sub-menu li a i{font-size:11px;}
.dropdown, .sub-menu{position:absolute;top:100%;left:0;min-width:230px;background:var(--white);border:1px solid #e1e5e9;border-top:2px solid var(--primary);border-radius:0 0 7px 7px;box-shadow:0 14px 34px rgba(20,28,38,0.12);opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .2s ease, visibility .2s ease, transform .2s ease;z-index:1001;}
.main-menu > li:hover > .dropdown, .main-menu > li:hover > .sub-menu{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown li, .sub-menu li{position:relative;}
.dropdown li a, .sub-menu li a{display:flex;justify-content:space-between;align-items:center;min-height:43px;padding:10px 15px;font-size:13px;font-weight:600;color:#323942;border-bottom:1px solid #eef0f2;border-left:2px solid transparent;transition:color .2s ease, background .2s ease, border-color .2s ease;}
.dropdown li:last-child > a, .sub-menu li:last-child > a{border-bottom:0;}
.dropdown li a:hover, .dropdown li.has-submenu:hover > a, .sub-menu li a:hover, .sub-menu li.menu-item-has-children:hover > a{background:#fff6f6;color:var(--primary);border-left-color:var(--primary);}
.sub-dropdown, .sub-menu .sub-menu{position:absolute;top:0;left:100%;min-width:200px;background:var(--white);box-shadow:0 5px 20px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transform:translateX(10px);transition:all 0.3s ease;}
.dropdown li:hover > .sub-dropdown, .sub-menu li:hover > .sub-menu{opacity:1;visibility:visible;transform:translateX(0);}
.sub-dropdown li a:hover, .sub-menu .sub-menu li a:hover{background:#fff6f6;color:var(--primary);}
.nav-right{display:flex;align-items:center;gap:5px;padding-left:14px;border-left:1px solid #e4e7ea;}
.nav-search, .nav-hamburger{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;cursor:pointer;border-radius:50%;font-size:16px;color:#242a31;transition:color .2s ease, background .2s ease;border:0;background:transparent;}
.nav-search:hover, .nav-hamburger:hover{background:#fff3f3;color:var(--primary);}
.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;z-index:9998;}
.mobile-menu-overlay.active{opacity:1;visibility:visible;}
.mobile-menu{position:fixed;top:0;right:-380px;left:auto;width:340px;max-width:90vw;height:100dvh;background:var(--white);display:flex;flex-direction:column;transition:right 0.32s cubic-bezier(0.4, 0, 0.2, 1);z-index:9999;border-top:3px solid var(--primary);box-shadow:-7px 0 30px rgba(15, 23, 42, 0.18);}
.mobile-menu.active{right:0;left:auto;}
.mobile-menu-header{position:relative;display:flex;justify-content:flex-end;align-items:center;min-height:44px;padding:7px 10px;border-bottom:0;flex-shrink:0;}
.mobile-menu-header > a{display:none;}
.mobile-menu-header img, .mobile-menu-header .site-name-text{display:block;width:auto;max-width:205px;height:auto;max-height:58px;line-height:1.15;font-size:18px;font-weight:700;color:var(--black);}
.mobile-menu-close{position:absolute;top:10px;right:10px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;color:var(--gray);border-radius:50%;transition:background 0.2s ease, color 0.2s ease;flex-shrink:0;padding:0;border:0;background:transparent;}
.mobile-menu-intro{flex:0 0 auto;padding:0 20px 16px;border-bottom:1px solid #e9ecf0;text-align:center;}
.mobile-menu-brand{display:block;width:fit-content;max-width:210px;margin:0 auto 10px;}
.mobile-menu-brand img{display:block;width:auto;max-width:210px;height:auto;max-height:64px;margin:0 auto;}
.mobile-menu-intro p{max-width:260px;margin:0 auto 14px;color:#626c7b;font-size:12px;line-height:1.45;}
.mobile-menu-search{display:flex;width:100%;height:40px;overflow:hidden;background:#fff;border:1px solid #dfe3e8;border-radius:7px;transition:border-color 0.2s ease, box-shadow 0.2s ease;}
.mobile-menu-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(230, 43, 52, 0.09);}
.mobile-menu-search input{min-width:0;flex:1;padding:0 11px;color:#172033;background:transparent;border:0;outline:0;font-size:13px;}
.mobile-menu-search button{display:grid;flex:0 0 40px;width:40px;padding:0;place-items:center;color:#7b8492;background:transparent;border:0;cursor:pointer;}
.mobile-menu-search button:hover{color:var(--primary);}
.mobile-menu-close:hover{background:#f5f5f5;color:var(--black);}
.mobile-nav{flex:1;overflow-y:auto;margin:0;padding:6px 20px 14px;-webkit-overflow-scrolling:touch;}
.mobile-nav > li{border-bottom:1px solid #f0f0f0;position:relative;}
.mobile-nav li{position:relative;margin:0;}
.mobile-nav > li:last-child{border-bottom:none;}
.mobile-nav > li > a{display:block;min-height:48px;padding:14px 42px 13px 0;font-size:14px;font-weight:700;color:var(--dark);line-height:1.3;transition:color 0.2s ease;}
.mobile-nav > li > a:hover, .mobile-nav > li.current-menu-item > a, .mobile-nav > li.current_page_item > a{color:var(--primary);}
.mobile-submenu-toggle{position:absolute;top:0;right:0;width:38px;height:48px;background:none;border:none;border-left:0;color:var(--gray);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease, color 0.2s ease;}
.mobile-submenu-toggle:hover, .mobile-submenu-toggle.active{background:#f7f8fa;color:var(--primary);}
.mobile-submenu{display:none;margin:0 0 7px;padding:4px 0;background:#f7f8fa;border-top:1px solid #eceff2;border-radius:0 0 7px 7px;}
.mobile-submenu.open{display:block;}
.mobile-submenu li{border-bottom:1px solid #e8ebef;}
.mobile-submenu li:last-child{border-bottom:none;}
.mobile-submenu li a{display:block;min-height:42px;padding:11px 38px 10px 16px;font-size:13px;font-weight:650;color:#505967;border-left:3px solid transparent;transition:color 0.2s ease, border-color 0.2s ease;}
.mobile-submenu .mobile-submenu li a{padding-left:28px;font-size:12px;}
.mobile-submenu .mobile-submenu{margin:0;background:#eef1f4;border-radius:0;}
.mobile-submenu li a:hover, .mobile-submenu li.current-menu-item > a{color:var(--primary);border-left-color:var(--primary);background:#fff;}
.mobile-dropdown-toggle{padding:0 5px;cursor:pointer;display:inline-flex;align-items:center;}
.mobile-dropdown{display:none;background:#f9f9f9;}
.mobile-dropdown.active{display:block;}
.mobile-dropdown li a{display:block;padding:11px 18px 11px 32px;font-size:13px;font-weight:500;color:var(--gray);border-left:3px solid transparent;}
.mobile-dropdown li a:hover{color:var(--black);border-left-color:var(--primary);}
.homepage-live-rail{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;align-items:center;gap:14px;margin:18px 0 24px;padding:10px 0;background:#fff;border-top:1px solid #e6e9ee;border-bottom:1px solid #e6e9ee;border-left:0;border-radius:0;box-shadow:none;}
.homepage-live-rail[hidden]{display:none;}
.homepage-live-label{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;white-space:nowrap;}
.homepage-live-dot{width:6px;height:6px;background:var(--primary);border-radius:50%;box-shadow:none;animation:homepage-live-pulse 1.6s ease-in-out infinite;}
.homepage-live-title{display:block;min-width:0;overflow:hidden;color:#172033;font-size:13px;font-weight:700;white-space:nowrap;-webkit-mask-image:linear-gradient(to right, transparent, #000 12px, #000 calc(100% - 12px), transparent);mask-image:linear-gradient(to right, transparent, #000 12px, #000 calc(100% - 12px), transparent);}
.homepage-live-track{display:inline-flex;align-items:center;width:max-content;animation:homepage-live-scroll var(--live-scroll-duration, 24s) linear infinite;will-change:transform;}
.homepage-live-item{display:inline-block;}
.homepage-live-separator{display:inline-block;margin:0 26px;color:#9aa3af;font-size:6px;}
.homepage-live-rail:hover .homepage-live-track, .homepage-live-title:focus .homepage-live-track{animation-play-state:paused;}
.homepage-live-title:hover, .homepage-live-action:hover{color:var(--primary);}
.homepage-live-action{display:inline-flex;align-items:center;gap:6px;color:#172033;font-size:11px;font-weight:700;white-space:nowrap;}
@keyframes homepage-live-pulse {
0%, 100%{opacity:1;transform:scale(1);}
50%{opacity:0.55;transform:scale(0.82);}
}
@keyframes homepage-live-scroll {
from{transform:translateX(0);}
to{transform:translateX(-50%);}
}
@media (prefers-reduced-motion: reduce) {
.homepage-live-track, .homepage-live-dot{animation:none;}
.homepage-live-title{text-overflow:ellipsis;}
.homepage-live-track .homepage-live-duplicate, .homepage-live-track .homepage-live-separator{display:none;}
}
@media(max-width:700px){
.homepage-live-rail{grid-template-columns:auto minmax(0, 1fr) auto;gap:8px;margin:10px 0 16px;padding:8px 0;border-radius:0;}
.homepage-live-label{grid-column:auto;gap:5px;font-size:9px;letter-spacing:0.045em;}
.homepage-live-label-extra{display:none;}
.homepage-live-dot{width:6px;height:6px;box-shadow:0 0 0 3px rgba(230, 43, 52, 0.11);}
.homepage-live-title{font-size:12px;line-height:1.35;white-space:nowrap;}
.homepage-live-track{animation-duration:calc(var(--live-scroll-duration, 24s) + 8s);}
.homepage-live-separator{margin:0 20px;}
.homepage-live-action{align-self:center;gap:0;font-size:0;}
.homepage-live-action i{font-size:12px;}
}
@media(max-width:430px){
.homepage-live-rail{margin-right:-2px;margin-left:-2px;}
} .mobile-social{flex-shrink:0;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px 18px;border-top:1px solid var(--border-light);background:#fafafa;}
.mobile-social-label{width:100%;text-align:center;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#999;margin-bottom:4px;}
.mobile-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--dark);color:var(--white);font-size:15px;border-radius:50%;transition:background 0.25s ease, transform 0.2s ease;}
.mobile-social a:hover{background:var(--primary);transform:translateY(-2px);}
.search-modal{position:fixed;inset:0;width:100%;min-height:100%;padding:24px;background:rgba(8, 11, 15, 0.88);backdrop-filter:blur(5px);display:none;justify-content:center;align-items:center;z-index:10000;}
.search-modal.active{display:flex;}
.search-modal-inner{position:relative;width:min(760px, 92vw);padding:34px 36px 36px;background:#fff;border-top:4px solid var(--primary);box-shadow:0 24px 70px rgba(0,0,0,.34);}
.search-modal-heading{margin-bottom:24px;}
.search-modal-heading > span{display:inline-flex;align-items:center;gap:8px;margin-bottom:9px;color:var(--primary);font-family:var(--font-meta);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;}
.search-modal-heading > span::before{content:"";width:24px;height:2px;background:var(--primary);}
.search-modal-heading .search-modal-title{margin:0 0 7px;color:#11161c;font-size:clamp(25px, 4vw, 36px);font-weight:800;letter-spacing:-.025em;line-height:1.15;}
.search-modal-heading p{margin:0;color:#69727d;font-size:14px;}
.search-modal-inner form{position:relative;display:flex;gap:0;box-shadow:0 8px 24px rgba(21, 28, 38, .09);}
.search-modal-inner form::after{content:"";position:absolute;right:68px;bottom:0;left:0;height:2px;background:var(--primary);transform:scaleX(0);transform-origin:left center;transition:transform .25s ease;}
.search-modal-inner form:focus-within::after{transform:scaleX(1);}
.search-modal-inner input[type="search"]{flex:1;min-width:0;min-height:60px;padding:14px 20px;font-family:var(--font-reading);font-size:18px;border:1px solid #d9dde2;border-right:0;border-radius:0;outline:none;background:var(--white);color:var(--black);appearance:none;-webkit-appearance:none;}
.search-modal-inner input[type="search"]:focus{border-color:#c8cdd3;box-shadow:none;}
.search-modal-inner input[type="search"]::placeholder{color:#727b86;}
.search-modal-inner button{flex:0 0 68px;min-height:60px;padding:0;background:var(--primary);color:var(--white);border:1px solid var(--primary);cursor:pointer;font-size:18px;transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;}
.search-modal-inner button i{transition:transform .2s ease;}
.search-modal-inner button:hover i{transform:scale(1.12);}
.search-modal-inner button:hover{background:var(--primary-dark);}
.search-modal-close{position:absolute;top:22px;right:22px;display:grid;width:44px;height:44px;padding:0;place-items:center;font-size:24px;color:var(--white);background:transparent;border:1px solid rgba(255,255,255,.5) !important;border-radius:50%;cursor:pointer;line-height:1;transition:color .2s ease, border-color .2s ease, transform .2s ease;}
button.search-modal-close, button.back-to-top{border:0;}
.search-modal-close:hover{color:var(--primary);border-color:var(--primary) !important;transform:rotate(90deg);}
@media(max-width:600px){
.search-modal{align-items:flex-start;padding:110px 16px 24px;}
.search-modal-inner{width:100%;padding:26px 20px 22px;}
.search-modal-heading{margin-bottom:18px;}
.search-modal-heading .search-modal-title{font-size:25px;}
.search-modal-heading p{max-width:280px;font-size:13px;}
.search-modal-inner input[type="search"]{min-height:54px;padding:12px 14px;font-size:16px;}
.search-modal-inner button{flex-basis:56px;min-height:54px;}
.search-modal-close{top:18px;right:16px;width:40px;height:40px;font-size:20px;}
} .footer{background:#f2f4f6;color:#171a1f;padding-top:50px;border-top:3px solid var(--primary);}
.footer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:40px;}
.footer-logo{position:relative;display:block;flex:0 0 200px;width:200px;height:64px;overflow:hidden;}
.footer-logo img{position:absolute;top:50%;left:-93px;width:368px;max-width:none;height:auto;transform:translateY(-50%);filter:brightness(0) saturate(100%);opacity:0.9;}
.footer-social{display:flex;align-items:center;flex-wrap:wrap;gap:15px;}
.footer-social::before{content:"Follow us on /";margin-right:2px;color:#656f7a;font-size:11px;font-weight:700;letter-spacing:.65px;text-transform:uppercase;white-space:nowrap;}
.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff;border:1px solid #dfe3e8;color:#252a31;font-size:18px;border-radius:50%;transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;}
.footer-social a:hover{background:var(--primary);border-color:var(--primary);color:var(--white);transform:translateY(-2px);}
.footer-main{display:grid;grid-template-columns:repeat(auto-fit, minmax(165px, 1fr));gap:30px;padding-bottom:40px;}
.footer-col h2{color:#15181d;font-size:16px;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.5px;}
.footer-col:not(.footer-col-tip) h2{display:flex;align-items:center;gap:7px;color:var(--primary);font-size:var(--editorial-label-size);font-weight:var(--editorial-label-weight);letter-spacing:var(--editorial-label-spacing);}
.footer-col:not(.footer-col-tip) h2::before{content:"";flex:0 0 var(--editorial-marker-width);width:var(--editorial-marker-width);height:var(--editorial-marker-height);background:var(--primary);transform:skew(-18deg);}
.footer-col h2 i{color:var(--primary);margin-right:8px;}
.footer-links li{margin-bottom:10px;}
.footer-links li a{color:#4f5965;font-size:14px;font-weight:400;transition:color 0.3s ease;}
.footer-links li a:hover{color:var(--primary);}
.footer-col-tip{align-self:start;padding:2px 0 2px 18px;background:transparent;border:0;border-left:2px solid var(--primary);border-radius:0;}
.footer-col-tip h2{margin-bottom:9px;color:#1d232a;font-size:13px;font-weight:600;letter-spacing:0.45px;text-transform:uppercase;}
.footer-col-tip h2 i{width:auto;height:auto;margin-right:6px;color:var(--primary);background:transparent;border-radius:0;font-size:12px;}
.footer-col-tip p{color:#66717d;font-size:13px;margin-bottom:10px;line-height:1.55;}
.footer-tip-btn{display:inline-flex;align-items:center;gap:6px;padding:0;background:transparent;border:0;color:var(--primary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.65px;border-radius:0;transition:color .2s ease;margin-top:2px;}
.footer-tip-btn::after{content:"\2192";font-size:15px;line-height:1;transition:transform .2s ease;}
.footer-tip-btn:hover{background:transparent;color:var(--primary-dark);}
.footer-tip-btn:hover::after{transform:translateX(3px);}
.footer-bottom{border-top:1px solid #d9dde2;padding:20px 0;}
.footer-disclaimer{border-top:1px solid #d9dde2;padding:18px 0;}
.footer-disclaimer p{max-width:980px;margin:0;color:#68727d;font-size:12px;line-height:1.65;}
.footer-disclaimer-label{margin-right:4px;color:#232931;font-weight:700;}
.footer-disclaimer a{margin-left:3px;color:var(--primary);font-weight:600;white-space:nowrap;}
.footer-disclaimer a:hover{text-decoration:underline;}
.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;}
.footer-bottom-links{display:flex;flex-wrap:wrap;gap:8px 20px;}
.footer-bottom-links a{color:#68727d;font-size:13px;font-weight:400;}
.footer-bottom-links a:hover{color:var(--primary);}
.footer-copyright{color:#68727d;font-size:13px;font-weight:400;}
button.back-to-top{position:fixed;bottom:24px;right:22px;width:31px;height:48px;padding:0;background:transparent;color:#171a1f;border:2px solid currentColor;border-radius:18px;display:block;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease, visibility .3s ease, color .2s ease, transform .2s ease;z-index:9997;}
.back-to-top::before{content:"";position:absolute;top:9px;left:50%;width:3px;height:7px;margin-left:-1.5px;background:var(--primary);border-radius:999px;animation:tto-mouse-wheel 1.7s ease-in-out infinite;}
.back-to-top span{position:absolute;top:5px;left:50%;width:1px;height:8px;background:currentColor;opacity:.28;}
.back-to-top.visible{opacity:1;visibility:visible;}
.back-to-top:hover{background:transparent;color:var(--primary);transform:translateY(-3px);}
@keyframes tto-mouse-wheel {
0%{opacity:0;transform:translateY(9px);}
28%{opacity:1;}
70%, 100%{opacity:0;transform:translateY(0);}
}
@media (prefers-reduced-motion: reduce) {
.back-to-top::before{animation:none;opacity:1;transform:none;}
} body.bar-visible .back-to-top{bottom:75px;}
@media(max-width:992px){
.main-menu{display:none;}
.nav-main{display:none;}
.mobile-header-icons{display:flex;}
.footer-main{grid-template-columns:repeat(2, 1fr);}
.footer-col-tip{grid-column:span 2;}
}
@media(max-width:768px){ .top-bar{display:none;}
.nav-main{display:none;}
.mobile-header-icons{display:flex;}
.google-news-btn{display:none;}
.header-main{min-height:0;padding:5px 0;}
.logo img{height:48px;}
.footer-top{flex-direction:column;justify-content:flex-start;align-items:center;gap:18px;margin-bottom:30px;text-align:center;}
.footer-social{width:100%;justify-content:center;gap:8px;padding-top:15px;border-top:1px solid #d9dde2;}
.footer-social::before{flex:0 0 100%;margin:0 0 2px;text-align:center;}
.footer-logo{flex:0 0 auto;margin-right:auto;margin-left:auto;}
.footer-disclaimer{padding:17px 0;}
.footer-disclaimer p{text-align:center;}
.footer-main{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:auto auto auto;text-align:left;gap:20px;}
.footer-col-tip{grid-column:span 2;grid-row:1;padding:18px 8px;border:0;border-top:2px solid var(--primary);border-bottom:1px solid #dfe3e8;margin-bottom:4px;}
.footer-bottom .container{flex-direction:column;align-items:flex-start;text-align:left;}
.footer-bottom-links{justify-content:flex-start;}
.footer-copyright{text-align:left;}
}
@media(max-width:480px){
.footer{padding-top:24px;}
.mobile-menu{right:-380px;left:auto;width:330px;max-width:92vw;}
.mobile-menu.active{right:0;left:auto;}
.footer-main{grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:auto;column-gap:24px;row-gap:28px;padding-bottom:30px;}
.footer-col-tip{grid-column:1 / -1;padding:17px 8px;margin-bottom:0;border-top:2px solid var(--primary);border-bottom:1px solid #dfe3e8;}
.footer-col:not(.footer-col-tip){min-width:0;}
.footer-col h2{margin-bottom:14px;font-size:15px;line-height:1.25;}
.footer-links li{margin-bottom:9px;line-height:1.35;}
.footer-links li a{display:inline-block;font-size:13px;}
.footer-col-tip p{max-width:255px;margin-bottom:12px;}
.footer-tip-btn{min-height:44px;padding:9px 0;}
.logo img{height:46px;}
.footer-logo img{left:-74px;width:294px;height:auto;}
.footer-logo{flex-basis:auto;width:160px;height:52px;margin:0 auto;}
.footer-social{gap:12px;}
.footer-social a{font-size:16px;}
} .follow-bar{display:none;position:fixed;bottom:-120px;left:0;right:0;background:rgba(255,255,255,0.97);padding:12px 20px;z-index:9990;box-shadow:0 -2px 16px rgba(0,0,0,0.1);border-top:1px solid #e8e8e8;transition:bottom 0.4s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(6px);}
.follow-bar.show{bottom:0;}
.follow-bar-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:14px;}
.google-badge-btn{display:inline-flex;align-items:center;gap:0;background:#000;color:#fff;border-radius:100px;text-decoration:none;overflow:hidden;transition:opacity 0.2s ease, transform 0.2s ease;border:none;flex-shrink:0;}
.google-badge-btn:hover{opacity:0.88;transform:scale(1.02);color:#fff;}
.google-badge-logo{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;width:52px;height:52px;flex-shrink:0;margin:4px;}
.google-badge-logo svg{display:block;}
.google-badge-text{padding:0 20px 0 12px;font-size:14px;font-weight:500;line-height:1.4;color:#fff;white-space:nowrap;letter-spacing:0.01em;}
.follow-bar-close{width:28px;height:28px;background:#f1f3f4;color:#5f6368;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;transition:background 0.2s ease;position:absolute;right:14px;top:50%;transform:translateY(-50%);}
.follow-bar-close:hover{background:#e0e0e0;color:#202124;}
@media(max-width:768px){ .follow-bar {
padding: 10px 50px 10px 14px; }
.follow-bar-content {
justify-content: center;
}
.google-badge-logo {
width: 42px;
height: 42px;
margin: 3px;
}
.google-badge-logo svg {
width: 30px;
height: 30px;
}
.google-badge-text {
font-size: 12px;
padding: 0 14px 0 10px;
}
.follow-bar-close {
right: 10px;
width: 26px;
height: 26px;
font-size: 10px;
}
}