/* MILESTONES */
    .ms-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 13px;
    }

    .ms-card {
      padding: 15px;
      border-radius: var(--r2);
      background: rgba(7, 14, 30, .9);
      border: 1px solid rgba(139, 92, 246, .16);
      border-top: 3px solid var(--mc, #8b5cf6);
      transition: all .2s;
    }

    .ms-card:hover {
      transform: translateY(-2px);
    }

    .ms-card.crit {
      border-color: rgba(239, 68, 68, .22);
      border-top-color: var(--rd);
    }

    .ms-date {
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      color: var(--mu);
      font-weight: 700;
    }

    .ms-name {
      font-family: 'Syne', sans-serif;
      font-size: 14px;
      font-weight: 800;
      color: var(--st);
      margin-top: 6px;
      line-height: 1.3;
    }

    .ms-desc {
      font-size: 11.5px;
      color: var(--so);
      margin-top: 5px;
      line-height: 1.45;
    }

    ::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }

    ::-webkit-scrollbar-track {
      background: rgba(4, 10, 24, .5);
    }

    ::-webkit-scrollbar-thumb {
      background: rgba(59, 130, 246, .18);
      border-radius: 999px;
    }

    ::-webkit-scrollbar-thumb:hover {
      background: rgba(59, 130, 246, .36);
    }

    @media(max-width:900px) {

      .body,
      .hdr,
      .tabs {
        padding-left: 14px;
        padding-right: 14px;
      }

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

      .kpi-strip {
        grid-template-columns: repeat(2, 1fr);
      }

      .ms-grid,
      .story-sections {
        grid-template-columns: 1fr;
      }

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

      .fg.s3 {
        grid-column: span 2;
      }
    }

    .or-wrap {
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px solid rgba(148, 163, 184, .12)
    }

    .or-grid {
      display: grid;
      grid-template-columns: 1.1fr .95fr;
      gap: 12px;
      align-items: end
    }

    .or-actions {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 12px
    }

    .or-note {
      margin-top: 10px;
      font-size: 11.5px;
      color: var(--mu);
      line-height: 1.7
    }

    .or-mini {
      font-size: 11px;
      color: var(--so);
      margin-top: 6px
    }

    .or-status {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 12px;
      border-radius: 999px;
      border: 1px solid rgba(74, 96, 128, .24);
      background: rgba(74, 96, 128, .08);
      font-size: 11.5px;
      font-weight: 700;
      color: var(--so)
    }

    .or-status .d {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--mu);
      box-shadow: 0 0 8px rgba(74, 96, 128, .6);
      flex-shrink: 0
    }

    .or-chip {
      display: inline-block;
      padding: 4px 8px;
      border-radius: 999px;
      border: 1px solid rgba(59, 130, 246, .18);
      background: rgba(59, 130, 246, .08);
      font-size: 10.5px;
      color: #93c5fd;
      margin-inline-start: 6px
    }

    @media(max-width:880px) {
      .or-grid {
        grid-template-columns: 1fr
      }
    }