.story-link{background:var(--md-sys-color-surface-container-low);border-radius:var(--md-shape-large);width:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.story-link:hover,.story-link:focus-visible{background:var(--md-sys-color-surface-container-high)}.story-link .story-art{aspect-ratio:4/3;background:var(--md-sys-color-surface-container);width:100%}.story-link .story-art[data-tone="1"]{background:var(--md-sys-color-primary-container)}.story-link .story-art[data-tone="2"]{background:var(--md-sys-color-secondary-container)}.story-link .story-art[data-tone="3"]{background:var(--md-sys-color-tertiary-container)}.story-link .story-art[data-tone="4"]{background:var(--md-sys-color-surface-container-highest)}.story-link .story-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px 18px;display:flex}.story-link .story-meta{font-size:var(--md-type-label-small-size);line-height:var(--md-type-label-small-line);font-weight:var(--md-type-label-small-weight);align-items:center;gap:8px;margin:0;display:flex}.story-link .story-time{font-family:var(--md-font-plain);color:var(--md-sys-color-on-surface-variant)}.story-link .story-time:empty{display:none}.story-link .story-headline{-webkit-line-clamp:3;line-clamp:3;font-family:var(--md-font-brand);font-size:var(--md-type-title-medium-size);line-height:var(--md-type-title-medium-line-thai);color:var(--md-sys-color-on-surface);-webkit-box-orient:vertical;margin:0;font-weight:600;display:-webkit-box;overflow:hidden}.story-link:hover .story-headline{color:var(--md-sys-color-primary)}