/* Giao diện làm lại (ghi đè giao diện gốc) — phần 6/8. Nạp đúng thứ tự trong HTML (file sau ghi đè file trước). */
@media (max-width: 760px) {
  .container {
    width: calc(100% - 36px);
  }
  .topbar .container {
    min-height: 28px;
    gap: 10px;
    font-size: 8px;
  }
  .demo-tag {
    font-size: 8px;
  }
  .nav {
    min-height: 76px;
  }
  .brand img {
    width: 135px;
    height: 50px;
  }
  .menu-button {
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 16px;
  }
  nav {
    top: 76px;
  }
  nav a {
    font-size: 13px;
    padding: 13px 0;
  }
  .dispatch-hero {
    padding-top: 32px;
  }
  .dispatch-grid {
    grid-template-columns: 1fr;
    gap: 30px;
    padding-bottom: 26px;
  }
  .dispatch-copy h1 {
    font-size: 57px;
    letter-spacing: -3px;
    margin: 20px 0;
  }
  .dispatch-copy > p {
    font-size: 13px;
    margin-bottom: 14px;
  }
  .hero-discover {
    font-size: 11px;
    gap: 24px;
  }
  .hero-caption {
    display: none;
  }
  .edition-label {
    font-size: 8px;
    letter-spacing: 1px;
  }
  .workspace-title {
    font-size: 8px;
    margin-bottom: 11px;
  }
  .dispatch-workspace .tool {
    min-height: 0;
  }
  .tool-tabs {
    padding: 0 18px;
    gap: 15px;
  }
  .tool-tab {
    font-size: 12px;
    padding: 18px 0;
    text-align: left;
  }
  .tool-body {
    padding: 22px 18px;
  }
  .tool-intro h3 {
    font-size: 20px;
  }
  .tool-intro span {
    font-size: 11px;
  }
  .workspace-note {
    font-size: 9px;
    gap: 5px;
  }
  .workspace-note a {
    font-size: 9px;
  }
  .hero-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-size: 7px;
    gap: 10px;
    padding: 15px 0;
    letter-spacing: 1px;
  }
  .hero-bottom span:nth-child(even) {
    text-align: right;
  }
  .section {
    padding: 52px 0;
  }
  h2 {
    font-size: 33px;
  }
  .section-head {
    margin-bottom: 28px;
  }
  .section-head p {
    font-size: 13px;
  }
  .section-head .eyebrow {
    margin-bottom: 18px;
  }
  .eyebrow {
    font-size: 9px;
  }
  .cards {
    gap: 18px;
  }
  .service-card {
    padding: 24px 25px 0;
  }
  .service-card-top {
    margin-bottom: 27px;
  }
  .service-card h3 {
    font-size: 28px;
  }
  .service-card p {
    font-size: 13px;
  }
  .service-card ul {
    margin-bottom: 22px;
  }
  .service-card-link {
    padding: 18px 0;
  }
  .network-section {
    padding: 42px 0;
  }
  .network-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}