/* Provider directory — the "companies to consider" block on the relocation
   guides. Generated markup: see tools/build-provider-directory.py.

   Design notes, so the next person does not undo them by accident:
   · No cards. Sophie's standing note on the registration pages was that boxed
     cards read as busy; this is a reading list, not a product grid.
   · The evidence line under each company is the point of the whole block. It
     is small but never faint — --sage-text is AA on cream.
   · Logos sit in a fixed-height box so an assorted set of files still lines up.
     Without a file, a monogram tile stands in, which keeps the rhythm without
     implying Ethicare has any relationship with the company. */

.svc-dir .svc-pick{display:flex;flex-wrap:wrap;gap:var(--sp-s);align-items:flex-end;
  margin:var(--sp-m) 0 var(--sp-l);}
.svc-f{flex:1 1 260px;min-width:0;}
.svc-f label,.svc-f .svc-lab{display:block;font:600 12px/1.2 var(--display);
  letter-spacing:.12em;text-transform:uppercase;color:var(--sage-text);margin-bottom:8px;}
.svc-f select{width:100%;font:400 17px/1.3 var(--body);color:var(--text);
  padding:14px 42px 14px 16px;border:1.5px solid var(--rule-tint);border-radius:var(--r-sm);
  background:var(--white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2302615D' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right 14px center/18px;
  -webkit-appearance:none;appearance:none;cursor:pointer;}
.svc-f select:focus-visible{outline:none;border-color:var(--teal);box-shadow:var(--sh-focus);}
.svc-f .svc-fixed{font:400 17px/1.3 var(--body);color:var(--muted);padding:14px 16px;
  border:1.5px dashed var(--mint);border-radius:var(--r-sm);background:transparent;}

.svc-pane[hidden]{display:none;}

.svc-group{padding:var(--sp-m) 0;border-top:1px solid var(--mint);}
.svc-group:first-child{border-top:0;padding-top:0;}
.svc-gh{display:flex;align-items:center;gap:12px;margin:0 0 var(--sp-xs);}
.svc-gh .ic{color:var(--teal);flex:0 0 auto;}
.svc-gh h3{margin:0;font-size:var(--t-h3);}
.svc-note{margin:0 0 var(--sp-s);color:var(--muted);font-size:16px;line-height:1.5;}

.svc-list{list-style:none;margin:0;padding:0;}
.svc-co{display:grid;grid-template-columns:72px 1fr;gap:var(--sp-s);align-items:start;
  margin:0 0 var(--sp-m);}
.svc-co:last-child{margin-bottom:0;}

/* logo slot — fixed box, so a tall logo and a wide one still agree */
.svc-logo{width:72px;height:48px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--mint);border-radius:var(--r-xs);background:var(--white);
  overflow:hidden;}
.svc-logo img{max-width:60px;max-height:36px;width:auto;height:auto;display:block;}
.svc-logo .svc-mono{font:600 17px/1 var(--display);color:var(--sage-text);letter-spacing:.02em;}

.svc-n{font:600 18px/1.3 var(--display);color:var(--teal);text-decoration:none;
  border-bottom:1px solid rgba(2,97,93,.3);}
.svc-n:hover{border-bottom-color:var(--teal);}
.svc-d{margin:7px 0 5px;font-size:16px;line-height:1.55;}
.svc-ev{display:block;font:500 13px/1.45 var(--body);color:var(--sage-text);}

.svc-pending{color:var(--muted);font-size:16px;line-height:1.6;margin:0;}
.svc-foot{margin-top:var(--sp-m);padding-top:var(--sp-s);border-top:1px solid var(--mint);
  font-size:15px;line-height:1.6;color:var(--muted);}

@media(max-width:620px){
  .svc-pick{display:block;}
  .svc-f{margin-bottom:var(--sp-s);}
  .svc-co{grid-template-columns:56px 1fr;gap:14px;}
  .svc-logo{width:56px;height:40px;}
  .svc-logo img{max-width:46px;max-height:30px;}
}

@media print{
  .svc-f select{border:1px solid #999;background:none;}
  .svc-pane[hidden]{display:block;}
  .svc-logo{display:none;}
  .svc-co{display:block;}
}