.ag-kozosseg {
    --tinta: #1f3b33; --kiemel: #b5832f;
    --betu: "Segoe UI", Roboto, system-ui, -apple-system, sans-serif;
    max-width: 1000px; margin: 0 auto; box-sizing: border-box;
    font-family: var(--betu); color: #1f2933;
  }
  .ag-kozosseg h3 { margin: 22px 0 12px; font-family: var(--betu); font-size: 1.05rem; font-weight: 800; color: var(--tinta);
    display: flex; align-items: center; gap: 10px; }
  .ag-kozosseg h3::after { content: ""; flex: 1; border-top: 2px dashed #e0cfb1; }
  .ag-kozosseg ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr)); gap: 12px; }
  .ag-kozosseg li {
    display: flex; align-items: center; gap: 12px; min-width: 0; padding: 10px 14px 10px 10px;
    background: #fff; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,.07); border-left: 4px solid var(--szin, #4a8a60);
  }
  .ag-kozosseg li.segito { --szin: var(--kiemel); }
  .ag-kozosseg img, .ag-kozosseg .ag-mono { width: 56px; height: 56px; flex: none; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 3px #fff, 0 0 0 4px #e5dccb; }
  .ag-kozosseg .ag-mono { display: grid; place-items: center; background: #e3efe6; color: #2d5a43; font-weight: 800; font-size: 1.05rem; }
  .ag-kozosseg li.segito .ag-mono { background: #f6ead3; color: #7d5428; }
  .ag-kozosseg li > span:last-child { min-width: 0; line-height: 1.35; }
  .ag-kozosseg b { display: block; font-size: 17px; color: var(--tinta); overflow-wrap: anywhere; }
  .ag-kozosseg i { display: block; font-style: normal; font-size: .9rem; color: #4b6a60; }
  @media (max-width: 640px) { .ag-kozosseg b { font-size: 16px; } }