.apps-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.app-card{align-content:start;gap:.6rem;display:grid}.app-card h3{margin:0;font-size:1.05rem}.app-card p{margin:0}.app-preferred{width:fit-content;color:var(--preferred-ink,#7a4b00);background:var(--preferred-bg,#fff4d6);border:1px solid var(--preferred-line,#e3b34a);border-radius:999px;align-items:center;gap:.25rem;padding:.1rem .5rem .1rem .35rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.app-preferred-star{fill:currentColor;width:.9rem;height:.9rem}.app-preferred-note{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .app-preferred{--preferred-ink:#f3dca0;--preferred-bg:#3a2f10;--preferred-line:#8a6a1c}}:root[data-theme=dark] .app-preferred{--preferred-ink:#f3dca0;--preferred-bg:#3a2f10;--preferred-line:#8a6a1c}.app-card-head{align-items:center;gap:.75rem;display:flex}.app-logo-tile{border:1px solid var(--border,#d9dde3);background:#fff;border-radius:.5rem;flex:none;justify-content:center;align-items:center;width:6rem;height:3rem;padding:.35rem .5rem;display:inline-flex}.app-logo-tile-sm{width:3.25rem;height:2.25rem;padding:.25rem .35rem}.app-logo{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.app-details summary{cursor:pointer;min-height:1.5rem;font-weight:600}.app-details-list{gap:.4rem;margin:.5rem 0;font-size:.9rem;display:grid}.app-details-list dt{font-weight:600}.app-details-list dd{margin:0}.app-mark{background:hsl(var(--app-hue,215) 50% 28%);color:#fff;width:2.5rem;height:2.5rem}.apps-legend{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.35rem 1rem;margin:0 0 .75rem;display:grid}.apps-legend div{flex-wrap:wrap;align-items:baseline;gap:.35rem;display:flex}.apps-legend dt,.apps-legend dd{margin:0}.apps-legend dd{color:var(--ui-muted);font-size:.85rem}.app-mark{font-size:.85rem;font-weight:700;font-family:var(--font-body);border-radius:8px;flex:none;place-items:center;display:inline-grid}.showcase-notice{padding-top:1rem}.showcase-category-links{flex-wrap:wrap;gap:.5rem 1rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.showcase-category-links a{min-height:1.5rem;display:inline-block}.showcase-category{margin-top:2rem}.showcase-category h3{margin-bottom:.75rem}