.ide {
      /* hidden until the custom element initializes — a fragment injected
         without executing inline scripts must not show an empty shell */
      display: none;
      margin: 12px 0;
      color: var(--ide-text);
      font-size: 13.5px;
    }
    .ide.is-ready {
      display: block;
    }
    .ide__card {
      box-sizing: border-box;
      padding: 12px 14px;
      overflow: hidden;
      background: var(--ide-bg);
      border: 1px solid var(--ide-border);
      border-radius: 12px;
    }
    .ide__countdown-row {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 12px;
    }
    .ide__label,
    .ide__countdown {
      white-space: nowrap;
    }
    .ide__label {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
    .ide__countdown {
      flex: none;
      font-size: 15px;
      font-weight: 500;
      font-variant-numeric: tabular-nums;
    }
    .ide__icon {
      display: block;
      flex: none;
      width: 15px;
      height: 15px;
    }
    .ide__progress {
      height: 6px;
      margin: 8px 0;
      overflow: hidden;
      background: var(--ide-track);
      border-radius: 999px;
    }
    .ide__progress-fill {
      display: block;
      width: 0;
      height: 100%;
      background: var(--ide-accent);
      border-radius: inherit;
    }
    .ide__delivery-row {
      display: flex;
      align-items: center;
      gap: 6px;
      overflow: hidden;
      white-space: nowrap;
    }
    .ide__delivery-row [data-role="date-text"] {
      flex: none;
      white-space: nowrap;
    }
    .ide.is-urgent .ide__countdown {
      color: var(--ide-urgent);
    }
    .ide.is-urgent .ide__progress-fill {
      background: var(--ide-urgent);
    }
    .ide__sr-only {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
      border: 0 !important;
    }