/* contact.html: the contact lines on one plain card (no sign, no string), then
   the floor with the two wine bags (quiet.css). Tokens only; dark follows the room tokens. */

.ct-panel{--panel-w:520px}
.ct-lines{list-style:none;margin:0;padding:0}
.ct-row{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:16px;align-items:center;padding:12px 0}
.ct-row + .ct-row{border-top:1px solid var(--panel-line)}
.ct-ic{grid-row:1 / span 2;width:28px;height:28px;fill:none;stroke:var(--magenta);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ct-k{grid-column:2;font-family:var(--r-ar);font-size:1rem;line-height:1.5;color:var(--copy)}
:lang(en) .ct-k{font-family:var(--r-en)}
.ct-v{grid-column:2;justify-self:start;display:inline-block;min-width:44px;padding:8px 0;font-family:var(--sm);font-size:1.0625rem;line-height:28px;
  color:var(--magenta-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;border-radius:4px;
  overflow-wrap:anywhere;touch-action:manipulation}
.ct-v:focus-visible{outline:2px solid var(--magenta-text);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.ct-v:hover{text-decoration-thickness:2px}}
.ct-v:active{opacity:.75}

/* the business line (legal name, license, address) once nav.js has it */
.ct-biz{margin:18px 0 0;font-family:var(--r-ar);font-size:1rem;line-height:1.6;color:var(--copy);text-align:center;overflow-wrap:anywhere}
:lang(en) .ct-biz{font-family:var(--r-en)}