/* Automation examples library: filterable cards rendered from data/examples/. */
.ex-head .lead { max-width: 46rem; }
.ex-controls-section { padding: 0.5rem 0 0; }
.ex-controls { border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(180deg, #0d1a29, #0a1420); padding: 1.1rem 1.2rem; }
.ex-search input { width: 100%; max-width: 36rem; padding: 0.8rem 1rem; border-radius: 10px; border: 1px solid #2c435c; background: var(--night); color: var(--frost); font: inherit; font-size: 1rem; }
.ex-search input::placeholder { color: var(--steel); }
.ex-search input:focus-visible { outline-offset: 0; border-color: var(--ice); }
.ex-chip-label { font-size: 0.66rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--steel); font-weight: 600; margin: 1rem 0 0.45rem; }
.ex-chips { display: flex; flex-wrap: wrap; gap: 0.45rem; }
.ex-chips a, .ex-chips button { font: inherit; font-size: 0.82rem; line-height: 1.3; padding: 0.4rem 0.7rem; border-radius: 8px; border: 1px solid #2c435c; background: #0d1a29; color: #c9d7e4; text-decoration: none; cursor: pointer; }
.ex-chips a span, .ex-chips button span { color: var(--steel); font-size: 0.72rem; margin-left: 0.2rem; }
.ex-chips a:hover, .ex-chips button:hover { border-color: var(--ice); color: var(--frost); }
.ex-chips [aria-pressed="true"] { background: rgba(143, 211, 244, 0.14); border-color: var(--ice); color: var(--frost); }
.ex-chips [aria-pressed="true"] span { color: var(--ice); }
.ex-count { font-size: 0.85rem; color: var(--mist); margin: 1rem 0 0; min-height: 1.4em; }
.ex-count button { font: inherit; color: var(--ice); background: none; border: 0; padding: 0; margin-left: 0.5rem; cursor: pointer; text-decoration: underline; text-underline-offset: 0.2em; }
html:not(.js) .ex-search, html:not(.js) .ex-functions, html:not(.js) .ex-functions-label, html:not(.js) .ex-count { display: none; }

.ex-group { padding: 1.5rem 0 0.5rem; scroll-margin-top: 4.5rem; }
.ex-group[hidden], .ex-card[hidden] { display: none; }
.ex-group-head { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0.25rem 1rem; border-bottom: 1px solid var(--line); padding-bottom: 0.6rem; margin-bottom: 1rem; }
.ex-group-head h2 { margin: 0; }
.ex-group-head p { margin: 0; color: var(--mist); font-size: 0.9rem; }
.ex-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(min(19rem, 100%), 1fr)); align-items: start; }
.ex-card { border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(180deg, var(--navy-2), var(--navy)); padding: 1.1rem 1.2rem 1rem; scroll-margin-top: 5rem; min-width: 0; }
.ex-card:target, .ex-card:has(details[open]) { border-color: #3a5a78; }
.ex-tags { display: flex; flex-wrap: wrap; gap: 0.2rem 0.75rem; margin: 0 0 0.55rem; }
.ex-tags span { font-size: 0.66rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ice); font-weight: 600; }
.ex-tags .ex-local { color: #62d6c2; }
.ex-card h3 { font-family: var(--font-body); font-size: 1.05rem; font-weight: 600; letter-spacing: 0; line-height: 1.35; margin: 0 0 0.45rem; }
.ex-summary { font-size: 0.9rem; color: #c5d4e2; line-height: 1.55; margin: 0 0 0.75rem; }
.ex-card summary { cursor: pointer; font-size: 0.85rem; font-weight: 600; color: var(--ice); list-style: none; display: inline-flex; align-items: center; gap: 0.4rem; }
.ex-card summary::-webkit-details-marker { display: none; }
.ex-card summary::after { content: "+"; font-size: 1.05rem; line-height: 1; }
.ex-card details[open] summary::after { content: "\2212"; }
.ex-card details p, .ind-card .ex-label + p { font-size: 0.86rem; color: #d3dfe9; margin: 0; line-height: 1.55; }
.ex-card details .ex-label, .ind-card .ex-label { font-size: 0.64rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--steel); font-weight: 600; margin: 0.95rem 0 0.25rem; }
.ex-steps { margin: 0; padding-left: 1.2rem; font-size: 0.86rem; color: #d3dfe9; line-height: 1.5; }
.ex-steps li { margin-bottom: 0.3rem; }
.ex-steps li::marker { color: var(--ice); font-weight: 600; }
.ex-systems { list-style: none; display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0; padding: 0; }
.ex-systems li { margin: 0; font-size: 0.72rem; border: 1px solid #2c435c; border-radius: 6px; padding: 0.12rem 0.5rem; color: #c5d4e2; background: #101f30; }
.ex-ask { display: inline-block; margin-top: 1rem; font-size: 0.86rem; font-weight: 600; }
.ex-empty { margin: 2rem auto; color: var(--mist); }
.ex-empty[hidden] { display: none; }
@media (max-width: 40rem) {
  .ex-controls { padding: 1rem; }
  .ex-chips { flex-wrap: nowrap; overflow-x: auto; margin-right: -1rem; padding: 0 1rem 0.35rem 0; scrollbar-width: thin; }
  .ex-chips a, .ex-chips button { flex: none; }
}

/* Industry pages (/industries/<slug>/): the same cards, fully open, one per row. */
.page-head .eyebrow a { color: inherit; }
.ind-profile, .ind-examples, .ind-more { padding-top: 0.5rem; }
.page-head .lead + .small { margin-top: 0.9rem; }
.ind-profile h2, .ind-examples h2, .ind-more h2 { font-size: 1.5rem; margin-bottom: 1rem; }
.ind-facts { padding: 1.2rem 1.3rem; border: 1px solid var(--line); border-radius: 14px; background: var(--navy-2); max-width: 60rem; }
.ind-facts dt { font-weight: 600; }
.ind-list { display: grid; gap: 1.1rem; max-width: 60rem; }
.ind-questions { margin: 0; padding-left: 1.2rem; font-size: 0.86rem; color: #d3dfe9; line-height: 1.5; }
.ind-questions li { margin-bottom: 0.25rem; }
.ind-links { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 0.5rem 1.4rem; }
@media (max-width: 40rem) { .ind-facts { grid-template-columns: 1fr; } .ind-facts dd { margin-bottom: 0.6rem; } }