.cleaner-page__hero{padding:calc(var(--header-height) + var(--space-4)) 0 var(--space-4);text-align:center}.cleaner-page__title{font-family:var(--font-heading);font-size:clamp(28px,4vw,44px);font-weight:var(--fw-extrabold);line-height:var(--lh-tight);color:var(--text-heading);margin:0 0 var(--space-3)}.cleaner-page__answer{max-width:760px;margin:0 auto var(--space-2);font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--text-primary)}.cleaner-page__tool{padding:0 0 var(--space-12)}.cleaner-page__section{padding:var(--space-8) 0}.cleaner-page__column{max-width:760px}.cleaner-page__section-title{font-family:var(--font-heading);font-size:clamp(22px,3vw,30px);font-weight:var(--fw-bold);color:var(--text-heading);margin:0 0 var(--space-3)}.cleaner-page__section-sub{margin:0 0 var(--space-5);font-size:var(--fs-base);line-height:var(--lh-relaxed);color:var(--text-secondary)}.cleaner-page__card-title{font-family:var(--font-heading);font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-heading);margin:0 0 var(--space-2)}.cleaner-page__link{color:var(--accent-soft);text-decoration:underline;text-underline-offset:2px}.cleaner-page__link:hover{color:var(--accent-hover)}.cleaner-page__note{margin:var(--space-3) 0 0;font-size:var(--fs-base);color:var(--text-secondary)}.cleaner-page__sources,.cleaner-page__word,.cleaner-page__how{display:flex;flex-direction:column;gap:var(--space-4);list-style:none;padding:0;margin:0}.cleaner-page__source,.cleaner-page__card,.cleaner-page__youtube,.cleaner-page__how-step{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-5)}.cleaner-page__youtube{margin-bottom:var(--space-4);border-color:var(--border-accent)}.cleaner-page__source p,.cleaner-page__how-step p{margin:0 0 var(--space-2);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text-secondary)}.cleaner-page__source-links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.cleaner-page__source-links:empty{display:none}.cleaner-page__facts{margin:0;padding-left:0;font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text-secondary)}.cleaner-page__facts li+li{margin-top:var(--space-2)}.cleaner-page__steps{margin:0 0 var(--space-4);padding-left:0;list-style:none;counter-reset:cleaner-step;font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text-secondary)}.cleaner-page__steps li{display:grid;grid-template-columns:1.5em 1fr;counter-increment:cleaner-step}.cleaner-page__steps li:before{content:counter(cleaner-step) ".";color:var(--text-heading);font-weight:var(--fw-semibold)}.cleaner-page__steps li+li{margin-top:var(--space-2)}.cleaner-page__patterns{margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.cleaner-page__patterns dt{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-1)}.cleaner-page__patterns dd{margin:0}.cleaner-page__patterns code{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--glass);border:1px solid var(--glass-border);color:var(--text-heading);font-size:var(--fs-sm);overflow-wrap:anywhere}.cleaner-page__example{padding:var(--space-5);border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass);color:var(--text-primary);font-size:var(--fs-sm);line-height:var(--lh-relaxed)}.cleaner-page__example p{margin:0 0 var(--space-3)}.cleaner-page__example pre{margin:0 0 var(--space-5);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--glass);white-space:pre-wrap;overflow-wrap:anywhere}.cleaner-page__example pre:last-child{margin-bottom:0}.cleaner-page__faq{display:flex;flex-direction:column;gap:var(--space-2)}.cleaner-page__faq-item{border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.cleaner-page__faq-item--open{border-color:var(--border-accent)}.cleaner-page__faq-heading{margin:0}.cleaner-page__faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);background:transparent;border:none;color:var(--text-heading);font-family:var(--font-family);font-size:var(--fs-base);font-weight:var(--fw-medium);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.cleaner-page__faq-question:hover{background:var(--glass)}.cleaner-page__faq-icon{color:var(--accent-soft);font-size:var(--fs-xl);flex-shrink:0;transition:transform var(--transition-fast)}.cleaner-page__faq-item--open .cleaner-page__faq-icon{transform:rotate(45deg)}.cleaner-page__faq-answer{overflow:hidden;max-height:0;transition:max-height var(--transition-base)}.cleaner-page__faq-item--open .cleaner-page__faq-answer{max-height:600px}.cleaner-page__faq-answer-inner{padding:0 var(--space-5) var(--space-4);color:var(--text-secondary);font-size:var(--fs-base);line-height:var(--lh-relaxed)}@media(max-width:640px){.cleaner-page__hero{padding-top:calc(var(--header-height) + var(--space-2))}.cleaner-page__answer{font-size:var(--fs-base)}.cleaner-page__source,.cleaner-page__card,.cleaner-page__youtube,.cleaner-page__how-step{padding:var(--space-4)}}