/* Round 9 (system-r9.css) — extremehackers.su
   Goals:
   a) No duplicated item lists in the OPENED tab. Front-page.php renders two
      sibling grids per group: -m (chunk=6) and -d (chunk=5). Round-8 CSS showed
      BOTH at once → every item appeared twice. R9 shows exactly ONE per window:
        · mobile  (<761px): the -m grid, 6 per cell
        · desktop (≥761px): the -d grid, 5 per cell
   b) Desktop opened tab = ONE full-width single panel (the -m/-d grids are the
      full-page width; no 3-column "parts" split on desktop).
   c) Grid format kept: 2-column cells, generous gaps, left-aligned lists.
   d) Hero description: small & mid-sized, readable, fits in the hero copy area,
      never reaches the tabs section. (Markup paragraph already shortened.)
   e) Header: flush at the very top — no empty strip above or inside it.
   --------------------------------------------------------------------------- */

/* ---- e) Header flush: remove any empty gap above/near the top of the page -- */
html, body.eh-branded { margin: 0 !important; padding: 0 !important; }
body.eh-branded .eh-header,
body.eh-branded .eh-header-inner {
  margin-top: 0 !important;
  padding-top: 0 !important;
  top: 0 !important;
}
/* keep header above hero, no leading blank band */
body.eh-branded .eh-header .eh-header-top,
body.eh-branded .eh-header .options_layout_wrapper,
body.eh-branded .eh-header .options_layout_header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ---- d) Hero description: small, mid-sized, readable, stays in hero copy --- */
.eh-signal-copy { max-width: 620px !important; margin: 0 0 18px !important; }
.eh-signal-copy p {
  font-size: 15px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
  color: rgba(255,255,255,0.88) !important;
  margin: 8px 0 0 !important;
  max-width: 560px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
@media (max-width: 760px) {
  .eh-signal-copy p { font-size: 13.5px !important; line-height: 1.45 !important; }
}

/* ---- a) ONE grid per breakpoint → no duplication in the opened tab ------- */
.eh-signal-links-grid-m { display: grid !important; }
.eh-signal-links-grid-d { display: none !important; }
@media (min-width: 761px) {
  .eh-signal-links-grid-m { display: none !important; }
  .eh-signal-links-grid-d { display: grid !important; }
}

/* ---- b) Full-width single opened panel (desktop + mobile) ---------------- */
.eh-signal-columns { display: block !important; width: 100% !important; }
.eh-signal-column { width: 100% !important; max-width: none !important; }
.eh-signal-column[hidden] { display: none !important; }
.eh-signal-column.is-active { display: block !important; width: 100% !important; }
@media (min-width: 761px) {
  .eh-signal-column.is-active { display: block !important; width: 100% !important; float: none !important; max-width: none !important; }
}

/* ---- c) Grid format: 2-col cells, gaps, left-aligned lists ---------------- */
.eh-signal-links-grid,
.eh-signal-links-grid-m,
.eh-signal-links-grid-d {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px 34px !important;
  align-items: start !important;
}
.eh-signal-grid-cell { min-width: 0 !important; }
.eh-signal-links { text-align: left !important; }
.eh-signal-links a { width: 100% !important; }

/* 2026-09-15 current live hero/header bugfixes. */
.eh-signal-panel{display:block!important;overflow:hidden!important}
.eh-signal-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border-bottom:1px solid #dfe8e7!important}
.eh-signal-tab{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:86px!important;padding:14px 10px!important;border:0!important;border-left:1px solid #dfe8e7!important;background:transparent!important;color:#202734!important;border-radius:0!important;font-weight:600!important}
.eh-signal-tab:first-child{border-left:0!important}
.eh-signal-tab.is-active{color:#061727!important;box-shadow:inset 0 -3px 0 #00a86b!important}
html[data-theme=dark] .eh-signal-tabs{border-bottom-color:#33433b!important}
html[data-theme=dark] .eh-signal-tab{border-left-color:#33433b!important;color:#f1f4ed!important}
html[data-theme=dark] .eh-signal-tab.is-active{color:#fff!important}
.eh-signal-columns{display:block!important;width:100%!important}
.eh-signal-panel .eh-signal-column{display:none!important;width:100%!important;max-width:none!important;float:none!important;border-left:0!important}
.eh-signal-panel .eh-signal-column.is-active{display:block!important}
.eh-signal-panel .eh-signal-column[hidden]{display:none!important}
.eh-signal-links-grid,.eh-signal-links-grid-d,.eh-signal-links-grid-m{display:none!important}
.eh-signal-links{display:grid!important;grid-auto-flow:column!important;grid-template-rows:repeat(5,auto)!important;grid-auto-columns:minmax(150px,1fr)!important;grid-template-columns:none!important;align-content:start!important;gap:12px 46px!important;margin-left:58px!important;text-align:left!important}
.eh-signal-links a{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;width:auto!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
.eh-link-arrow{display:inline-block!important;width:16px!important;height:16px!important;flex:0 0 16px!important}
.eh-signal-svg{display:block!important;width:100%!important;height:100%!important}
.eh-signal-tab-icon:before,.eh-signal-tab-icon:after,.eh-signal-card-icon:before,.eh-signal-card-icon:after{content:none!important;display:none!important}
.eh-header-inner{max-width:1280px!important;width:min(calc(100% - 48px),1280px)!important;gap:clamp(16px,2.4vw,42px)!important}
.eh-nav{gap:clamp(16px,2vw,34px)!important;margin-left:clamp(8px,1.6vw,28px)!important;flex:1 1 auto!important;min-width:0!important}
.eh-language-switcher{flex:0 0 auto!important;margin-left:auto!important}
.eh-lang-modal:not([hidden]){position:fixed!important;inset:0!important;z-index:20000!important;display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;padding:96px 42px 24px!important}
.eh-lang-backdrop{position:absolute!important;inset:0!important;background:rgba(6,16,27,.22)!important}
.eh-lang-box{position:relative!important;width:min(92vw,360px)!important;max-height:calc(100vh - 120px)!important;overflow:auto!important;background:#fff!important;color:#061727!important;border:1px solid #dfe6ec!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(8,22,38,.22)!important}
.eh-lang-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 18px!important;border-bottom:1px solid #e7edf2!important;color:#061727!important;font-weight:800!important}
.eh-lang-close{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:0!important;border-radius:999px!important;background:#f3f6f8!important;color:#061727!important}
.eh-lang-close svg{width:18px!important;height:18px!important}
.eh-lang-list{display:grid!important;gap:2px!important;padding:10px!important;margin:0!important;list-style:none!important;background:#fff!important}
.eh-lang-list button{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:44px!important;padding:8px 10px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#061727!important;text-align:left!important;font-weight:700!important}
.eh-lang-list button:hover,.eh-lang-list button.is-active{background:#eef4ff!important;color:#1168e8!important}
.eh-flag{width:24px!important;height:16px!important;flex:0 0 24px!important;border-radius:3px!important;overflow:hidden!important}
html[data-theme=dark] .eh-lang-backdrop{background:rgba(0,0,0,.48)!important}
html[data-theme=dark] .eh-lang-box{background:#17211f!important;color:#f1f4ed!important;border-color:#33433b!important}
html[data-theme=dark] .eh-lang-head{color:#f1f4ed!important;border-bottom-color:#33433b!important}
html[data-theme=dark] .eh-lang-close{background:#25372f!important;color:#f1f4ed!important}
html[data-theme=dark] .eh-lang-list{background:#17211f!important}
html[data-theme=dark] .eh-lang-list button{color:#f1f4ed!important}
html[data-theme=dark] .eh-lang-list button:hover,html[data-theme=dark] .eh-lang-list button.is-active{background:#293a33!important;color:#dcf48b!important}
@media(max-width:1180px){
 .eh-header-inner{width:min(calc(100% - 32px),1280px)!important;gap:14px!important}
 .eh-nav{gap:14px!important;font-size:16px!important;margin-left:6px!important}
 .eh-header .eh-logo img{width:210px!important;height:auto!important}
}
@media(max-width:760px){
 .eh-signal-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .eh-signal-tab{min-height:91px!important;padding:12px 4px!important;font-size:14px!important}
 .eh-signal-links{grid-auto-flow:column!important;grid-template-rows:repeat(6,auto)!important;grid-auto-columns:minmax(126px,1fr)!important;gap:11px 28px!important;margin:0!important;overflow-x:auto!important;padding-bottom:2px!important}
 body.eh-branded .eh-signal-copy h1{font-size:clamp(29px,9vw,36px)!important;line-height:1.08!important;white-space:normal!important;max-width:352px!important;margin-left:auto!important;margin-right:auto!important}
 .eh-lang-modal:not([hidden]){align-items:flex-start!important;justify-content:flex-end!important;padding:82px 16px 16px!important}
 .eh-lang-box{width:min(86vw,312px)!important;max-height:calc(100vh - 100px)!important}
}