.btn.lms-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-base);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn.lms-btn:active{transform:translateY(1px)}.btn.lms-btn.btn-dark,.btn.lms-btn.btn-light{background-color:var(--color-hover-bg);color:var(--color-text);border:2px solid var(--color-border)}.btn.lms-btn.btn-dark:hover:not(:disabled),.btn.lms-btn.btn-light:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-hover-bg) 84%,var(--color-text) 16%);color:var(--color-text);border-color:color-mix(in srgb,var(--color-border) 80%,var(--color-text) 20%);box-shadow:var(--shadow-md)}.btn.lms-btn.btn-dark:active:not(:disabled),.btn.lms-btn.btn-light:active:not(:disabled){background-color:color-mix(in srgb,var(--color-hover-bg) 74%,var(--color-text) 26%);color:var(--color-text);border-color:color-mix(in srgb,var(--color-border) 70%,var(--color-text) 30%);box-shadow:var(--shadow-sm)}.btn.lms-btn.btn-dark:focus:not(:disabled),.btn.lms-btn.btn-light:focus:not(:disabled){outline:2px solid var(--color-accent);outline-offset:2px}.btn.lms-btn.btn-success{background-color:var(--color-success);color:var(--color-active-text);border:2px solid transparent}.btn.lms-btn.btn-success:hover:not(:disabled){filter:brightness(.95);box-shadow:var(--shadow-md)}.btn.lms-btn.btn-accent{background-color:var(--button-accent-bg,var(--color-accent,var(--color-primary)));color:var(--button-accent-text,var(--color-accent-contrast));border:2px solid transparent}.btn.lms-btn.btn-accent:hover:not(:disabled){background-color:var(--button-accent-hover-bg,var(--color-accent-hover));box-shadow:0 8px 16px color-mix(in srgb,var(--button-accent-bg,var(--color-accent)) 30%,transparent)}.btn.lms-btn.btn-accent:active:not(:disabled){background-color:var(--button-accent-active-bg,var(--color-accent-active));box-shadow:var(--shadow-sm);transform:translateY(1px)}.btn.lms-btn.btn-accent:focus:not(:disabled){outline:2px solid var(--color-accent);outline-offset:2px}.btn.lms-btn.btn-tertiary{background-color:initial;color:var(--color-primary);border:none}.btn.lms-btn.btn-tertiary:hover:not(:disabled){background-color:var(--color-primary-light);color:var(--color-primary-hover)}.btn.lms-btn.btn-tertiary:active:not(:disabled){color:var(--color-primary-active)}.btn.lms-btn.btn-tertiary:focus:not(:disabled){outline:2px solid var(--color-primary);outline-offset:2px}.btn.lms-btn.btn-danger{background-color:var(--color-danger,var(--color-error));color:var(--color-active-text);border:2px solid transparent}.btn.lms-btn.btn-danger:hover:not(:disabled){background-color:#c82333;box-shadow:var(--shadow-md)}.btn.lms-btn.btn-danger:active:not(:disabled){background-color:#a71d1f;box-shadow:var(--shadow-sm)}.btn.lms-btn.btn-danger:focus:not(:disabled){outline:2px solid var(--color-error);outline-offset:2px}.btn.lms-btn.btn-sm{padding:6px 12px;font-size:var(--font-size-sm)}.btn.lms-btn.btn-md{padding:10px 16px;font-size:var(--font-size-base);min-height:40px}.btn.lms-btn.btn-lg{padding:12px 24px;font-size:var(--font-size-lg);min-height:48px}@media (max-width:576px){.btn.lms-btn{min-width:48px;min-height:48px}}.btn.lms-btn.btn-disabled,.btn.lms-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn.lms-btn.btn-loading{color:transparent;pointer-events:none}.btn.lms-btn .btn-spinner{position:absolute;width:16px;height:16px;border:2px solid transparent;border-top-color:initial;border-right-color:initial;border-radius:50%;animation:spin var(--spinner-duration,.8s) linear infinite}.btn.lms-btn.btn-full-width{width:100%}.btn.lms-btn .btn-icon{display:inline-flex;align-items:center;justify-content:center}.btn.lms-btn.btn-icon-only{width:40px;height:40px;padding:0;border-radius:50%}.btn.lms-btn.btn-icon-only.btn-sm{width:32px;height:32px}.btn.lms-btn.btn-icon-only.btn-lg{width:48px;height:48px}.btn-group{display:inline-flex;border-radius:var(--radius-base);overflow:hidden;border:1px solid var(--border-color)}.btn-group .btn.lms-btn{border-radius:0;border:none;margin:0;border-right:1px solid var(--border-color)}.btn-group .btn.lms-btn:last-child{border-right:none}.btn-group .btn.lms-btn.btn-dark:not(:last-child){border-right:1px solid rgba(255,255,255,.2)}[data-theme=dark] .btn.lms-btn.btn-light{border-color:var(--color-primary)}[data-theme=dark] .btn.lms-btn.btn-tertiary:hover:not(:disabled){background-color:var(--color-primary-light)}.card{display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-base)}.card-default{background-color:var(--surface-default);border:1px solid var(--border-color);box-shadow:var(--shadow-xs)}.card-default:hover{box-shadow:var(--shadow-sm)}.card-elevated{background-color:var(--surface-elevated);box-shadow:var(--shadow-md)}.card-elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-outlined{background-color:initial;border:2px solid var(--border-color);box-shadow:none}.card-outlined:hover{border-color:color-mix(in srgb,var(--border-color) 78%,var(--text-primary) 22%)}.card-image{width:100%;overflow:hidden;background-color:var(--bg-secondary)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.card:hover .card-image img{transform:scale(1.05)}.card-header{padding:var(--space-md);border-bottom:1px solid var(--border-color-light);background-color:var(--bg-secondary)}.card-body{flex:1 1;padding:var(--space-md)}.card-footer{padding:var(--space-md);border-top:1px solid var(--border-color-light);background-color:var(--bg-secondary);display:flex;gap:var(--space-sm)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.card-text,.card-title{margin:0 0 var(--space-sm) 0}.card-text{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.card-meta{margin:0;font-size:var(--font-size-sm);color:var(--text-muted);display:flex;gap:var(--space-sm);flex-wrap:wrap}.card-horizontal{flex-direction:row}.card-horizontal .card-image{width:150px;height:150px;flex-shrink:0}@media (max-width:576px){.card-horizontal{flex-direction:column}.card-horizontal .card-image{width:100%;height:200px}}.card[role=button]{cursor:pointer}.card[role=button]:focus{outline:2px solid var(--color-primary);outline-offset:2px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}@media (max-width:768px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:576px){.card-grid{grid-template-columns:1fr}}.progress-bar{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.progress-bar__label{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.progress-bar__track{width:100%;background-color:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden;position:relative}.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--dark,.progress-bar__fill--primary{background-color:var(--button-accent-bg,var(--color-accent))}.progress-bar__fill--light,.progress-bar__fill--secondary{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:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.progress-bar__fill--striped{background-image:repeating-linear-gradient(45deg,currentColor,currentColor 10px,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 20px);animation:stripes 1s linear infinite}@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{display:flex;align-items:center;gap:var(--space-md)}.rating__stars{display:flex;gap:2px}.rating__star{background:none;border:none;cursor:pointer;padding:0;transition:all var(--transition-default);font-size:20px;line-height:1;color:var(--color-warning)}.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){transform:scale(1.1);opacity:1}.rating__star:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.rating__star:disabled{cursor:default}.rating__info{display:flex;align-items:center;gap:var(--space-sm)}.rating__value{font-size:14px;font-weight:600;color:var(--color-text-primary)}.rating--sm .rating__value{font-size:12px}.rating--lg .rating__value{font-size:16px}.rating__label{font-size:12px;color:var(--color-text-secondary)}.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,rgba(0,0,0,0.12)));--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);display:flex;flex-direction:column;position:relative;height:100%;min-height:390px;overflow:hidden;border-radius:16px;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%);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;box-shadow:var(--shadow-card,0 8px 20px color-mix(in srgb,var(--color-text-primary) 8%,transparent))}.course-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:color-mix(in srgb,var(--course-card-surface-border) 84%,transparent);z-index:3}.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{transform:translateY(-6px);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%)}.course-card__image{width:100%;height:180px;min-height:180px;flex:0 0 180px;background-color:var(--color-bg-secondary);background-size:cover;background-position:50%;position:relative;display:flex;align-items:center;justify-content:center;padding:.875rem}.course-card__image-overlay{position:absolute;inset:0;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%)}.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{position:absolute;inset:.875rem .875rem auto .875rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;z-index:2}.course-card__media-bottom{position:absolute;inset:auto .875rem .875rem .875rem;z-index:2}.course-card__tag{display:inline-flex;align-items:center;padding:.275rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.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{margin-left:auto;color:var(--course-card-warning-text);background:color-mix(in srgb,var(--course-card-warning) 82%,var(--course-card-surface) 18%)}.course-card__category{display:inline-flex;align-items:center;padding:.3rem .58rem;border-radius:999px;font-size:.72rem;font-weight:600;color:var(--course-card-accent-text);background:color-mix(in srgb,var(--color-text-primary,#111) 28%,transparent);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-card__image-placeholder-text{position:relative;z-index:1;font-size:.78rem;letter-spacing:.08em;font-weight:700;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);padding:.35rem .65rem;border-radius:999px}.course-card__content{padding:1rem 1rem 1.05rem;display:flex;flex-direction:column;gap:.72rem;flex:1 1}.course-card__header{display:flex;align-items:flex-start;gap:.6rem}.course-card__title{margin:0;font-size:1.05rem;font-weight:700;line-height:1.36;color:var(--color-text-primary);flex:1 1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.72em}.course-card__title-link{color:inherit;text-decoration:none}.course-card__title-link:focus-visible,.course-card__title-link:hover{text-decoration:underline}.course-card__instructor-row{display:flex;align-items:center;gap:.55rem}.course-card__avatar{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;letter-spacing:.02em;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);flex-shrink:0}.course-card__instructor{margin:0;font-size:.82rem;color:var(--color-text-secondary,#6b7280);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.42rem}.course-card__meta-chip{display:inline-flex;align-items:center;padding:.24rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600;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)}.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{display:flex;align-items:center;gap:.36rem;margin-top:.1rem}.course-card__rating-value{font-size:.8rem;font-weight:700;color:var(--color-text-primary)}.course-card__rating-count{font-size:.78rem;color:var(--color-text-tertiary,#6b7280)}.course-card__progress{margin-top:.2rem;padding-top:.6rem;border-top:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.course-card__footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.18rem}.course-card__price-stack{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}.course-card__price{font-size:.98rem;font-weight:700;color:var(--course-card-accent)}.course-card__price--free{color:var(--course-card-success)}.course-card__price-original{font-size:.76rem;color:var(--color-text-secondary);text-decoration:line-through}.course-card__sale-badge{display:inline-flex;align-items:center;padding:.24rem .62rem;border-radius:999px;background:color-mix(in srgb,var(--color-warning,#f59e0b) 82%,white 18%);color:var(--color-warning-contrast);font-size:.72rem;font-weight:700;letter-spacing:.02em}.course-card__sale-ends{font-size:.75rem;color:var(--color-text-secondary);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{padding:.9rem;gap:.6rem}.course-card__title{font-size:.98rem}.course-card__image{height:140px;min-height:140px;flex-basis:140px}.course-card__avatar{width:28px;height:28px}.course-card__button{padding:.5rem .8rem}}.story-card{display:flex;flex-direction:column;height:100%;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%);overflow:hidden;transition:transform var(--transition-default),box-shadow var(--transition-default),border-color var(--transition-default);box-shadow:0 12px 30px rgba(15,23,42,.08);cursor:pointer}.story-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(15,23,42,.12);border-color:color-mix(in srgb,var(--color-border) 78%,var(--color-text) 22%)}.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{position:relative;width:100%;aspect-ratio:1.85/1;overflow:hidden;background:linear-gradient(135deg,#ecfdf5,#eef4ff)}.story-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-default)}.story-card__image-wrapper:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg,transparent,rgba(15,23,42,.16));pointer-events:none}.story-card:hover .story-card__image{transform:scale(1.04)}.story-card__image-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;padding:1rem;background:radial-gradient(circle at top left,rgba(16,185,129,.2),transparent 42%),linear-gradient(135deg,#ecfdf5,#eff6ff);color:#334155;text-align:center}.story-card__image-fallback-icon{width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--color-card-bg) 82%,transparent);box-shadow:0 10px 20px rgba(15,23,42,.08);font-size:1.35rem}.story-card__image-fallback-copy{font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.story-card__featured-badge{position:absolute;top:var(--space-md);right:var(--space-md);padding:4px 12px;background-color:var(--color-primary);color:white;font-size:11px;font-weight:700;text-transform:uppercase;border-radius:var(--radius-full);z-index:2}.story-card__content{padding:1rem 1rem .9rem;display:flex;flex-direction:column;gap:.8rem;flex:1 1}.story-card__tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-height:2rem}.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{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--color-text-primary);line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-card__title-link{color:inherit;text-decoration:none}.story-card__title-link:hover{color:var(--color-primary)}.story-card__excerpt{margin:0;font-size:.88rem;color:var(--color-text-secondary);line-height:1.7;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1em * 1.7 * 4)}.story-card__meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.85rem;border-top:1px solid color-mix(in srgb,var(--color-border-light) 86%,transparent);gap:.75rem;flex-wrap:wrap}.story-card__author{display:flex;gap:.65rem;align-items:center}.story-card__author-avatar{flex-shrink:0}.story-card__author-name{font-size:.92rem;font-weight:700;color:var(--color-text-primary)}.story-card__info{display:flex;gap:.35rem;align-items:center;font-size:.82rem;font-weight:600;color:var(--color-text-secondary);flex-wrap:wrap}.story-card__separator{color:var(--color-text-tertiary)}.story-card__footer{justify-content:space-between;padding-top:.8rem;border-top:1px dashed color-mix(in srgb,var(--color-border-light) 84%,transparent)}.story-card__footer,.story-card__stats{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.story-card__stat{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-text-secondary);font-size:.82rem;font-weight:700}.story-card__stat-icon{opacity:.85}.story-card__action{text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .8rem;border-radius:999px;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);font-size:.84rem;font-weight:800;color:var(--color-primary)}.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{width:40%;aspect-ratio:4/3;flex-shrink:0}[data-theme=dark] .story-card{background-color:var(--color-bg-secondary)}[data-theme=dark] .story-card__image-fallback{background:radial-gradient(circle at top left,rgba(52,211,153,.2),transparent 42%),linear-gradient(135deg,#1f2937,#1e293b);color:#e2e8f0}[data-theme=dark] .story-card:hover{box-shadow:0 20px 38px rgba(0,0,0,.28)}[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{width:100%;aspect-ratio:16/9}}@media (max-width:576px){.story-card__content{padding:var(--space-md)}.story-card__title{font-size:1rem}.story-card__meta{flex-direction:column}.story-card__footer,.story-card__meta{align-items:flex-start}}