/* ============================ */
  /* ===== Legal Start ========= */
  /* ============================ */
  main {
    max-width: 900px;
    margin: clamp(150px, 16vh, 180px) auto 80px; /* clears the header and centers */
    padding: 28px;
    background: var(--card-bg);
    border-radius: var(--card-radius);
    box-shadow: var(--card-shadow);
    border: 1px solid rgba(0,0,0,.05);
    
  }
  main h1{
    font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.4rem);
    letter-spacing: .5px;
    line-height: 1.2;
    margin-bottom: 12px;
  }
  main .keyline{
    width: 100%;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--accent), var(--accent-2));
    margin: 8px 0 22px;
  }
  main p{
    font-size: 1.02rem;
    line-height: 1.6;
    padding: 10px 0;
    border-bottom: 1px dashed rgba(0,0,0,.12);
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 12px;
  }
  main p:last-of-type{ border-bottom: 0; }
  main p::first-line{ font-weight: 700; }
  @supports(selector(:has(*))){
    main p:has(b){ grid-template-columns: 220px 1fr; }
    main p b{ font-weight: 700; }
  }
  @media (max-width: 600px){
    main { padding: 22px; margin: clamp(150px, 12vh, 150px) 14px 60px; }
    main p{ grid-template-columns: 1fr; }
  }
  /* ============================ */
  /* ===== Legal End =========== */
  /* ============================ */