.content-grid{gap:var(--q-space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr));margin:0;padding:0;list-style:none;display:grid}.content-card{gap:var(--q-space-sm);padding:var(--q-space-md);background:var(--q-canvas);color:var(--q-ink);border:1px solid var(--q-hairline);border-radius:var(--q-radius-md);flex-direction:column;transition:border-color .15s ease-out,background-color .15s ease-out;display:flex;position:relative}.content-card:hover{border-color:var(--q-field-border)}.content-card:focus-within{outline:2px solid var(--q-focus);outline-offset:2px}.content-card--premium{border:2px solid var(--q-accent-gold);background:var(--q-warning-soft)}.content-card__badges{gap:var(--q-space-sm);flex-wrap:wrap;display:flex}.content-badge{align-items:center;gap:var(--q-space-xs);padding:2px var(--q-space-sm);border-radius:var(--q-radius-xs);font-size:var(--q-type-caption-size);font-weight:700;line-height:var(--q-type-caption-line);border:1px solid;display:inline-flex}.content-badge svg{width:1em;height:1em}.content-badge--success{color:var(--q-success);background:var(--q-success-soft)}.content-badge--warning{color:var(--q-warning);background:var(--q-warning-soft)}.content-badge--neutral{color:var(--q-ink-muted);background:var(--q-canvas-soft)}.content-card__title{font-family:var(--q-type-heading-sm-family);font-size:var(--q-type-heading-sm-size);font-weight:var(--q-type-heading-sm-weight);line-height:var(--q-type-heading-sm-line);overflow-wrap:anywhere;margin:0}.content-card__description,.content-card__note{color:var(--q-ink-muted);overflow-wrap:anywhere;margin:0}.content-card__description{font-size:var(--q-type-label-size);line-height:var(--q-type-body-line)}.content-card__note{font-size:var(--q-type-caption-size);line-height:var(--q-type-caption-line)}.content-card__action{min-height:44px;font:inherit;font-size:var(--q-type-label-size);color:var(--q-accent-text);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;margin-top:auto;padding:0;font-weight:700;text-decoration:underline;display:inline-flex}.content-card__action--warning{color:var(--q-warning)}.content-card__action:after{content:"";border-radius:var(--q-radius-md);position:absolute;inset:0}.content-card__action:focus-visible{outline:none}.content-card--skeleton{pointer-events:none;min-height:9rem}.skeleton{border-radius:var(--q-radius-xs);background:var(--q-canvas-warm);height:.875rem;animation:1.2s ease-in-out infinite alternate skeleton-fade;display:block}.skeleton--title{width:60%;height:1.25rem}.skeleton--line{width:100%}.skeleton--short{width:70%}@keyframes skeleton-fade{0%{opacity:1}to{opacity:.5}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.content-section{margin-top:var(--q-space-xl)}.content-section__title{margin:0 0 var(--q-space-md);font-family:var(--q-type-heading-md-family);font-size:var(--q-type-heading-md-size);font-weight:var(--q-type-heading-md-weight);line-height:var(--q-type-heading-md-line)}.content-pager{margin-top:var(--q-space-md);justify-content:space-between;display:flex}
