/* Product pages: plain block diagrams (illustrative, invented data) */
.blocks{list-style:none;padding:0;display:grid;gap:14px;grid-template-columns:minmax(0,1fr);counter-reset:b}
.blocks li{position:relative;background:var(--surface);border:1.5px solid var(--line-strong);border-radius:14px;padding:18px 18px 16px;min-width:0;counter-increment:b}
.blocks li::before{content:counter(b);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--brand);color:var(--brand-ink);font-family:var(--f-mono);font-weight:600;font-size:13px;margin-bottom:10px}
.blocks h3,.blocks h4{font-family:var(--f-head);font-size:18px;font-weight:700;color:var(--text)}
.blocks p{color:var(--muted);font-size:15px;margin-top:6px}
.blocks .who{display:inline-block;margin-top:10px;font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px 10px}
.blocks li.stop{border-color:var(--risk)}
.blocks li.stop::before{background:var(--risk-bg);color:var(--risk)}
.blocks li.done{border-color:var(--teal)}
.blocks li.done::before{background:var(--ok-bg);color:var(--go)}
@media (min-width:900px){
  .blocks.row{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
  .blocks.row li + li::after{content:"→";position:absolute;left:-24px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:18px}
}
.block-note{margin-top:20px;color:var(--text-2);font-size:15.5px;max-width:68ch}
.block-note strong{color:var(--text)}

/* AssetFlow: one asset, in blocks */
.asset-sketch{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.asset-sketch .blk{background:var(--surface);border:1.5px solid var(--line-strong);border-radius:14px;padding:18px;min-width:0}
.asset-sketch .blk h4{font-family:var(--f-mono);font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:10px}
.asset-sketch .blk dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:15px}
.asset-sketch dt{color:var(--muted)}
.asset-sketch dd{color:var(--text);font-weight:500;overflow-wrap:anywhere}
.asset-sketch .blk ul{list-style:none;display:grid;gap:8px;font-size:15px;color:var(--text)}
.asset-sketch .blk li{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.asset-sketch .blk li span.d{font-family:var(--f-mono);font-size:12.5px;color:var(--muted)}
.asset-sketch .head{background:var(--inv-bg);border-color:var(--inv-bg);color:var(--inv-text)}
.asset-sketch .head h4{color:var(--brand)}
.asset-sketch .head .big{font-family:var(--f-head);font-weight:700;font-size:clamp(22px,2.4vw,30px);color:var(--inv-text);line-height:1.15}
.asset-sketch .head p{color:var(--inv-muted);font-size:15px;margin-top:6px}
@media (min-width:900px){.asset-sketch{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-sketch .head{grid-column:1/-1}}
.frame.frame-full{max-width:none;width:100%}