.faq-hero-grid{display:grid;gap:var(--space-6)}.faq-hero-copy{display:flex;flex-direction:column;gap:var(--space-4);max-width:36rem}.faq-hero-visual{max-width:26rem;justify-self:center}.faq-puzzle-card{display:flex;flex-direction:column;gap:var(--space-4)}.faq-puzzle-board{margin-top:var(--space-2);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-soft-puzzle);background:radial-gradient(circle at top left,#e5f1ff 0,#f7fbff 55%),radial-gradient(circle at bottom right,#e6fff6 0,#f7fbff 55%)}.faq-puzzle-image{display:block;width:100%;height:auto}.faq-puzzle-caption p{font-size:var(--text-sm);margin-bottom:0}.faq-pill-nav{margin-top:var(--space-4)}.faq-layout{display:grid;gap:var(--space-8)}.faq-main{display:flex;flex-direction:column;gap:var(--space-6)}.faq-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.faq-sidebar-title{font-size:var(--text-xl)}.faq-sidebar-intro{font-size:var(--text-sm)}.faq-link-card{display:flex;flex-direction:column;gap:0.25rem;padding:0.9rem 1rem;border-radius:var(--radius-lg);background:#ffffff;box-shadow:var(--shadow-xs);font-size:var(--text-sm);color:var(--color-text);transition:transform var(--transition-fast) var(--easing-soft),box-shadow var(--transition-base) var(--easing-soft),background-color var(--transition-base) var(--easing-soft)}.faq-link-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#ffffff,#f3fbff)}.faq-link-label{font-weight:600}.faq-link-meta{color:var(--color-muted);font-size:var(--text-xs)}@media(min-width:768px){.faq-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,0.9fr);align-items:center}.faq-layout{grid-template-columns:minmax(0,2.2fr) minmax(0,1.2fr)}}@media(max-width:767px){.faq-hero-visual{order:-1}.faq-link-card{padding:0.8rem 0.9rem}}