.guide-card{position:relative;display:flex;flex-direction:column;padding:var(--space-6);border-radius:20px;text-decoration:none;overflow:hidden;background:#e9ecef;border:1px solid rgba(173,181,189,.7);transition:transform .4s ease;height:100%;color:inherit}.guide-card h1,.guide-card h2,.guide-card h3,.guide-card h4,.guide-card h5,.guide-card h6{text-align:left}.guide-card:after{content:"";position:absolute;inset:6px;background:#fefefe73;border-radius:16px;border:1px solid rgba(173,181,189,.7);z-index:2;pointer-events:none;transition:inset .4s ease,border-radius .4s ease}[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{inset:0;border-radius:20px}.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>*{position:relative;z-index:3}[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: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{display:inline-flex;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 ease}[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-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:.15em}.guide-card__description{font-size:var(--font-size-base);color:#000000b3;line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);flex:1;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}[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__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:auto}.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);display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;transition:color .2s ease,gap .2s ease}[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 ease}
