:root {
      --imt-blue: #1f3b78;
      --imt-gold: #d3a43a;
      --imt-border: #d1d5db;
      --imt-bg: #f3f4f6;
      --imt-text: #111827;
      --imt-muted: #4b5563;
    }

    * { box-sizing: border-box; }
    body { margin: 0; background: var(--imt-bg); color: var(--imt-text); }

    .imt-page-wrap {
      width: 100%;
      max-width: 1600px;
      margin: 0 auto;
      min-height: 100vh;
      background: var(--imt-bg);
    }

    .imt-agent-main {
      padding-top: 6.9rem;
    }

    .imt-agent-section {
      background: #ffffff;
      border-bottom: 1px solid #e5e7eb;
      box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
    }

    .imt-agent-inner {
      max-width: 1560px;
      margin: 0 auto;
      padding: 2rem 1.5rem 0.65rem;
      display: grid;
      grid-template-columns: 480px minmax(0, 1fr);
      gap: 1.5rem;
      align-items: start;
    }

    .imt-agent-photo {
      width: 100%;
      height: 640px;
      object-fit: contain;
      object-position: left top;
      background: transparent;
      display: block;
    }

    .imt-agent-content {
      padding-top: 0.1rem;
      max-width: 1080px;
      text-align: left;
      justify-self: start;
      align-self: start;
    }

    .imt-agent-name {
      margin: 0;
      font-size: 2rem;
      line-height: 1.05;
      font-weight: 700;
      color: #0f254f;
      text-align: left;
    }

    .imt-agent-role {
      margin: 0.35rem 0 1.2rem;
      font-size: 1.22rem;
      font-weight: 500;
      color: #1f2937;
      text-align: left;
    }

    .imt-agent-contact {
      margin-bottom: 0.45rem;
      font-size: 1.04rem;
      line-height: 1.35;
      color: #111827;
      display: block;
      text-align: left;
    }

    .imt-agent-contact strong {
      font-weight: 700;
      color: #0f172a;
      margin-right: 0.25rem;
      display: inline;
    }

    .imt-agent-contact a {
      color: #2f4c86;
      text-decoration: none;
    }

    .imt-agent-description {
      margin-top: 0.85rem;
      font-size: 1.04rem;
      line-height: 1.5;
      color: #1f2937;
      display: block;
      text-align: left;
    }

    .imt-agent-description strong {
      font-weight: 700;
      color: #111827;
      margin-right: 0.25rem;
      display: inline;
    }

    .imt-agent-actions {
      margin-top: 0.95rem;
      display: flex;
      flex-wrap: wrap;
      gap: 0.65rem;
      padding-bottom: 1.05rem;
      justify-content: flex-start;
      align-items: center;
    }

    .imt-agent-btn {
      height: 48px;
      border: 1px solid var(--imt-border);
      border-radius: 0.5rem;
      background: #f3f4f6;
      color: #111827;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0 1rem;
      text-decoration: none;
      font-size: 0.98rem;
      font-weight: 500;
      line-height: 1;
    }

    .imt-agent-btn svg {
      width: 18px;
      height: 18px;
      flex: 0 0 auto;
    }

    .imt-agent-btn:hover {
      background: #fff;
      border-color: #9ca3af;
    }

    .imt-listings-wrap {
      max-width: 1600px;
      margin: 0 auto;
      padding: 0.6rem 0 2rem;
    }

    .imt-toolbar-bottom {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 0.6rem;
      padding: 1rem 0.75rem 0.75rem;
      background: transparent;
    }

    .imt-control,
    .imt-btn {
      height: 40px;
      border: 1px solid #d1d5db;
      border-radius: 0.5rem;
      background: #fff;
      color: #111827;
      font-size: 1.02rem;
    }

    .imt-control {
      width: 160px;
      padding: 0 2rem 0 0.75rem;
      appearance: none;
      cursor: pointer;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23111827' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 0.7rem center;
      background-size: 10px 6px;
    }

    .imt-btn {
      padding: 0 0.9rem;
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      cursor: pointer;
    }

    .imt-list-btn {
      font-size: 1.02rem;
      padding: 0 0.9rem;
    }

    .imt-list-btn .imt-list-icon {
      font-size: 1rem;
      color: #374151;
    }

    .imt-view-toggle {
      font-size: 1.02rem;
    }

    .imt-view-toggle svg {
      width: 14px;
      height: 14px;
    }

    .imt-map-mock {
      position: relative;
      min-height: 540px;
      border: 1px solid #d1d5db;
      border-radius: 0.75rem;
      overflow: hidden;
      background:
        radial-gradient(circle at 18% 25%, rgba(30, 58, 138, 0.16) 0, rgba(30, 58, 138, 0.16) 8px, transparent 9px),
        radial-gradient(circle at 72% 42%, rgba(30, 58, 138, 0.16) 0, rgba(30, 58, 138, 0.16) 7px, transparent 8px),
        radial-gradient(circle at 55% 72%, rgba(30, 58, 138, 0.16) 0, rgba(30, 58, 138, 0.16) 9px, transparent 10px),
        linear-gradient(135deg, #eff6ff 0%, #f8fafc 45%, #e2e8f0 100%);
    }

    .imt-map-pill {
      position: absolute;
      top: 1rem;
      left: 1rem;
      background: rgba(17, 24, 39, 0.8);
      color: #fff;
      border-radius: 9999px;
      padding: 0.35rem 0.75rem;
      font-size: 0.84rem;
    }

    .imt-map-pin {
      position: absolute;
      transform: translate(-50%, -50%);
      border: 0;
      border-radius: 9999px;
      background: #1f3b78;
      color: #fff;
      font-size: 0.86rem;
      font-weight: 600;
      padding: 0.38rem 0.62rem;
      box-shadow: 0 8px 18px rgba(15, 23, 42, 0.25);
      white-space: nowrap;
    }

    @media (max-width: 1350px) {
      .imt-agent-inner {
        grid-template-columns: 420px 1fr;
      }
      .imt-agent-photo {
        height: 560px;
      }
    }

    @media (max-width: 1024px) {
      .imt-agent-inner {
        grid-template-columns: 1fr;
      }
      .imt-agent-photo {
        max-width: 500px;
        height: auto;
        margin: 0;
      }
      .imt-agent-content {
        padding-top: 0;
      }
      .imt-agent-name {
        font-size: 1.85rem;
      }
      .imt-agent-role {
        font-size: 1.1rem;
      }
      .imt-agent-contact,
      .imt-agent-description {
        font-size: 1rem;
      }
      .imt-agent-btn {
        font-size: 0.92rem;
      }
    }

    @media (max-width: 768px) {
      .imt-agent-main {
        padding-top: 5.1rem;
      }
      .imt-toolbar-bottom {
        justify-content: stretch;
      }
      .imt-control {
        flex: 1 1 auto;
      }
    }