.list-unstyled {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .brand-image {
      height: 40px;
      width: auto;
      display: block;
    }

    /* ===== Tools Page Body ===== */
    .page-tools {
      padding-block: clamp(40px, 6vw, 72px);
      background: #f9fafb;
    }

    .tools-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px;
      align-items: start;
    }

    @media (max-width:980px) {
      .tools-grid {
        grid-template-columns: 1fr;
      }
    }

    .tool-col {
      display: flex;
      flex-direction: column;
      gap: 16px;
      min-width: 0;
    }

    .card {
      background: var(--card-bg);
      border: 1px solid var(--card-border);
      border-radius: 18px;
      box-shadow: 0 10px 24px rgba(15, 23, 42, .06);
      padding: 18px;
    }

    .card h2 {
      margin: 0 0 6px;
      font-size: 1.1rem;
    }

    .muted {
      color: var(--body-muted);
      font-size: .95rem;
      line-height: 1.6;
      margin: 0;
    }

    .tool-main {
      min-height: 560px;
      display: flex;
      flex-direction: column;
    }

    .tool-main form {
      display: flex;
      flex-direction: column;
      flex: 1;
    }

    .tool-main .btn-row {
      margin-top: auto;
    }

    .form-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 12px;
    }

    @media (max-width:680px) {
      .form-grid {
        grid-template-columns: 1fr;
      }
    }

    label {
      display: block;
      font-size: .85rem;
      color: var(--body-muted);
      font-weight: 700;
      margin-bottom: 6px;
    }

    input,
    select {
      width: 100%;
      border: 1px solid #e5e7eb;
      border-radius: 12px;
      padding: 10px 12px;
      font: inherit;
      background: #fff;
      outline: none;
    }

    input:focus,
    select:focus {
      border-color: #93c5fd;
      box-shadow: 0 0 0 3px rgba(147, 197, 253, .35);
    }

    .btn-row {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 12px;
    }

    .btn.secondary {
      background: #fff;
      color: #0f172a;
      border: 1px solid #e5e7eb;
      box-shadow: none;
    }

    .btn.secondary:hover {
      background: #f8fafc;
    }

    .pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 4px 10px;
      border-radius: 999px;
      font-size: .78rem;
      font-weight: 800;
      border: 1px solid #e5e7eb;
      white-space: nowrap;
    }

    .p-early {
      background: #fef3c7;
      color: #92400e;
      border-color: #fde68a;
    }

    .p-active {
      background: #dbeafe;
      color: #1e40af;
      border-color: #bfdbfe;
    }

    .p-final {
      background: #fee2e2;
      color: #991b1b;
      border-color: #fecaca;
    }

    .p-done {
      background: #dcfce7;
      color: #166534;
      border-color: #bbf7d0;
    }

    .p-missed {
      background: #ede9fe;
      color: #5b21b6;
      border-color: #ddd6fe;
    }

    .p-upcoming {
      background: #e0f2fe;
      color: #075985;
      border-color: #bae6fd;
    }

    .p-nr {
      background: #f1f5f9;
      color: #334155;
      border-color: #e2e8f0;
    }

    .kv {
      margin-top: 12px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px 16px;
    }

    @media (max-width:680px) {
      .kv {
        grid-template-columns: 1fr;
      }
    }

    .kv .item {
      padding: 12px;
      border: 1px solid #e5e7eb;
      border-radius: 14px;
      background: #fff;
    }

    .kv .k {
      font-size: .72rem;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: #64748b;
      font-weight: 900;
      margin-bottom: 4px;
    }

    .kv .v {
      font-weight: 700;
      color: #0f172a;
      line-height: 1.4;
      word-break: break-word;
    }

    .small-note {
      margin-top: 12px;
      color: #64748b;
      font-size: .9rem;
    }

    /* ===== CTA ===== */
    .cta-plain {
      padding: clamp(48px, 6vw, 72px) 0;
      background: #fff;
      color: #0f172a;
      text-align: center;
      border-top: 1px solid #e5e7eb;
    }

    .cta-plain__wrap {
      max-width: 640px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
    }

    .cta-plain__title {
      margin: 0 0 8px;
      font-size: clamp(32px, 3vw, 40px);
      font-weight: 800;
      letter-spacing: -.03em;
    }

    .cta-plain__sub {
      margin: 0;
      color: #6b7280;
      font-weight: 500;
    }

    .cta-plain__btn {
      margin-top: 24px;
      padding-inline: 28px;
      height: 52px;
      border-radius: 999px;
      box-shadow: 0 14px 30px rgba(248, 113, 113, .45);
    }