/* Pages: the service pages (/web-design, /marketing). First design 2026-11-11. Copy is a draft awaiting approval.
   They share the Content Engine layout (css/pages/content-engine.css, .ce-*); this file holds only what is theirs. */

/* web design: the build log card, in the slot where the Content Engine page shows the AI answer (.ce-ans) */
.sv-log ol{list-style:none;margin-top:calc(16 * var(--u) + 8px);display:grid}
.sv-log li{display:flex;align-items:center;gap:14px;padding:calc(10 * var(--u) + 6px) 0;border-top:1px solid rgba(255,255,255,.1);font-size:var(--fs-body);line-height:1.4;color:var(--ink-2)}
.sv-log li:first-child{border-top:0}
.sv-log em{flex:none;width:9.5em;white-space:nowrap;font-style:normal;font-family:var(--mono);font-size:var(--fs-caption-s);color:var(--mist)}
.sv-log li i{margin-left:auto;font-style:normal;color:var(--green)}
.sv-log li.live{color:var(--paper)}
.sv-log .tag{margin-left:auto;padding:.3em .7em;border-radius:var(--r-pill);background:var(--green);color:var(--ink);font-family:var(--mono);font-weight:400;font-size:var(--fs-caption-s);line-height:1}

@media (max-width:820px){
  .sv-log li{flex-wrap:wrap;gap:4px 12px}
  .sv-log em{width:100%}
}