.badge{align-items:center;gap:var(--space-xs,4px);border-radius:var(--radius-base,4px);font-size:var(--font-size-sm,12px);font-weight:var(--font-weight-medium,500);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:4px 8px;line-height:1;display:inline-flex}.badge-default{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.badge-primary,.badge-dark{background-color:var(--button-accent-bg,var(--color-accent));color:var(--button-accent-text,var(--color-accent-contrast))}.badge-secondary,.badge-light{background-color:var(--button-surface-bg,var(--color-panel-bg));color:var(--button-surface-text,var(--color-text));border-color:var(--button-surface-border,var(--color-border))}.badge-success{background-color:var(--color-success);color:var(--color-white,var(--color-card-bg))}.badge-warning{background-color:var(--color-warning,var(--color-warning));color:var(--color-text,#000)}.badge-error{background-color:var(--color-error);color:var(--color-white,var(--color-card-bg))}.badge-info{background-color:var(--color-info,#0dcaf0);color:var(--color-white,var(--color-card-bg))}.badge-widget{background-color:var(--badge-widget-bg);color:var(--badge-widget-text);border:1px solid var(--badge-widget-border)}.badge-active{background-color:var(--badge-active-bg);color:var(--badge-active-text);border:none}.badge-inactive{background-color:var(--badge-inactive-bg);color:var(--badge-inactive-text);border:none}.badge-outline{background-color:#0000}.badge-outline.badge-default{color:var(--text-primary);border-color:var(--border-color)}.badge-outline.badge-primary,.badge-outline.badge-dark{color:var(--button-accent-bg,var(--color-accent));border-color:var(--button-accent-bg,var(--color-accent))}.badge-outline.badge-secondary,.badge-outline.badge-light{color:var(--button-surface-text,var(--color-text));border-color:var(--button-surface-border,var(--color-border))}.badge-outline.badge-success{color:var(--color-success);border-color:var(--color-success)}.badge-outline.badge-warning{color:var(--color-warning,var(--color-warning));border-color:var(--color-warning,var(--color-warning))}.badge-outline.badge-error{color:var(--color-error);border-color:var(--color-error)}.badge-outline.badge-info{color:var(--color-info,#0dcaf0);border-color:var(--color-info,#0dcaf0)}.badge-sm{padding:2px 6px;font-size:11px}.badge-md{font-size:var(--font-size-sm,12px);padding:4px 8px}.badge-lg{font-size:var(--font-size-base,14px);padding:6px 10px}.badge-pill{border-radius:var(--radius-pill);padding-left:10px;padding-right:10px}.badge-icon{justify-content:center;align-items:center;font-size:.9em;display:flex}.badge-content{align-items:center;display:flex}.badge-close{color:inherit;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:18px;font-weight:700;line-height:1;display:flex}.badge-close:hover{opacity:.7}.badge-close:focus{outline-offset:2px;border-radius:2px;outline:2px solid}.badge-group{gap:var(--space-sm);flex-wrap:wrap;display:flex}[data-theme=dark] .badge-default{background-color:var(--surface-elevated);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .badge-outline.badge-default{border-color:var(--border-color)}
.blog-post-card{border-radius:max(var(--radius-lg), 20px);background:var(--color-bg-primary);border:1px solid color-mix(in srgb, var(--color-border-light) 88%, var(--color-primary) 12%);height:100%;transition:transform var(--transition-default), box-shadow var(--transition-default), border-color var(--transition-default);box-shadow:var(--shadow-card,0 12px 30px color-mix(in srgb, var(--color-text-primary) 8%, transparent));cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.blog-post-card:hover{box-shadow:var(--shadow-lg,0 20px 38px color-mix(in srgb, var(--color-text-primary) 12%, transparent));border-color:color-mix(in srgb, var(--color-border) 78%, var(--color-text) 22%);transform:translateY(-4px)}.blog-post-card:focus-within{outline:3px solid color-mix(in srgb, var(--color-primary) 32%, transparent);outline-offset:3px}.blog-post-card--featured{border:2px solid var(--color-primary)}.blog-post-card__image-wrapper{aspect-ratio:1.78;background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 6%, var(--color-bg-secondary)) 0%, var(--color-bg-secondary) 100%);width:100%;position:relative;overflow:hidden}.blog-post-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-default)}.blog-post-card__image-wrapper:after{content:"";background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--color-text-primary) 16%, transparent));pointer-events:none;height:38%;position:absolute;inset:auto 0 0}.blog-post-card:hover .blog-post-card__image{transform:scale(1.04)}.blog-post-card__image-fallback{background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-primary) 18%, transparent), transparent 42%), linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 6%, var(--color-bg-secondary)) 0%, var(--color-bg-secondary) 100%);width:100%;height:100%;color:var(--color-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;padding:1rem;display:flex}.blog-post-card__image-fallback-icon{background:color-mix(in srgb, var(--color-card-bg) 82%, transparent);width:3rem;height:3rem;box-shadow:var(--shadow-sm,0 10px 20px color-mix(in srgb, var(--color-text-primary) 8%, transparent));border-radius:999px;justify-content:center;align-items:center;font-size:1.35rem;display:inline-flex}.blog-post-card__image-fallback-copy{letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}.blog-post-card__featured-badge{top:var(--space-md);right:var(--space-md);background-color:var(--color-primary);color:var(--color-on-primary,#fff);text-transform:uppercase;border-radius:var(--radius-full);z-index:2;padding:4px 12px;font-size:11px;font-weight:700;position:absolute}.blog-post-card__content{flex-direction:column;flex:1;gap:.72rem;padding:clamp(.9rem,1.4vw,1.1rem);display:flex}.blog-post-card__tags{flex-wrap:wrap;align-items:center;gap:6px;min-height:2rem;display:flex}.blog-post-card__badge-link{text-decoration:none}.blog-post-card__badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none;border-radius:999px}.blog-post-card__badge--category{font-weight:700}.blog-post-card__badge--count{color:var(--color-text-secondary)}.blog-post-card__title{letter-spacing:-.02em;color:var(--color-text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(1rem,1.1vw,1.14rem);font-weight:800;line-height:1.32;display:-webkit-box;overflow:hidden}.blog-post-card__title-link{color:inherit;text-decoration:none}.blog-post-card__title-link:hover{color:var(--color-primary)}.blog-post-card__excerpt{color:var(--color-text-secondary);-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;min-height:6.6em;margin:0;font-size:clamp(.86rem,.9vw,.93rem);line-height:1.65;display:-webkit-box;overflow:hidden}.blog-post-card__meta{border-top:1px solid color-mix(in srgb, var(--color-border-light) 86%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.85rem;display:flex}.blog-post-card__author{align-items:center;gap:.65rem;display:flex}.blog-post-card__author-avatar{flex-shrink:0}.blog-post-card__author-name{color:var(--color-text-primary);font-size:.88rem;font-weight:700}.blog-post-card__info{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;display:flex}.blog-post-card__separator{color:var(--color-text-tertiary)}.blog-post-card__footer{border-top:1px dashed color-mix(in srgb, var(--color-border-light) 84%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.8rem;display:flex}.blog-post-card__stats{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.blog-post-card__stat{color:var(--color-text-secondary);align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;display:inline-flex}.blog-post-card__stat-icon{opacity:.85}.blog-post-card__action{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-bg-primary) 90%);border:1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);color:var(--color-primary);border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .8rem;font-size:.84rem;font-weight:800;text-decoration:none;display:inline-flex}.blog-post-card__action:hover{color:color-mix(in srgb, var(--color-primary) 82%, var(--color-text-primary) 18%);background:color-mix(in srgb, var(--color-primary) 14%, var(--color-bg-primary) 86%)}.blog-post-card--horizontal{flex-direction:row}.blog-post-card--horizontal .blog-post-card__image-wrapper{aspect-ratio:4/3;flex-shrink:0;width:40%}.blog-post-card--compact{flex-direction:row}.blog-post-card--compact .blog-post-card__image-wrapper{aspect-ratio:1;flex-shrink:0;width:120px}.blog-post-card--compact .blog-post-card__content{padding:var(--space-md)}.blog-post-card--compact .blog-post-card__title{-webkit-line-clamp:2;line-clamp:2;font-size:16px}.blog-post-card--compact .blog-post-card__excerpt{display:none}[data-theme=dark] .blog-post-card{background-color:var(--color-bg-secondary)}[data-theme=dark] .blog-post-card__image-fallback{background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-primary) 22%, transparent), transparent 42%), linear-gradient(135deg, var(--color-bg-secondary) 0%, color-mix(in srgb, var(--color-bg-primary) 90%, var(--color-primary) 10%) 100%);color:var(--color-text-secondary)}[data-theme=dark] .blog-post-card:hover{box-shadow:var(--shadow-lg,0 20px 38px color-mix(in srgb, var(--color-text-primary) 18%, transparent))}[data-theme=dark] .blog-post-card__meta{border-top-color:var(--color-border-dark)}[data-theme=dark] .blog-post-card__footer{border-top-color:color-mix(in srgb, var(--color-border-dark) 84%, transparent)}@media (max-width:992px){.blog-post-card--horizontal{flex-direction:column}.blog-post-card--horizontal .blog-post-card__image-wrapper{aspect-ratio:16/9;width:100%}}@media (max-width:576px){.blog-post-card__content{padding:var(--space-md)}.blog-post-card__title{font-size:1rem}.blog-post-card__excerpt{-webkit-line-clamp:3;line-clamp:3;min-height:4.95em}.blog-post-card__meta{flex-direction:column;align-items:flex-start}.blog-post-card__footer{align-items:flex-start}.blog-post-card--compact .blog-post-card__image-wrapper{width:100px}}
.progress-bar{gap:var(--space-xs);flex-direction:column;width:100%;display:flex}.progress-bar__label{color:var(--color-text-secondary);font-size:12px;font-weight:600}.progress-bar__track{background-color:var(--color-bg-secondary);border-radius:var(--radius-full);width:100%;position:relative;overflow:hidden}.progress-bar__track--sm{height:4px}.progress-bar__track--md{height:8px}.progress-bar__track--lg{height:12px}.progress-bar__fill{height:100%;transition:width var(--transition-default);border-radius:var(--radius-full);position:relative}.progress-bar__fill--primary,.progress-bar__fill--dark{background-color:var(--button-accent-bg,var(--color-accent))}.progress-bar__fill--secondary,.progress-bar__fill--light{background-color:var(--button-surface-border,var(--color-border))}.progress-bar__fill--success{background-color:var(--color-success)}.progress-bar__fill--warning{background-color:var(--color-warning)}.progress-bar__fill--error{background-color:var(--color-error)}.progress-bar__fill--info{background-color:var(--color-secondary)}.progress-bar__fill--animated{animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.progress-bar__fill--striped{background-image:repeating-linear-gradient(45deg,currentColor,currentColor 10px,#ffffff26 10px 20px);animation:1s linear infinite stripes}@keyframes stripes{0%{background-position:0 0}to{background-position:40px 0}}[data-theme=dark] .progress-bar__track{background-color:var(--color-bg-primary)}@media (max-width:576px){.progress-bar__label{font-size:11px}.progress-bar__track--md{height:6px}}
.rating{align-items:center;gap:var(--space-md);display:flex}.rating__stars{gap:2px;display:flex}.rating__star{cursor:pointer;transition:all var(--transition-default);color:var(--color-warning);background:0 0;border:none;padding:0;font-size:20px;line-height:1}.rating--sm .rating__star{font-size:14px}.rating--lg .rating__star{font-size:28px}.rating__star--empty{color:color-mix(in srgb, var(--color-text-secondary) 55%, var(--color-border) 45%);opacity:1}.rating__star:hover:not(:disabled){opacity:1;transform:scale(1.1)}.rating__star:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.rating__star:disabled{cursor:default}.rating__info{align-items:center;gap:var(--space-sm);display:flex}.rating__value{color:var(--color-text-primary);font-size:14px;font-weight:600}.rating--sm .rating__value{font-size:12px}.rating--lg .rating__value{font-size:16px}.rating__label{color:var(--color-text-secondary);font-size:12px}.rating--sm .rating__label{font-size:10px}@media (max-width:576px){.rating{gap:var(--space-sm)}.rating__star{font-size:18px}}
.course-card{--course-card-accent:var(--button-accent-bg,var(--color-accent,var(--color-primary)));--course-card-accent-hover:var(--button-accent-hover-bg,var(--color-accent-hover,var(--color-primary-hover,var(--course-card-accent))));--course-card-accent-text:var(--button-accent-text,var(--color-accent-contrast));--course-card-surface:var(--button-surface-bg,var(--color-surface,var(--color-bg-primary)));--course-card-surface-border:var(--button-surface-border,var(--color-border,#0000001f));--course-card-success:var(--button-success-bg,var(--color-success));--course-card-warning:var(--button-warning-bg,var(--color-warning));--course-card-warning-text:var(--button-warning-text,var(--color-warning-contrast));--course-card-muted:color-mix(in srgb, var(--color-text,var(--color-text-primary)) 70%, transparent);border:1px solid color-mix(in srgb, var(--course-card-surface-border) 88%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--course-card-surface) 96%, var(--course-card-accent) 4%) 0%, var(--course-card-surface) 100%);height:100%;min-height:390px;box-shadow:var(--shadow-card,0 8px 20px color-mix(in srgb, var(--color-text-primary) 8%, transparent));border-radius:16px;flex-direction:column;transition:transform .24s,box-shadow .24s,border-color .24s;display:flex;position:relative;overflow:hidden}.course-card:before{content:"";background:color-mix(in srgb, var(--course-card-surface-border) 84%, transparent);z-index:3;width:100%;height:4px;position:absolute;inset:0 auto auto 0}.course-card--in-progress:before{background:color-mix(in srgb, var(--course-card-accent) 90%, var(--course-card-surface) 10%)}.course-card--completed:before{background:var(--course-card-success)}.course-card--not-started:before{background:color-mix(in srgb, var(--course-card-surface-border) 88%, transparent)}.course-card:hover{box-shadow:var(--shadow-lg,0 16px 30px color-mix(in srgb, var(--color-text-primary) 14%, transparent));border-color:color-mix(in srgb, var(--course-card-accent) 25%, var(--course-card-surface-border) 75%);transform:translateY(-6px)}.course-card__image{background-color:var(--color-bg-secondary);background-position:50%;background-size:cover;flex:0 0 180px;justify-content:center;align-items:center;width:100%;height:180px;min-height:180px;padding:.875rem;display:flex;position:relative}.course-card__image-overlay{background:linear-gradient(180deg, color-mix(in srgb, var(--color-text-primary) 4%, transparent) 0%, color-mix(in srgb, var(--color-text-primary) 34%, transparent) 100%);position:absolute;inset:0}.course-card__image--placeholder{background:radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--course-card-accent) 30%, transparent) 0, transparent 42%), linear-gradient(145deg, color-mix(in srgb, var(--course-card-accent) 18%, var(--color-bg-secondary)) 0%, var(--color-bg-secondary) 100%)}.course-card__media-top{z-index:2;justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:absolute;inset:.875rem .875rem auto}.course-card__media-bottom{z-index:2;position:absolute;inset:auto .875rem .875rem}.course-card__tag{letter-spacing:.03em;text-transform:uppercase;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:999px;align-items:center;padding:.275rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.course-card__tag--level{color:var(--color-bg-primary);background:color-mix(in srgb, var(--color-text-primary,#111) 34%, transparent)}.course-card__tag--badge{color:var(--course-card-warning-text);background:color-mix(in srgb, var(--course-card-warning) 82%, var(--course-card-surface) 18%);margin-left:auto}.course-card__category{color:var(--course-card-accent-text);background:color-mix(in srgb, var(--color-text-primary,#111) 28%, transparent);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;max-width:100%;padding:.3rem .58rem;font-size:.72rem;font-weight:600;display:inline-flex;overflow:hidden}.course-card__image-placeholder-text{z-index:1;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text-primary) 72%, transparent);border:1px dashed color-mix(in srgb, var(--color-text-primary) 18%, transparent);border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:700;position:relative}.course-card__content{flex-direction:column;flex:1;gap:.72rem;padding:1rem 1rem 1.05rem;display:flex}.course-card__header{align-items:flex-start;gap:.6rem;display:flex}.course-card__title{color:var(--color-text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;min-height:2.72em;margin:0;font-size:1.05rem;font-weight:700;line-height:1.36;display:-webkit-box;overflow:hidden}.course-card__title-link{color:inherit;text-decoration:none}.course-card__title-link:hover,.course-card__title-link:focus-visible{text-decoration:underline}.course-card__instructor-row{align-items:center;gap:.55rem;display:flex}.course-card__avatar{letter-spacing:.02em;width:30px;height:30px;color:var(--course-card-accent);background:color-mix(in srgb, var(--course-card-accent) 14%, var(--course-card-surface) 86%);border:1px solid color-mix(in srgb, var(--course-card-accent) 20%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:inline-flex}.course-card__instructor{color:var(--color-text-secondary,#6b7280);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.82rem;font-weight:600;overflow:hidden}.course-card__meta{flex-wrap:wrap;align-items:center;gap:.42rem;display:flex}.course-card__meta-chip{color:var(--color-text-secondary);background:color-mix(in srgb, var(--color-bg-secondary) 88%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 76%, transparent);border-radius:999px;align-items:center;padding:.24rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.course-card__meta-chip--students{color:var(--course-card-accent);background:color-mix(in srgb, var(--course-card-accent) 12%, var(--course-card-surface) 88%);border-color:color-mix(in srgb, var(--course-card-accent) 32%, transparent)}.course-card__rating{align-items:center;gap:.36rem;margin-top:.1rem;display:flex}.course-card__rating-value{color:var(--color-text-primary);font-size:.8rem;font-weight:700}.course-card__rating-count{color:var(--color-text-tertiary,#6b7280);font-size:.78rem}.course-card__progress{border-top:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);margin-top:.2rem;padding-top:.6rem}.course-card__footer{justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.18rem;display:flex}.course-card__price-stack{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.course-card__price{color:var(--course-card-accent);font-size:.98rem;font-weight:700}.course-card__price--free{color:var(--course-card-success)}.course-card__price-original{color:var(--color-text-secondary);font-size:.76rem;text-decoration:line-through}.course-card__sale-badge{background:color-mix(in srgb, var(--color-warning,#f59e0b) 82%, white 18%);color:var(--color-warning-contrast);letter-spacing:.02em;border-radius:999px;align-items:center;padding:.24rem .62rem;font-size:.72rem;font-weight:700;display:inline-flex}.course-card__sale-ends{color:var(--color-text-secondary);font-size:.75rem;font-weight:600}[data-theme=dark] .course-card{background:linear-gradient(180deg, color-mix(in srgb, var(--course-card-surface) 98%, var(--course-card-accent) 2%) 0%, var(--course-card-surface) 100%)}[data-theme=dark] .course-card__progress{border-top-color:color-mix(in srgb, var(--color-border) 80%, transparent)}@media (max-width:576px){.course-card{min-height:360px}.course-card__content{gap:.6rem;padding:.9rem}.course-card__title{font-size:.98rem}.course-card__image{flex-basis:140px;height:140px;min-height:140px}.course-card__avatar{width:28px;height:28px}.course-card__button{padding:.5rem .8rem}}
.story-card{border-radius:max(var(--radius-lg), 20px);background:var(--color-bg-primary);border:1px solid color-mix(in srgb, var(--color-border-light) 88%, var(--color-primary) 12%);height:100%;transition:transform var(--transition-default), box-shadow var(--transition-default), border-color var(--transition-default);cursor:pointer;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 30px #0f172a14}.story-card:hover{border-color:color-mix(in srgb, var(--color-border) 78%, var(--color-text) 22%);transform:translateY(-4px);box-shadow:0 20px 38px #0f172a1f}.story-card:focus-within{outline:3px solid color-mix(in srgb, var(--color-primary) 32%, transparent);outline-offset:3px}.story-card--featured{border:2px solid var(--color-primary)}.story-card__image-wrapper{aspect-ratio:1.85;background:linear-gradient(135deg,#ecfdf5 0%,#eef4ff 100%);width:100%;position:relative;overflow:hidden}.story-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-default)}.story-card__image-wrapper:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0f172a29);height:38%;position:absolute;inset:auto 0 0}.story-card:hover .story-card__image{transform:scale(1.04)}.story-card__image-fallback{color:#334155;text-align:center;background:radial-gradient(circle at 0 0,#10b98133,#0000 42%),linear-gradient(135deg,#ecfdf5 0%,#eff6ff 100%);flex-direction:column;justify-content:center;align-items:center;gap:.45rem;width:100%;height:100%;padding:1rem;display:flex}.story-card__image-fallback-icon{background:color-mix(in srgb, var(--color-card-bg) 82%, transparent);border-radius:999px;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.35rem;display:inline-flex;box-shadow:0 10px 20px #0f172a14}.story-card__image-fallback-copy{letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}.story-card__featured-badge{top:var(--space-md);right:var(--space-md);background-color:var(--color-primary);color:#fff;text-transform:uppercase;border-radius:var(--radius-full);z-index:2;padding:4px 12px;font-size:11px;font-weight:700;position:absolute}.story-card__content{flex-direction:column;flex:1;gap:.8rem;padding:1rem 1rem .9rem;display:flex}.story-card__tags{flex-wrap:wrap;align-items:center;gap:6px;min-height:2rem;display:flex}.story-card__badge-link{text-decoration:none}.story-card__badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none;border-radius:999px}.story-card__badge--category{font-weight:700}.story-card__badge--count{color:var(--color-text-secondary)}.story-card__title{letter-spacing:-.02em;color:var(--color-text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.05rem;font-weight:800;line-height:1.32;display:-webkit-box;overflow:hidden}.story-card__title-link{color:inherit;text-decoration:none}.story-card__title-link:hover{color:var(--color-primary)}.story-card__excerpt{color:var(--color-text-secondary);-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;min-height:6.8em;margin:0;font-size:.88rem;line-height:1.7;display:-webkit-box;overflow:hidden}.story-card__meta{border-top:1px solid color-mix(in srgb, var(--color-border-light) 86%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.85rem;display:flex}.story-card__author{align-items:center;gap:.65rem;display:flex}.story-card__author-avatar{flex-shrink:0}.story-card__author-name{color:var(--color-text-primary);font-size:.92rem;font-weight:700}.story-card__info{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;display:flex}.story-card__separator{color:var(--color-text-tertiary)}.story-card__footer{border-top:1px dashed color-mix(in srgb, var(--color-border-light) 84%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.8rem;display:flex}.story-card__stats{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.story-card__stat{color:var(--color-text-secondary);align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;display:inline-flex}.story-card__stat-icon{opacity:.85}.story-card__action{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-bg-primary) 90%);border:1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);color:var(--color-primary);border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .8rem;font-size:.84rem;font-weight:800;text-decoration:none;display:inline-flex}.story-card__action:hover{color:color-mix(in srgb, var(--color-primary) 82%, var(--color-text-primary) 18%);background:color-mix(in srgb, var(--color-primary) 14%, var(--color-bg-primary) 86%)}.story-card--horizontal{flex-direction:row}.story-card--horizontal .story-card__image-wrapper{aspect-ratio:4/3;flex-shrink:0;width:40%}[data-theme=dark] .story-card{background-color:var(--color-bg-secondary)}[data-theme=dark] .story-card__image-fallback{color:#e2e8f0;background:radial-gradient(circle at 0 0,#34d39933,#0000 42%),linear-gradient(135deg,#1f2937 0%,#1e293b 100%)}[data-theme=dark] .story-card:hover{box-shadow:0 20px 38px #00000047}[data-theme=dark] .story-card__meta{border-top-color:var(--color-border-dark)}[data-theme=dark] .story-card__footer{border-top-color:color-mix(in srgb, var(--color-border-dark) 84%, transparent)}@media (max-width:992px){.story-card--horizontal{flex-direction:column}.story-card--horizontal .story-card__image-wrapper{aspect-ratio:16/9;width:100%}}@media (max-width:576px){.story-card__content{padding:var(--space-md)}.story-card__title{font-size:1rem}.story-card__meta{flex-direction:column;align-items:flex-start}.story-card__footer{align-items:flex-start}}