.breadcrumb-nav{margin-bottom:var(--space-4)}.breadcrumb-list{display:flex;flex-wrap:wrap;gap:0.4rem;font-size:var(--text-xs);color:var(--color-muted)}.breadcrumb-list a{color:var(--color-muted)}.breadcrumb-list a:hover{color:var(--color-primary-strong)}.breadcrumb-list li::after{content:"/";margin-left:0.4rem;color:var(--gray-300)}.breadcrumb-list li:last-child::after{content:none}.howto-hero{align-items:stretch;gap:var(--space-6)}.howto-hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.howto-hero-image{border-radius:var(--radius-xl);box-shadow:var(--shadow-soft-puzzle)}.howto-hero-overlay{position:absolute;inset:auto 8% 8% 8%;display:flex;justify-content:space-between;gap:0.5rem;pointer-events:none}.howto-hero-step{flex:1;text-align:center;padding:0.4rem 0.6rem;border-radius:var(--radius-pill);background:rgba(255,255,255,0.9);font-size:var(--text-xs);font-weight:600;color:var(--color-text);box-shadow:var(--shadow-xs)}.howto-core-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.howto-image-grid,.howto-paths-grid,.howto-blocking-grid,.howto-planning-grid,.howto-difficult-grid,.howto-complex-grid,.howto-progress-grid{gap:var(--space-6)}.howto-diagram-image{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background-color:var(--color-surface)}.howto-bullet-list{display:grid;gap:0.35rem;margin-top:var(--space-2);margin-bottom:var(--space-2);padding-left:0}.howto-bullet-list li{position:relative;padding-left:1.2rem;font-size:var(--text-sm);color:var(--color-muted)}.howto-bullet-list li::before{content:"";position:absolute;left:0;top:0.6rem;width:0.35rem;height:0.35rem;border-radius:999px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent-mint))}.howto-ordered-list{counter-reset:howto-step;display:grid;gap:0.4rem;margin-top:var(--space-2);margin-bottom:var(--space-2);padding-left:0}.howto-ordered-list li{counter-increment:howto-step;position:relative;padding-left:1.7rem;font-size:var(--text-sm);color:var(--color-muted)}.howto-ordered-list li::before{content:counter(howto-step);position:absolute;left:0;top:0.25rem;width:1.15rem;height:1.15rem;border-radius:0.75rem;background:var(--color-primary-soft);color:var(--color-text);display:flex;align-items:center;justify-content:center;font-size:0.7rem;font-weight:700;box-shadow:var(--shadow-xs)}.howto-next-links{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.howto-next-links p{margin-bottom:0}.howto-next-links .pill-nav a{font-size:var(--text-xs)}@media (max-width:767px){.howto-hero{padding:var(--space-4)}.howto-hero-overlay{flex-direction:column;align-items:stretch;inset:auto 10% 10% 10%}}@media (min-width:768px){.howto-hero-visual{padding-left:var(--space-4)}}