/*
Theme Name: IgorMartini Cloud Final 12.1 Light First Visit
Version: 12.1.0
Description: Secure WordPress.com native theme with light posts by default on first visit, optional dark-reading toggle, YouTube social link, simplified navigation, GTranslate header, and mobile header refinements.
*/
:root{--deep:#030b16;--panel:#07182b;--border:#153957;--cyan:#00d4ff;--text:#eef6ff;--muted:#9eb1c8;--red:#ff4f64;--amber:#ffb020}
*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:Inter,Arial,sans-serif;background:linear-gradient(rgba(0,212,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.035) 1px,transparent 1px),var(--deep);background-size:40px 40px}a{text-decoration:none;color:inherit}.container{width:min(100% - 40px,1510px);margin:auto}.site-shell{padding:14px 0 28px}.topbar{margin-bottom:14px;background:rgba(5,16,29,.9);border:1px solid var(--border);border-radius:10px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:22px}.brand-icon{width:38px;height:38px;border-radius:8px;border:1px solid rgba(0,212,255,.45);display:grid;place-items:center;color:var(--cyan);background:rgba(0,212,255,.08)}.menu{display:flex;gap:26px;margin:0;padding:0;list-style:none}.menu a{font-size:14px;font-weight:700;color:#dbe7f5}.menu a:hover{color:var(--cyan)}.nav-actions{display:flex;gap:12px;align-items:center}.searchbox{width:235px;height:42px;display:flex;align-items:center;gap:10px;background:#0b2038;border:1px solid #193b5a;border-radius:8px;color:#7f94ad;padding:0 14px}.subscribe{height:42px;background:var(--cyan);color:#001220;border-radius:8px;padding:0 18px;display:inline-flex;align-items:center;font-weight:800}.mode{width:42px;height:42px;border-radius:8px;background:#0b2038;border:1px solid #193b5a;display:grid;place-items:center;color:var(--cyan)}.threat-feed{height:40px;margin-bottom:14px;overflow:hidden;border:1px solid var(--border);border-radius:10px;display:flex;background:rgba(7,24,43,.88)}.feed-label{background:var(--red);padding:0 14px;display:flex;align-items:center;font-family:monospace;font-size:12px;font-weight:800;white-space:nowrap}.feed-scroll{display:flex;align-items:center;overflow:hidden;flex:1}.feed-track{display:flex;gap:34px;white-space:nowrap;animation:marquee 40s linear infinite;color:#9eb1c8;font-family:monospace;font-size:12px}.feed-item{display:inline-flex;align-items:center;gap:8px}.dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);display:inline-block}.dot.red{background:var(--red)}.dot.amber{background:var(--amber)}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.hero-banner{overflow:hidden;border:1px solid var(--border);border-radius:10px;margin:0 0 18px;line-height:0;box-shadow:0 22px 80px rgba(0,0,0,.28)}.hero-banner img{width:100%;height:auto;display:block}.grid{display:grid;grid-template-columns:minmax(0,2fr) 390px;gap:18px;align-items:start}.panel,.widget-card,.sidebar .widget{background:rgba(7,24,43,.88);border:1px solid var(--border);border-radius:10px;box-shadow:0 18px 60px rgba(0,0,0,.22)}.latest,.widget-card,.sidebar .widget{padding:28px}.latest h2,.widget-card h3,.sidebar .widget h2,.sidebar .widget h3{font-size:28px;line-height:1.1;margin:0 0 22px;font-weight:800}.post-card{display:grid;grid-template-columns:330px 1fr;gap:26px;padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid rgba(93,139,180,.18)}.post-card:last-child{border:0;margin:0;padding:0}.thumb{height:160px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#064f84,#072646);display:flex;align-items:center;justify-content:center;color:var(--cyan);font-weight:800}.thumb img{width:100%;height:100%;object-fit:cover}.post-title{font-size:25px;line-height:1.18;margin:2px 0 8px;font-weight:800}.excerpt,.widget-card p{color:var(--muted);font-size:16px}.meta{display:flex;align-items:center;gap:16px;color:#9eb1c8;font-size:14px;flex-wrap:wrap}.tag{background:rgba(0,212,255,.12);border:1px solid rgba(0,212,255,.18);color:var(--cyan);border-radius:5px;padding:4px 8px;font-size:12px;font-weight:800}.sidebar{display:flex;flex-direction:column;gap:12px}.cat-list{list-style:none;margin:0;padding:0}.cat-list li{display:flex;justify-content:space-between;border-bottom:1px solid rgba(93,139,180,.16);padding:12px 0;color:#c6d3e3}.count{background:#132941;border-radius:999px;padding:1px 10px;color:#bcd0e6;font-size:13px}.newsletter input{width:100%;height:42px;border:1px solid #193b5a;background:#0b2038;color:#fff;border-radius:7px;padding:0 12px;margin:10px 0}.newsletter button,.wp-block-button__link{width:100%;border:0;border-radius:7px;background:var(--cyan)!important;font-weight:800;color:#001220!important;padding:11px 14px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:#0b2038;border:1px solid rgba(93,139,180,.16);border-radius:8px;text-align:center;padding:13px 5px}.stat strong{display:block;color:var(--cyan);font-size:24px}.stat span{font-size:12px;color:var(--muted);font-family:monospace}.topic-cloud,.social-links{display:flex;flex-wrap:wrap;gap:10px}.topic-cloud span,.social-links a{background:#091b2f;border:1px solid rgba(93,139,180,.16);border-radius:6px;padding:8px 10px;color:#b9c8da;font-size:13px;font-family:monospace}.social-links a{color:var(--cyan);font-weight:800}.author-mini{display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;border-radius:8px;border:1px solid rgba(0,212,255,.18);background:rgba(0,212,255,.1);display:grid;place-items:center;color:var(--cyan);font-weight:800}.cert-badges-unlimited,.certifications-widget .wp-block-gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cert-widget-block,.certifications-widget figure{margin:0!important;min-height:104px;padding:10px 8px;border:1px solid rgba(0,212,255,.18);background:rgba(11,32,56,.75);border-radius:10px;display:flex!important;align-items:center;justify-content:center}.certifications-widget img{width:100%;max-width:92px;height:auto;max-height:92px;object-fit:contain}.footer{margin-top:18px;padding:28px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.single-content{padding:34px;max-width:920px}@media(max-width:1100px){.menu{display:none}.grid{grid-template-columns:1fr}.post-card{grid-template-columns:260px 1fr}.searchbox{display:none}}@media(max-width:700px){.container{width:min(100% - 24px,1510px)}.brand{font-size:18px}.subscribe{display:none}.post-card{grid-template-columns:1fr}}


/* V10.1 Logo/Header fix */
.brand{
  display:flex;
  gap:10px;
  align-items:center;
  font-weight:800;
  font-size:22px;
  letter-spacing:-.04em;
  white-space:nowrap;
}
.brand-icon{
  width:54px !important;
  height:38px !important;
  border-radius:8px !important;
  border:1px solid rgba(0,212,255,.45) !important;
  background-image:url("assets/img/header-logo-cloud-lock.png") !important;
  background-size:contain !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-color:rgba(0,212,255,.06) !important;
  display:inline-block !important;
  color:transparent !important;
  overflow:hidden !important;
}
.brand-main{
  color:#ffffff !important;
}
.brand-cloud{
  color:#65cfff !important;
}


/* V10.2 Minimal sidebar + mockup-like typography */
:root{
  --heading-font:'Manrope','Inter','Segoe UI',Arial,sans-serif;
}
.latest h2,
.widget-card h3,
.widget-card h2,
.post-title,
.brand{
  font-family:var(--heading-font) !important;
  letter-spacing:-0.045em;
}
.latest h2,
.widget-card h3,
.widget-card h2{
  font-weight:800 !important;
}
.post-title{
  font-weight:800 !important;
}
.widget-card{
  margin-bottom:12px;
}
.certifications-widget h3{
  display:block !important;
  margin-bottom:22px !important;
}
.certifications-widget .wp-block-image,
.certifications-widget figure{
  margin:0 !important;
}
.certifications-widget img{
  max-width:92px;
  max-height:92px;
  width:auto;
  height:auto;
  object-fit:contain;
}


/* V10.3 Polished - closer to mockup, lighter headings, fixed certification image */
:root{
  --heading-font:'Manrope','Inter','Segoe UI',Arial,sans-serif;
}

.latest h2,
.widget-card h3,
.widget-card h2,
.post-title{
  font-family:var(--heading-font) !important;
  font-weight:700 !important;
  letter-spacing:-0.035em !important;
}

.latest h2,
.widget-card h3,
.widget-card h2{
  font-size:26px !important;
  line-height:1.15 !important;
  margin-bottom:18px !important;
}

.post-title{
  font-size:22px !important;
  line-height:1.25 !important;
}

.widget-card{
  padding:22px !important;
}

.latest{
  padding:24px !important;
}

.certifications-widget h3{
  display:block !important;
  margin-bottom:18px !important;
}

.certifications-widget .widget,
.certifications-widget .widget-block{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.certifications-widget figure,
.certifications-widget .wp-block-image{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  min-height:unset !important;
  display:block !important;
}

.certifications-widget img{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto !important;
  border-radius:8px;
}

.certifications-widget .gallery,
.certifications-widget .wp-block-gallery{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.certifications-widget .wp-block-gallery img{
  max-height:90px !important;
}

.author-mini{
  align-items:flex-start !important;
}

.author-mini strong{
  font-size:15px;
}

.author-mini span{
  line-height:1.55;
}

.social-links a{
  font-weight:700 !important;
}

.newsletter button{
  font-weight:700 !important;
}


/* V10.4 Corrections */
.subscribe,
.newsletter button,
.wp-block-button__link{
  font-weight:400 !important;
}

.mode{
  cursor:pointer;
  user-select:none;
}

/* About Me formatting with paragraphs and bullet points */
.about-me-content{
  color:#b9c8da;
  font-size:16px;
  line-height:1.55;
}
.about-me-content p{
  margin:0 0 12px 0;
}
.about-me-content ul{
  margin:10px 0 0 18px;
  padding:0;
}
.about-me-content li{
  margin:6px 0;
}

/* Social icons */
.social-links{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
.social-links a{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:#091b2f;
  border:1px solid rgba(93,139,180,.22);
  color:#65cfff !important;
  font-size:18px;
  font-weight:500 !important;
  transition:transform .15s ease, border-color .15s ease, background .15s ease;
}
.social-links a:hover{
  transform:translateY(-2px);
  border-color:rgba(0,212,255,.45);
  background:rgba(0,212,255,.08);
}

/* Light mode */
body.light-mode{
  --deep:#f5f8fb;
  --panel:#ffffff;
  --border:#d8e5f0;
  --text:#102033;
  --muted:#536579;
  background:
    linear-gradient(rgba(0,90,140,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,90,140,.05) 1px, transparent 1px),
    #f5f8fb !important;
  color:#102033 !important;
}
body.light-mode .topbar,
body.light-mode .widget-card,
body.light-mode .panel,
body.light-mode .latest,
body.light-mode .hero-banner,
body.light-mode .threat-feed{
  background:rgba(255,255,255,.92) !important;
  border-color:#d8e5f0 !important;
  box-shadow:0 14px 40px rgba(20,50,80,.10) !important;
}
body.light-mode .menu a,
body.light-mode .post-title,
body.light-mode .latest h2,
body.light-mode .widget-card h3,
body.light-mode .brand-main{
  color:#102033 !important;
}
body.light-mode .excerpt,
body.light-mode .meta,
body.light-mode .about-me-content,
body.light-mode .widget-card p{
  color:#536579 !important;
}
body.light-mode .searchbox,
body.light-mode .mode,
body.light-mode .social-links a{
  background:#eef5fb !important;
  border-color:#d8e5f0 !important;
}
body.light-mode .brand-cloud{
  color:#008ed6 !important;
}


/* FINAL 11.2 - stable clean version */
.latest h2,
.widget-card h3,
.widget-card h2{
  font-size:23px !important;
  line-height:1.15 !important;
  font-weight:650 !important;
  margin-bottom:16px !important;
  letter-spacing:-0.025em !important;
}

.post-title{
  font-size:21px !important;
  font-weight:650 !important;
}

.widget-card{
  padding:21px !important;
}

.latest{
  padding:23px !important;
}

.subscribe,
.nav-cta{
  display:none !important;
}

.searchbox{
  display:flex !important;
  width:260px !important;
}

.searchbox input{
  color:var(--text) !important;
}

.searchbox input::placeholder{
  color:var(--muted) !important;
}

.newsletter button,
.wp-block-button__link{
  font-weight:400 !important;
}

.social-links{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}

.social-links a{
  width:40px;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  background:#091b2f;
  border:1px solid rgba(93,139,180,.22);
  color:#65cfff !important;
  transition:transform .15s ease, border-color .15s ease, background .15s ease;
  font-weight:500 !important;
}

.social-links a:hover{
  transform:translateY(-2px);
  border-color:rgba(0,212,255,.45);
  background:rgba(0,212,255,.08);
}

.social-links svg{
  width:20px;
  height:20px;
  fill:currentColor;
  display:block;
}

.about-me-content{
  color:#b9c8da;
  font-size:16px;
  line-height:1.55;
}

.about-me-content p{
  margin:0 0 12px 0;
}

.about-me-content ul{
  margin:10px 0 0 18px;
  padding:0;
}

.about-me-content li{
  margin:6px 0;
}

.certifications-widget h3{
  display:block !important;
  margin-bottom:16px !important;
}

.certifications-widget .widget,
.certifications-widget .widget-block{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.certifications-widget figure,
.certifications-widget .wp-block-image{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  min-height:unset !important;
  display:block !important;
}

.certifications-widget img{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto !important;
  border-radius:8px;
}


/* FINAL 11.3 - Mobile optimization */
.mobile-search-toggle{display:none}
.mobile-search-panel{display:none}

@media (max-width:768px){
  .site-shell{padding-top:10px}
  .container{width:min(100% - 20px,1510px) !important}

  .topbar{
    display:grid !important;
    grid-template-columns:1fr auto auto !important;
    align-items:center !important;
    gap:10px !important;
    padding:10px 12px !important;
    position:relative;
  }

  .brand{
    min-width:0 !important;
    font-size:19px !important;
  }

  .brand-icon{
    width:46px !important;
    height:34px !important;
  }

  nav{
    grid-column:1 / -1 !important;
    width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    padding-top:6px !important;
  }

  .menu{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:14px !important;
    padding:0 !important;
    margin:0 !important;
    white-space:nowrap !important;
    font-size:12px !important;
  }

  .nav-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
  }

  .nav-actions .searchbox{
    display:none !important;
  }

  .mobile-search-toggle{
    display:inline-flex !important;
    width:38px !important;
    height:38px !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:8px !important;
    background:#0b2038 !important;
    border:1px solid #193b5a !important;
    color:var(--text) !important;
    cursor:pointer !important;
    font-size:18px !important;
    line-height:1 !important;
  }

  .mode{
    width:38px !important;
    height:38px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .mobile-search-panel{
    display:none;
    grid-column:1 / -1 !important;
    width:100% !important;
  }

  .mobile-search-panel.is-open{
    display:block !important;
  }

  .mobile-search-panel .searchbox{
    display:flex !important;
    width:100% !important;
    min-height:42px !important;
    margin:6px 0 0 0 !important;
  }

  .mobile-search-panel input{
    width:100% !important;
    color:var(--text) !important;
  }

  .hero-banner{margin-top:10px !important}

  .hero-banner img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
  }

  .layout{display:block !important}
  .latest,.sidebar{width:100% !important}
  .sidebar{margin-top:14px !important}

  .latest h2,.widget-card h3,.widget-card h2{font-size:21px !important}
  .widget-card{padding:18px !important}
  .latest{padding:18px !important}

  .threat-feed{
    height:auto !important;
    min-height:38px !important;
    overflow:hidden !important;
  }

  .feed-label{
    font-size:10px !important;
    padding:0 10px !important;
  }

  .feed-scroll{min-width:0 !important}

  .certifications-widget img{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
  }
}

@media (max-width:480px){
  .brand{font-size:17px !important}
  .brand-icon{width:40px !important;height:32px !important}
  .menu{gap:12px !important;font-size:11px !important}
  .hero-banner{border-radius:8px !important}
}


/* FINAL 11.4 - Security and maintainability cleanup */
.screen-reader-text{
  border:0;
  clip:rect(1px,1px,1px,1px);
  clip-path:inset(50%);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  word-wrap:normal!important;
}
.searchbox input{
  all:unset;
  width:100%;
}
.mode,
.mobile-search-toggle{
  appearance:none;
  -webkit-appearance:none;
}
.thumb span{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
}
.newsletter button[disabled],
.newsletter input[disabled]{
  opacity:.75;
  cursor:not-allowed;
}


/* FINAL 11.5 - Article width and compact mobile header */

/* Wider single post content for technical articles, tables, images and scripts */
.single .container,
.single-post .container{
  width:min(100% - 40px,1400px) !important;
}

.single article,
.single-post article,
.single .entry-content,
.single-post .entry-content,
.single .post-content,
.single-post .post-content,
.single .panel,
.single-post .panel{
  max-width:1180px !important;
  width:100% !important;
}

.single .panel,
.single-post .panel{
  margin-left:0 !important;
  margin-right:auto !important;
}

.single-post img,
.single img{
  max-width:100% !important;
  height:auto !important;
}

.single-post table,
.single table{
  width:100% !important;
  max-width:100% !important;
}

/* Compact mobile header */
@media (max-width:768px){

  .container{
    width:min(100% - 22px,1510px) !important;
  }

  .topbar{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px 10px !important;
    padding:10px 12px !important;
  }

  .brand{
    flex:1 1 auto !important;
    min-width:0 !important;
    font-size:21px !important;
    gap:8px !important;
  }

  .brand-icon{
    width:44px !important;
    height:34px !important;
    flex:0 0 auto !important;
  }

  .nav-actions{
    flex:0 0 auto !important;
    display:flex !important;
    gap:8px !important;
    margin-left:auto !important;
    order:2 !important;
  }

  .nav-actions .searchbox{
    display:none !important;
  }

  .mobile-search-toggle,
  .mode{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
  }

  nav{
    order:3 !important;
    flex:1 0 100% !important;
    width:100% !important;
    padding-top:2px !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }

  .menu{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:14px !important;
    padding:0 !important;
    margin:0 !important;
    white-space:nowrap !important;
    justify-content:flex-start !important;
  }

  .menu a{
    font-size:15px !important;
    font-weight:700 !important;
  }

  .mobile-search-panel{
    order:4 !important;
    flex:1 0 100% !important;
    width:100% !important;
  }

  .mobile-search-panel.is-open{
    display:block !important;
  }

  .mobile-search-panel .searchbox{
    width:100% !important;
    height:40px !important;
  }

  .threat-feed{
    margin-top:10px !important;
  }

  .feed-label{
    font-size:11px !important;
    padding:0 12px !important;
  }

  .hero-banner{
    margin-top:10px !important;
  }

  .single .container,
  .single-post .container{
    width:min(100% - 22px,1400px) !important;
  }

  .single article,
  .single-post article,
  .single .entry-content,
  .single-post .entry-content,
  .single .post-content,
  .single-post .post-content,
  .single .panel,
  .single-post .panel{
    max-width:100% !important;
  }
}

@media (max-width:430px){

  .topbar{
    gap:7px 8px !important;
    padding:9px 10px !important;
  }

  .brand{
    font-size:20px !important;
  }

  .brand-icon{
    width:42px !important;
    height:32px !important;
  }

  .menu{
    gap:13px !important;
  }

  .menu a{
    font-size:14px !important;
  }

  .mobile-search-toggle,
  .mode{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
  }
}

@media (max-width:375px){
  .brand{
    font-size:18px !important;
  }

  .brand-icon{
    width:38px !important;
    height:30px !important;
  }

  .menu{
    gap:11px !important;
  }

  .menu a{
    font-size:13px !important;
  }
}


/* FINAL 11.6 - Post reading mode and dynamic article width */
.single-post .container,
.single .container{
  width:min(100% - 36px,1510px) !important;
}

.single-post .panel,
.single .panel,
.single-post article,
.single article,
.single-post .entry-content,
.single .entry-content,
.single-post .post-content,
.single .post-content{
  max-width:none !important;
  width:100% !important;
}

.single-post .panel,
.single .panel{
  background:#ffffff !important;
  color:#111827 !important;
  border-color:#d7e1ea !important;
  box-shadow:0 18px 60px rgba(0,0,0,.18) !important;
}

.single-post .panel h1,
.single-post .panel h2,
.single-post .panel h3,
.single-post .panel h4,
.single-post .panel h5,
.single-post .panel h6,
.single-post .panel p,
.single-post .panel li,
.single-post .panel td,
.single-post .panel th,
.single-post .panel blockquote,
.single-post .panel figcaption,
.single .panel h1,
.single .panel h2,
.single .panel h3,
.single .panel h4,
.single .panel h5,
.single .panel h6,
.single .panel p,
.single .panel li,
.single .panel td,
.single .panel th,
.single .panel blockquote,
.single .panel figcaption{
  color:#111827 !important;
}

.single-post .panel .meta,
.single .panel .meta{
  color:#475569 !important;
}

.single-post .panel a,
.single .panel a{
  color:#0067b8 !important;
}

.single-post .panel table,
.single .panel table{
  background:#ffffff !important;
  color:#111827 !important;
  border-collapse:collapse !important;
  width:100% !important;
  display:table !important;
}

.single-post .panel th,
.single-post .panel td,
.single .panel th,
.single .panel td{
  border:1px solid #cbd5e1 !important;
  padding:10px 12px !important;
}

.single-post .panel th,
.single .panel th{
  background:#eaf2fb !important;
  color:#0f172a !important;
}

.single-post .panel pre,
.single .panel pre{
  background:#071321 !important;
  color:#e6f1ff !important;
  border:1px solid #12304a !important;
  border-radius:10px !important;
  padding:18px !important;
  overflow:auto !important;
}

body.article-dark-mode.single-post .panel,
body.article-dark-mode.single .panel{
  background:rgba(7,24,43,.88) !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
}

body.article-dark-mode.single-post .panel h1,
body.article-dark-mode.single-post .panel h2,
body.article-dark-mode.single-post .panel h3,
body.article-dark-mode.single-post .panel h4,
body.article-dark-mode.single-post .panel h5,
body.article-dark-mode.single-post .panel h6,
body.article-dark-mode.single-post .panel p,
body.article-dark-mode.single-post .panel li,
body.article-dark-mode.single-post .panel td,
body.article-dark-mode.single-post .panel th,
body.article-dark-mode.single-post .panel blockquote,
body.article-dark-mode.single-post .panel figcaption,
body.article-dark-mode.single .panel h1,
body.article-dark-mode.single .panel h2,
body.article-dark-mode.single .panel h3,
body.article-dark-mode.single .panel h4,
body.article-dark-mode.single .panel h5,
body.article-dark-mode.single .panel h6,
body.article-dark-mode.single .panel p,
body.article-dark-mode.single .panel li,
body.article-dark-mode.single .panel td,
body.article-dark-mode.single .panel th,
body.article-dark-mode.single .panel blockquote,
body.article-dark-mode.single .panel figcaption{
  color:var(--text) !important;
}

body.article-dark-mode.single-post .panel .meta,
body.article-dark-mode.single .panel .meta{
  color:var(--muted) !important;
}

body.article-dark-mode.single-post .panel a,
body.article-dark-mode.single .panel a{
  color:var(--cyan) !important;
}

body.article-dark-mode.single-post .panel table,
body.article-dark-mode.single .panel table{
  background:rgba(7,24,43,.88) !important;
}

body.article-dark-mode.single-post .panel th,
body.article-dark-mode.single .panel th{
  background:#0b2038 !important;
  color:var(--text) !important;
}

body.article-dark-mode.single-post .panel td,
body.article-dark-mode.single .panel td{
  color:var(--text) !important;
  border-color:#193b5a !important;
}

@media (max-width:768px){
  .single-post .container,
  .single .container{
    width:min(100% - 22px,1510px) !important;
  }
}


/* FINAL 11.7 - Correct dark reading mode contrast for tables and callouts */

/* Light article mode: Microsoft-style readable tables */
.single-post .panel table,
.single .panel table{
  border-collapse:collapse !important;
  width:100% !important;
}

.single-post .panel th,
.single .panel th{
  background:#eaf2fb !important;
  color:#0f172a !important;
  border:1px solid #cbd5e1 !important;
  font-weight:700 !important;
}

.single-post .panel td,
.single .panel td{
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid #cbd5e1 !important;
}

.single-post .panel tr:nth-child(even) td,
.single .panel tr:nth-child(even) td{
  background:#f8fafc !important;
}

/* Dark article mode: explicit table styling */
body.article-dark-mode.single-post .panel table,
body.article-dark-mode.single .panel table{
  background:#081a2e !important;
  color:#e5f1ff !important;
  border-collapse:collapse !important;
  width:100% !important;
}

body.article-dark-mode.single-post .panel th,
body.article-dark-mode.single .panel th{
  background:#123a5f !important;
  color:#ffffff !important;
  border:1px solid #315a7d !important;
  font-weight:700 !important;
}

body.article-dark-mode.single-post .panel td,
body.article-dark-mode.single .panel td{
  background:#0b2038 !important;
  color:#e5f1ff !important;
  border:1px solid #315a7d !important;
}

body.article-dark-mode.single-post .panel tr:nth-child(even) td,
body.article-dark-mode.single .panel tr:nth-child(even) td{
  background:#0f2946 !important;
}

body.article-dark-mode.single-post .panel td strong,
body.article-dark-mode.single-post .panel th strong,
body.article-dark-mode.single .panel td strong,
body.article-dark-mode.single .panel th strong{
  color:#ffffff !important;
}

/* Dark mode code blocks */
body.article-dark-mode.single-post .panel pre,
body.article-dark-mode.single .panel pre{
  background:#020617 !important;
  color:#e2e8f0 !important;
  border:1px solid #334155 !important;
}

body.article-dark-mode.single-post .panel code,
body.article-dark-mode.single .panel code{
  color:#e2e8f0 !important;
}

/* Optional reusable callout classes for Custom HTML or Group blocks */
.single-post .panel .callout-important,
.single .panel .callout-important{
  background:#fff4ce !important;
  color:#1f2937 !important;
  border-left:5px solid #ffb900 !important;
  padding:16px 20px !important;
  border-radius:6px !important;
  margin:20px 0 !important;
}

.single-post .panel .callout-note,
.single .panel .callout-note{
  background:#e5f1fb !important;
  color:#1f2937 !important;
  border-left:5px solid #0078d4 !important;
  padding:16px 20px !important;
  border-radius:6px !important;
  margin:20px 0 !important;
}

.single-post .panel .callout-tip,
.single .panel .callout-tip{
  background:#dff6dd !important;
  color:#1f2937 !important;
  border-left:5px solid #107c10 !important;
  padding:16px 20px !important;
  border-radius:6px !important;
  margin:20px 0 !important;
}

body.article-dark-mode.single-post .panel .callout-important,
body.article-dark-mode.single .panel .callout-important{
  background:#3a2d00 !important;
  color:#fff7d6 !important;
  border-left-color:#ffb900 !important;
}

body.article-dark-mode.single-post .panel .callout-note,
body.article-dark-mode.single .panel .callout-note{
  background:#082a4d !important;
  color:#e5f1fb !important;
  border-left-color:#2899f5 !important;
}

body.article-dark-mode.single-post .panel .callout-tip,
body.article-dark-mode.single .panel .callout-tip{
  background:#0e3d19 !important;
  color:#dff6dd !important;
  border-left-color:#13a10e !important;
}

body.article-dark-mode.single-post .panel .callout-important strong,
body.article-dark-mode.single-post .panel .callout-note strong,
body.article-dark-mode.single-post .panel .callout-tip strong,
body.article-dark-mode.single .panel .callout-important strong,
body.article-dark-mode.single .panel .callout-note strong,
body.article-dark-mode.single .panel .callout-tip strong{
  color:#ffffff !important;
}

/* Preserve images in article dark mode */
body.article-dark-mode.single-post .panel img,
body.article-dark-mode.single .panel img{
  filter:none !important;
  opacity:1 !important;
}


/* FINAL 11.8 - Fix Custom HTML callout contrast in article dark mode */

/* Important / warning callouts */
body.article-dark-mode.single-post .panel .callout-important,
body.article-dark-mode.single .panel .callout-important,
body.article-dark-mode.single-post .panel div[style*="FFF4CE"],
body.article-dark-mode.single .panel div[style*="FFF4CE"],
body.article-dark-mode.single-post .panel div[style*="fff4ce"],
body.article-dark-mode.single .panel div[style*="fff4ce"],
body.article-dark-mode.single-post .panel div[style*="255,244,206"],
body.article-dark-mode.single .panel div[style*="255,244,206"]{
  background:#3a2d00 !important;
  color:#fff7d6 !important;
  border-left-color:#ffb900 !important;
  border-color:#ffb900 !important;
}

/* Note / information callouts */
body.article-dark-mode.single-post .panel .callout-note,
body.article-dark-mode.single .panel .callout-note,
body.article-dark-mode.single-post .panel div[style*="E5F1FB"],
body.article-dark-mode.single .panel div[style*="E5F1FB"],
body.article-dark-mode.single-post .panel div[style*="e5f1fb"],
body.article-dark-mode.single .panel div[style*="e5f1fb"],
body.article-dark-mode.single-post .panel div[style*="229,241,251"],
body.article-dark-mode.single .panel div[style*="229,241,251"]{
  background:#082a4d !important;
  color:#e5f1fb !important;
  border-left-color:#2899f5 !important;
  border-color:#2899f5 !important;
}

/* Pro Tip / success callouts */
body.article-dark-mode.single-post .panel .callout-tip,
body.article-dark-mode.single .panel .callout-tip,
body.article-dark-mode.single-post .panel div[style*="DFF6DD"],
body.article-dark-mode.single .panel div[style*="DFF6DD"],
body.article-dark-mode.single-post .panel div[style*="dff6dd"],
body.article-dark-mode.single .panel div[style*="dff6dd"],
body.article-dark-mode.single-post .panel div[style*="223,246,221"],
body.article-dark-mode.single .panel div[style*="223,246,221"]{
  background:#0e3d19 !important;
  color:#dff6dd !important;
  border-left-color:#13a10e !important;
  border-color:#13a10e !important;
}

/* Force readable text inside recognized dark callouts */
body.article-dark-mode.single-post .panel .callout-important *,
body.article-dark-mode.single .panel .callout-important *,
body.article-dark-mode.single-post .panel .callout-note *,
body.article-dark-mode.single .panel .callout-note *,
body.article-dark-mode.single-post .panel .callout-tip *,
body.article-dark-mode.single .panel .callout-tip *,
body.article-dark-mode.single-post .panel div[style*="FFF4CE"] *,
body.article-dark-mode.single .panel div[style*="FFF4CE"] *,
body.article-dark-mode.single-post .panel div[style*="fff4ce"] *,
body.article-dark-mode.single .panel div[style*="fff4ce"] *,
body.article-dark-mode.single-post .panel div[style*="255,244,206"] *,
body.article-dark-mode.single .panel div[style*="255,244,206"] *,
body.article-dark-mode.single-post .panel div[style*="E5F1FB"] *,
body.article-dark-mode.single .panel div[style*="E5F1FB"] *,
body.article-dark-mode.single-post .panel div[style*="e5f1fb"] *,
body.article-dark-mode.single .panel div[style*="e5f1fb"] *,
body.article-dark-mode.single-post .panel div[style*="229,241,251"] *,
body.article-dark-mode.single .panel div[style*="229,241,251"] *,
body.article-dark-mode.single-post .panel div[style*="DFF6DD"] *,
body.article-dark-mode.single .panel div[style*="DFF6DD"] *,
body.article-dark-mode.single-post .panel div[style*="dff6dd"] *,
body.article-dark-mode.single .panel div[style*="dff6dd"] *,
body.article-dark-mode.single-post .panel div[style*="223,246,221"] *,
body.article-dark-mode.single .panel div[style*="223,246,221"] *{
  color:inherit !important;
}

/* Strong labels inside callouts */
body.article-dark-mode.single-post .panel .callout-important strong,
body.article-dark-mode.single .panel .callout-important strong,
body.article-dark-mode.single-post .panel .callout-note strong,
body.article-dark-mode.single .panel .callout-note strong,
body.article-dark-mode.single-post .panel .callout-tip strong,
body.article-dark-mode.single .panel .callout-tip strong,
body.article-dark-mode.single-post .panel div[style*="FFF4CE"] strong,
body.article-dark-mode.single .panel div[style*="FFF4CE"] strong,
body.article-dark-mode.single-post .panel div[style*="fff4ce"] strong,
body.article-dark-mode.single .panel div[style*="fff4ce"] strong,
body.article-dark-mode.single-post .panel div[style*="E5F1FB"] strong,
body.article-dark-mode.single .panel div[style*="E5F1FB"] strong,
body.article-dark-mode.single-post .panel div[style*="e5f1fb"] strong,
body.article-dark-mode.single .panel div[style*="e5f1fb"] strong,
body.article-dark-mode.single-post .panel div[style*="DFF6DD"] strong,
body.article-dark-mode.single .panel div[style*="DFF6DD"] strong,
body.article-dark-mode.single-post .panel div[style*="dff6dd"] strong,
body.article-dark-mode.single .panel div[style*="dff6dd"] strong{
  color:#ffffff !important;
}

/* Links inside callouts */
body.article-dark-mode.single-post .panel .callout-important a,
body.article-dark-mode.single .panel .callout-important a,
body.article-dark-mode.single-post .panel .callout-note a,
body.article-dark-mode.single .panel .callout-note a,
body.article-dark-mode.single-post .panel .callout-tip a,
body.article-dark-mode.single .panel .callout-tip a{
  color:#8bd3ff !important;
}


/* FINAL 11.9 - GTranslate header integration */

/* Keep the main navigation from being translated by GTranslate/Google Translate */
.primary-nav.notranslate,
.primary-nav.notranslate *,
nav.notranslate,
nav.notranslate *{
  translate:no;
}

/* Header language selector next to dark mode */
.header-translate{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-left:8px;
  line-height:1;
}

.header-translate .gtranslate_wrapper,
.header-translate .gt_container--default,
.header-translate .gt_switcher,
.header-translate .gt_selected,
.header-translate .gt_option{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.header-translate img,
.header-translate a img,
.header-translate .gt_container--default img{
  width:22px !important;
  height:auto !important;
  margin:0 2px !important;
  display:inline-block !important;
  border-radius:2px !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.18) !important;
}

.header-translate a,
.header-translate .gt_languages a,
.header-translate .gt_option a{
  display:inline-flex !important;
  align-items:center !important;
  padding:0 !important;
  margin:0 2px !important;
  background:transparent !important;
  border:0 !important;
  text-decoration:none !important;
}

/* Hide language text if GTranslate outputs labels */
.header-translate .gt-lang-code,
.header-translate .gt-lang-name,
.header-translate .gt_current_lang,
.header-translate .gt-current-lang,
.header-translate span:not(.screen-reader-text){
  font-size:0 !important;
}

/* Prevent the plugin floating selector from appearing if accidentally enabled */
body .gt_float_switcher{
  z-index:9999;
}

/* Mobile adjustments */
@media (max-width:768px){
  .header-translate{
    margin-left:4px;
    gap:4px;
  }

  .header-translate img,
  .header-translate a img,
  .header-translate .gt_container--default img{
    width:20px !important;
  }

  .nav-actions{
    align-items:center !important;
  }
}

@media (max-width:430px){
  .header-translate img,
  .header-translate a img,
  .header-translate .gt_container--default img{
    width:18px !important;
  }
}

/* FINAL 12.0 - Dark posts by default, light article toggle and mobile header refinement */

/* Single posts are dark by default. The sun button applies .article-light-mode only to the article panel. */
.single-post .panel,
.single .panel{
  background:rgba(7,24,43,.92) !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
  box-shadow:0 18px 60px rgba(0,0,0,.22) !important;
}

.single-post .panel h1,
.single-post .panel h2,
.single-post .panel h3,
.single-post .panel h4,
.single-post .panel h5,
.single-post .panel h6,
.single-post .panel p,
.single-post .panel li,
.single-post .panel td,
.single-post .panel th,
.single-post .panel blockquote,
.single-post .panel figcaption,
.single .panel h1,
.single .panel h2,
.single .panel h3,
.single .panel h4,
.single .panel h5,
.single .panel h6,
.single .panel p,
.single .panel li,
.single .panel td,
.single .panel th,
.single .panel blockquote,
.single .panel figcaption{
  color:var(--text) !important;
}

.single-post .panel .meta,
.single .panel .meta{
  color:var(--muted) !important;
}

.single-post .panel a,
.single .panel a{
  color:var(--cyan) !important;
}

.single-post .panel table,
.single .panel table{
  background:#081a2e !important;
  color:#e5f1ff !important;
  border-collapse:collapse !important;
  width:100% !important;
}

.single-post .panel th,
.single .panel th{
  background:#123a5f !important;
  color:#ffffff !important;
  border:1px solid #315a7d !important;
  font-weight:700 !important;
}

.single-post .panel td,
.single .panel td{
  background:#0b2038 !important;
  color:#e5f1ff !important;
  border:1px solid #315a7d !important;
}

.single-post .panel tr:nth-child(even) td,
.single .panel tr:nth-child(even) td{
  background:#0f2946 !important;
}

.single-post .panel pre,
.single .panel pre{
  background:#020617 !important;
  color:#e2e8f0 !important;
  border:1px solid #334155 !important;
  border-radius:10px !important;
  padding:18px !important;
  overflow:auto !important;
}

.single-post .panel code,
.single .panel code{
  color:#e2e8f0 !important;
}

/* Default dark callouts */
.single-post .panel .callout-important,
.single .panel .callout-important,
.single-post .panel div[style*="FFF4CE"],
.single .panel div[style*="FFF4CE"],
.single-post .panel div[style*="fff4ce"],
.single .panel div[style*="fff4ce"],
.single-post .panel div[style*="255,244,206"],
.single .panel div[style*="255,244,206"]{
  background:#3a2d00 !important;
  color:#fff7d6 !important;
  border-left-color:#ffb900 !important;
  border-color:#ffb900 !important;
}

.single-post .panel .callout-note,
.single .panel .callout-note,
.single-post .panel div[style*="E5F1FB"],
.single .panel div[style*="E5F1FB"],
.single-post .panel div[style*="e5f1fb"],
.single .panel div[style*="e5f1fb"],
.single-post .panel div[style*="229,241,251"],
.single .panel div[style*="229,241,251"]{
  background:#082a4d !important;
  color:#e5f1fb !important;
  border-left-color:#2899f5 !important;
  border-color:#2899f5 !important;
}

.single-post .panel .callout-tip,
.single .panel .callout-tip,
.single-post .panel div[style*="DFF6DD"],
.single .panel div[style*="DFF6DD"],
.single-post .panel div[style*="dff6dd"],
.single .panel div[style*="dff6dd"],
.single-post .panel div[style*="223,246,221"],
.single .panel div[style*="223,246,221"]{
  background:#0e3d19 !important;
  color:#dff6dd !important;
  border-left-color:#13a10e !important;
  border-color:#13a10e !important;
}

.single-post .panel .callout-important *,
.single .panel .callout-important *,
.single-post .panel .callout-note *,
.single .panel .callout-note *,
.single-post .panel .callout-tip *,
.single .panel .callout-tip *{
  color:inherit !important;
}

.single-post .panel .callout-important strong,
.single .panel .callout-important strong,
.single-post .panel .callout-note strong,
.single .panel .callout-note strong,
.single-post .panel .callout-tip strong,
.single .panel .callout-tip strong{
  color:#ffffff !important;
}

/* Light article mode keeps only the post panel white. Header, feed, sidebar and site background stay dark. */
body.article-light-mode.single-post .panel,
body.article-light-mode.single .panel{
  background:#ffffff !important;
  color:#111827 !important;
  border-color:#d7e1ea !important;
  box-shadow:0 18px 60px rgba(0,0,0,.18) !important;
}

body.article-light-mode.single-post .panel h1,
body.article-light-mode.single-post .panel h2,
body.article-light-mode.single-post .panel h3,
body.article-light-mode.single-post .panel h4,
body.article-light-mode.single-post .panel h5,
body.article-light-mode.single-post .panel h6,
body.article-light-mode.single-post .panel p,
body.article-light-mode.single-post .panel li,
body.article-light-mode.single-post .panel td,
body.article-light-mode.single-post .panel th,
body.article-light-mode.single-post .panel blockquote,
body.article-light-mode.single-post .panel figcaption,
body.article-light-mode.single .panel h1,
body.article-light-mode.single .panel h2,
body.article-light-mode.single .panel h3,
body.article-light-mode.single .panel h4,
body.article-light-mode.single .panel h5,
body.article-light-mode.single .panel h6,
body.article-light-mode.single .panel p,
body.article-light-mode.single .panel li,
body.article-light-mode.single .panel td,
body.article-light-mode.single .panel th,
body.article-light-mode.single .panel blockquote,
body.article-light-mode.single .panel figcaption{
  color:#111827 !important;
}

body.article-light-mode.single-post .panel .meta,
body.article-light-mode.single .panel .meta{
  color:#475569 !important;
}

body.article-light-mode.single-post .panel a,
body.article-light-mode.single .panel a{
  color:#0067b8 !important;
}

body.article-light-mode.single-post .panel table,
body.article-light-mode.single .panel table{
  background:#ffffff !important;
  color:#111827 !important;
  border-collapse:collapse !important;
}

body.article-light-mode.single-post .panel th,
body.article-light-mode.single .panel th{
  background:#eaf2fb !important;
  color:#0f172a !important;
  border:1px solid #cbd5e1 !important;
}

body.article-light-mode.single-post .panel td,
body.article-light-mode.single .panel td{
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid #cbd5e1 !important;
}

body.article-light-mode.single-post .panel tr:nth-child(even) td,
body.article-light-mode.single .panel tr:nth-child(even) td{
  background:#f8fafc !important;
}

body.article-light-mode.single-post .panel pre,
body.article-light-mode.single .panel pre{
  background:#071321 !important;
  color:#e6f1ff !important;
  border:1px solid #12304a !important;
}

body.article-light-mode.single-post .panel code,
body.article-light-mode.single .panel code{
  color:inherit !important;
}

body.article-light-mode.single-post .panel .callout-important,
body.article-light-mode.single .panel .callout-important{
  background:#fff4ce !important;
  color:#1f2937 !important;
  border-left-color:#ffb900 !important;
}

body.article-light-mode.single-post .panel .callout-note,
body.article-light-mode.single .panel .callout-note{
  background:#e5f1fb !important;
  color:#1f2937 !important;
  border-left-color:#0078d4 !important;
}

body.article-light-mode.single-post .panel .callout-tip,
body.article-light-mode.single .panel .callout-tip{
  background:#dff6dd !important;
  color:#1f2937 !important;
  border-left-color:#107c10 !important;
}

body.article-light-mode.single-post .panel .callout-important *,
body.article-light-mode.single-post .panel .callout-note *,
body.article-light-mode.single-post .panel .callout-tip *,
body.article-light-mode.single .panel .callout-important *,
body.article-light-mode.single .panel .callout-note *,
body.article-light-mode.single .panel .callout-tip *{
  color:inherit !important;
}

body.article-light-mode.single-post .panel .callout-important strong,
body.article-light-mode.single-post .panel .callout-note strong,
body.article-light-mode.single-post .panel .callout-tip strong,
body.article-light-mode.single .panel .callout-important strong,
body.article-light-mode.single .panel .callout-note strong,
body.article-light-mode.single .panel .callout-tip strong{
  color:#111827 !important;
}

/* Mobile: keep header compact when search, reading-mode button and two flags are enabled. */
@media (max-width:768px){
  .topbar{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:
      "brand actions"
      "nav nav"
      "search search" !important;
    align-items:center !important;
    gap:8px 8px !important;
    padding:10px 10px !important;
  }

  .brand{
    grid-area:brand !important;
    min-width:0 !important;
    max-width:100% !important;
    font-size:20px !important;
    gap:7px !important;
  }

  .brand-icon{
    width:42px !important;
    height:32px !important;
  }

  .nav-actions{
    grid-area:actions !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    min-width:max-content !important;
    margin-left:0 !important;
    order:unset !important;
  }

  .primary-nav,
  nav.primary-nav,
  nav{
    grid-area:nav !important;
    width:100% !important;
    min-width:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    padding-top:2px !important;
    order:unset !important;
    scrollbar-width:none;
  }

  .primary-nav::-webkit-scrollbar,
  nav::-webkit-scrollbar{
    display:none;
  }

  .menu{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:13px !important;
    white-space:nowrap !important;
    justify-content:flex-start !important;
    width:max-content !important;
    min-width:100% !important;
  }

  .menu a{
    font-size:14px !important;
    line-height:1.2 !important;
    display:inline-block !important;
  }

  .mobile-search-toggle,
  .mode{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    padding:0 !important;
  }

  .header-translate{
    display:inline-flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:3px !important;
    margin-left:2px !important;
    min-width:max-content !important;
  }

  .header-translate img,
  .header-translate a img,
  .header-translate .gt_container--default img{
    width:17px !important;
    max-width:17px !important;
    margin:0 1px !important;
  }

  .mobile-search-panel{
    grid-area:search !important;
    width:100% !important;
    order:unset !important;
  }
}

@media (max-width:430px){
  .topbar{
    padding:9px 9px !important;
    gap:7px 6px !important;
  }

  .brand{
    font-size:18px !important;
    gap:6px !important;
  }

  .brand-icon{
    width:38px !important;
    height:30px !important;
  }

  .mobile-search-toggle,
  .mode{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    font-size:16px !important;
  }

  .menu{
    gap:12px !important;
  }

  .menu a{
    font-size:14px !important;
  }

  .header-translate img,
  .header-translate a img,
  .header-translate .gt_container--default img{
    width:16px !important;
    max-width:16px !important;
  }
}

@media (max-width:375px){
  .brand{
    font-size:16px !important;
  }

  .brand-icon{
    width:34px !important;
    height:28px !important;
  }

  .mobile-search-toggle,
  .mode{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
  }

  .menu a{
    font-size:13px !important;
  }
}