/* Qeersh's own storefront apps (save, tell me when it is back, questions, recently viewed). They sit inside any
   theme, light or dark, so they take the theme's font and text colour and draw only outlines. */
.q-apps{box-sizing:border-box;width:min(1120px,100% - 2rem);margin:1.5rem auto;font:inherit;color:inherit;line-height:1.6;text-align:start}
.q-apps--page{width:auto;margin:0}
.q-apps *{box-sizing:border-box}
.q-apps [hidden]{display:none!important}
.q-apps__row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:0 0 1rem}
.q-apps__box{margin:0 0 1rem;padding:1rem;border:1px solid;border-color:color-mix(in srgb,currentColor 30%,transparent);border-radius:12px}
.q-apps__title{margin:0 0 .75rem;font-size:1.15rem;line-height:1.4}
.q-apps__label{display:block;margin:.75rem 0 .3rem;font-weight:700;font-size:.9rem}
.q-apps__input{display:block;width:100%;min-height:46px;padding:.55rem .75rem;border:1px solid currentColor;border-radius:10px;background:transparent;color:inherit;font:inherit}
.q-apps__input option{color:#141414;background:#fff}
.q-apps__help{margin:.4rem 0 .75rem;font-size:.85rem}
.q-apps__btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:46px;padding:.5rem 1.1rem;border:2px solid currentColor;border-radius:10px;background:transparent;color:inherit;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.q-apps__btn:hover{background:color-mix(in srgb,currentColor 12%,transparent)}
.q-apps__btn[aria-pressed=true] .q-apps__icon{fill:currentColor}
.q-apps__btn--small{min-height:40px;padding:.3rem .8rem;font-size:.9rem}
.q-apps__icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.q-apps__link{color:inherit;font-weight:700;text-decoration:underline}
.q-apps :focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.q-apps__status{margin:.6rem 0 0;font-weight:700}
.q-apps__status:empty{display:none}
.q-apps__pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 1rem}
.q-apps__trap{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.q-apps__qa{margin:0 0 .5rem}
.q-apps__qa dt{margin:.75rem 0 .2rem;font-weight:700}
.q-apps__qa dd{margin:0 0 .75rem;padding-inline-start:.9rem;border-inline-start:3px solid;border-color:color-mix(in srgb,currentColor 35%,transparent)}
.q-apps__by{font-weight:700}
.q-apps__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.9rem;margin:0;padding:0;list-style:none}
.q-apps__card{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.q-apps__card a{color:inherit;text-decoration:none;font-weight:700}
.q-apps__card a:hover{text-decoration:underline}
.q-apps__card img,.q-apps__blank{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:color-mix(in srgb,currentColor 10%,transparent)}
.q-apps__price{margin:0;font-size:.95rem}
.q-apps__price s{font-weight:400}
.q-apps__actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}
.q-apps__actions form{margin:0}
.q-apps--page h1{margin-top:0}
.q-apps--page section{margin-top:2rem}