/* A calm, keyboard-accessible website search. Native app search remains separate. */
html.mu-web-search-open { overflow:hidden; }
body dialog.mu-search { --mu-search-ink:#0b254c; --mu-search-muted:#5f6f7d; color:var(--mu-search-ink); background:#fff; border:1px solid #e2e9e9; border-radius:28px; padding:0; width:min(720px,calc(100vw - 40px)); max-width:none; max-height:min(800px,calc(100dvh - 80px)); margin:40px auto; box-shadow:0 24px 80px #0b254c29; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; overflow:hidden; }
body dialog.mu-search:not([open]) { display:none; }
body dialog.mu-search[open] { display:flex; animation:mu-search-in .18s ease-out; }
.mu-search::backdrop { background:#10233a4d; backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); }
.mu-search *, .mu-search *::before, .mu-search *::after { box-sizing:border-box; }
.mu-search [hidden] { display:none!important; }
.mu-search__panel { width:100%; min-height:0; display:flex; flex-direction:column; padding:28px; overflow:hidden; }
.mu-search__top { flex:none; }
.mu-search__content { min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; margin:0 -12px -12px; padding:0 12px 12px; }
.mu-search__head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 22px; }
body .mu-search h2 { margin:0; font-size:clamp(23px,4vw,30px); line-height:1.2; font-weight:650; letter-spacing:-.035em; color:var(--mu-search-ink); }
body .mu-search button { min-height:44px; font:inherit; border:0; box-shadow:none; cursor:pointer; color:var(--mu-search-ink)!important; -webkit-text-fill-color:var(--mu-search-ink)!important; background:#f2f6f6!important; }
body .mu-search__close { display:grid; place-items:center; width:44px; flex:0 0 44px; border-radius:50%; padding:12px; }
.mu-search__close svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; }
.mu-search__field { position:relative; margin:0; display:flex; align-items:center; border:1px solid #ccd9db; border-radius:16px; background:#f8fbfb; }
.mu-search__field:focus-within { outline:3px solid #287972; outline-offset:3px; }
body .mu-search__field input { width:100%; min-width:0; height:56px; min-height:56px; padding:14px 18px; font:inherit; font-size:17px; color:var(--mu-search-ink)!important; -webkit-text-fill-color:var(--mu-search-ink)!important; background:transparent; border:0; border-radius:16px; outline:0; box-shadow:none; }
.mu-search__field input::-webkit-search-cancel-button { display:none; }
body .mu-search__clear { margin:0 5px 0 0; padding:10px; border-radius:12px; background:transparent!important; font-size:12px; }
.mu-search__status,.mu-search__scope { margin:18px 0 0; color:var(--mu-search-muted); font-size:14px; line-height:1.5; }
.mu-search__scope { margin-top:7px; font-size:13px; }
body .mu-search h3 { margin:25px 0 8px; color:var(--mu-search-muted); font-size:13px; font-weight:600; line-height:1.4; }
.mu-search__list { padding:0; margin:0; list-style:none; }
.mu-search__list li { margin:0; padding:0; list-style:none; }
body .mu-search a.mu-search__result { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 12px; min-height:62px; border-radius:14px; text-decoration:none; color:var(--mu-search-ink)!important; -webkit-text-fill-color:var(--mu-search-ink)!important; transition:background .15s ease; }
.mu-search__result > span:first-child { min-width:0; }
.mu-search__result strong { display:block; font-size:16px; line-height:1.4; font-weight:600; overflow-wrap:anywhere; }
.mu-search__result small { display:block; margin-top:4px; font-size:13px; color:var(--mu-search-muted); -webkit-text-fill-color:var(--mu-search-muted)!important; line-height:1.5; overflow-wrap:anywhere; }
.mu-search__chevron { flex:none; font-size:25px; font-weight:300; color:#7c8b94; -webkit-text-fill-color:#7c8b94!important; }
body .mu-search .mu-search__more { display:block; width:100%; border-radius:12px; background:transparent!important; color:#276f69!important; -webkit-text-fill-color:#276f69!important; font-size:14px; }
.mu-search__suggestions { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.mu-search__suggestions button { padding:10px 15px; border-radius:24px; font-size:14px; }
.mu-search__coverage { padding-top:18px; margin:22px 0 0; border-top:1px solid #e7eeee; color:var(--mu-search-muted); font-size:12px; line-height:1.6; }
.mu-search__sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.mu-search :is(a,button):focus-visible { outline:3px solid #287972; outline-offset:2px; }
@media(hover:hover) { body .mu-search a.mu-search__result:hover { background:#f0f7f5; } body .mu-search button:hover { background:#e9f2ef!important; } }
@media(max-width:600px) { body dialog.mu-search { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); margin:8px auto; border-radius:23px; } .mu-search__panel { padding:20px 16px max(20px,env(safe-area-inset-bottom)); scrollbar-gutter:auto; } .mu-search__head { gap:10px; margin-bottom:18px; } body .mu-search h2 { font-size:24px; } body .mu-search__field input { padding-left:14px; font-size:16px; } }
@media(max-height:540px) { .mu-search__panel { padding:12px 16px; } .mu-search__head { margin-bottom:10px; } body .mu-search h2 { font-size:21px; } .mu-search__status { margin-top:10px; } .mu-search__scope { margin-top:3px; font-size:12px; } }
@keyframes mu-search-in { from { opacity:0; transform:translateY(-7px); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) { body dialog.mu-search[open] { animation:none; } .mu-search * { transition:none!important; } }
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) { .mu-search::backdrop { backdrop-filter:none; -webkit-backdrop-filter:none; background:#10233a99; } }
/* Recommendations use the real, scoped task projection; the 49-guide index stays public. */
.mu-gl-personal { margin:28px 0 36px; padding:24px; border:1px solid #dce9e6; border-radius:24px; background:linear-gradient(130deg,#f0f8f4,#f8fbfc); }
.mu-gl-personal[hidden] { display:none!important; }
.mu-gl-personal__intro { margin:0 0 16px; }
.mu-gl-personal__intro h2 { margin:0 0 6px; font-size:clamp(21px,3vw,27px); line-height:1.25; letter-spacing:-.025em; color:#0b254c; }
.mu-gl-personal__intro p { margin:0; color:#5f6f7d; font-size:14px; line-height:1.5; }
.mu-gl-personal__list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:0; margin:0; list-style:none; }
.mu-gl-personal__list li { margin:0; list-style:none; }
body .mu-gl-personal__list a { display:flex; height:100%; align-items:center; gap:12px; padding:16px; background:#fff; border:1px solid #e0e9e7; border-radius:18px; color:#0b254c!important; -webkit-text-fill-color:#0b254c!important; text-decoration:none; }
.mu-gl-personal__list img { width:48px; height:48px; object-fit:contain; flex:none; }
.mu-gl-personal__list strong { display:block; font-size:14px; font-weight:600; line-height:1.4; }
.mu-gl-personal__list small { display:block; margin-top:5px; color:#5f6f7d; -webkit-text-fill-color:#5f6f7d!important; font-size:12px; line-height:1.4; }
.mu-gl-personal__list a:focus-visible { outline:3px solid #287972; outline-offset:3px; }
@media(max-width:800px) { .mu-gl-personal__list { grid-template-columns:1fr; } .mu-gl-personal { padding:18px; } }
