/* SHT – Technological Tabs */
.sht-tt{max-width:1100px;margin:0 auto}
.sht-tt.is-ltr{direction:ltr;text-align:left}

/* tabs */
.sht-tt-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;justify-content: center;}
.sht-ttab{display:inline-flex;align-items:center;gap:8px;border:1px solid #cbd5e1;background:#fff;color:#1e293b;
  padding:8px 14px;border-radius:12px;font-weight:600;cursor:pointer;transition:.2s}
.sht-ttab svg,.sht-ttab i{width:16px;height:16px}
.sht-ttab.is-active{background:#2563eb;border-color:#2563eb;color:#fff}
.sht-ttab:hover{box-shadow:0 1px 2px rgba(0,0,0,.06)}

/* panes */
.sht-tt-pane{display:none}
.sht-tt-pane.is-active{display:block}

/* card */
.sht-tt-card{background:#fff;border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.08),0 1px 0 rgba(15,23,42,.03);padding:20px}
.sht-tt-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.sht-tt-title{font-weight:800;font-size:22px;color:#0f172a;margin:2px 0 2px}
.sht-tt-sub{font-weight:600;color:#64748b;margin-bottom:10px}
.sht-tt-desc{color:#334155;margin:6px 0 14px}

/* sections */
.sht-tt-section{margin:14px 0}
.sht-sec-head{font-weight:700;color:#0f172a;margin-bottom:6px}

/* expected box */
.sht-tt-expected{border:2px solid #94a3b8;border-radius:12px;padding:12px 14px;background:#f8fbff;margin-top:16px}
.sht-exp-head{font-weight:700;margin-bottom:4px}
.sht-exp-text{color:#0f172a}

/* right panel */
.sht-tt-panel{background:#eff6ff;border-radius:14px;padding:12px}
.sht-tt-video iframe,.sht-tt-video video{width:100%;aspect-ratio:16/9;border:0;border-radius:10px}

/* responsive */
@media (max-width:900px){
  .sht-tt-grid{grid-template-columns:1fr}
}