/* Uses the main site's tokens (--primary, --surface-variant, --border-color, --on-surface...) so it matches in light and dark. */
.mts-strip{margin:14px 0 6px}.mts-strip[hidden]{display:none}
.mts-head{display:flex;justify-content:space-between;align-items:baseline;padding:0 0 8px}
.mts-title{font-size:16px;font-weight:800;color:var(--on-surface)}.mts-all{font-size:13px;font-weight:600;color:var(--primary)}
.mts-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity;scrollbar-width:none}.mts-row::-webkit-scrollbar{display:none}
.mts-card{flex:0 0 138px;scroll-snap-align:start;color:inherit;text-decoration:none;display:block}
.mts-img{position:relative;width:138px;height:138px;border-radius:var(--radius-md,12px);overflow:hidden;background:var(--surface-variant);border:1px solid var(--border-color)}
.mts-img img{width:100%;height:100%;object-fit:cover;display:block}
.mts-badge{position:absolute;top:6px;left:6px;z-index:1;background:var(--primary);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px}
.mts-t{margin-top:6px;font-size:13px;line-height:1.3;color:var(--on-surface);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mts-p{margin-top:2px;font-size:13px;color:var(--on-surface)}.mts-p s{color:var(--on-surface-variant);font-size:12px;margin-left:4px}