.walkthroughs-hero{padding-top:var(--space-32);padding-bottom:var(--space-24)}.walkthroughs-hero__grid{display:grid;grid-template-columns:minmax(0,1.4fr)minmax(0,1fr);gap:var(--space-16);align-items:center}.walkthroughs-hero__actions{margin-top:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-4)}.walkthroughs-hero__visual{display:flex;justify-content:flex-end}.walkthroughs-hero__board{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid rgba(148,163,184,.35);max-width:320px}.walkthroughs-hero__row{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.walkthroughs-hero__hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-3)}.walkthroughs-intro__header{max-width:720px;margin:0 auto;text-align:center}.walkthroughs-section__grid{display:grid;grid-template-columns:minmax(0,1.3fr)minmax(0,1fr);gap:var(--space-16);align-items:flex-start}.walkthroughs-section__grid--reverse{grid-template-columns:minmax(0,1fr)minmax(0,1.3fr)}.walkthroughs-section__content>p{font-size:var(--font-size-sm)}.walkthroughs-section__media{display:flex;justify-content:flex-end}.walkthroughs-section__media--placeholder{align-items:center}.walkthroughs-section__media--stats{flex-direction:column;gap:var(--space-6)}.walkthroughs-section__header{max-width:760px;margin:0 auto var(--space-10);text-align:center}.walkthroughs-section__cta{margin-top:var(--space-6)}.walkthroughs-section__cta--center{text-align:center}.walkthroughs-steps{counter-reset:step-counter;margin:0;padding-left:0;display:flex;flex-direction:column;gap:var(--space-4)}.walkthroughs-steps li{list-style:none;padding-left:0}.walkthroughs-steps h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.walkthroughs-steps p{font-size:var(--font-size-sm)}.walkthroughs-list{margin:0;padding-left:var(--space-6);font-size:var(--font-size-sm)}.walkthroughs-list li{margin-bottom:var(--space-3)}.walkthroughs-figure{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid rgba(148,163,184,.25)}.walkthroughs-figure figcaption{margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted)}.walkthroughs-video-placeholder{width:100%;max-width:380px}.walkthroughs-video-placeholder__screen{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid rgba(148,163,184,.35);display:flex;flex-direction:column;gap:var(--space-4)}.walkthroughs-video-placeholder__bar{height:10px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-primary),var(--color-accent-purple))}.walkthroughs-video-placeholder__grid{height:80px;border-radius:var(--radius-md);background-image:linear-gradient(to right,rgba(148,163,184,.35) 1px,transparent 1px),linear-gradient(to bottom,rgba(148,163,184,.35) 1px,transparent 1px);background-size:16px 16px;background-color:var(--color-primary-soft)}.walkthroughs-video-placeholder__grid--secondary{background-color:#fef3c7}.walkthroughs-video-placeholder__meta{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted)}.walkthroughs-video-placeholder__label{flex:1}.walkthroughs-combo-grid,.walkthroughs-advanced-grid,.walkthroughs-style-grid,.walkthroughs-mega-grid,.walkthroughs-infographic-grid,.walkthroughs-mistakes-grid{margin-top:var(--space-6)}.walkthroughs-combo-card .card__body{font-size:var(--font-size-sm)}.walkthroughs-style-grid .card__body,.walkthroughs-mistakes-grid .card__body,.walkthroughs-mega-grid .card__body,.walkthroughs-infographic-grid .card__body{font-size:var(--font-size-sm)}.walkthroughs-compare{margin-top:var(--space-8);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-200);background:var(--color-surface);box-shadow:var(--shadow-xs)}.walkthroughs-compare__header,.walkthroughs-compare__row{display:grid;grid-template-columns:1.1fr 1.2fr 1.2fr}.walkthroughs-compare__header{background:var(--color-primary-soft);font-weight:600;font-size:var(--font-size-sm)}.walkthroughs-compare__cell{padding:var(--space-4);border-bottom:1px solid var(--gray-200);font-size:var(--font-size-sm)}.walkthroughs-compare__cell--label{background:var(--gray-50);font-weight:600}.walkthroughs-compare__cell--passive{border-left:1px solid var(--gray-200)}.walkthroughs-compare__cell--aggressive{border-left:1px solid var(--gray-200)}@media (max-width:960px){.walkthroughs-hero__grid{grid-template-columns:1fr;gap:var(--space-10)}.walkthroughs-hero__visual{justify-content:flex-start}.walkthroughs-section__grid,.walkthroughs-section__grid--reverse{grid-template-columns:1fr;gap:var(--space-10)}.walkthroughs-section__media{justify-content:flex-start}.walkthroughs-compare__header,.walkthroughs-compare__row{grid-template-columns:1fr}.walkthroughs-compare__cell--label{border-bottom:1px solid var(--gray-200)}.walkthroughs-compare__cell--passive,.walkthroughs-compare__cell--aggressive{border-left:none}}@media (max-width:640px){.walkthroughs-hero{padding-top:var(--space-24);padding-bottom:var(--space-20)}.walkthroughs-hero__actions{flex-direction:column;align-items:flex-start}.walkthroughs-hero__board{max-width:100%}.walkthroughs-section{margin-top:var(--space-24)}.walkthroughs-section__header{text-align:left}.walkthroughs-figure{padding:var(--space-3)}}