.levels-page{background:radial-gradient(circle at top,#f3f6fb,#f7f5f2)}.levels-hero{padding-top:var(--space-16);padding-bottom:var(--space-16)}.levels-hero-layout{display:grid;grid-template-columns:minmax(0,1.4fr)minmax(0,1fr);gap:var(--space-8);align-items:center}.levels-hero-figure{padding:var(--space-4);border-radius:var(--radius-xl)}.levels-hero-content{padding:var(--space-6);max-width:560px;margin-left:auto}.levels-hero-intro{font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.levels-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4);margin-bottom:var(--space-3)}.levels-hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted)}.levels-hero-meta-item{padding:4px 10px;border-radius:var(--radius-pill);background:rgba(255,255,255,0.85);border:1px solid var(--color-border-soft)}.levels-section-header{margin-bottom:var(--space-8)}.levels-section-header-main{display:grid;grid-template-columns:minmax(0,1.3fr)minmax(0,1fr);gap:var(--space-8);align-items:center}.levels-library-figure{padding:var(--space-3);border-radius:var(--radius-xl)}.levels-shelves{margin-top:var(--space-4)}.levels-taglist{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2);margin-bottom:var(--space-3)}.levels-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--font-size-xs);background:var(--color-primary-soft);color:var(--color-primary-strong)}.levels-link{display:inline-flex;align-items:center;margin-top:var(--space-1);font-size:var(--font-size-sm);text-decoration:underline;text-underline-offset:3px}.levels-link:hover{text-decoration:none}.levels-progression-grid{gap:var(--space-8)}.levels-list{list-style:none;padding:0;margin:0}.levels-list li{position:relative;padding-left:20px;margin-bottom:var(--space-2);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.levels-list li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--color-accent-coral)}.levels-inline-cta{margin-top:var(--space-4)}.levels-progression-cardstack{display:flex;align-items:stretch}.levels-highlight{width:100%}.levels-guides-grid{gap:var(--space-6)}.levels-table-wrapper{margin-top:var(--space-4);overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);background:var(--color-surface)}.levels-table{width:100%;border-collapse:separate;border-spacing:0;min-width:640px;font-size:var(--font-size-sm)}.levels-table th,.levels-table td{padding:12px 16px;border-bottom:1px solid var(--color-border-soft);text-align:left}.levels-table thead th{background:var(--color-primary-soft);font-weight:600;color:var(--color-primary-strong)}.levels-table tbody tr:nth-child(even){background:var(--color-surface-soft)}.levels-errors-grid{gap:var(--space-6)}.levels-patterns-layout{display:grid;grid-template-columns:minmax(0,1.2fr)minmax(0,1.1fr);gap:var(--space-10);align-items:center}.levels-patterns-figure{padding:var(--space-3);border-radius:var(--radius-xl)}.levels-patterns-content{max-width:640px}.levels-articles-grid{margin-top:var(--space-4)}.levels-quickaccess-container{max-width:var(--container-max);margin:0 auto}.levels-quickaccess-header{max-width:640px}.levels-quickaccess-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.levels-quickaccess-card .btn{margin-top:var(--space-3)}@media (max-width:960px){.levels-hero-layout{grid-template-columns:1fr;gap:var(--space-6)}.levels-hero-content{order:-1;margin-left:0}.levels-section-header-main{grid-template-columns:1fr}.levels-patterns-layout{grid-template-columns:1fr;gap:var(--space-6)}}@media (max-width:640px){.levels-hero{padding-top:var(--space-12);padding-bottom:var(--space-12)}.levels-hero-content{padding:var(--space-4)}.levels-hero-actions{flex-direction:column;align-items:flex-start}.levels-table{min-width:520px}}