/* Dr.Med — Arama.html page styles (verbatim from the design; do not edit). */
  .sbar{background:var(--c-cream);border-bottom:.5px solid var(--c-line);padding:clamp(30px,4vw,56px) var(--gutter) clamp(22px,3vw,34px)}
  .sbar-in{max-width:900px;margin:0 auto}
  .sfield{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--c-line);transition:border-color .3s}
  .sfield:focus-within{border-bottom-color:var(--c-gold)}
  .sfield svg{width:20px;height:20px;color:var(--c-gold);flex:0 0 auto}
  .sfield input{flex:1;min-width:0;background:transparent;border:0;outline:0;font-family:var(--serif);font-weight:300;
    font-size:clamp(22px,3.2vw,36px);color:var(--c-ink);padding:14px 0;letter-spacing:-.01em}
  .sfield input::placeholder{color:color-mix(in srgb,var(--c-mute) 50%,transparent)}
  .sfield .x{background:transparent;border:0;cursor:pointer;color:var(--c-mute);font-size:10px;letter-spacing:.18em;
    text-transform:uppercase;min-height:44px;padding:0 4px;opacity:0;pointer-events:none;transition:.25s}
  .sbar.has .x{opacity:1;pointer-events:auto}
  .sfield .x:hover{color:var(--c-gold)}
  .smeta{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:18px;flex-wrap:wrap;
    font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-mute)}
  .smeta b{color:var(--c-gold);font-weight:500}

  .tabs{border-bottom:.5px solid var(--c-line);background:var(--c-paper);position:sticky;top:75px;z-index:40;
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .tabs-in{max-width:900px;margin:0 auto;padding:0 var(--gutter);display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
  .tabs-in::-webkit-scrollbar{display:none}
  .tabs button{flex:0 0 auto;background:transparent;border:0;border-bottom:1.5px solid transparent;margin-bottom:-1px;
    padding:16px 14px;cursor:pointer;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-mute);min-height:50px;transition:.25s}
  .tabs button:hover{color:var(--c-ink)}
  .tabs button.on{color:var(--c-ink);border-bottom-color:var(--c-gold)}
  .tabs button .c{color:var(--c-mute);margin-left:6px}

  .body{max-width:900px;margin:0 auto;padding:clamp(28px,3.6vw,46px) var(--gutter) clamp(56px,7vw,96px)}
  .grp{margin-bottom:34px}
  .grp:last-child{margin-bottom:0}
  .grp h3{font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--c-mute);margin:0 0 6px;padding:0 8px;font-weight:500}

  .rows{display:flex;flex-direction:column}
  .row{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:18px;align-items:center;
    padding:16px 8px;border-bottom:.5px solid var(--c-line);transition:background .25s,padding-left .25s}
  .row:hover{background:var(--c-cream);padding-left:16px}
  .row .shot{position:relative;aspect-ratio:3/4}
  .row .shot .ph{position:absolute;inset:0}
  .row .cat{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-gold);margin-bottom:6px}
  .row .nm{font-family:var(--serif);font-size:20px;line-height:1.2;color:var(--c-ink)}
  .row .nm mark{background:color-mix(in srgb,var(--c-gold) 30%,transparent);color:inherit;padding:0 1px}
  .row .d{font-size:12px;line-height:1.55;color:var(--c-mute);margin-top:5px}
  .row .pz{font-family:var(--serif);font-size:18px;color:var(--c-ink);white-space:nowrap;text-align:right}
  .row .pz small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-mute);margin-top:4px}
  .row .go{font-size:15px;color:var(--c-gold)}

  .rows.txt .row{grid-template-columns:minmax(0,1fr) auto}
  .rows.txt .nm{font-size:18px}

  .chips{display:flex;flex-wrap:wrap;gap:7px}
  .chips button{background:transparent;border:.5px solid var(--c-line);padding:10px 14px;cursor:pointer;
    font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-ink-2);transition:.28s;min-height:40px}
  .chips button:hover{border-color:var(--c-gold);color:var(--c-ink);background:var(--c-cream)}

  .zero{padding:56px 10px;text-align:center}
  .zero .q{font-family:var(--serif);font-style:italic;font-size:26px;color:var(--c-ink);margin:0 0 10px}
  .zero p{font-size:13.5px;line-height:1.65;color:var(--c-mute);margin:0 auto 26px;max-width:42ch}
  .zero .chips{justify-content:center}

  .start{padding:6px 0}
  .start h4{font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--c-mute);margin:0 0 14px;font-weight:500}
  .start .chips{margin-bottom:34px}

  @media (max-width:1000px){.tabs{top:71px}}
  @media (max-width:720px){
    .tabs{top:67px}
    .row{grid-template-columns:52px minmax(0,1fr);gap:14px;padding:14px 4px}
    .row:hover{padding-left:6px}
    .row .nm{font-size:17px}
    .row .pz{grid-column:2;text-align:left;font-size:16px;display:flex;align-items:baseline;gap:9px;margin-top:4px}
    .row .pz small{margin-top:0}
    .row .go{display:none}
    .rows.txt .row{grid-template-columns:minmax(0,1fr)}
  }