:root{
    --brand:#7a4b2a;
    --bg:#faf6f1;
    --card:#ffffff;
    --border:#e3d9cd;
    --text:#2c2420;
  }
  *{box-sizing:border-box;}
  body{
    font-family:"Segoe UI", Arial, sans-serif;
    background:var(--bg);
    color:var(--text);
    margin:0;
    padding:24px;
  }
  h1{font-size:1.4rem; margin-bottom:4px;}
  p.hint{color:#7a6f63; margin-top:0; font-size:0.9rem;}

  .filters{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    background:var(--card);
    border:1px solid var(--border);
    padding:14px;
    border-radius:10px;
    margin:16px 0 20px;
    position:sticky;
    top:8px;
    z-index:5;
  }
  .filters input[type="text"]{
    flex:1 1 220px;
    padding:8px 10px;
    border:1px solid var(--border);
    border-radius:6px;
    font-size:0.95rem;
  }
  .filters select{
    padding:8px 10px;
    border:1px solid var(--border);
    border-radius:6px;
    font-size:0.95rem;
    background:#fff;
  }
  .filters button{
    padding:8px 14px;
    border:none;
    border-radius:6px;
    background:var(--brand);
    color:#fff;
    cursor:pointer;
    font-size:0.9rem;
  }
  .filters button:hover{opacity:0.9;}

  .count{font-size:0.85rem; color:#7a6f63; margin-bottom:10px;}

  .grid{display:flex; flex-direction:column; gap:12px;}
  .burza{
    background:var(--card);
    border:1px solid var(--border);
    border-left:5px solid var(--brand);
    border-radius:8px;
    padding:14px 16px;
  }
  .burza .datum{
    font-weight:700;
    color:var(--brand);
  }
  .burza .misto{font-weight:600;}
  .burza .popis{font-size:0.92rem; color:#4a4038; margin-top:6px;}
  .burza .kontakt{font-size:0.82rem; color:#8a8078; margin-top:8px;}

  .empty{
    text-align:center;
    padding:30px;
    color:#8a8078;
    font-style:italic;
  }

  mark{background:#ffe9a8; padding:0 2px; border-radius:2px;}