.discovery{max-width:1180px;margin:auto;padding:clamp(108px,12vw,156px) 24px 80px}
.discovery h1{font-family:var(--font-display);font-size:clamp(36px,5vw,64px);font-weight:500;max-width:880px;text-transform:none}
.discovery h2{font-family:var(--font-display);font-size:clamp(28px,4vw,44px);font-weight:500;margin-bottom:22px;text-transform:none}
.discovery[data-material-search]{padding-top:112px}
.discovery[data-material-search] .lede{margin:16px 0 22px;font-size:19px}
.discovery h3{font-size:22px;line-height:1.3}
.discovery p{line-height:1.75}
.discovery .eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-teal);margin-bottom:16px}
.discovery .lede{max-width:730px;font-size:clamp(18px,2vw,22px);color:var(--color-text-80);margin:24px 0 32px}
.discovery-breadcrumb{font-size:14px;color:var(--color-text-60);margin-bottom:26px}
.discovery-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;max-width:860px;margin-block:24px 14px}
.search-form label{grid-column:1/-1;font-size:15px}
.search-form input{width:100%;min-width:0;font-size:18px;padding:17px 20px;background:var(--color-bg-light);border:1px solid var(--color-border-strong);border-radius:14px}
.discovery button:disabled{opacity:.45;cursor:default}
.discovery .search-help{font-size:14px;color:var(--color-text-60);max-width:750px}
.search-topics{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 28px}
.search-topics button,.discovery .quiet-button{font-size:14px;border:1px solid var(--color-border-md);border-radius:100px;padding:10px 16px;min-height:44px}
.search-topics button:hover,.discovery .quiet-button:hover{border-color:var(--ui-accent);color:var(--ui-accent)}
.search-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid var(--color-border-md);padding:20px 0}
.search-toolbar label{font-size:14px;display:flex;align-items:center;gap:12px}
.search-toolbar select{background:var(--color-bg-light);border:1px solid var(--color-border-strong);padding:10px 12px;max-width:100%;min-height:44px}
.search-toolbar p{color:var(--color-text-60);font-size:14px}
.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.discovery .q-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border-md);border-radius:20px;background:var(--color-bg-light);min-width:0;color:var(--color-text)}
.discovery .q-card:hover{border-color:var(--color-teal)}
.discovery .q-card__media{aspect-ratio:16/9;overflow:hidden}
.discovery .q-card__media img{width:100%;height:100%;object-fit:cover}
.discovery .q-card__body{display:flex;flex-direction:column;gap:14px;padding:24px;flex:1}
.discovery .q-card__meta{font-size:13px;color:var(--color-text-60)}
.discovery .q-card__title{font-family:var(--font-display);font-size:25px;font-weight:500;text-transform:none}
.discovery .q-card__summary{font-size:15px;color:var(--color-text-80)}
.discovery .q-card__action{padding-top:12px;margin-top:auto;font-size:14px;color:var(--color-teal)}
.search-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:36px 0}
.search-empty{padding:40px 0;border-block:1px solid var(--color-border-md);max-width:760px}
.search-empty p{margin:16px 0}
.search-share{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:24px 0}
.search-share input{width:min(650px,100%);background:var(--color-bg-light);padding:12px;border:1px solid var(--color-border-md)}
.discovery [hidden]{display:none!important}
.solution-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:42px;align-items:center}
.solution-hero figure{margin:0}.solution-hero img{width:100%;border-radius:24px;aspect-ratio:4/5;object-fit:cover}
.solution-hero figcaption{font-size:13px;color:var(--color-text-60);margin-top:12px}
.solution-meta{font-size:14px;color:var(--color-text-60);margin:20px 0}
.solution-section{padding:64px 0;border-top:1px solid var(--color-border-md);margin-top:56px;scroll-margin-top:100px}
.solution-section p{max-width:780px;margin:16px 0;color:var(--color-text-80)}
.solution-split{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.solution-list{counter-reset:item;display:grid;gap:0}
.solution-list li{position:relative;padding:24px 0 24px 58px;border-bottom:1px solid var(--color-border-md)}
.solution-list li::before{counter-increment:item;content:'0' counter(item);position:absolute;left:0;top:24px;color:var(--ui-accent);font:24px Oswald,sans-serif}
.solution-list h3{font:500 26px Oswald,sans-serif}.solution-list p{margin:10px 0 0}
.solution-note{padding:24px;border-left:3px solid var(--color-teal);background:var(--color-bg-light);border-radius:0 16px 16px 0}
.solution-links{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-block:28px}
.solution-links a:not(.btn-primary){text-decoration:underline;text-underline-offset:5px}
.solution-cta{padding:clamp(24px,5vw,56px);border:1px solid var(--color-border-strong);border-radius:24px;background:var(--color-bg-light)}
.solution-section a:not(.q-card):not(.btn-primary){text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-hero{grid-template-columns:1fr}.solution-hero figure{max-width:600px}.solution-hero img{aspect-ratio:16/9}.solution-split{grid-template-columns:1fr;gap:24px}}
@media(max-width:600px){.discovery{padding:110px 18px 56px}.discovery-grid{grid-template-columns:1fr}.search-form{grid-template-columns:1fr}.search-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.search-toolbar p{grid-column:1/-1}.search-toolbar label{min-width:0;gap:8px}.search-toolbar select{min-width:0;flex:1;width:100%;max-width:160px}.search-toolbar .quiet-button{white-space:nowrap;padding-inline:12px}.solution-section{padding:40px 0;margin-top:36px}.discovery .q-card__body{padding:22px}.solution-list li{padding-left:44px}.solution-hero{gap:24px}}

/* Compact topic chips only in the mobile search catalogue. */
@media(max-width:600px){
  .discovery[data-material-search] .search-topics{gap:4px;margin:12px 0 20px}
  .discovery[data-material-search] .search-topics button{min-height:30px;padding:4px 9px;font-size:13px;line-height:1.4}
  .discovery[data-material-search] .topic-heading{margin-top:20px}
}