.theming{max-width:1280px;margin:0 auto;padding:64px 24px 40px}.theming-hero{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);grid-template-columns:1.4fr .8fr;gap:48px;margin-bottom:72px;padding:48px;display:grid}.theming-badge{background:var(--color-primary-light);color:var(--color-primary);border-radius:999px;align-items:center;padding:6px 14px;font-size:.875rem;font-weight:600;display:inline-flex}.theming-hero h1{margin:20px 0 16px;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.1}.theming-hero p{max-width:650px;color:var(--color-text-secondary);line-height:1.8}.theming-actions{gap:16px;margin-top:32px;display:flex}.theming-code{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background);padding:24px}.theming-code span{margin-bottom:16px;font-weight:600;display:block}.theming-code pre{margin:0;overflow-x:auto}.theming-section{margin-bottom:72px}.theming-section h2{margin-bottom:20px}.theming-section-description{color:var(--color-text-secondary);margin-bottom:24px;line-height:1.8}.theming-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.theming-example pre{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background);margin:0;padding:24px;overflow-x:auto}.theming-benefits{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.theming-benefit{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:28px}.theming-benefit span{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:20px;font-weight:700;display:inline-flex}.theming-benefit h3{margin-bottom:12px}.theming-benefit p{color:var(--color-text-secondary);line-height:1.8}@media (max-width:900px){.theming-hero,.theming-grid,.theming-benefits{grid-template-columns:1fr}}@media (max-width:768px){.theming{padding:48px 20px 80px}.theming-hero{padding:24px}.theming-actions{flex-direction:column}}