.problem-search{margin-top:1.5rem}.problem-search[hidden],details.problem[hidden],#content [hidden]:not([hidden=until-found]){display:none}.problem-search__input{width:100%;padding:.6rem .8rem;border:1px solid oklch(87.2% .01 258.338);border-radius:.375rem;background:0 0;font-size:1rem}.problem-search__input:focus{outline:2px solid hsl(var(--primary-hue) var(--primary-saturation) 50%);outline-offset:1px}.problem-search__filters{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.problem-search__group{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.problem-search__legend{min-width:7.5rem;margin-right:.25rem;font-size:.875rem;color:#6b7280}@media(max-width:480px){.problem-search__legend{flex-basis:100%;min-width:0}}.problem-search__button{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .65rem;border:1px solid oklch(87.2% .01 258.338);border-radius:999px;font-size:.875rem;cursor:pointer}.problem-search__button:hover{background:hsl(var(--primary-hue) var(--primary-saturation) 97%)}.problem-search__button[aria-pressed=true]{border-color:var(--hx-color-primary-600);background:var(--hx-color-primary-600);color:#fff}.problem-search__empty[hidden],.problem-search__empty-hint[hidden]{display:none}#content .problem-search__empty p+p{margin-top:.25rem}.problem-search__reset{text-decoration:underline;text-underline-offset:2px;cursor:pointer}details.problem{scroll-margin-top:5rem}.problem__summary{display:flex;align-items:baseline;justify-content:space-between;gap:.25rem .75rem;flex:1;min-width:0}.problem__title{font-size:1.05rem}.problem__tags{display:flex;flex:none;align-items:center;gap:.5rem}.problem-icon{width:1em;height:1em;flex:none}.problem__tag{position:relative;display:inline-flex;font-size:1.1rem;color:#6b7280}.problem__tag--variant{color:var(--hx-color-primary-700)}.problem__tag--os+.problem__tag--variant{margin-left:.6rem}.problem__tag--empty{width:1em;height:1em}.problem__tag--empty::after{display:none}.problem__tag::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + .4rem);left:50%;z-index:10;padding:.15rem .5rem;border-radius:.25rem;background:#111827;color:#fff;font-size:.75rem;font-weight:400;white-space:nowrap;pointer-events:none;opacity:0;transform:translateX(-50%);transition:opacity .1s}.problem__tag:hover::after{opacity:1}@media(max-width:480px){details.problem>summary{align-items:flex-start}details.problem>summary::before{margin-top:.2rem}.problem__summary{flex-wrap:wrap}.problem__tags{flex-basis:100%}.problem__tag--empty{display:none}.problem__tag--os+.problem__tag--variant{margin-left:0}}html.dark .problem-search__input,html.dark .problem-search__button{border-color:oklch(37.1% 0 0)}html.dark .problem-search__legend{color:#9ca3af}html.dark .problem-search__button:hover{background:hsl(var(--primary-hue) var(--primary-saturation) 14%)}html.dark .problem-search__button[aria-pressed=true]{border-color:var(--hx-color-primary-500);background:var(--hx-color-primary-600)}html.dark .problem__tag{color:#9ca3af}html.dark .problem__tag--variant{color:var(--hx-color-primary-400)}html.dark .problem__tag::after{background:#e5e7eb;color:#111827}