.guides-page-layout{position:relative;z-index:10;padding-top:var(--space-12);padding-bottom:var(--space-12);margin:0 auto}.guides-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.guide-list-card{display:flex;flex-direction:column;background-color:var(--color-bg-card);border-radius:var(--radius-base);box-shadow:var(--shadow-md);overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;height:100%}.guide-list-card:hover{box-shadow:var(--shadow-lg)}.guide-list-card:hover .llc-title{color:var(--color-primary)}.llc-image-wrap{width:100%;aspect-ratio:4 / 3;overflow:hidden;background-color:#f1f5f9;position:relative}.llc-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.llc-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:var(--text-sm)}.llc-content{padding:var(--space-4);display:flex;flex-direction:column;flex:1}.llc-badge{display:inline-flex;align-items:center;background-color:#f1f5f9;color:var(--color-text);font-size:var(--text-xs);font-weight:700;padding:6px 12px;border-radius:20px;margin-bottom:var(--space-4);align-self:flex-start}.llc-title{font-family:var(--font-family-heading);font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--space-3);line-height:1.3}.llc-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-6);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.llc-meta{margin-top:auto}.llc-date{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.calendar-icon{width:14px;height:14px;stroke:currentColor}.guide-list-card.featured{grid-column:span 3;flex-direction:row;background-color:#0b0b0b;color:#fff}.guide-list-card.featured .llc-image-wrap{width:65%;aspect-ratio:auto;height:100%}.guide-list-card.featured .llc-content{width:50%;padding:var(--space-12) var(--space-4);justify-content:center}.guide-list-card.featured .llc-badge{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.guide-list-card.featured:hover .llc-title{color:var(--color-secondary)}.guide-list-card.featured .llc-title{color:#fff;font-size:var(--text-3xl);margin-bottom:var(--space-4)}.guide-list-card.featured .llc-desc{color:#ffffffb3;font-size:var(--text-base);-webkit-line-clamp:4;line-clamp:4}.guide-list-card.featured .llc-date{color:#fffc}@media(max-width:1024px){.guides-grid{grid-template-columns:repeat(2,1fr)}.guide-list-card.featured{grid-column:span 2;flex-direction:column}.guide-list-card.featured .llc-image-wrap{width:100%;aspect-ratio:16/9}.guide-list-card.featured .llc-content{width:100%;padding:var(--space-6)}}@media(max-width:640px){.guides-grid{grid-template-columns:1fr}.guide-list-card.featured{grid-column:span 1}}.guides-why-section{padding:0 0 var(--space-12);position:relative;z-index:10}.why-wrapper{background-color:var(--color-bg-card);border-radius:var(--radius-base);padding:var(--space-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.why-content{max-width:500px}.why-title{font-family:var(--font-family-heading);font-size:var(--text-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-4);line-height:1.2}.why-desc{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-8);text-align:justify}.why-btn{display:inline-block;background-color:var(--color-secondary);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-base);font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:var(--shadow-sm)}.why-btn:hover{background-color:var(--color-secondary-hover)}.why-features{display:flex;flex-direction:column;gap:var(--space-4)}.why-feature{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-base);background-color:var(--color-bg);transition:transform .3s ease,background-color .3s ease;box-shadow:var(--shadow-md)}.why-feature:hover{transform:translate(4px)}.why-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#fff;color:var(--color-primary);border-radius:50%;flex-shrink:0;box-shadow:var(--shadow-sm);border:2px solid var(--color-primary)}.why-icon svg{width:24px;height:24px}.why-feature-text{flex:1}.why-feature-title{font-family:var(--font-family-heading);font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}.why-feature-desc{font-size:var(--text-sm);color:var(--color-text);line-height:1.5}@media(max-width:1024px){.why-wrapper{grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-8)}.why-content{max-width:100%;text-align:center}}body{background-color:var(--color-bg)}