/* UI Atlas V5. No decorative perimeter. Optical layer stays below content. */
.ui-atlas{--ui-fill:rgba(23,29,50,.52);--ui-well:rgba(18,25,44,.91);--ui-control:rgba(48,64,84,.78);--ui-shadow:0 14px 38px #03091928;padding-block:70px;scroll-margin-top:105px}
:root[data-theme=light] .ui-atlas{--ui-fill:rgba(255,255,255,.46);--ui-well:rgba(250,252,255,.92);--ui-control:rgba(255,255,255,.82);--ui-shadow:0 16px 40px #3b46751a}
.ui-atlas [hidden]{display:none!important}.ui-atlas *{min-width:0}.ui-atlas button,.ui-atlas input,.ui-atlas select,.ui-atlas textarea{font:inherit}.ui-atlas input:not([type=checkbox]):not([type=radio]),.ui-atlas select,.ui-atlas textarea{font-size:1rem}
.ui-search-shell{padding:28px;border-radius:28px;background:var(--ui-fill);box-shadow:var(--ui-shadow);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.ui-label{display:grid;gap:7px;font-size:.85rem;font-weight:650}.ui-search-row{display:flex;gap:12px;margin:10px 0}.ui-search-row input{flex:1}.ui-field{color:var(--ink);background:var(--ui-well);border:0;border-radius:12px;min-height:46px;width:100%;padding:11px 14px;max-width:100%}.ui-field::placeholder{color:var(--muted);opacity:1}
.ui-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:0;border-radius:12px;color:var(--ink);background:var(--ui-control);font-size:.9rem;font-weight:650;text-decoration:none;transition:background-color 160ms,transform 160ms;cursor:pointer;overflow-wrap:anywhere}.ui-btn:disabled{opacity:.55;cursor:not-allowed}.ui-primary{background:var(--accent);color:var(--accent-ink)}.ui-btn:active:not(:disabled){transform:scale(.98)}
.ui-atlas :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--ring);outline-offset:4px}.ui-atlas [tabindex="-1"]:focus{outline:0}
.ui-settings{display:flex;align-items:end;gap:22px;flex-wrap:wrap;margin:20px 0 14px}.ui-settings>.ui-label{flex:1;max-width:390px}.ui-edge-choice{border:0;padding:0;margin:0;display:flex;gap:14px;flex-wrap:wrap}.ui-edge-choice legend{font-size:.8rem;margin-bottom:9px;color:var(--muted)}.ui-edge-choice label,.ui-reduce{display:flex;gap:7px;align-items:center;font-size:.85rem;min-height:44px}.ui-atlas input[type=checkbox],.ui-atlas input[type=radio]{accent-color:var(--cyan);width:18px;height:18px;flex-shrink:0}
.ui-muted{color:var(--muted);font-size:.85rem;line-height:1.6}.ui-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0}.ui-map a{display:grid;grid-template-columns:25px 1fr;gap:3px 10px;align-items:center;padding:18px;border-radius:18px;background:var(--ui-fill);box-shadow:var(--ui-shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-decoration:none}.ui-map a>span{color:var(--cyan);font-size:.72rem;font-variant-numeric:tabular-nums}.ui-map strong{font-size:.88rem;line-height:1.3;font-weight:650}.ui-map small{grid-column:2;color:var(--muted);font-size:.72rem}.ui-map a[aria-current=true]{background:var(--accent);color:var(--accent-ink)}.ui-map a[aria-current=true] :is(span,small){color:inherit}
.ui-library-note{color:var(--muted);font-size:.87rem;margin-bottom:30px;max-width:90ch}.ui-groups{display:grid;gap:15px}.ui-group{scroll-margin-top:110px;border:0;border-radius:24px;background:var(--ui-fill);padding:0;box-shadow:var(--ui-shadow)}.ui-group>summary{display:flex;align-items:center;gap:18px;padding:23px 26px;cursor:pointer;list-style:none}.ui-group>summary::-webkit-details-marker{display:none}.ui-group>summary h3{font-size:1.25rem;letter-spacing:-.03em;flex:1}.ui-number{font-size:.8rem;color:var(--cyan);font-variant-numeric:tabular-nums}.ui-group-total{font-size:.78rem;color:var(--muted)}.ui-disclosure{font-size:1.3rem}.ui-group[open]>summary .ui-disclosure{transform:rotate(45deg)}.ui-group-description{margin:0 26px 24px;color:var(--muted);font-size:.9rem;max-width:85ch}
.ui-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0 20px 20px}.ui-example-card{position:relative;isolation:isolate;border:0;border-radius:20px;scroll-margin-top:110px;box-shadow:var(--ui-shadow);background:transparent;overflow-wrap:anywhere}.ui-example-card:before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;background:var(--ui-fill);backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);pointer-events:none}
.ui-atlas[data-ui-edge=depth] .ui-example-card:before{background:linear-gradient(125deg,#bfeeff29,transparent 26%,transparent 80%,#cba6ff16),var(--ui-fill);box-shadow:inset 3px 3px 4px #dcf5ff3b,inset -3px -4px 5px #090e332f,4px 6px 0 #a6e2ff0b,0 18px 40px #050d3426}.ui-example-heading{display:flex;gap:12px;flex-wrap:wrap;padding:20px 22px 0;align-items:center}.ui-example-heading h4{flex-basis:100%;font-size:1.15rem;line-height:1.3;letter-spacing:-.025em;margin:0;font-weight:650}.ui-example-heading>a{margin-left:auto;min-width:32px;min-height:32px;display:grid;place-items:center;color:var(--muted);text-decoration:none}.ui-live-tag{font-size:.67rem;color:var(--cyan);text-transform:uppercase;letter-spacing:.08em}.ui-example-stage{padding:23px 22px;min-height:200px}.ui-example-notes{padding:0 22px 20px;color:var(--muted);font-size:.78rem;line-height:1.65}.ui-example-notes>p{margin-bottom:12px}.ui-example-notes details{background:color-mix(in srgb,var(--ui-well),transparent 35%);border-radius:10px;padding:10px 12px}.ui-example-notes summary{cursor:pointer;font-weight:600}.ui-example-notes details p{padding-top:8px}
.ui-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ui-stack{display:grid;gap:14px}.ui-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:100px;background:var(--ui-control);font-size:.78rem}.ui-result{padding:12px 14px;border-radius:12px;background:var(--ui-well);font-size:.87rem;min-height:46px;font-variant-numeric:tabular-nums}.ui-surface{border:0;border-radius:16px;background:var(--ui-well);padding:18px}.ui-atlas fieldset{min-width:0}.ui-atlas table{width:100%;border-collapse:collapse;font-size:.83rem;font-variant-numeric:tabular-nums}.ui-atlas th,.ui-atlas td{padding:9px;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--muted),transparent 75%)}
#ui-search-results{margin-top:22px}#ui-search-results h3{font-size:1.05rem}#ui-result-links{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;margin:15px 0 0;max-height:420px;overflow:auto}#ui-result-links a{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;background:var(--ui-well);text-decoration:none;font-size:.85rem}#ui-result-links small{color:var(--muted);font-size:.7rem}.ui-empty{padding:28px;background:var(--ui-well);border-radius:18px}.ui-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* The main index replaces the three old text searches; their category controls remain. */
.atlas-page #ha-search,.atlas-page #ma-search,.atlas-page #search,.atlas-page label[for=ha-search],.atlas-page label[for=ma-search],.atlas-page label[for=search]{display:none}.atlas-page .ha-toolbar>label:has(#ha-search),.atlas-page .ma-toolbar>label:has(#ma-search){display:none}
@media(hover:hover){.ui-btn:not(:disabled):hover{background:color-mix(in srgb,var(--ui-control),var(--cyan) 12%)}.ui-primary:not(:disabled):hover{background:color-mix(in srgb,var(--accent),white 12%)}.ui-map a:hover{background:color-mix(in srgb,var(--ui-fill),var(--cyan) 10%)}}
@media(max-width:1000px){.ui-map{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-example-grid{grid-template-columns:1fr}}
@media(max-width:600px){.ui-atlas{padding-block:40px}.ui-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ui-map a{padding:14px 10px;gap:4px}.ui-map strong{font-size:.76rem}.ui-search-shell{padding:20px 16px}.ui-search-row{flex-wrap:wrap}.ui-search-row input{flex-basis:100%}.ui-settings{gap:12px}.ui-settings>.ui-label{max-width:none;flex-basis:100%}.ui-group>summary{padding:20px 15px;gap:10px}.ui-group-total{display:none}.ui-group-description{margin-inline:15px}.ui-example-grid{padding:0 10px 10px;gap:12px}.ui-example-heading{padding:18px 15px 0}.ui-example-stage{padding:20px 15px}.ui-example-notes{padding:0 15px 18px}#ui-result-links{grid-template-columns:1fr}}
:root[data-ui-reduced=true] .ui-atlas *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
:root[data-solid=true] .ui-atlas :is(.ui-search-shell,.ui-group,.ui-map a),:root[data-solid=true] .ui-example-card:before{background:var(--solid);backdrop-filter:none;-webkit-backdrop-filter:none}
@media(prefers-reduced-motion:reduce){.ui-atlas *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){.ui-atlas :is(.ui-search-shell,.ui-group,.ui-map a),.ui-example-card:before{background:var(--solid);backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not (backdrop-filter:blur(1px)){.ui-atlas :is(.ui-search-shell,.ui-group,.ui-map a),.ui-example-card:before{background:var(--solid)}}
@media(forced-colors:active){.ui-atlas{--ui-fill:Canvas;--ui-well:Canvas;--ui-control:ButtonFace}.ui-atlas :is(.ui-group,.ui-example-card,.ui-field,.ui-btn,.ui-map a){border:1px solid CanvasText}.ui-example-card:before{display:none}.ui-primary{color:ButtonText}.ui-atlas :is(a,button,input,select,summary):focus-visible{outline:3px solid Highlight}}

.atlas-page .ma-tools>label:has(#ma-search){display:none}