/* Workflow-first collection view; content and costs remain in the catalogue. */
.st-hero {padding:38px 0 22px;text-align:left;border-bottom:0}
.st-hero>.container {max-width:1200px}
.st-kicker {margin:0 0 12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:650;color:var(--ink-soft)}
.st-h1 {font-size:clamp(36px,4.3vw,56px);line-height:1.06;max-width:22ch;margin:0 0 15px;letter-spacing:-.035em}
.st-hero-sub {font-size:15px;line-height:1.6;max-width:62ch;margin:0 0 8px;color:var(--ink-soft)}
.st-hero-action {display:inline-flex;align-items:center;gap:20px;min-height:40px;font-size:13px;font-weight:600;text-underline-offset:4px}
.st-scope-note {max-width:1200px!important;width:calc(100% - 48px);margin:0 auto!important;padding:12px 0!important;background:transparent!important;border:0!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;color:var(--ink-soft);font-size:12px}
.st-scope-note summary {width:fit-content;cursor:pointer;color:var(--ink-soft);min-height:24px;line-height:1.5}
.st-scope-note p {margin:12px 0 0;max-width:100ch;line-height:1.65}
.st-browser-controls {padding-top:20px}
.st-filters {justify-content:flex-start;padding:0;gap:6px}
.st-filter-pill {min-height:38px;padding:7px 13px;font-size:12px;transition:none}
.st-category-control {display:none}
.st-category-control[hidden] {display:none!important}
.st-meta-row {margin:20px 0 14px;gap:14px}
.st-meta-row .count {font-size:12px}
.st-meta-row .count strong {font-size:17px}
.st-meta-row .sec-link {font-size:12px}
.st-grid {gap:16px;padding-bottom:36px}
.st-card {padding:22px;gap:15px;border-radius:12px;box-shadow:none;transition:transform 160ms ease}
.st-card:hover {transform:translateY(-3px);box-shadow:none}
.st-card::before {display:none}
.st-emoji {width:42px;height:42px;font-size:20px;box-shadow:none;border-radius:9px;background:var(--cream-alt)}
.st-cat {color:var(--ink-soft);font-size:10px;letter-spacing:.08em;margin-bottom:5px}
.st-name {font-size:23px;line-height:1.16}
.st-desc {line-height:1.55;font-size:13px;margin:0;-webkit-line-clamp:3}
.st-meta {gap:8px;flex-wrap:wrap;padding-top:12px}
.st-cost {font-family:var(--body);font-size:12px;font-weight:600;color:var(--ink)}
.st-stage {font-size:10px;color:var(--ink-soft)}
.st-cta {font-size:12px;margin-top:0}
.st-card:focus-visible,.st-filter-pill:focus-visible,.st-category-control select:focus-visible,.st-scope-note summary:focus-visible,.st-hero-action:focus-visible {outline:3px solid var(--coral,#ae402e);outline-offset:4px}
.st-card:hover .st-cta::after {transform:translateX(3px)}
@media(max-width:720px) {
 .st-hero {padding:25px 0 14px}
 .st-h1 {font-size:36px;margin-bottom:13px;max-width:15ch}
 .st-hero-sub {font-size:14px;line-height:1.55;max-width:44ch}
 .st-kicker {margin-bottom:10px}
 .st-scope-note {width:calc(100% - 32px);padding:10px 0!important;font-size:11px}
 .st-browser-controls {padding-top:18px}
 .st-filters {display:none}
 .st-category-control {display:grid;grid-template-columns:1fr;gap:6px}
 .st-category-control label {font-size:11px;font-weight:600;color:var(--ink-soft)}
 .st-category-control select {width:100%;min-height:44px;border:1px solid var(--line-strong);border-radius:7px;background:var(--card);color:var(--ink);font:inherit;font-size:13px;padding:9px 12px}
 .st-meta-row {margin:14px 0 12px}
 .st-card {padding:19px;gap:13px}
 .st-name {font-size:23px}
 .st-card-head {gap:12px}
 .st-grid {padding-bottom:28px}
 .pillars {margin-top:20px!important}
}
@media(prefers-reduced-motion:reduce) {
 .st-card,.st-cta::after {transition:none;transform:none!important}
}