/* xk-tech.css — тема исследований «технология» (поверх xk-ship.css). Бирюзовый/атом акцент.
   Применяется через .xs-tech. Свои блоки: hero-head с атомом, эффекты, таблица уровней. */

/* Hero без большой картинки — компактный бейдж-атом */
.xs-tech .xs-hero-bg{background:
   radial-gradient(80% 120% at 15% 0%, rgba(32,176,184,.20), transparent 60%),
   radial-gradient(70% 120% at 90% 10%, rgba(32,168,104,.14), transparent 60%),
   var(--xh-bg-deep)}
.xs-tech-head{display:flex;gap:18px;align-items:center;margin-top:14px}
.xs-tech-badge{flex:0 0 auto;width:84px;height:84px;border-radius:var(--xh-radius-lg);
   display:flex;align-items:center;justify-content:center;color:var(--xh-teal);
   background:radial-gradient(circle at 50% 40%, rgba(32,176,184,.22), rgba(6,10,20,.6) 70%);
   border:1px solid rgba(32,176,184,.4);box-shadow:inset 0 0 30px rgba(32,176,184,.12)}
.xs-tech-badge svg{width:48px;height:48px}
.xs-tech-badge--img{padding:8px;background:var(--xh-bg-deep)}
.xs-tech-badge--img img{width:100%;height:100%;object-fit:contain}
.xs-tech .xs-sec-title{border-left-color:var(--xh-teal)}
.xs-tech .xs-tag--fleet{color:var(--xh-cyan-soft);background:rgba(32,176,184,.16);border-color:rgba(32,176,184,.4)}
.xs-tech .xs-tag--tier{color:var(--xh-mint-pale);background:rgba(32,168,104,.16);border-color:rgba(32,168,104,.4)}
.xs-tech .xs-nav a.is-active{color:var(--xh-teal);border-left-color:var(--xh-teal);background:rgba(32,176,184,.08)}
.xs-tech .xs-note a,.xs-tech .xs-sec-lead a{color:var(--xh-teal)}
.xs-tech .xs-req-lvl{color:var(--xh-cyan-soft);background:rgba(32,176,184,.14);border-color:rgba(32,176,184,.32)}

/* Что даёт — эффекты */
.xs-effects{display:flex;flex-direction:column;gap:10px}
.xs-effect{display:flex;align-items:center;gap:12px;background:var(--xh-bg-deep);
   border:1px solid var(--xh-border);border-radius:var(--xh-radius-md);padding:13px 15px}
.xs-effect .xs-ico{width:26px;height:26px;margin:0;flex:0 0 auto}
.xs-effect-tx{min-width:0}
.xs-effect-name{font-size:15px;font-weight:700;color:var(--xh-text)}
.xs-effect-val{font-size:13.5px;color:var(--xh-text-soft);margin-top:2px}
.xs-effect-val b{color:var(--xh-teal)}

/* Таблица уровней */
.xs-tbl-wrap{overflow-x:auto;border:1px solid var(--xh-border);border-radius:var(--xh-radius-md)}
.xs-tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:320px}
.xs-tbl th,.xs-tbl td{padding:9px 14px;text-align:left;font-variant-numeric:tabular-nums}
.xs-tbl thead th{background:var(--xh-bg-deep);color:var(--xh-text-soft);font-weight:700;font-size:12.5px;
   text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--xh-border)}
.xs-tbl tbody tr{border-bottom:1px solid var(--xh-border)}
.xs-tbl tbody tr:last-child{border-bottom:none}
.xs-tbl tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
.xs-tbl td:first-child{color:var(--xh-teal);font-weight:700}
.xs-tbl td{color:var(--xh-text)}