/* Phase 2 searchable catalogue, built on the shared Jardim Boho tokens. */
body.boho-garden #uxTools{min-width:0}
body.boho-garden #uxTools .ux-catalogue{max-width:960px;margin:0 auto;padding:24px 20px 32px;min-width:0;color:var(--boho-ink);font-family:var(--boho-font)}
body.boho-garden #uxTools .ux-tool-heading{margin:0 0 24px;padding:0;border:0;background:transparent}
body.boho-garden #uxTools .ux-tool-heading h1{font:700 1.75rem/1.25 var(--boho-font)!important;color:var(--boho-ink)!important;margin:0 0 8px!important;letter-spacing:-.025em!important}
body.boho-garden #uxTools .ux-tool-heading p{font:400 1rem/1.5 var(--boho-font);color:var(--boho-muted)!important;margin:0}
body.boho-garden #uxTools .ux-tool-search{display:flex;flex-direction:column;gap:8px;margin:0;color:var(--boho-ink);font:600 .9375rem/1.5 var(--boho-font)}
body.boho-garden #uxTools #uxToolSearch{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:48px;height:auto;padding:12px 16px!important;font:400 1rem/1.5 var(--boho-font)!important;color:var(--boho-ink)!important;background:var(--boho-paper)!important;border:1px solid var(--boho-control,var(--boho-line))!important;border-radius:14px!important}
body.boho-garden #uxTools .ux-tool-count{margin:12px 0 20px;font:400 .875rem/1.5 var(--boho-font);color:var(--boho-muted)!important}
body.boho-garden #uxTools .ux-tool-groups{display:grid;gap:16px;min-width:0}
body.boho-garden #uxTools .ux-tool-category{margin:0;border:1px solid var(--boho-line);border-radius:18px;background:var(--boho-paper);min-width:0}
body.boho-garden #uxTools .ux-tool-category-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;box-sizing:border-box;list-style:none;cursor:pointer;padding:16px!important;color:var(--boho-ink);border-radius:18px;min-width:0}
body.boho-garden #uxTools .ux-tool-category-summary::-webkit-details-marker{display:none}
body.boho-garden #uxTools .ux-tool-category-copy{flex:1;min-width:0}
body.boho-garden #uxTools .ux-tool-category h2{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0!important;font:650 1.0625rem/1.5 var(--boho-font)!important;color:var(--boho-ink)!important;letter-spacing:0!important;overflow-wrap:anywhere}
body.boho-garden #uxTools .ux-tool-category-count{font:500 .8125rem/1.5 var(--boho-font);color:var(--boho-muted)}
body.boho-garden #uxTools .ux-tool-category-description{display:block;margin-top:4px;font:400 .875rem/1.5 var(--boho-font);color:var(--boho-muted);overflow-wrap:anywhere}
body.boho-garden #uxTools .ux-tool-category-marker{flex:none;font:500 1.25rem/1.2 var(--boho-font);color:var(--boho-moss);transition:transform .15s ease}
body.boho-garden #uxTools .ux-tool-category[open] .ux-tool-category-marker{transform:rotate(180deg)}
body.boho-garden #uxTools .ux-tool-list{padding:0 16px 8px;min-width:0}
body.boho-garden #uxTools .ux-tool-button{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;box-sizing:border-box;width:100%!important;min-width:44px!important;min-height:72px!important;height:auto!important;max-height:none!important;margin:0!important;padding:16px 0!important;background:transparent!important;color:var(--boho-ink)!important;border:0!important;border-top:1px solid var(--boho-line)!important;border-radius:0!important;text-align:left!important;box-shadow:none!important;font-family:var(--boho-font)!important;white-space:normal!important;cursor:pointer;overflow:visible!important}
body.boho-garden #uxTools .ux-tool-icon{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:12px;background:var(--boho-sage);color:var(--boho-ink)}
body.boho-garden #uxTools .ux-tool-icon svg{display:block;width:22px;height:22px}
body.boho-garden #uxTools .ux-tool-copy{display:block;flex:1;min-width:0;overflow-wrap:anywhere}
body.boho-garden #uxTools .ux-tool-copy strong{display:block;font:600 .9375rem/1.5 var(--boho-font);color:var(--boho-ink)}
body.boho-garden #uxTools .ux-tool-description{display:block;margin-top:4px;font:400 .8125rem/1.5 var(--boho-font);color:var(--boho-muted)}
body.boho-garden #uxTools :is(.ux-tool-custom-group,.ux-tool-aliases,.ux-tool-hidden-label){display:block;margin-top:4px;font:400 .75rem/1.5 var(--boho-font);color:var(--boho-muted)!important}
body.boho-garden #uxTools .ux-tool-arrow{flex:none;padding-inline-start:4px;font:500 1.375rem/1.5 var(--boho-font);color:var(--boho-moss)}
body.boho-garden #uxTools .ux-tool-button:hover .ux-tool-copy strong,body.boho-garden #uxTools .ux-tool-button:active .ux-tool-copy strong{text-decoration:underline;text-underline-offset:3px}
body.boho-garden #uxTools .ux-tool-button:active{background:var(--boho-sage)!important}
body.boho-garden #uxTools :is(.ux-tool-button,.ux-tool-category-summary,#uxToolSearch,.ux-tool-footer button):focus-visible{outline:3px solid var(--boho-focus)!important;outline-offset:3px!important;position:relative;z-index:1}
body.boho-garden #uxTools .ux-tool-empty{padding:24px 16px;border:1px solid var(--boho-line);background:var(--boho-paper);border-radius:16px}
body.boho-garden #uxTools .ux-tool-empty[hidden],body.boho-garden #uxTools .ux-tool-error[hidden]{display:none!important}
body.boho-garden #uxTools .ux-tool-empty h2{font:650 1.125rem/1.5 var(--boho-font)!important;margin:0 0 8px!important;color:var(--boho-ink)!important}
body.boho-garden #uxTools .ux-tool-empty p{font:400 .9375rem/1.6 var(--boho-font);margin:0;color:var(--boho-muted)!important}
body.boho-garden #uxTools .ux-tool-footer{display:flex;flex-direction:column;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid var(--boho-line);min-width:0}
body.boho-garden #uxTools .ux-tool-hidden-choice{display:flex;align-items:center;gap:12px;min-height:44px;margin:0;font:400 .875rem/1.5 var(--boho-font);color:var(--boho-ink);cursor:pointer;min-width:0}
body.boho-garden #uxTools .ux-tool-hidden-choice input{flex:none;width:20px!important;height:20px!important;min-width:20px!important;accent-color:var(--boho-moss)}
body.boho-garden #uxTools .ux-tool-hidden-choice span{min-width:0;overflow-wrap:anywhere}
body.boho-garden #uxTools .ux-tool-footer-actions{display:flex;flex-wrap:wrap;gap:12px;min-width:0}
body.boho-garden #uxTools .ux-tool-footer-actions button{min-width:44px!important;min-height:44px!important;height:auto!important;white-space:normal!important;max-width:100%!important;padding:12px 16px!important;font:550 .875rem/1.5 var(--boho-font)!important}
body.boho-garden #uxTools .ux-tool-footer-note{margin:0;font:400 .8125rem/1.5 var(--boho-font);color:var(--boho-muted)!important}
body.boho-garden #uxTools .ux-tool-error{font:500 .9375rem/1.5 var(--boho-font);color:var(--boho-danger)!important;padding:16px;border:1px solid currentColor;border-radius:12px}
body.boho-garden.a11y-big-targets #uxTools :is(.ux-tool-button,.ux-tool-footer button,.ux-tool-hidden-choice,#uxToolSearch){min-height:54px!important}
body.boho-garden.a11y-large #uxTools .ux-tool-button{gap:12px!important;align-items:flex-start!important}
@media(max-width:360px){body.boho-garden #uxTools .ux-catalogue{padding-inline:16px}body.boho-garden #uxTools .ux-tool-icon{flex-basis:28px;width:28px;height:32px;background:transparent}body.boho-garden #uxTools .ux-tool-list{padding-inline:12px}body.boho-garden #uxTools .ux-tool-category-summary{padding:16px 12px!important}body.boho-garden #uxTools .ux-tool-footer-actions button{flex:1 1 180px}}
@media(prefers-reduced-motion:reduce){body.boho-garden #uxTools .ux-tool-category-marker{transition:none}}
body.boho-garden.a11y-reduce-motion #uxTools .ux-tool-category-marker{transition:none}