.comparison-section.svelte-aty5sr{background:var(--background-secondary);border-radius:var(--size-2xl);padding:var(--size-xl) var(--size-xl) var(--size-2xs)}.comparison-section.svelte-aty5sr h2:where(.svelte-aty5sr){color:var(--content-primary);letter-spacing:-.96px;padding-bottom:var(--size-xl);text-align:center}.columns.svelte-aty5sr{display:flex;gap:var(--size-md)}.columns.dual.svelte-aty5sr .column:where(.svelte-aty5sr){flex:1;min-width:0}.columns.single.svelte-aty5sr{justify-content:center}.columns.single.svelte-aty5sr .column-full:where(.svelte-aty5sr){width:100%}:is(.columns.single:where(.svelte-aty5sr) .column-full:where(.svelte-aty5sr)) .tips-area.svelte-aty5sr{align-items:flex-start;display:flex;flex-direction:column;padding:0 var(--size-md)}:is(:is(.columns.single:where(.svelte-aty5sr) .column-full:where(.svelte-aty5sr)) .tips-area:where(.svelte-aty5sr)) .tips.svelte-aty5sr{max-width:50%}:is(.columns.single:where(.svelte-aty5sr) .column-full:where(.svelte-aty5sr)) .tips-dual.svelte-aty5sr{display:flex;gap:var(--size-md)}:is(:is(.columns.single:where(.svelte-aty5sr) .column-full:where(.svelte-aty5sr)) .tips-dual:where(.svelte-aty5sr)) .tips-area.svelte-aty5sr{flex:1;min-width:0}:is(:is(:is(.columns.single:where(.svelte-aty5sr) .column-full:where(.svelte-aty5sr)) .tips-dual:where(.svelte-aty5sr)) .tips-area:where(.svelte-aty5sr)) .tips.svelte-aty5sr{max-width:100%}.column-media.svelte-aty5sr{aspect-ratio:auto;border-radius:var(--size-2xl);display:block;object-fit:cover;width:100%}.badge.svelte-aty5sr{border-radius:var(--size-sm);display:inline-flex;margin-top:var(--size-md);padding:var(--size-2xs) var(--size-s)}.badge.badge-do.svelte-aty5sr{background:var(--green-001);color:var(--green-010)}.badge.badge-avoid.svelte-aty5sr{background:var(--red-001);color:#ff5354}.tips.svelte-aty5sr{flex-direction:column;padding-bottom:var(--size-md);padding-top:var(--size-md)}.tip-row.svelte-aty5sr,.tips.svelte-aty5sr{display:flex;gap:var(--size-md)}.tip-row.svelte-aty5sr{align-items:flex-start}.tip-row.svelte-aty5sr .tip-number:where(.svelte-aty5sr){align-items:center;background:var(--white);border-radius:var(--size-sm);display:flex;flex-shrink:0;justify-content:center;padding:var(--size-2xs) var(--size-s)}.tip-row.svelte-aty5sr p:where(.svelte-aty5sr){color:var(--content-secondary);font-weight:500}@media(max-width:1024px){.columns.dual.svelte-aty5sr,.columns.single.svelte-aty5sr .column-full:where(.svelte-aty5sr) .tips-dual:where(.svelte-aty5sr){flex-direction:column}}@media(max-width:640px){.comparison-section.svelte-aty5sr{padding:var(--size-md) var(--size-sm) var(--size-2xs)}.columns.single.svelte-aty5sr .column-full:where(.svelte-aty5sr) .tips-area:where(.svelte-aty5sr) .tips:where(.svelte-aty5sr){max-width:100%}}@media(max-width:480px){.comparison-section.svelte-aty5sr{padding:var(--size-sm) var(--size-xs) var(--size-2xs)}}.howto-section.svelte-efs0gt{background:var(--background-secondary);border-radius:var(--size-2xl);padding:var(--size-xl) var(--size-2xs) var(--size-2xs)}.howto-title.svelte-efs0gt{color:var(--content-primary);letter-spacing:-.96px;padding-bottom:var(--size-xl);padding-top:var(--size-md);text-align:center}.scroll-layout.svelte-efs0gt,.scroll-spacers.svelte-efs0gt{position:relative}.scroll-spacers.svelte-efs0gt{pointer-events:none}.scroll-spacer.svelte-efs0gt{height:60vh}.scroll-spacer.svelte-efs0gt:last-child{height:30vh}.sticky-content.svelte-efs0gt{align-items:flex-start;display:flex;gap:var(--size-md);padding-bottom:var(--size-md);position:sticky;top:var(--size-4xl)}.step-container.svelte-efs0gt{flex:1;min-height:280px;min-width:0;position:relative}.step-card.svelte-efs0gt{align-items:flex-start;background:var(--grey-003);border-radius:var(--size-lm);display:flex;flex-direction:column;gap:var(--size-xs);left:0;opacity:0;padding:var(--size-sm) var(--size-sm) var(--size-md);pointer-events:none;position:absolute;right:0;top:0;transform:translateY(var(--size-sm));transition:opacity .4s ease,transform .4s ease}.step-card.active.svelte-efs0gt{opacity:1;pointer-events:auto;transform:translateY(0)}.step-card.svelte-efs0gt .step-description:where(.svelte-efs0gt),.step-card.svelte-efs0gt p:where(.svelte-efs0gt){color:var(--content-secondary);font-weight:500;max-width:400px;white-space:pre-line}:is(.step-card.svelte-efs0gt .step-description:where(.svelte-efs0gt)) p{margin:0 0 var(--size-2xs) 0}.svelte-efs0gt:is(:is(.step-card:where(.svelte-efs0gt) .step-description:where(.svelte-efs0gt)) p):last-child{margin-bottom:0}:is(.step-card.svelte-efs0gt .step-description:where(.svelte-efs0gt)) ol,:is(.step-card.svelte-efs0gt .step-description:where(.svelte-efs0gt)) ul{margin:0 0 var(--size-2xs) 0;padding-left:var(--size-md)}:is(.step-card.svelte-efs0gt .step-description:where(.svelte-efs0gt)) a{color:var(--primary);-webkit-text-decoration:underline;text-decoration:underline}.step-header.svelte-efs0gt{align-items:center;display:flex;justify-content:space-between;width:100%}.step-badge.svelte-efs0gt{background:var(--grey-004);border-radius:var(--size-sm);color:var(--content-primary);padding:var(--size-2xs) var(--size-sm)}.step-timestamp.svelte-efs0gt{color:var(--content-tertiary)}.video-container.svelte-efs0gt{flex:1;min-width:0}.howto-video.svelte-efs0gt{aspect-ratio:1/1;border-radius:var(--size-2xl);display:block;object-fit:cover;width:100%}@media(max-width:1024px){.scroll-spacers.svelte-efs0gt{display:none}.sticky-content.svelte-efs0gt{flex-direction:column-reverse;margin-top:0;position:static}.step-container.svelte-efs0gt{display:flex;flex-direction:column;gap:var(--size-sm);min-height:auto;position:relative}.step-card.svelte-efs0gt{opacity:1;pointer-events:auto;position:relative;transform:none}.howto-video.svelte-efs0gt{aspect-ratio:16/9}}@media(max-width:640px){.howto-section.svelte-efs0gt{padding:var(--size-md) var(--size-sm) var(--size-2xs)}.step-card.svelte-efs0gt .step-description:where(.svelte-efs0gt),.step-card.svelte-efs0gt p:where(.svelte-efs0gt){max-width:none}}@media(max-width:480px){.howto-section.svelte-efs0gt{padding:var(--size-sm) var(--size-xs) var(--size-2xs)}}.overlay.svelte-653woy{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;top:0;right:0;bottom:0;left:0;position:fixed;z-index:998}.floating-video.svelte-653woy{aspect-ratio:9/16;border-radius:12px;bottom:var(--size-md);box-shadow:0 4px 24px #00000026;cursor:pointer;overflow:hidden;position:fixed;right:var(--size-md);transition:width .4s cubic-bezier(.65,0,.35,1),bottom .4s cubic-bezier(.65,0,.35,1),right .4s cubic-bezier(.65,0,.35,1),border-radius .4s cubic-bezier(.65,0,.35,1),box-shadow .4s cubic-bezier(.65,0,.35,1),opacity .3s ease,transform .3s ease;width:180px;z-index:999}.floating-video.hidden.svelte-653woy{opacity:0;pointer-events:none;transform:translateY(20px) scale(.9)}.floating-video.svelte-653woy video:where(.svelte-653woy){height:100%;object-fit:cover;width:100%}.floating-video.svelte-653woy .close-btn:where(.svelte-653woy){align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:background .2s;width:32px;z-index:1001}.svelte-653woy:is(.floating-video:where(.svelte-653woy) .close-btn:where(.svelte-653woy)):hover{background:#000000b3}.floating-video.expanded.svelte-653woy{border-radius:16px;bottom:50%;box-shadow:0 8px 48px #0000004d;right:50%;translate:50% 50%;width:min(400px,80vw)}@media(max-width:480px){.floating-video.svelte-653woy{bottom:var(--size-sm);right:var(--size-sm);width:120px}.floating-video.expanded.svelte-653woy{width:min(340px,85vw)}}.best-practices.svelte-1yf50cu{position:relative}.best-practices.svelte-1yf50cu .yellow-gradient:where(.svelte-1yf50cu){background:radial-gradient(ellipse 50% 50% at 50% 40%,var(--yellow-010) 0,#0000 70%);height:600px;left:0;opacity:.4;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.best-practices.svelte-1yf50cu .sections:where(.svelte-1yf50cu){display:flex;flex-direction:column;gap:var(--size-3xl);grid-column:2/span 10}.best-practices.svelte-1yf50cu .faq-title:where(.svelte-1yf50cu){color:var(--content-primary);grid-column:3/span 8;padding-bottom:var(--size-xl);padding-top:var(--size-3xl);text-align:center}.best-practices.svelte-1yf50cu .faq-questions:where(.svelte-1yf50cu){display:flex;flex-direction:column;gap:var(--size-xs);grid-column:3/span 8;padding-bottom:var(--size-2xl)}@media(max-width:1024px){.best-practices.svelte-1yf50cu .faq-title:where(.svelte-1yf50cu),.best-practices.svelte-1yf50cu .sections:where(.svelte-1yf50cu){grid-column:1/span 8}.best-practices.svelte-1yf50cu .faq-questions:where(.svelte-1yf50cu){grid-column:1/span 8;padding-bottom:var(--size-xl)}}@media(max-width:640px){.best-practices.svelte-1yf50cu .faq-questions:where(.svelte-1yf50cu),.best-practices.svelte-1yf50cu .faq-title:where(.svelte-1yf50cu),.best-practices.svelte-1yf50cu .sections:where(.svelte-1yf50cu){grid-column:1/span 6}}