.sw .sw-cards{padding:16px var(--sw-pad)20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;display:grid}@media (min-width:640px){.sw .sw-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}@media (min-width:1024px){.sw .sw-cards{padding:20px}}.sw .sw-card{border-radius:var(--sw-radius);grid-template-columns:minmax(0,1fr);gap:4px;display:grid;position:relative}.sw .sw-card__a:before{content:"";border-radius:var(--sw-radius);position:absolute;inset:0}.sw .sw-card__a:focus-visible{outline:0}.sw .sw-card__a:focus-visible:before{outline:2px solid var(--sw-brand);outline-offset:2px}.sw .sw-card__thumb{aspect-ratio:16/10;border-radius:var(--sw-radius);background:var(--sw-brand-tint);isolation:isolate;justify-content:center;align-items:center;margin-bottom:6px;display:flex;position:relative;overflow:hidden}.sw .sw-card__thumb:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;border:1px solid #16191d14;position:absolute;inset:0}.sw .sw-card__tile{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;max-width:100%;color:var(--sw-brand-strong);padding:0 12px;font-size:15px;font-weight:800;overflow:hidden}.sw .sw-card__img{background-position:top;background-size:cover;transition:transform .2s;position:absolute;inset:0}.sw .sw-card__board{color:var(--sw-brand-strong);font-size:13px;font-weight:700}.sw .sw-card__title{-webkit-line-clamp:2;min-height:42px;color:var(--sw-ink);word-break:keep-all;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:21px;display:-webkit-box;overflow:hidden}.sw .sw-card__meta{min-width:0;color:var(--sw-cap);white-space:nowrap;gap:6px;font-size:13px;display:flex}.sw .sw-card__author{text-overflow:ellipsis;min-width:0;overflow:hidden}.sw .sw-card__meta time{font-variant-numeric:tabular-nums;flex:none}.sw .sw-card__meta time:before{content:"·";margin-right:6px}@media (hover:hover){.sw .sw-card:hover .sw-card__title{color:var(--sw-brand-strong);text-underline-offset:3px;text-decoration:underline}.sw .sw-card:hover .sw-card__img{transform:scale(1.03)}}.sw .sw-card:active .sw-card__title{color:var(--sw-brand-press)}.sw .sw-card__thumb .sw-card__cover{color:#fff;text-align:left;flex-direction:column;justify-content:flex-end;gap:8px;padding:16px;display:flex;position:absolute;inset:0}.sw .sw-card__cover--a{background:linear-gradient(135deg,#db2777 0%,#9d174d 100%)}.sw .sw-card__cover--b{background:linear-gradient(135deg,#7c3aed 0%,#4c1d95 100%)}.sw .sw-card__cover--c{background:linear-gradient(135deg,#be185d 0%,#6d28d9 100%)}.sw .sw-card__cover--d{background:linear-gradient(135deg,#334155 0%,#0f172a 100%)}.sw .sw-card__cover .sw-card__cover-board{text-overflow:ellipsis;white-space:nowrap;background:#fff3;border-radius:999px;flex:none;align-self:flex-start;max-width:100%;padding:2px 9px;font-size:12px;font-weight:700;line-height:18px;overflow:hidden}.sw .sw-card__cover .sw-card__cover-title{-webkit-line-clamp:3;letter-spacing:-.3px;word-break:keep-all;-webkit-box-orient:vertical;font-size:18px;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}