/* ============================================================
   automate.css — AUTOMATE ROUTE ONLY — automation cards, services
   Loads after site.css. Route layout only; shared furniture lives in site.css.
   ============================================================ */
@layer route {
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr));gap:1px;
  background:var(--rule);border:1px solid var(--rule)}

.services article{background:var(--paper);padding:clamp(1.3rem,3vw,1.9rem)}

.services h3{font-size:1.14rem}

.services p{margin-top:.8rem;font-size:.95rem;color:var(--ink-soft)}

.services ul{margin:.9rem 0 0;padding-left:1.05rem;font-size:.92rem;color:var(--ink-soft)}

.services li{margin-bottom:.22rem}

.autos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(17.5rem,100%),1fr));gap:1px;
  background:var(--rule);border:1px solid var(--rule)}

.autos article{background:var(--paper);padding:clamp(1.3rem,3vw,1.8rem)}

/* The six automation-card headings were promoted h3 -> h2 during the route split
   (they sit under a route h1). The selector was not updated with them, so from
   that day until 22 Aug they fell back to the section-level h2 size. */
.autos h2{font-size:1.08rem;margin-bottom:1rem}

.autos p{font-size:.93rem;line-height:1.5;margin:0 0 .9rem;padding-left:1.15rem;position:relative;color:var(--ink-soft)}

.autos p:last-child{margin-bottom:0}

.autos .now::before,.autos .after::before{content:"";position:absolute;left:0;top:.5rem;
  width:.5rem;height:.5rem}

.autos .now::before{border:1px solid var(--stamp)}

.autos .after::before{background:var(--ledger)}

.autos .after{color:var(--ink)}

.autos article.autos--more{background:var(--paper-warm)}
}