/* ---------- quote page ---------- */

/* Remove and Clear list: a bigger tap target than the shared .link padding */
#list .link,#clear{padding-block:.6rem}
#list .link{padding-inline:.5rem}

/* empty state: two tag-shaped links to the builders */
.empty p{margin:0 0 .9rem}
.empty .goto{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:.35rem}
/* .empty a would turn the tag lettering dark; keep the engraved color */
.empty a.taglink{color:var(--core);text-decoration:none;font-size:1rem;padding:.6em 1.9em}
.empty a.taglink:hover{filter:brightness(1.18)}
/* the "add or change a line" note only makes sense once the list has lines */
#empty:not([hidden]) ~ .addmore{display:none}
.addmore,.empty ~ .fine{margin:.9rem 0 0}

/* what to attach: a short tag-labelled list, like the "what we make" rows */
h2.attach-h{margin-top:2.5rem}
.attach-h + p{margin:.35rem 0 0}
.attach{list-style:none;margin:.9rem 0 .9rem;padding:0;border-top:1px solid var(--line)}
.attach li{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.5rem 1.25rem;align-items:start;padding-block:.95rem;border-bottom:1px solid var(--line)}
.attach .tag{font-size:.82rem;justify-self:start;width:100%;padding:.55em 1.6em}
.attach p{margin:0;color:var(--muted);font-size:1rem}
@media (max-width:520px){
  .attach li{grid-template-columns:1fr}
  .attach .tag{width:auto;min-width:9.5em}
}

/* right column */
.sendnote{margin:.25rem 0 1rem}

/* after you send: the shared four steps, with a tag on the one the visitor is on */
.steps .here{display:inline-flex;font-size:.78rem;padding:.35em 1.5em;margin:0 0 .6rem}
.steps li[aria-current="step"]{border-top-color:var(--ink)}
.afterlink{margin:1.75rem 0 0}