:root{
  --charcoal:#2E2E2E;
  --charcoal-dark:#212121;
  --panel:#333333;
  --white:#ffffff;
  --grey-light:#D3D3D3;
  --grey-mid:#9a9a9a;
  --text:#c7c7c7;
  --blue:#3AB5E6;
  --blue-soft:#9AD9F2;
  --blue-dark:#0996CD;
  --orange:#EE7625;
  --navy:#063644;
  --line: rgba(255,255,255,0.10);
  --ease: cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--charcoal);
  color:var(--text);
  font-family:'Poppins','Nunito Sans',sans-serif;
  font-weight:400;
  line-height:1.6;
  overflow-x:hidden;
}
h1,h2,h3,h4{font-family:'Poppins',sans-serif; font-weight:700; color:var(--white); letter-spacing:-0.01em;}
a{color:inherit; text-decoration:none;}
img,video{max-width:100%; display:block;}
.wrap{max-width:1280px; margin:0 auto; padding:0 32px; position:relative; z-index:2;}
.eyebrow{font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:var(--blue); font-weight:700; margin-bottom:12px;}

/* photo/placeholder panels */
.ph{position:relative; overflow:hidden; border-radius:10px; background:#3d3d3d;}
.ph img{width:100%; height:100%; object-fit:cover; display:block;}
.ph.tall{aspect-ratio:4/5;}
.ph.full-photo{height:auto; aspect-ratio:auto;}
.ph.full-photo img{width:100%; height:auto; object-fit:contain; display:block;}
.ph.wide{aspect-ratio:16/9;}
.ph.generic{
  background: linear-gradient(135deg, #3a4a52 0%, #2c3a40 100%);
  border:1px solid rgba(58,181,230,0.3);
}
.ph.generic::before{
  content:''; position:absolute; inset:0;
  background-image: radial-gradient(rgba(58,181,230,0.20) 1.5px, transparent 1.5px);
  background-size: 20px 20px;
}
.ph.generic::after{content:'▶'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:22px; color:rgba(58,181,230,0.7);}

/* ===== HEADER: solid dark bar ===== */
header{position:relative; width:100%; z-index:50; background:var(--charcoal-dark);}
.navbar{display:flex; align-items:center; justify-content:space-between; max-width:1400px; margin:0 auto; padding:14px 32px;}
.brand img{height:88px; width:88px; border-radius:50%; object-fit:cover;}

nav.primary{display:flex; align-items:center; gap:4px;}
.nav-item{position:relative;}
.nav-item > a, .nav-item > button{
  background:none; border:none; color:#fff; font-family:'Poppins',sans-serif;
  font-size:14px; font-weight:600; padding:12px 16px; cursor:pointer;
  display:flex; align-items:center; gap:6px; transition:color .25s var(--ease);
  text-transform:uppercase; letter-spacing:.03em;
}
.nav-item > a:hover, .nav-item > button:hover{color:var(--blue);}
.caret{width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); margin-top:-3px;}

.mega{
  position:absolute; top:100%; left:50%; transform:translateX(-50%) translateY(-8px);
  width:600px; background:var(--panel); border-radius:0 0 12px 12px;
  padding:24px; opacity:0; visibility:hidden; transition:all .3s var(--ease);
  box-shadow:0 24px 60px rgba(0,0,0,0.4);
  display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px 24px;
}
.nav-item.open .mega{opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);}
.mega a{border-radius:8px; padding:8px; margin:-8px; transition:background .2s;}
.mega a:hover{background:rgba(255,255,255,0.06);}
.mega .t{font-size:14px; font-weight:700; color:var(--blue); margin-bottom:3px;}
.mega .d{font-size:12px; color:var(--grey-mid); line-height:1.4;}

.nav-icons{display:flex; align-items:center; gap:8px;}
.text-link{
  color:#fff; font-family:'Poppins',sans-serif; font-size:13px; font-weight:600;
  padding:10px 12px; background:none; border:none; cursor:pointer; transition:color .25s var(--ease);
  text-transform:uppercase; letter-spacing:.03em;
}
.text-link:hover{color:var(--blue);}
.menu-btn{
  border:1.5px solid rgba(255,255,255,0.35); border-radius:8px; margin-left:6px;
  display:flex !important; align-items:center; gap:8px; padding:10px 16px !important;
}
.menu-btn .hamburger-icon{font-size:16px; line-height:1;}
.menu-btn:hover{border-color:var(--blue);}

/* ===== FULL MENU OVERLAY (built via JS) ===== */
.full-menu-overlay{
  position:fixed; inset:0; z-index:500; background:rgba(6,10,12,0.97);
  display:flex; align-items:center; justify-content:center;
  opacity:0; visibility:hidden; transition:opacity .35s var(--ease);
}
.full-menu-overlay.open{opacity:1; visibility:visible;}
.full-menu-close{position:absolute; top:28px; right:36px; font-size:32px; color:#fff; background:none; border:none; cursor:pointer;}
.full-menu-close:hover{color:var(--blue);}
.full-menu-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px 60px; max-width:900px; padding:0 32px;}
.full-menu-grid a{font-family:'Poppins',sans-serif; font-size:22px; font-weight:700; color:#fff; padding:14px 0; border-bottom:1px solid rgba(255,255,255,0.12); transition:color .2s, transform .2s;}
.full-menu-grid a:hover{color:var(--blue); transform:translateX(6px);}

/* ===== HERO with slider (video + photos), title bottom-left, small ===== */
.hero{position:relative; min-height:92vh; display:flex; align-items:flex-end; overflow:hidden; padding-bottom:70px; background:var(--navy);}
.hero-slide{
  position:absolute; inset:0; opacity:0; z-index:0;
  transition:opacity 1.6s cubic-bezier(.22,1,.36,1), transform 1.8s cubic-bezier(.22,1,.36,1), filter 1.6s ease;
  transform:scale(1.08);
  filter:blur(6px);
}
.hero-slide.active{opacity:1; z-index:1; transform:scale(1); filter:blur(0);}
.hero-slide video, .hero-slide img{width:100%; height:100%; object-fit:cover; object-position:center 20%; transform:scale(1);}
.hero-slide img{animation: kenburns 9s ease-out forwards;}
@keyframes kenburns{
  0%{transform:scale(1.1);}
  100%{transform:scale(1);}
}

/* Full-bleed photo, face-safe crop (biased toward top so heads aren't cut) */
.hero-photo-bg{display:none;}
.hero-photo-fg{
  position:relative; z-index:1;
  width:100%; height:100%;
  object-fit:cover !important;
  object-position:center 18% !important;
  animation: kenburns 7s ease-out forwards;
  filter:none;
}
.hero-overlay{position:absolute; inset:0; z-index:2; background:linear-gradient(180deg, rgba(6,54,68,0.25) 0%, rgba(6,54,68,0.2) 30%, rgba(6,54,68,0.94) 100%);}
.mountain{position:absolute; left:0; bottom:0; z-index:3; width:55%; max-width:800px; pointer-events:none;}
.mountain svg{width:100%; height:auto; display:block;}
.mountain .m1{fill:var(--blue); opacity:.9; animation: mtnFloat1 8s ease-in-out infinite;}
.mountain .m2{fill:var(--navy); opacity:.85; animation: mtnFloat2 10s ease-in-out infinite;}
@keyframes mtnFloat1{0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);}}
@keyframes mtnFloat2{0%,100%{transform:translateY(0);} 50%{transform:translateY(-6px);}}

.hero-content{position:relative; z-index:4; color:#fff; max-width:480px; background:linear-gradient(90deg, rgba(6,54,68,0.5), rgba(6,54,68,0.12) 75%, transparent); padding:18px 22px 18px 0; border-radius:0 12px 12px 0;}
.hero-content .eyebrow{color:var(--blue-soft); font-size:10px; text-shadow:0 2px 8px rgba(0,0,0,0.5);}
.hero-content h1{color:#fff; font-size:clamp(20px,2.4vw,30px); line-height:1.15; margin-bottom:10px; font-weight:800; text-shadow:0 4px 20px rgba(0,0,0,0.6); letter-spacing:-0.01em;}
.hero-content h1 em{font-style:normal; color:var(--blue);}
.hero-content p.lead{color:rgba(255,255,255,0.9); font-size:12.5px; max-width:380px; margin-bottom:16px; text-shadow:0 2px 10px rgba(0,0,0,0.5);}
.hero-actions{display:flex; gap:12px; flex-wrap:wrap;}

.hero-nav-arrow{
  position:absolute; top:50%; transform:translateY(-50%); z-index:5;
  width:46px; height:46px; border-radius:50%; background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.35); color:#fff; font-size:18px; cursor:pointer;
  display:flex; align-items:center; justify-content:center; transition:background .25s;
}
.hero-nav-arrow:hover{background:rgba(255,255,255,0.25);}
.hero-nav-arrow.prev{left:24px;}
.hero-nav-arrow.next{right:24px;}
.hero-dots{position:absolute; bottom:22px; right:32px; left:32px; z-index:5; display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; max-width:60%;}
.hero-dot{width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,0.4); cursor:pointer; transition:background .25s, transform .25s;}
.hero-dot.active{background:var(--blue); transform:scale(1.5);}

.btn{padding:13px 26px; border-radius:6px; font-family:'Poppins',sans-serif; font-size:13.5px; font-weight:600; transition:all .3s var(--ease); display:inline-flex; align-items:center; gap:10px;}
.btn-primary{background:var(--blue); color:#fff;}
.btn-primary:hover{background:var(--blue-dark); transform:translateY(-2px);}
.btn-outline{border:1.5px solid rgba(255,255,255,0.55); background:rgba(255,255,255,0.08); color:#fff;}
.btn-outline:hover{background:rgba(255,255,255,0.18); transform:translateY(-2px);}
.btn-outline.dark{border-color:var(--blue); background:transparent; color:var(--blue);}
.arrow{display:inline-block; transition:transform .3s var(--ease);}
.btn:hover .arrow{transform:translateX(4px);}

/* ===== SECTIONS (dark) ===== */
section{padding:90px 0;}
.section-head{max-width:600px; margin-bottom:50px;}
.section-head h2{font-size:clamp(28px,3.2vw,40px);}
.section-head p{color:var(--text); margin-top:14px; font-size:15px;}
.alt-bg{background:var(--charcoal-dark);}

/* ways / programs / events — image-forward cards with hover zoom */
.ways{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.way-card{background:var(--panel); border:1px solid var(--line); border-radius:12px; overflow:hidden; transition:transform .3s var(--ease), box-shadow .3s var(--ease); display:block; text-decoration:none;}
.way-card .ph{border-radius:0; height:150px;}
.way-card .ph img{transition:transform .5s var(--ease);}
.way-card:hover{transform:translateY(-6px); box-shadow:0 16px 32px rgba(0,0,0,0.4);}
.way-card:hover .ph img{transform:scale(1.08);}
.way-body{padding:18px 20px 22px;}
.way-card .num{font-weight:800; font-size:12px; color:var(--orange); margin-bottom:10px;}
.way-card h3{font-size:17px; margin-bottom:6px;}
.way-card p{font-size:13px; color:var(--text);}

.programs{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.program-card{background:var(--panel); border:1px solid var(--line); border-radius:14px; overflow:hidden; transition:transform .3s var(--ease), box-shadow .3s var(--ease); display:block; text-decoration:none;}
.program-card .ph{height:180px; border-radius:0;}
.program-card .ph.full-photo{height:auto;}
.program-card .ph img{transition:transform .5s var(--ease);}
.program-card:hover{transform:translateY(-7px); box-shadow:0 20px 40px rgba(0,0,0,0.45);}
.program-card:hover .ph img{transform:scale(1.08);}
.program-body{padding:20px 22px 24px;}
.program-body h3{font-size:17px; color:var(--blue); margin-bottom:8px;}
.program-body p{font-size:13.5px; color:var(--text);}

.events-row{display:flex; gap:18px; overflow-x:auto; padding-bottom:10px;}
.event-card{min-width:270px; background:var(--panel); border:1px solid var(--line); border-radius:12px; overflow:hidden; transition:transform .3s var(--ease); display:block; text-decoration:none; position:relative;}
.event-card .ph{height:150px; border-radius:0;}
.event-card:hover{transform:translateY(-6px);}

.hover-reveal .ph img{opacity:0.12; transition:opacity .45s var(--ease), transform .6s var(--ease);}
.hover-reveal:hover .ph img{opacity:1; transform:scale(1.05);}
.hover-reveal .reveal-title{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  text-align:center; padding:0 16px; font-family:'Poppins',sans-serif; font-weight:700; font-size:16px; color:#fff;
  pointer-events:none; transition:opacity .35s var(--ease);
}
.hover-reveal:hover .reveal-title{opacity:0;}
.event-info{padding:16px 18px;}
.event-date{font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--orange);}
.event-info h4{font-size:16px; margin-top:6px; color:#fff;}

.watch{display:grid; grid-template-columns:1.2fr .8fr; gap:40px; align-items:center;}
.watch h2{font-size:28px; margin-bottom:12px;}
.watch-links{display:flex; flex-direction:column; gap:12px; margin-top:20px;}
.watch-links a{font-size:14px; font-weight:600; color:var(--blue); border-bottom:1px solid var(--line); padding-bottom:10px; display:flex; justify-content:space-between; transition:padding .25s;}
.watch-links a:hover{padding-left:6px;}

/* Video thumbnail rows */
.thumb-row{display:flex; gap:16px; overflow-x:auto; padding:4px 4px 12px;scroll-behavior:smooth;}
.thumb-card{flex:0 0 auto; width:220px; transition:transform .3s var(--ease); text-decoration:none;}
.thumb-card:hover{transform:translateY(-6px);}
.thumb-card .ph{aspect-ratio:16/9; height:auto; border-radius:10px; box-shadow:0 8px 20px rgba(0,0,0,0.35); position:relative;}
.thumb-card .ph img{width:100%; height:100%; object-fit:cover; border-radius:10px; transition:transform .4s var(--ease);}
.thumb-card:hover .ph img{transform:scale(1.06);}
.thumb-play{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:44px; height:44px; border-radius:50%; background:rgba(0,0,0,0.55);
  color:#fff; display:flex; align-items:center; justify-content:center; font-size:16px;
  opacity:0; transition:opacity .3s var(--ease);
}
.thumb-card:hover .thumb-play{opacity:1;}

.thumb-title{font-size:13px; font-weight:600; color:#fff; margin-top:10px; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.thumb-strip-single{display:flex; align-items:center; gap:20px; color:var(--blue); font-weight:600; font-size:14px;}
.thumb-strip-single .ph{aspect-ratio:16/9; height:auto;}


.live-badge{
  display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:700;
  letter-spacing:.04em; text-transform:uppercase; color:var(--grey-mid);
  border:1px solid var(--line); border-radius:20px; padding:6px 14px; margin-bottom:18px;
}
.live-badge::before{content:''; width:8px; height:8px; border-radius:50%; background:var(--grey-mid);}
.live-badge.is-live{color:#fff; border-color:var(--orange); background:rgba(238,118,37,0.15);}
.live-badge.is-live::before{background:var(--orange); animation:pulseLive 1.4s ease-in-out infinite;}
@keyframes pulseLive{0%,100%{opacity:1;} 50%{opacity:.3;}}

.testimonies{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.testi-card{background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:24px;}
.testi-card p{font-size:14px; font-style:italic; color:#fff; margin-bottom:14px;}
.testi-card .who{font-size:12px; color:var(--orange); font-weight:600;}
.verified-tag{display:inline-block; font-size:10px; letter-spacing:.05em; text-transform:uppercase; color:var(--grey-mid); border:1px solid var(--line); border-radius:20px; padding:3px 10px; margin-top:12px;}

.testi-scroll-gallery .testi-track{align-items:stretch;}
.testi-scroll-gallery .testi-card{width:340px; flex:0 0 auto; height:auto;}
.testi-scroll-gallery .scroll-gallery-track{gap:20px;}

.give-banner{background:linear-gradient(135deg, var(--navy), #0d5064); text-align:center; padding:80px 32px; color:#fff;}
.give-banner .eyebrow{color:var(--blue-soft);}
.give-banner h2{color:#fff; font-size:clamp(28px,3.6vw,42px); margin-bottom:14px;}
.give-banner .lead{color:rgba(255,255,255,0.8); max-width:480px; margin:0 auto 26px; font-size:15px;}

/* Discover More — round icon steps */
.discover{background:var(--charcoal-dark); padding:80px 0; text-align:center;}
.discover-circles{display:flex; justify-content:center; gap:40px; flex-wrap:wrap; margin-top:40px;}
.discover-circle{width:150px; display:flex; flex-direction:column; align-items:center; gap:14px;}
.discover-circle .ring{
  width:110px; height:110px; border-radius:50%; border:2px solid var(--blue);
  display:flex; align-items:center; justify-content:center; font-size:34px; color:var(--blue);
  transition:transform .3s var(--ease), background .3s var(--ease);
}
.discover-circle:hover .ring{transform:translateY(-6px); background:rgba(58,181,230,0.12);}
.discover-circle span{font-size:13.5px; color:#fff; font-weight:600;}

footer{background:var(--charcoal-dark); padding:60px 0 26px; border-top:1px solid var(--line);}
.foot-grid{display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:36px; margin-bottom:44px;}
.foot-brand img{width:50px; margin-bottom:14px; border-radius:50%;}
.foot-brand p{font-size:13px; color:var(--text); max-width:280px; margin-top:8px;}
.foot-col h4{font-size:13px; letter-spacing:.05em; text-transform:uppercase; color:var(--blue); margin-bottom:14px;}
.foot-col a{display:block; font-size:13px; color:var(--text); margin-bottom:9px;}
.foot-col a:hover{color:var(--blue);}
.foot-bottom{display:flex; justify-content:space-between; align-items:center; padding-top:22px; border-top:1px solid var(--line); font-size:12px; color:var(--grey-mid); flex-wrap:wrap; gap:12px;}
.admin-access{opacity:.4; font-size:11px;}
.admin-access:hover{opacity:.8;}

/* Auto-scrolling photo gallery (Hermon Blessing "photo wheel" pattern) */
.scroll-gallery{overflow:hidden; position:relative; padding:10px 0;}
.scroll-gallery-track{display:flex; gap:18px; width:max-content;}
.scroll-gallery-track img{
  height:220px; width:auto; border-radius:12px; object-fit:cover;
  box-shadow:0 12px 30px rgba(0,0,0,0.35);
}
.scroll-gallery-nav{position:absolute; top:50%; transform:translateY(-50%); z-index:10; pointer-events:auto; cursor:pointer;
  width:42px; height:42px; border-radius:50%; background:rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.3);
  color:#fff; font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center;}
.scroll-gallery-nav.prev{left:8px;}
.scroll-gallery-nav.next{right:8px;}

.sing-lord-banner{
  background: linear-gradient(135deg, #2a0a35, #4a0e12);
  padding:70px 0 50px; position:relative; overflow:hidden;
}
.sing-lord-banner::before{
  content:''; position:absolute; inset:0;
  background-image: radial-gradient(rgba(255,215,0,0.10) 1.5px, transparent 1.5px);
  background-size: 24px 24px;
}
.sing-lord-title{position:relative; z-index:1; text-align:center; margin-bottom:30px;}
.sing-lord-title .eyebrow{color:#f0c869;}
.sing-lord-title h2{font-size:clamp(28px,4vw,44px); background:linear-gradient(135deg,#f0c869,#d4af37); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;}
.sing-lord-poster{max-width:900px; margin:0 auto 40px; border-radius:14px; overflow:hidden; box-shadow:0 20px 50px rgba(0,0,0,0.5);}
.sing-lord-poster img{width:100%; display:block;}

.scroll-gallery-fullbleed{width:100vw; margin-left:calc(-50vw + 50%); padding:0;}
.scroll-gallery-fullbleed .scroll-gallery-track{padding:0 20px;}

.faq-bot-btn{position:fixed; bottom:26px; right:26px; z-index:200; width:56px; height:56px; border-radius:50%; background:var(--blue); border:none; cursor:pointer; font-size:22px; box-shadow:0 10px 26px rgba(58,181,230,0.4); transition:transform .3s var(--ease);}
.faq-bot-btn:hover{transform:scale(1.08);}
.faq-panel{position:fixed; bottom:94px; right:26px; z-index:200; width:400px; max-height:680px; background:var(--panel); border:1px solid var(--line); border-radius:16px; box-shadow:0 20px 50px rgba(0,0,0,0.5); display:none; flex-direction:column; overflow:hidden;}
.faq-panel.open{display:flex;}
.faq-head{
  padding:18px 20px; border-bottom:1px solid var(--line); font-weight:700; color:#fff; font-size:16px;
  display:flex; align-items:center; gap:12px;
  background: linear-gradient(135deg, rgba(58,181,230,0.12), rgba(238,118,37,0.08));
}
.faq-head img{width:36px; height:36px; border-radius:50%; object-fit:cover;}
.faq-head .faq-sub{display:block; font-size:11px; font-weight:400; color:var(--grey-mid); margin-top:2px;}
.faq-body{padding:16px 18px; font-size:13.5px; color:var(--text); overflow-y:auto; flex:1; min-height:0;}

.reveal{opacity:0; transform:translateY(24px); transition:opacity .7s var(--ease), transform .7s var(--ease);}
.reveal.in{opacity:1; transform:translateY(0);}

@media(max-width:980px){
  nav.primary, .nav-icons .text-link:not(.menu-btn){display:none;}
  .nav-icons{gap:0;}
  .ways, .programs, .testimonies{grid-template-columns:1fr 1fr;}
  .foot-grid{grid-template-columns:1fr 1fr;}
  .watch{grid-template-columns:1fr;}
  .full-menu-grid{grid-template-columns:1fr; gap:8px 0; max-width:340px;}
  .full-menu-grid a{font-size:16px; padding:12px 0; text-transform:uppercase; letter-spacing:.03em;}
}
@media(max-width:600px){
  .ways, .programs, .testimonies{grid-template-columns:1fr;}
  .foot-grid{grid-template-columns:1fr;}
}
.gcse-search{max-width:600px;}
.gsc-control-cse{background:transparent !important; border:none !important; padding:0 !important; font-family:'Poppins',sans-serif !important;}
.gsc-search-box{margin-bottom:0 !important;}
table.gsc-search-box{border:none !important;}
.gsc-input-box{
  background:var(--panel) !important; border:1px solid var(--line) !important; border-radius:10px !important;
  height:52px !important;
}
.gsc-input-box:hover, .gsc-input-box-hover, .gsc-input-box-focus{border-color:var(--blue) !important;}
input.gsc-input{
  background:transparent !important; color:#fff !important; font-family:'Poppins',sans-serif !important; font-size:14px !important;
}
.gsib_a{padding:12px 12px 12px 16px !important;}
.gsc-search-button-v2{
  background:var(--blue) !important; border-color:var(--blue) !important; border-radius:10px !important;
  height:52px !important; padding:0 22px !important; margin-left:10px !important;
}
.gsc-search-button-v2:hover{background:var(--blue-dark) !important;}
.gsc-search-button-v2 svg{fill:#fff !important;}
.gsc-results-wrapper-overlay, .gsc-results-wrapper-visible{
  background:var(--charcoal-dark) !important; border:1px solid var(--line) !important; border-radius:12px !important; margin-top:10px !important;
}
.gsc-webResult.gsc-result, .gsc-result{background:transparent !important; border-color:var(--line) !important;}
.gsc-webResult.gsc-result:hover, .gs-web-result:hover{background:var(--panel) !important;}
.gs-title, .gs-title b{color:var(--blue) !important;}
.gs-snippet{color:var(--text) !important;}
.gs-visibleUrl, .gs-visibleUrl-short{color:var(--grey-mid) !important;}
.gcse-search .gsc-tabsArea{border-bottom-color:var(--line) !important;}
.gcse-search .gsc-tabHeader{color:var(--grey-mid) !important;}
.gcse-search .gsc-tabHeader.gsc-tabhActive{color:var(--blue) !important; border-color:var(--blue) !important;}
.search-hint{font-size:12px; color:var(--grey-mid); margin-top:8px;}

@media (prefers-reduced-motion: reduce){ *{transition:none !important;} }