.discovery-library{max-width:1100px;margin-inline:auto;padding-inline:clamp(20px,4vw,56px)}
.discovery-library>header{max-width:760px}.discovery-library h1{font-size:clamp(2rem,4vw,3.4rem)}
.discovery-library p{line-height:1.65;color:#bfc5d0}.discovery-preference{display:flex;align-items:center;gap:24px;margin:28px 0;padding-block:20px;border-block:1px solid #303442}.discovery-preference p{flex:1}.discovery-preference small{color:#a8b0bd}
.discovery-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.discovery-list article{display:flex;gap:18px;padding-block:28px;border-bottom:1px solid #303442;scroll-margin-top:100px}.discovery-list h2{font-size:1.2rem;line-height:1.35;margin:0}.discovery-list a{display:inline-flex;align-items:center;min-height:44px;color:#c3a7ff}
.discovery-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid #665284;background:#211c30;color:#c3a7ff;border-radius:6px}.discovery-icon svg{width:24px;height:24px}
.discovery-toast[hidden]{display:none!important}.discovery-toast{position:fixed;left:max(20px,env(safe-area-inset-left));bottom:90px;z-index:75;width:min(370px,calc(100vw - 40px));padding:14px 18px 12px;background:#14151f;border:1px solid #514066;border-radius:8px;color:#f4f1fb;box-shadow:0 12px 38px #0006;font-size:14px;animation:discovery-enter .2s ease-out}
.discovery-toast-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.discovery-toast .eyebrow{font-size:11px;letter-spacing:.1em;color:#c3a7ff}.discovery-toast button{font:inherit;cursor:pointer;color:inherit;background:none;border:0;min-height:44px}.discovery-toast [data-tip-close]{font-size:25px;width:44px;margin:-8px -10px -4px 0}.discovery-toast-content{display:flex;align-items:flex-start;gap:12px}.discovery-toast h2{font-size:17px;line-height:1.3;margin:4px 0 8px;font-weight:650;letter-spacing:0;text-transform:none}.discovery-toast p{font-size:14px;line-height:1.55;color:#c0c2ce;margin:0}.discovery-tip-action{display:flex;align-items:center;min-height:44px;margin-top:8px;color:#d0b8ff;font-weight:600;text-decoration:none}.discovery-tip-action::after{content:'→';margin-left:10px}.discovery-toast-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 10px;border-top:1px solid #30313e}.discovery-toast-footer a,.discovery-toast-footer button{font-size:12px;color:#adb3c2;min-height:44px;display:inline-flex;align-items:center;padding:0}
.discovery-toast :is(a,button):focus-visible,.discovery-library :is(a,button):focus-visible{outline:2px solid #c3a7ff;outline-offset:3px;border-radius:4px}
@keyframes discovery-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:767px){.discovery-list{grid-template-columns:1fr}.discovery-preference{align-items:flex-start;flex-direction:column;gap:6px}.discovery-toast{left:12px;width:calc(100vw - 24px);bottom:calc(var(--app-bottom-nav-height,64px) + env(safe-area-inset-bottom) + 70px);padding:12px 16px 8px;max-height:calc(100svh - 220px);overflow:auto}.discovery-toast h2{font-size:16px}.discovery-toast p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.discovery-toast{animation:none}}
/* Shared page typography must not turn this compact utility into a page hero. */
body.arena-ui .discovery-toast h2{font-size:17px;line-height:1.3;margin:4px 0 8px;font-weight:650;letter-spacing:0;text-transform:none;overflow-wrap:normal}
body.arena-ui .discovery-list h2{font-size:1.2rem;line-height:1.35;margin:0;text-transform:none}
body.arena-ui .discovery-toast .eyebrow{color:var(--a8-brand-strong,#9767f3)}
body.arena-ui .discovery-icon{border-color:var(--a8-brand-strong,#9767f3);background:var(--a8-brand-soft,#7b37ec1f)}
@media(max-width:767px){body.arena-ui .discovery-toast h2{font-size:16px}}