/* IoT Latency Calculator — scoped under .iot-latency-calculator */
/* ================================================================
       FLOLIVE® BRAND TOKENS — June 2026 (aligned with DC standalone)
       ================================================================ */
    .iot-latency-calculator{
      /* Primary palette */
      --flo-orange:        #FDA80B;
      --flo-space:         #1A1A26;
      --flo-space-blue:    #1A1A26;
      --flo-core:          #546A81;
      --flo-core-blue:     #546A81;
      --flo-white:         #FFFFFF;
      --flo-air:           #F4F5F9;
      --flo-air-grey:      #F4F5F9;
      --flo-air-2:         #ECEEF4;
      --flo-deep:          #3D4957;
      --flo-deep-grey:     #3D4957;
      --flo-cool:          #8CA0B1;
      --flo-cool-grey:     #8CA0B1;
      --flo-coral:         #FF6253;
      --flo-success:       #1F8A5B;
      --flo-status-success:#1F8A5B;
      --flo-line:          #E2E6EF;
      --flo-line-strong:   #CDD4E1;
      --border-subtle:     var(--flo-line);
      --border-strong:     var(--flo-line-strong);
      --focus-ring:        rgba(253, 168, 11, 0.45);

      --flo-mesh-dark:
        radial-gradient(circle at 25% 30%, #3a4a61 0%, transparent 55%),
        radial-gradient(circle at 80% 75%, #0e0e16 0%, transparent 60%),
        linear-gradient(135deg, #23283a, #1A1A26);
      --flo-gradient: linear-gradient(135deg, #FDA80C 0%, #FF5A5A 100%);

      /* Semantic aliases (combo JS + map labels) */
      --text-strong: var(--flo-space);
      --text-body:   var(--flo-deep);
      --text-muted:  var(--flo-core);
      --text-faint:  var(--flo-cool);
      --font-sans:   var(--flo-font-sans);

      /* Typography — Gilroy from theme enqueue */
      --flo-font-sans: "Gilroy", "Segoe UI", Arial, sans-serif;
      --flo-font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

      --type-h1-size:        clamp(38px, 4.6vw, 58px);
      --type-h2-size:        36px;
      --type-h3-size:        24px;
      --type-body-lg-size:   20px;
      --type-body-size:      18px;
      --type-sm-size:        15px;
      --type-xs-size:        13px;
      --type-overline-size:  12px;
      --type-display-size:   56px;
      --type-result-size:    44px;
      --type-button-size:    18px;

      --tracking-tight: -0.02em;
      --tracking-snug:  -0.01em;
      --tracking-wide:  0.08em;

      --flo-weight-regular:  400;
      --flo-weight-medium:   500;
      --flo-weight-semibold: 600;
      --flo-weight-bold:     700;

      /* Spacing — 4px base (June 2026) */
      --space-1:  4px;
      --space-2:  8px;
      --space-3:  12px;
      --space-4:  16px;
      --space-5:  20px;
      --space-6:  24px;
      --space-8:  32px;
      --space-10: 40px;
      --space-12: 48px;
      --space-16: 64px;
      --space-20: 80px;
      --gutter:   clamp(20px, 5vw, 80px);

      /* Legacy aliases used in component rules */
      --flo-text-xs:   var(--type-xs-size);
      --flo-text-sm:   var(--type-sm-size);
      --flo-text-base: 16px;
      --flo-text-lg:   var(--type-body-lg-size);
      --flo-text-xl:   20px;
      --flo-text-2xl:  var(--type-h3-size);
      --flo-text-3xl:  var(--type-h2-size);
      --flo-text-4xl:  var(--type-result-size);
      --flo-text-5xl:  var(--type-display-size);
      --flo-space-1:   var(--space-1);
      --flo-space-2:   var(--space-2);
      --flo-space-3:   var(--space-3);
      --flo-space-4:   var(--space-4);
      --flo-space-5:   var(--space-5);
      --flo-space-6:   var(--space-6);
      --flo-space-8:   var(--space-8);
      --flo-space-10:  var(--space-16);
      --flo-space-12:  var(--space-20);

      /* Radius */
      --radius-xs:   6px;
      --radius-sm:   10px;
      --radius-md:   14px;
      --radius-lg:   20px;
      --radius-pill: 999px;
      --flo-radius-sm:   var(--radius-sm);
      --flo-radius-md:   var(--radius-md);
      --flo-radius-lg:   var(--radius-lg);
      --flo-radius-pill: var(--radius-pill);

      /* Shadow */
      --shadow-sm: 0 2px 8px rgba(26, 26, 38, 0.06);
      --shadow-md: 0 8px 24px rgba(26, 26, 38, 0.08);
      --shadow-lg: 0 18px 48px rgba(26, 26, 38, 0.12);
      --flo-shadow-sm: var(--shadow-sm);
      --flo-shadow-md: var(--shadow-md);
      --flo-shadow-lg: var(--shadow-lg);

      /* Motion */
      --dur-fast: 140ms;
      --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1);
      --flo-duration-fast: var(--dur-fast);
      --flo-ease-standard: var(--ease-standard);
    }

    /* ================================================================
       BASE
       ================================================================ */
    .iot-latency-calculator *, .iot-latency-calculator *::before, .iot-latency-calculator *::after{ box-sizing: border-box; }

    

    .iot-latency-calculator{
      margin: 0;
      font-family: var(--flo-font-sans);
      font-size: 16px;
      line-height: 1.5;
      color: var(--text-strong);
      background: var(--flo-air);
      -webkit-font-smoothing: antialiased;
    }

    .iot-latency-calculator img{ max-width: 100%; height: auto; display: block; }

    .iot-latency-calculator h1, .iot-latency-calculator h2, .iot-latency-calculator h3, .iot-latency-calculator h4{
      margin: 0;
      font-family: var(--flo-font-sans);
      color: var(--text-strong);
      text-wrap: balance;
    }
    .iot-latency-calculator h1{
      font-size: var(--type-h1-size);
      line-height: 1.15;
      font-weight: var(--flo-weight-bold);
      letter-spacing: var(--tracking-tight);
    }
    .iot-latency-calculator h2{
      font-size: var(--type-h2-size);
      line-height: 1.3;
      font-weight: var(--flo-weight-semibold);
      letter-spacing: var(--tracking-snug);
    }
    .iot-latency-calculator h3{
      font-size: var(--type-h3-size);
      line-height: 1.4;
      font-weight: var(--flo-weight-semibold);
    }

    .iot-latency-calculator p{ margin: 0; text-wrap: pretty; }

    .iot-latency-calculator .eyebrow{
      display: inline-block;
      font-size: var(--type-overline-size);
      font-weight: var(--flo-weight-semibold);
      letter-spacing: var(--tracking-wide);
      text-transform: uppercase;
      color: var(--flo-orange);
    }

    .iot-latency-calculator .container{
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 var(--gutter);
    }

    .iot-latency-calculator .visually-hidden{
      position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
      overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
    }

    /* ================================================================
       HERO
       ================================================================ */
    .iot-latency-calculator .hero{
      background: var(--flo-mesh-dark);
      color: var(--flo-white);
      padding: clamp(64px, 8vw, 112px) 0 clamp(48px, 6vw, 88px);
      position: relative;
      overflow: hidden;
    }
    .iot-latency-calculator .hero::before{
      content: "";
      position: absolute;
      right: -160px; top: -160px;
      width: 520px; height: 520px;
      background: var(--flo-gradient);
      opacity: 0.14;
      border-radius: 50%;
      filter: blur(40px);
      pointer-events: none;
    }
    .iot-latency-calculator .hero__inner{
      position: relative;
      z-index: 1;
      max-width: 820px;
      display: flex;
      flex-direction: column;
      gap: var(--space-5);
    }
    .iot-latency-calculator .hero h1{ color: var(--flo-white); text-wrap: pretty; }
    .iot-latency-calculator .hero h1 .highlight{
      background: var(--flo-gradient);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
    }
    .iot-latency-calculator .hero__lead{
      font-size: var(--type-body-lg-size);
      line-height: 1.55;
      color: var(--flo-cool);
      max-width: 65ch;
    }

    /* ================================================================
       MAIN SECTIONS
       ================================================================ */
    .iot-latency-calculator .section{ padding: var(--space-16) 0; }
    .iot-latency-calculator .section--alt,
    .iot-latency-calculator .section--faq{ padding: var(--space-20) 0; }
    .iot-latency-calculator .section--alt{ background: var(--flo-white); }
    .iot-latency-calculator .section__head{
      max-width: 760px;
      margin-bottom: var(--space-10);
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
    }

    /* ================================================================
       CALCULATOR
       ================================================================ */
    .iot-latency-calculator .calc{
      display: flex;
      flex-direction: column;
      gap: var(--space-6);
    }

    .iot-latency-calculator .calc__panel{
      background: var(--flo-white);
      border: 1px solid var(--border-subtle);
      border-radius: var(--radius-lg);
      padding: var(--space-8);
      box-shadow: var(--shadow-md);
      display: flex;
      flex-direction: column;
      gap: var(--space-4);
    }

    .iot-latency-calculator .calc__form-row{
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-5);
      align-items: flex-end;
    }
    .iot-latency-calculator .calc__form-row .form-group{
      flex: 1 1 240px;
      margin-bottom: 0;
      display: flex;
      flex-direction: column;
      gap: var(--space-2);
    }
    .iot-latency-calculator .calc__submit{
      flex: 0 0 auto;
      padding-bottom: 26px;
    }

    .iot-latency-calculator .step-tag{
      align-self: flex-start;
      background: var(--flo-air);
      color: var(--text-muted);
      font-size: var(--type-overline-size);
      font-weight: var(--flo-weight-semibold);
      letter-spacing: var(--tracking-wide);
      text-transform: uppercase;
      padding: 5px 12px;
      border-radius: var(--radius-pill);
    }

    .iot-latency-calculator .form-group{ margin-bottom: var(--space-4); }

    .iot-latency-calculator .flo-label{
      font-weight: var(--flo-weight-semibold);
      font-size: var(--type-sm-size);
      color: var(--text-body);
    }

    .iot-latency-calculator .flo-select, .iot-latency-calculator .flo-input{
      width: 100%;
      box-sizing: border-box;
      min-height: 46px;
      padding: 12px 44px 12px 16px;
      font-family: var(--flo-font-sans);
      font-size: 16px;
      line-height: 1.4;
      color: var(--text-strong);
      background: var(--flo-white);
      border: 1px solid var(--border-strong);
      border-radius: var(--radius-sm);
      transition: border-color var(--dur-fast) var(--ease-standard);
    }
    .iot-latency-calculator .flo-input:focus-visible{
      border-color: var(--flo-orange);
      outline: none;
      box-shadow: 0 0 0 3px var(--focus-ring);
    }

    .iot-latency-calculator .flo-help{
      margin: 0;
      font-size: var(--type-xs-size);
      color: var(--text-faint);
    }

    /* Searchable combobox */
    .iot-latency-calculator .combo{ position: relative; }
    .iot-latency-calculator .combo__input{ padding-right: 38px !important; }
    .iot-latency-calculator .combo__toggle{
      position: absolute; right: 7px; top: 7px;
      width: 32px; height: 32px;
      display: flex; align-items: center; justify-content: center;
      background: transparent; border: 0; cursor: pointer;
      color: var(--text-muted);
      border-radius: var(--radius-xs);
      transition: background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);
    }
    .iot-latency-calculator .combo__toggle:hover{ background: var(--flo-air); color: var(--text-strong); }
    .iot-latency-calculator .combo__toggle:focus-visible{ outline: none; box-shadow: 0 0 0 3px var(--focus-ring); }
    .iot-latency-calculator .combo__toggle svg{ width: 14px; height: 14px; }
    .iot-latency-calculator .combo__list{
      position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 50;
      max-height: 280px; overflow-y: auto;
      margin: 0; padding: 6px 2px;
      background: var(--flo-white);
      border: 1px solid var(--border-subtle);
      border-radius: var(--radius-md);
      list-style: none;
      box-shadow: var(--shadow-md);
    }
    .iot-latency-calculator .combo__list li{
      padding: 9px 16px;
      cursor: pointer;
      font-size: 15px;
      color: var(--text-body);
      line-height: 1.4;
      border-radius: 8px;
      margin: 0 4px;
      border-left: 0;
    }
    .iot-latency-calculator .combo__list li:hover,
    .iot-latency-calculator .combo__list li.is-active{
      background: var(--flo-air-2);
      color: var(--text-strong);
    }
    .iot-latency-calculator .combo__list li[aria-selected="true"]{
      background: var(--flo-air-2);
      color: var(--text-strong);
      font-weight: var(--flo-weight-semibold);
    }
    .iot-latency-calculator .combo__list li mark{
      background: transparent;
      color: var(--flo-orange);
      font-weight: var(--flo-weight-semibold);
    }
    .iot-latency-calculator .combo__empty{
      padding: var(--flo-space-3) var(--flo-space-4);
      font-size: var(--flo-text-sm);
      color: var(--flo-cool-grey);
      font-style: italic;
    }
    .iot-latency-calculator .combo__provider-tag{
      display: inline-block;
      background: var(--flo-air-2);
      color: var(--text-muted);
      font-size: 10px;
      font-weight: 700;
      padding: 2px 7px;
      border-radius: var(--radius-pill);
      margin-right: var(--space-2);
      letter-spacing: 0.04em;
    }

    /* Buttons */
    .iot-latency-calculator .flo-btn{
      display: inline-flex; align-items: center; justify-content: center;
      gap: var(--space-2);
      min-height: 44px;
      padding: 0 var(--space-5);
      border-radius: var(--radius-pill);
      font-family: var(--flo-font-sans);
      font-size: var(--type-button-size, 18px);
      font-weight: var(--flo-weight-semibold);
      line-height: 1.2;
      border: 1px solid transparent;
      cursor: pointer;
      text-decoration: none;
      transition: filter var(--dur-fast) var(--ease-standard),
                  border-color var(--dur-fast) var(--ease-standard),
                  color var(--dur-fast) var(--ease-standard);
    }
    .iot-latency-calculator .flo-btn:focus-visible{ outline: none; box-shadow: 0 0 0 3px var(--focus-ring); }
    .iot-latency-calculator .flo-btn--primary{
      background: var(--flo-gradient);
      color: #fff;
    }
    .iot-latency-calculator .flo-btn--primary:hover{ filter: brightness(0.96); }
    .iot-latency-calculator .flo-btn--primary:active{ filter: brightness(0.92); }
    .iot-latency-calculator .flo-btn--lg{ min-height: 56px; padding: 0 var(--space-6); }

    .iot-latency-calculator .preset-row{
      display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2);
    }
    .iot-latency-calculator .preset-row__label{
      font-size: var(--type-sm-size);
      color: var(--text-faint);
      margin-right: var(--space-1);
    }
    .iot-latency-calculator .preset{
      background: transparent;
      border: 1px solid var(--border-strong);
      padding: 7px 15px;
      border-radius: var(--radius-pill);
      font-family: var(--flo-font-sans);
      font-size: var(--type-sm-size);
      color: var(--text-body);
      cursor: pointer;
      transition: border-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);
    }
    .iot-latency-calculator .preset:hover{ border-color: var(--flo-orange); color: var(--text-strong); }
    .iot-latency-calculator .preset:focus-visible{ outline: none; box-shadow: 0 0 0 3px var(--focus-ring); }

    /* Map */
    .iot-latency-calculator .calc__map-wrap{
      background: var(--flo-white);
      border: 1px solid var(--border-subtle);
      border-radius: var(--radius-lg);
      overflow: hidden;
      box-shadow: var(--shadow-sm);
    }
    .iot-latency-calculator #flo-map{
      display: block;
      width: 100%;
      aspect-ratio: 1000 / 562.5;
      min-height: 340px;
      max-height: 780px;
      background: var(--flo-white);
    }
    .iot-latency-calculator .map-legend{
      display: flex; flex-wrap: wrap; gap: var(--space-6);
      padding: var(--space-4) var(--space-6);
      border-top: 1px solid var(--border-subtle);
      font-size: var(--type-sm-size);
      color: var(--text-body);
    }
    .iot-latency-calculator .legend-line{
      display: inline-flex; align-items: center; gap: var(--flo-space-2);
    }
    .iot-latency-calculator .legend-line__swatch{
      display: inline-block;
      width: 28px; height: 3px;
      border-radius: 2px;
    }
    .iot-latency-calculator .legend-line__swatch--legacy{
      background: repeating-linear-gradient(
        90deg, var(--flo-coral) 0 8px, transparent 8px 12px);
      height: 3px;
    }
    .iot-latency-calculator .legend-line__swatch--local{ background: var(--flo-success); }

    /* Results */
    .iot-latency-calculator .results{
      background: var(--flo-white);
      border: 1px solid var(--border-subtle);
      border-radius: var(--radius-lg);
      box-shadow: var(--shadow-md);
      overflow: hidden;
    }
    .iot-latency-calculator .results__head{
      padding: var(--space-8);
      background: var(--flo-mesh-dark);
      color: var(--flo-white);
      display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
      gap: var(--space-6);
    }
    .iot-latency-calculator .results__head-label{
      font-size: var(--type-overline-size);
      font-weight: var(--flo-weight-semibold);
      letter-spacing: var(--tracking-wide);
      text-transform: uppercase;
      color: var(--flo-cool);
      margin-bottom: var(--space-2);
    }
    .iot-latency-calculator .results__savings{
      font-size: var(--type-display-size);
      font-weight: var(--flo-weight-bold);
      color: var(--flo-orange);
      line-height: 1;
      font-variant-numeric: tabular-nums;
    }
    .iot-latency-calculator .results__savings .unit{
      font-size: var(--type-h3-size);
      font-weight: var(--flo-weight-semibold);
      color: var(--flo-white);
      margin-left: var(--space-2);
    }
    .iot-latency-calculator .results__caption{
      font-size: var(--type-sm-size);
      color: var(--flo-cool);
      max-width: 340px;
      margin-top: var(--space-1);
      line-height: 1.4;
    }
    .iot-latency-calculator .results__caption strong{ color: var(--flo-white); }

    .iot-latency-calculator .results__grid{
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: var(--space-4);
      padding: var(--space-8);
    }

    .iot-latency-calculator .result-card{
      padding: var(--space-6);
      border: 1px solid var(--border-subtle);
      border-radius: var(--radius-md);
      background: var(--flo-white);
    }

    .iot-latency-calculator .result-card__label{
      display: flex;
      align-items: center;
      gap: var(--space-2);
      font-size: var(--type-overline-size);
      font-weight: var(--flo-weight-semibold);
      letter-spacing: var(--tracking-wide);
      text-transform: uppercase;
      color: var(--text-faint);
      margin-bottom: var(--space-2);
    }
    .iot-latency-calculator .result-card__dot{
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      flex-shrink: 0;
    }
    .iot-latency-calculator .result-card__dot--legacy{ background: var(--flo-coral); }
    .iot-latency-calculator .result-card__dot--local{ background: var(--flo-success); }
    .iot-latency-calculator .result-card__title{
      font-size: 20px;
      font-weight: var(--flo-weight-semibold);
      color: var(--text-strong);
      margin-bottom: var(--space-4);
    }
    .iot-latency-calculator .result-card__value{
      font-size: var(--type-result-size);
      font-weight: var(--flo-weight-bold);
      color: var(--text-strong);
      font-variant-numeric: tabular-nums;
      line-height: 1;
    }
    .iot-latency-calculator .result-card__value .unit{
      font-size: 18px;
      font-weight: var(--flo-weight-semibold);
      color: var(--text-body);
      margin-left: 4px;
    }
    .iot-latency-calculator .result-card__path{
      font-size: var(--type-sm-size);
      color: var(--text-body);
      margin-top: var(--space-3);
      line-height: 1.4;
    }
    .iot-latency-calculator .result-card__interp{
      font-size: var(--type-sm-size);
      color: var(--text-faint);
      margin-top: var(--space-3);
      padding-top: var(--space-3);
      border-top: 1px dashed var(--border-subtle);
    }

    .iot-latency-calculator .results__footer{
      padding: var(--space-5) var(--space-8);
      background: var(--flo-air);
      display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
      gap: var(--space-4);
      border-top: 1px solid var(--border-subtle);
    }
    .iot-latency-calculator .results__footer-text{ font-size: var(--type-sm-size); color: var(--text-body); }
    .iot-latency-calculator .trust-link{
      background: transparent; border: 0; padding: 0;
      font-family: var(--flo-font-sans);
      font-size: var(--type-sm-size);
      cursor: pointer;
      color: var(--text-muted);
      text-decoration: underline;
      text-underline-offset: 2px;
    }
    .iot-latency-calculator .trust-link:hover{ color: var(--text-strong); }

    .iot-latency-calculator .results--empty{
      padding: var(--space-16) var(--space-8);
      text-align: center;
      color: var(--text-faint);
      background: var(--flo-white);
      border: 1px solid var(--border-subtle);
      border-radius: var(--radius-lg);
      box-shadow: var(--shadow-sm);
    }
    .iot-latency-calculator .results--empty p{ margin: 0 auto; max-width: 420px; }
    .iot-latency-calculator .results--empty strong{ color: var(--text-body); }

    /* ================================================================
       COMPARISON TABLE
       ================================================================ */
    .iot-latency-calculator .table-wrap{
      overflow-x: auto;
      border: 1px solid var(--border-subtle);
      border-radius: var(--radius-md);
    }
    .iot-latency-calculator table.flo-table{
      width: 100%;
      border-collapse: collapse;
      background: var(--flo-white);
      border: 0;
      border-radius: 0;
    }
    .iot-latency-calculator .flo-table thead th{
      background: var(--flo-air);
      color: var(--text-body);
      font-weight: var(--flo-weight-bold);
      text-align: left;
      padding: 12px 16px;
      font-size: var(--type-sm-size);
      letter-spacing: 0.02em;
    }
    .iot-latency-calculator .flo-table tbody td{
      padding: 16px;
      border-top: 1px solid var(--border-subtle);
      font-size: var(--type-sm-size);
      vertical-align: top;
      color: var(--text-body);
    }
    .iot-latency-calculator .flo-table tbody tr:nth-child(even) td{ background: #FAFBFD; }
    .iot-latency-calculator .flo-table .row-label{
      font-weight: var(--flo-weight-semibold);
      color: var(--text-strong);
      width: 22%;
    }

    /* ================================================================
       FAQ
       ================================================================ */
    .iot-latency-calculator .faq{ max-width: 820px; }
    .iot-latency-calculator .faq dl{ margin: 0; }
    .iot-latency-calculator .faq dt{
      font-size: var(--type-body-size);
      font-weight: var(--flo-weight-semibold);
      color: var(--text-strong);
      margin: 0 0 var(--space-2);
    }
    .iot-latency-calculator .faq dd{
      margin: 0 0 var(--space-6);
      color: var(--text-body);
      max-width: 65ch;
      font-size: 16px;
      line-height: 1.55;
    }

    /* ================================================================
       MODAL
       ================================================================ */
    .iot-latency-calculator .modal-backdrop{
      position: fixed; inset: 0;
      background: rgba(26, 26, 38, 0.6);
      display: none;
      align-items: center; justify-content: center;
      padding: var(--space-4);
      z-index: 600;
    }
    .iot-latency-calculator .modal-backdrop.is-open{ display: flex; }
    .iot-latency-calculator .modal{
      background: var(--flo-white);
      border-radius: var(--radius-lg);
      max-width: 640px;
      width: 100%;
      max-height: 86vh;
      overflow-y: auto;
      box-shadow: var(--shadow-lg);
    }
    .iot-latency-calculator .modal__head{
      padding: var(--space-5) var(--space-6);
      border-bottom: 1px solid var(--border-subtle);
      display: flex; justify-content: space-between; align-items: flex-start;
      gap: var(--space-4);
    }
    .iot-latency-calculator .modal__head h3{
      font-size: var(--type-h3-size);
      font-weight: var(--flo-weight-semibold);
      color: var(--text-strong);
    }
    .iot-latency-calculator .modal__close{
      background: transparent; border: 0; cursor: pointer;
      font-size: 24px; color: var(--text-body);
      line-height: 1; padding: 4px 8px;
      border-radius: var(--radius-xs);
    }
    .iot-latency-calculator .modal__close:hover{ background: var(--flo-air); }
    .iot-latency-calculator .modal__close:focus-visible{ outline: none; box-shadow: 0 0 0 3px var(--focus-ring); }
    .iot-latency-calculator .modal__body{
      padding: var(--space-6);
      color: var(--text-body);
      font-size: 16px;
      line-height: 1.55;
      display: flex;
      flex-direction: column;
      gap: var(--space-4);
    }
    .iot-latency-calculator .modal__body p{ margin: 0; }
    .iot-latency-calculator .modal__body ul{ margin: 0; padding-left: 1.25rem; }
    .iot-latency-calculator .modal__body code, .iot-latency-calculator .modal__body pre{
      font-family: var(--flo-font-mono);
      font-size: var(--type-sm-size);
      background: var(--flo-air);
      padding: 2px 6px;
      border-radius: 4px;
    }
    .iot-latency-calculator .modal__body pre{
      padding: var(--space-3) var(--space-4);
      overflow-x: auto;
      line-height: 1.35;
    }

    @media (prefers-reduced-motion: reduce) {
      .iot-latency-calculator *{ animation: none !important; transition: none !important; }
    }