.decorative-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 20px auto;
    max-width: 220px;
  }
  .decorative-line .line { height: 1px; flex: 1; background-color: #313647; }
  .decorative-line .dot { width: 6px; height: 6px; background-color: #313647; border-radius: 50%; }

  .section { margin:28px auto; max-width:1000px; padding:0 16px; }
  .two-col { display:grid; grid-template-columns:1fr; gap:20px; }
  .card {
    background:#fff;
    border-radius:12px;
    box-shadow:0 6px 16px rgba(0,0,0,.08);
    padding:18px;
  }
  h2 { color:#313647; margin:0 0 8px; font-family: Garamond, serif; }
  ul { margin:10px 0 0 18px; }
  li { margin:6px 0; }

  @media (min-width:820px) { .two-col { grid-template-columns:1fr 1fr; } }

  * { box-sizing: border-box; }
  img { max-width: 100%; height: auto; display: block; }

  @media (max-width:640px) {
  
    .section.two-col .card { padding: 16px; }
    .decorative-line { max-width: 180px; gap: 10px; }
  }