@layer components{.q-soft__filter{margin-bottom:22px}.q-soft__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.q-soft__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media (min-width:1024px){.q-soft__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.q-soft__cell{min-width:0;display:flex}.q-soft__cell[hidden]{display:none}.q-soft__cell--more{grid-column:1/-1}@media (min-width:768px){.q-soft__cell--more{grid-column:span 2}}.q-soft__tile{border:1px solid var(--q-hairline);background:var(--q-white);min-height:64px;color:var(--q-black);transition:transform .2s var(--q-ease), box-shadow .2s var(--q-ease), border-color .2s var(--q-ease);border-radius:16px;flex:1;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:12px;text-decoration:none;display:grid}@media (min-width:768px){.q-soft__tile{border-radius:20px;grid-template-columns:44px minmax(0,1fr);gap:14px;min-height:76px;padding:16px}}@media (hover:hover){.q-soft__tile:hover{border-color:color-mix(in srgb, var(--q-tone) 40%, var(--q-hairline));box-shadow:var(--q-shadow-card)}.q-soft__tile:hover .q-soft__name{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:3px}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.q-soft__tile:hover{transform:translateY(-2px)}}.q-soft__icon{background:var(--q-tone-50);width:34px;height:34px;color:var(--q-tone);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--q-tone) 12%, transparent);border-radius:10px;place-items:center;display:grid}.q-soft__icon .q-ico{width:18px;height:18px}@media (min-width:768px){.q-soft__icon{border-radius:13px;width:44px;height:44px}.q-soft__icon .q-ico{width:22px;height:22px}}.q-soft__text{gap:3px;min-width:0;display:grid}.q-soft__name{letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.875rem;font-weight:600;line-height:1.25;display:flex}.q-soft__detail{color:var(--q-slate);font-size:.84375rem;line-height:1.35;display:none}@media (min-width:768px){.q-soft__name{font-size:.96875rem}.q-soft__detail{display:block}}.q-soft__more{background:linear-gradient(118deg, var(--q-cobalt-700), var(--q-cobalt));min-height:64px;color:var(--q-white);border-radius:16px;flex:1;justify-content:space-between;align-items:center;gap:16px;padding:14px 14px 14px 20px;text-decoration:none;display:flex;box-shadow:0 16px 30px -18px #1b34c2cc}@media (min-width:768px){.q-soft__more{border-radius:20px}}.q-soft__more-text{gap:2px;display:grid}.q-soft__more-title{font-family:var(--q-font-display);letter-spacing:-.01em;font-size:1rem;font-weight:600}.q-soft__more-sub{color:var(--q-sky-3);font-size:.875rem;line-height:1.4}.q-soft__more-arrow{width:44px;height:44px;transition:background-color .18s var(--q-ease);background:#ffffff29;border-radius:13px;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff40}@media (hover:hover){.q-soft__more:hover .q-soft__more-arrow{background:#ffffff47}}.q-soft__more:focus-visible{outline-color:var(--q-cobalt)}}