.guide-card{padding:var(--space-6);border-radius:20px;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.guide-card h1,.guide-card h2,.guide-card h3,.guide-card h4,.guide-card h5,.guide-card h6{text-align:left}.guide-card{background:#e9ecef;border:1px solid #adb5bdb3;transition:transform .4s}.guide-card:after{content:"";z-index:2;pointer-events:none;background:#fefefe73;border:1px solid #adb5bdb3;border-radius:16px;transition:inset .4s,border-radius .4s;position:absolute;inset:6px}[data-theme=dark] .guide-card:after{background:#343a4073;border-color:#ced4da1a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .guide-card:after{background:#343a4073;border-color:#ced4da1a}}.guide-card:where(a,button):hover:after{border-radius:20px;inset:0}.guide-card:where(a,button):hover{transform:translateY(-6px)}.guide-card:where(a,button):hover [class*=__icon],.guide-card:where(a,button):hover [class*=__badge]{transform:scale(1.1)rotate(5deg)}.guide-card:where(a,button):hover [class*=__link]{color:var(--color-primary)}.guide-card:where(a,button):hover [class*=__link] i{transform:translate(4px)}.guide-card>*{z-index:3;position:relative}[data-theme=dark] .guide-card{background:#212529;border-color:#ced4da26}[data-theme=dark] .guide-card:where(a,button):hover [class*=__link]{color:var(--color-primary)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .guide-card{background:#212529;border-color:#ced4da26}:root:not([data-theme=light]) .guide-card:where(a,button):hover [class*=__link]{color:var(--color-primary)}}.guide-card:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.guide-card{height:100%;color:inherit}.guide-card:hover .guide-card__category span{background:var(--color-primary-200)}[data-theme=dark] .guide-card:hover .guide-card__category span{background:var(--color-primary-800)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .guide-card:hover .guide-card__category span{background:var(--color-primary-800)}}.guide-card__category{margin-bottom:var(--space-3)}.guide-card__category span{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-primary-100);color:var(--color-primary-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.05em;transition:background .2s;display:inline-flex}[data-theme=dark] .guide-card__category span{background:var(--color-primary-900);color:var(--color-primary-200)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .guide-card__category span{background:var(--color-primary-900);color:var(--color-primary-200)}}.guide-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);line-height:var(--line-height-tight);text-align:left;background:linear-gradient(to right, var(--color-secondary), var(--color-primary));-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:.15em}.guide-card__description{font-size:var(--font-size-base);color:#000000b3}[data-theme=dark] .guide-card__description{color:#fffc}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .guide-card__description{color:#fffc}}.guide-card__description{line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);text-align:left;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.guide-card__footer{padding-top:var(--space-4);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.guide-card__meta{font-size:var(--font-size-sm);color:#000000b3}[data-theme=dark] .guide-card__meta{color:#fffc}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .guide-card__meta{color:#fffc}}.guide-card__meta i{margin-right:var(--space-1)}.guide-card__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-secondary);align-items:center;gap:var(--space-2);white-space:nowrap;transition:color .2s,gap .2s;display:flex}[data-theme=dark] .guide-card__link{color:var(--color-secondary-dark)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .guide-card__link{color:var(--color-secondary-dark)}}.guide-card__link i{font-size:.75rem;transition:transform .2s}