section{padding:46px 0}
    .section-head{
      display:flex;align-items:flex-end;justify-content:space-between;
      gap:16px;margin-bottom:18px;
    }
    .section-head h2{
      margin:0;
      font-size: clamp(22px, 2.4vw, 30px);
      letter-spacing:-0.03em;
    }
    .section-head p{
      margin:0;color:var(--muted);
      max-width: 62ch;
      line-height:1.55;
    }
    .grid-3{
      display:grid;grid-template-columns: repeat(3, 1fr);
      gap:14px;
    }
    .grid-2{
      display:grid;grid-template-columns: repeat(2, 1fr);
      gap:14px;
    }
    .card{
      border:1px solid var(--stroke);
      background:var(--card);
      border-radius: var(--radius);
      padding:18px;
      box-shadow: var(--shadow);
      position:relative;
      overflow:hidden;
    }
    [data-theme="light"] .card{
      background: rgba(255, 254, 254, 0.8);
    }
    .card h3{margin:0 0 8px;font-size:16px;letter-spacing:-0.02em}
    .card p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}
    .list{
      margin:10px 0 0;
      padding:0 0 0 18px;
      color:var(--muted);
      line-height:1.7;
      font-size:14px;
    }
    .tagrow{
      display:flex;flex-wrap:wrap;gap:8px;margin-top:12px
    }
    .tag{
      font-size:12px;font-weight:700;color:var(--muted);
      padding:6px 10px;border-radius:999px;
      border:1px solid var(--stroke);
      background: rgba(0,0,0,0.10);
    }
    [data-theme="light"] .tag{background: rgba(255,255,255,0.7)}
    .hr{
      height:1px;background:rgba(255,255,255,0.10);
      margin:18px 0;
    }
    [data-theme="light"] .hr{background: rgba(0,0,0,0.08)}