/* Keep discovery in Better311's existing paper/nav palette. No new visual brand. */
:root{--discovery-bg:#f1f4f8;--discovery-surface:#fff;--discovery-ink:#0b2e59;--discovery-muted:#46566c;--discovery-line:#bdc9d7;--discovery-accent:#1d428a;--discovery-radius:8px;--discovery-font:'DM Sans',system-ui,sans-serif;--discovery-shadow:0 8px 24px rgba(11,46,89,.12)}
html[data-theme="dark"]{--discovery-bg:#1b2531;--discovery-surface:#15202b;--discovery-ink:#f0eee8;--discovery-muted:#d0d6dc;--discovery-line:#526474;--discovery-accent:#a9c8ff}
.discovery-menu,.discovery-card,.discovery-tip{font-family:var(--discovery-font);color:var(--discovery-ink);box-sizing:border-box}
.discovery-menu *,.discovery-card *,.discovery-tip *{box-sizing:border-box}
.discovery-menu{position:static;flex-shrink:0;order:0;margin-left:auto}
.site-nav-inner:has(.discovery-menu){position:relative}
.discovery-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--discovery-line);border-radius:var(--discovery-radius);font:700 12px/1.3 var(--discovery-font);color:var(--discovery-ink);background:var(--discovery-surface)}
.discovery-menu>summary::-webkit-details-marker{display:none}
.discovery-menu[open]>summary{border-color:var(--discovery-accent);background:var(--discovery-bg)}
.discovery-panel{position:absolute;z-index:80;right:12px;top:calc(100% - 1px);width:min(380px,calc(100% - 24px));max-height:min(740px,calc(100dvh - 156px));overflow:auto;background:var(--discovery-surface);border:1px solid var(--discovery-line);border-radius:var(--discovery-radius);padding:20px;box-shadow:var(--discovery-shadow)}
.discovery-eyebrow{display:block;color:var(--discovery-muted);font:700 10px/1.5 var(--discovery-font);letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px}
.discovery-panel h2{font:700 20px/1.2 var(--discovery-font);letter-spacing:0;text-transform:none;margin:0 0 12px;color:var(--discovery-ink)}
.discovery-panel nav{display:grid;gap:0}
.discovery-panel nav a{display:block;text-decoration:none;padding:10px 0;border-top:1px solid var(--discovery-line);color:var(--discovery-ink);min-height:44px;white-space:normal}
.discovery-panel nav b{display:flex;justify-content:space-between;gap:12px;font:700 13px/1.45 var(--discovery-font)}
.discovery-panel nav small{display:block;color:var(--discovery-muted);font:400 12px/1.5 var(--discovery-font);margin-top:2px}
.discovery-panel nav a:hover b{text-decoration:underline;text-underline-offset:3px}
.discovery-settings{border-top:1px solid var(--discovery-line);margin-top:8px;padding-top:8px;display:grid}
.discovery-settings button{cursor:pointer;min-height:44px;padding:8px 0;text-align:left;border:0;background:none;color:var(--discovery-accent);font:700 12px/1.4 var(--discovery-font);text-decoration:underline;text-underline-offset:3px}
.discovery-settings label{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--discovery-ink);font:500 12px/1.4 var(--discovery-font);cursor:pointer}
.discovery-settings input{width:18px;height:18px;accent-color:var(--discovery-accent);flex-shrink:0}
.discovery-settings button:disabled,.discovery-settings input:disabled{cursor:default}
#discovery-status{color:var(--discovery-muted);font:400 11px/1.5 var(--discovery-font);margin:5px 0 0}
.discovery-home{max-width:1100px;padding:0 24px;margin:0 auto}
.discovery-card{display:flex;align-items:flex-start;gap:12px;background:var(--discovery-bg);border:1px solid var(--discovery-line);border-left:3px solid var(--discovery-accent);border-radius:var(--discovery-radius);padding:16px 12px 16px 20px;margin:0 0 24px}
.discovery-card-body{flex:1;min-width:0}
.discovery-card h2{font:700 18px/1.3 var(--discovery-font);text-transform:none;letter-spacing:0;color:var(--discovery-ink);margin:0 0 4px}
.discovery-card p{font:400 13px/1.6 var(--discovery-font);color:var(--discovery-muted);margin:0}
.discovery-card a{display:inline-flex;align-items:center;min-height:44px;font:700 13px/1.4 var(--discovery-font);color:var(--discovery-accent);text-decoration:underline;text-underline-offset:3px;margin-top:2px}
.discovery-dismiss{font:400 22px/1 var(--discovery-font);color:var(--discovery-muted);background:none;border:0;min-width:44px;min-height:44px;border-radius:var(--discovery-radius);cursor:pointer;flex-shrink:0;padding:0}
.discovery-dismiss:hover{background:var(--discovery-surface);color:var(--discovery-ink)}
.discovery-tip{display:flex;align-items:center;gap:12px;border-left:2px solid var(--discovery-line);padding:3px 0 3px 12px;margin:0 0 14px;background:var(--discovery-bg);border-radius:var(--discovery-radius)}
.discovery-tip p{flex:1;min-width:0;font:400 12px/1.55 var(--discovery-font);color:var(--discovery-muted);margin:0}
.discovery-tip b{font-weight:700;color:var(--discovery-ink)}
.discovery-card[hidden],.discovery-tip[hidden],.onboarding-help[hidden]{display:none!important}
.discovery-menu :focus-visible,.discovery-card :focus-visible,.discovery-tip :focus-visible{outline:2px solid var(--discovery-accent);outline-offset:3px}
@media(max-width:760px){.discovery-menu{order:0}.site-nav-inner:has(.discovery-menu)>.site-nav-links{order:1}.discovery-home{padding:0 16px}.discovery-card{padding:14px 6px 14px 14px;gap:4px}.discovery-card h2{font-size:17px}.discovery-panel{padding:16px}}
@media print{.discovery-menu,.discovery-card,.discovery-tip{display:none!important}}