/* Compact public discovery: the calculator and each page's main task stay first. */
.wl-discovery-nav-link { white-space: nowrap; }
.wl-discovery-teaser { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.35rem 1.5rem; margin-block: 1.5rem; background: #f6f4fc; border: 1px solid #ded9ed; border-radius: 1rem; color: #29263d; }
.wl-discovery-teaser > div { max-width: 45rem; }
.wl-discovery-teaser h2 { color: inherit; font-size: clamp(1.15rem, 2.4vw, 1.4rem); line-height: 1.3; letter-spacing: -.015em; margin: .45rem 0 .5rem; }
.wl-discovery-teaser p { font-size: .95rem; line-height: 1.6; margin: 0; color: #5b566c; }
.wl-discovery-badge { display: inline-block; padding: .15rem .55rem; border-radius: 1rem; font-size: .76rem; line-height: 1.4; font-weight: 650; color: #365d47; background: #e9f2eb; }
.wl-discovery-teaser > a { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; max-width: 17rem; min-height: 44px; padding: .7rem .9rem; border: 1px solid #c3b8df; border-radius: .6rem; color: #51417e; background: #fff; font-size: .93rem; line-height: 1.45; font-weight: 650; text-decoration: none; text-align: center; }
.wl-discovery-teaser > a:hover { border-color: #76619d; background: #f1edf9; }
.wl-discovery-teaser a:focus-visible, .wl-discovery-nav-link:focus-visible { outline: 3px solid #665095; outline-offset: 3px; }
.site-shell.wl-discovery-teaser { box-sizing: border-box; }
@media (max-width: 760px) { .wl-discovery-teaser { align-items: flex-start; flex-direction: column; gap: 1rem; padding: 1.15rem; } .wl-discovery-teaser > a { max-width: none; } }
@media (forced-colors: active) { .wl-discovery-teaser, .wl-discovery-badge { color: CanvasText; background: Canvas; border-color: CanvasText; } }