:root {
      color-scheme: dark;
      --bg:#07111a;
      --panel:#0d1b26;
      --panel2:#102330;
      --fg:#edf0f1;
      --soft:#c8d1d7;
      --muted:#93a2ac;
      --line:rgba(220,230,236,.14);
      --gold:#c79a55;
    }

    * {
      box-sizing:border-box;
    }

    body {
      max-width:1180px;
      margin:0 auto;
      padding:4rem 1.4rem 5rem;
      background:
        linear-gradient(
          180deg,
          #0e1c27,
          var(--bg)
        );
      color:var(--fg);
      font-family:
        ui-sans-serif,
        system-ui,
        sans-serif;
      line-height:1.55;
    }

    h1,h2,h3 {
      font-family:
        Georgia,
        "Times New Roman",
        serif;
      font-weight:400;
    }

    h1 {
      font-size:
        clamp(2.5rem,6vw,4.4rem);
      margin-bottom:.35rem;
    }

    h2 {
      margin-top:0;
      color:#ece8df;
    }

    .muted {
      color:var(--muted);
    }

    .grid {
      display:grid;
      grid-template-columns:
        repeat(
          auto-fit,
          minmax(240px,1fr)
        );
      gap:1rem;
      align-items:start;
      margin:1.5rem 0;
    }

    .card,
    .trust-item {
        background:
          linear-gradient(
            180deg,
            rgba(255,255,255,.03),
            rgba(255,255,255,.012)
          );
        border:1px solid var(--line);
        border-color:
          rgba(199,154,85,.28);
        padding:1.35rem;
    }

    .verification-anchor-wrapper {
      margin-top:1.5rem;
    }

    .infrastructure-components {
      margin-top:1.5rem;
    }

    .value {
      display:block;
      margin:.25rem 0;
      font-family:
        Georgia,
        "Times New Roman",
        serif;
      font-size:2.3rem;
      color:#f2eee7;
    }

    .state {
      display:inline-block;
      padding:.18rem .48rem;
      border:1px solid
        rgba(199,154,85,.4);
      color:#e2c18a;
      font-size:.78rem;
      letter-spacing:.04em;
    }

    .infrastructure-component-card {
        min-height:95px;
    }

    .infrastructure-status {
        display:inline-block;
        margin-top:.8rem;
    }

    .infrastructure-component-name {
        display:block;
    }

    .provider-trust-block {
      padding-top:1.2rem;
    }

    .provider-trust-block > h3 {
      margin-bottom:.4rem;
    }

    .provider-trust-block > .grid {
      margin-top:0;
    }

    .verification-anchor-title {
        display:block;
        margin-bottom:.7rem;
        letter-spacing:.02em;
    }

    .item-head {
      display:flex;
      justify-content:space-between;
      gap:1rem;
      align-items:center;
    }

    section {
      margin-top:2.6rem;
    }

    table {
      width:100%;
      border-collapse:collapse;
      font-size:.88rem;
    }

    table {
        width:100%;
        border-collapse:collapse;
        font-size:.88rem;
    }

    .bounded-table {
        max-height:45rem;
        overflow:auto;
    }

    .bounded-table thead th {
        position:sticky;
        top:0;
    }

    th,td {
      padding:.65rem;
      border-bottom:
        1px solid var(--line);
      text-align:left;
      vertical-align:top;
    }

    th {
      color:#e5d5ba;
    }

    .table-wrap {
      overflow-x:auto;
    }

    .provider-row[data-review="true"] td {
      background:
        rgba(
          217,
          164,
          65,
          .07
        );
    }

    .provider-row[data-review="true"] td:first-child {
      box-shadow:
        inset 3px 0 0
        #d9a441;
    }

    .review-required {
      color:#e6b85c;
      font-weight:700;
      letter-spacing:.04em;
    }

    .review-clear {
        color:var(--muted);
    }

    .verified-anchor {
        display:inline-block;
        padding:.35rem .6rem;
        color:#e3c493;
        border:1px solid rgba(199,154,85,.72);
    }


    code {
        color:#e3c493;
    }

      .trend-grid {
        display:grid;
        grid-template-columns:
          repeat(
            auto-fit,
            minmax(360px,1fr)
          );
        gap:1rem;
        margin:1.5rem 0;
      }

      .trend-card {
        min-width:0;
      }

      .trend-card h3 {
        margin-top:0;
        margin-bottom:.6rem;
      }

      .trend-chart {
        display:block;
        width:100%;
        height:auto;
        margin-top:.8rem;
      }

      .trend-gridline {
        stroke:var(--line);
        stroke-width:1;
        vector-effect:non-scaling-stroke;
      }

      .trend-axis-label {
        fill:var(--muted);
        font-family:
          ui-sans-serif,
          system-ui,
          sans-serif;
        font-size:11px;
      }

      .trend-line {
        fill:none;
        stroke:currentColor;
        stroke-width:2.4;
        vector-effect:non-scaling-stroke;
      }

      .trend-point {
        fill:var(--panel);
        stroke:currentColor;
        stroke-width:2;
        vector-effect:non-scaling-stroke;
      }

      .series-requests {
        color:#4da3ff;
      }

      .series-security-observations {
        color:#d9a441;
      }

      .series-observed {
        color:#3dd6c0;
      }

      .series-blocked {
        color:#ff765e;
      }

      .series-unsuccessful {
        color:#b79cff;
      }

      .series-needs-review {
        color:#f1f3f5;
      }

      .trend-line.series-needs-review {
        stroke-dasharray:7 5;
      }

      .trend-legend-item.series-needs-review
      .trend-swatch {
        border-top-style:dashed;
      }

      .trend-legend {
        display:flex;
        flex-wrap:wrap;
        gap:.45rem 1rem;
        color:var(--muted);
        font-size:.8rem;
      }

      .trend-legend-item {
        display:inline-flex;
        align-items:center;
        gap:.4rem;
      }

      .trend-swatch {
        display:inline-block;
        width:1.25rem;
        border-top:2px solid currentColor;
      }

      .trend-note {
        font-size:.88rem;
      }

      .legend {
        display:grid;
        grid-template-columns:
          minmax(120px,180px) 1fr;
        gap:.7rem 1.2rem;
        margin:1.2rem 0 0;
      }

      .legend dt {
        color:#e5d5ba;
        font-weight:600;
      }

      .legend dd {
        margin:0;
        color:var(--soft);
      }

      @media (max-width:620px) {

        .trend-grid {
          grid-template-columns:1fr;
        }

        .legend {
          grid-template-columns:1fr;
          gap:.2rem;
        }

        .legend dd {
          margin-bottom:.8rem;
        }
      }


    footer {
      margin-top:4rem;
      color:var(--muted);
      font-size:.85rem;
    }