.section-cta-card{display:flex;align-items:stretch;gap:.85rem;margin:1.25rem 0 1.75rem;padding:.75rem;border-radius:12px;background:color-mix(in srgb,var(--primary) 5%,var(--entry));border:1px solid color-mix(in srgb,var(--primary) 13%,var(--border));text-decoration:none;transition:background .2s ease,border-color .2s ease}.section-cta-card:hover{background:color-mix(in srgb,var(--primary) 10%,var(--entry));border-color:color-mix(in srgb,var(--primary) 24%,var(--border))}.section-cta-card-cover{flex-shrink:0;width:84px;align-self:stretch;min-height:64px;border-radius:8px;overflow:hidden;background-color:color-mix(in srgb,var(--secondary) 16%,var(--entry));background-image:linear-gradient(90deg,transparent 25%,color-mix(in srgb,var(--secondary) 14%,transparent) 37%,transparent 63%);background-size:400% 100%;animation:cta-shimmer 1.4s ease-in-out infinite}.section-cta-card-cover-img{width:100%;height:100%;object-fit:cover;display:block;opacity:0}.section-cta-card-cover-img.is-loaded{opacity:1}.section-cta-card-cover--empty{animation:none;background-image:none}.section-cta-card-cover--loaded{animation:none}.section-cta-card-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.3rem}.section-cta-card-label{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .35rem;min-height:1.2rem;font-size:.72rem;color:var(--secondary)}.section-cta-card-icon{width:16px;height:16px;flex-shrink:0;object-fit:contain}.section-cta-card-date{color:var(--secondary);opacity:.85}.section-cta-card-date::before{content:"·";margin:0 .4em;opacity:.6}.section-cta-card-title{font-size:.92rem;font-weight:600;line-height:1.4;min-height:1.4em;color:var(--content);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.section-cta-card-summary{font-size:.8rem;line-height:1.5;min-height:3em;color:var(--secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.section-cta-card-metrics{display:inline-flex;align-items:center;gap:.55rem}.section-cta-card-metrics[hidden]{display:none}.section-cta-card-metrics::before{content:"·";opacity:.6}.section-cta-card-metric{display:inline-flex;align-items:center;gap:.22em;font-variant-numeric:tabular-nums}.section-cta-card-metric[hidden]{display:none}.section-cta-card-metric::before{content:"";width:.95em;height:.95em;flex-shrink:0;background-color:currentColor;opacity:.85;-webkit-mask:var(--cta-ico)center/contain no-repeat;mask:var(--cta-ico)center/contain no-repeat}.section-cta-card-metric--comment{--cta-ico:url("/images/cta/m-comment.svg")}.section-cta-card-metric--share{--cta-ico:url("/images/cta/m-share.svg")}.section-cta-card-metric--favorite{--cta-ico:url("/images/cta/m-favorite.svg")}.section-cta-card-metric--like{--cta-ico:url("/images/cta/m-like.svg")}.section-cta-card-arrow{flex-shrink:0;line-height:1;color:var(--secondary);opacity:.5;transition:transform .2s ease,opacity .2s ease}.section-cta-card-arrow{align-self:center;font-size:1.1rem}.section-cta-card:hover .section-cta-card-arrow{transform:translateX(3px);opacity:.85}.section-cta-card--skeleton{pointer-events:none}.section-cta-card--skeleton .section-cta-card-summary{display:-webkit-box}.section-cta-card--skeleton .section-cta-card-account{display:inline-block;vertical-align:middle}.section-cta-card--skeleton .section-cta-card-title,.section-cta-card--skeleton .section-cta-card-summary,.section-cta-card--skeleton .section-cta-card-account{color:transparent;border-radius:5px;background-color:color-mix(in srgb,var(--secondary) 16%,var(--entry));background-image:linear-gradient(90deg,transparent 25%,color-mix(in srgb,var(--secondary) 14%,transparent) 37%,transparent 63%);background-size:400% 100%;animation:cta-shimmer 1.4s ease-in-out infinite}.section-cta-card--skeleton .section-cta-card-title{width:72%}.section-cta-card--skeleton .section-cta-card-account{width:5em;height:.9em}@keyframes cta-shimmer{0%{background-position:100%}100%{background-position:0}}.section-cta-card--fade .section-cta-card-title,.section-cta-card--fade .section-cta-card-summary,.section-cta-card--fade .section-cta-card-date{animation:cta-fade-in .28s ease}@keyframes cta-fade-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.section-cta-card-cover,.section-cta-card--skeleton .section-cta-card-title,.section-cta-card--skeleton .section-cta-card-summary,.section-cta-card--skeleton .section-cta-card-account,.section-cta-card--fade .section-cta-card-title,.section-cta-card--fade .section-cta-card-summary,.section-cta-card--fade .section-cta-card-date{animation:none}}