.comparison-section.svelte-1gi8bx8{background:var(--background-secondary);border-radius:var(--size-2xl);padding:var(--size-xl) var(--size-xl) var(--size-2xs)}.comparison-section.svelte-1gi8bx8 h2:where(.svelte-1gi8bx8){color:var(--content-primary);letter-spacing:-.96px;padding-bottom:var(--size-xl);text-align:center}.columns.svelte-1gi8bx8{display:flex;gap:var(--size-md)}.columns.dual.svelte-1gi8bx8 .column:where(.svelte-1gi8bx8){flex:1;min-width:0}.columns.single.svelte-1gi8bx8{justify-content:center}.columns.single.svelte-1gi8bx8 .column-full:where(.svelte-1gi8bx8){width:100%}:is(.columns.single:where(.svelte-1gi8bx8) .column-full:where(.svelte-1gi8bx8)) .tips-area.svelte-1gi8bx8{align-items:flex-start;display:flex;flex-direction:column;padding:0 var(--size-md)}:is(:is(.columns.single:where(.svelte-1gi8bx8) .column-full:where(.svelte-1gi8bx8)) .tips-area:where(.svelte-1gi8bx8)) .tips.svelte-1gi8bx8{max-width:50%}:is(.columns.single:where(.svelte-1gi8bx8) .column-full:where(.svelte-1gi8bx8)) .tips-dual.svelte-1gi8bx8{display:flex;gap:var(--size-md)}:is(:is(.columns.single:where(.svelte-1gi8bx8) .column-full:where(.svelte-1gi8bx8)) .tips-dual:where(.svelte-1gi8bx8)) .tips-area.svelte-1gi8bx8{flex:1;min-width:0}:is(:is(:is(.columns.single:where(.svelte-1gi8bx8) .column-full:where(.svelte-1gi8bx8)) .tips-dual:where(.svelte-1gi8bx8)) .tips-area:where(.svelte-1gi8bx8)) .tips.svelte-1gi8bx8{max-width:100%}.column-media.svelte-1gi8bx8{aspect-ratio:auto;border-radius:var(--size-2xl);display:block;object-fit:cover;width:100%}.badge.svelte-1gi8bx8{border-radius:var(--size-sm);display:inline-flex;margin-top:var(--size-md);padding:var(--size-2xs) var(--size-s)}.badge.badge-do.svelte-1gi8bx8{background:var(--green-001);color:var(--green-010)}.badge.badge-avoid.svelte-1gi8bx8{background:var(--red-001);color:#ff5354}.tips.svelte-1gi8bx8{flex-direction:column;padding-bottom:var(--size-md);padding-top:var(--size-md)}.tip-row.svelte-1gi8bx8,.tips.svelte-1gi8bx8{display:flex;gap:var(--size-md)}.tip-row.svelte-1gi8bx8{align-items:flex-start}.tip-row.svelte-1gi8bx8 .tip-number:where(.svelte-1gi8bx8){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-1gi8bx8 p:where(.svelte-1gi8bx8){color:var(--content-secondary);font-weight:500}@media(max-width:1024px){.columns.dual.svelte-1gi8bx8,.columns.single.svelte-1gi8bx8 .column-full:where(.svelte-1gi8bx8) .tips-dual:where(.svelte-1gi8bx8){flex-direction:column}}@media(max-width:640px){.comparison-section.svelte-1gi8bx8{padding:var(--size-md) var(--size-sm) var(--size-2xs)}.columns.single.svelte-1gi8bx8 .column-full:where(.svelte-1gi8bx8) .tips-area:where(.svelte-1gi8bx8) .tips:where(.svelte-1gi8bx8){max-width:100%}}@media(max-width:480px){.comparison-section.svelte-1gi8bx8{padding:var(--size-sm) var(--size-xs) var(--size-2xs)}}.howto-section.svelte-17pk3wz{background:var(--background-secondary);border-radius:var(--size-2xl);padding:var(--size-xl) var(--size-2xs) var(--size-2xs)}.howto-title.svelte-17pk3wz{color:var(--content-primary);letter-spacing:-.96px;padding-bottom:var(--size-xl);padding-top:var(--size-md);text-align:center}.scroll-layout.svelte-17pk3wz,.scroll-spacers.svelte-17pk3wz{position:relative}.scroll-spacers.svelte-17pk3wz{pointer-events:none}.scroll-spacer.svelte-17pk3wz{height:60vh}.scroll-spacer.svelte-17pk3wz:last-child{height:30vh}.sticky-content.svelte-17pk3wz{align-items:flex-start;display:flex;gap:var(--size-md);padding-bottom:var(--size-md);position:sticky;top:var(--size-4xl)}.step-container.svelte-17pk3wz{flex:1;min-height:280px;min-width:0;position:relative}.step-card.svelte-17pk3wz{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-17pk3wz{opacity:1;pointer-events:auto;transform:translateY(0)}.step-card.svelte-17pk3wz .step-description:where(.svelte-17pk3wz),.step-card.svelte-17pk3wz p:where(.svelte-17pk3wz){color:var(--content-secondary);font-weight:500;max-width:400px;white-space:pre-line}:is(.step-card.svelte-17pk3wz .step-description:where(.svelte-17pk3wz)) p{margin:0 0 var(--size-2xs) 0}.svelte-17pk3wz:is(:is(.step-card:where(.svelte-17pk3wz) .step-description:where(.svelte-17pk3wz)) p):last-child{margin-bottom:0}:is(.step-card.svelte-17pk3wz .step-description:where(.svelte-17pk3wz)) ol,:is(.step-card.svelte-17pk3wz .step-description:where(.svelte-17pk3wz)) ul{margin:0 0 var(--size-2xs) 0;padding-left:var(--size-md)}:is(.step-card.svelte-17pk3wz .step-description:where(.svelte-17pk3wz)) a{color:var(--primary);-webkit-text-decoration:underline;text-decoration:underline}.step-header.svelte-17pk3wz{align-items:center;display:flex;justify-content:space-between;width:100%}.step-badge.svelte-17pk3wz{background:var(--grey-004);border-radius:var(--size-sm);color:var(--content-primary);padding:var(--size-2xs) var(--size-sm)}.step-timestamp.svelte-17pk3wz{color:var(--content-tertiary)}.video-container.svelte-17pk3wz{flex:1;min-width:0}.howto-video.svelte-17pk3wz{aspect-ratio:1/1;border-radius:var(--size-2xl);display:block;object-fit:cover;width:100%}@media(max-width:1024px){.scroll-spacers.svelte-17pk3wz{display:none}.sticky-content.svelte-17pk3wz{flex-direction:column-reverse;margin-top:0;position:static}.step-container.svelte-17pk3wz{display:flex;flex-direction:column;gap:var(--size-sm);min-height:auto;position:relative}.step-card.svelte-17pk3wz{opacity:1;pointer-events:auto;position:relative;transform:none}.howto-video.svelte-17pk3wz{aspect-ratio:16/9}}@media(max-width:640px){.howto-section.svelte-17pk3wz{padding:var(--size-md) var(--size-sm) var(--size-2xs)}.step-card.svelte-17pk3wz .step-description:where(.svelte-17pk3wz),.step-card.svelte-17pk3wz p:where(.svelte-17pk3wz){max-width:none}}@media(max-width:480px){.howto-section.svelte-17pk3wz{padding:var(--size-sm) var(--size-xs) var(--size-2xs)}}.overlay.svelte-61go4m{-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-61go4m{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-61go4m{opacity:0;pointer-events:none;transform:translateY(20px) scale(.9)}.floating-video.svelte-61go4m video:where(.svelte-61go4m){height:100%;object-fit:cover;width:100%}.floating-video.svelte-61go4m .close-btn:where(.svelte-61go4m){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-61go4m:is(.floating-video:where(.svelte-61go4m) .close-btn:where(.svelte-61go4m)):hover{background:#000000b3}.floating-video.expanded.svelte-61go4m{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-61go4m{bottom:var(--size-sm);right:var(--size-sm);width:120px}.floating-video.expanded.svelte-61go4m{width:min(340px,85vw)}}.best-practices.svelte-p7bozd{position:relative}.best-practices.svelte-p7bozd .yellow-gradient:where(.svelte-p7bozd){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-p7bozd .sections:where(.svelte-p7bozd){display:flex;flex-direction:column;gap:var(--size-3xl);grid-column:2/span 10}.best-practices.svelte-p7bozd .faq-title:where(.svelte-p7bozd){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-p7bozd .faq-questions:where(.svelte-p7bozd){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-p7bozd .faq-title:where(.svelte-p7bozd),.best-practices.svelte-p7bozd .sections:where(.svelte-p7bozd){grid-column:1/span 8}.best-practices.svelte-p7bozd .faq-questions:where(.svelte-p7bozd){grid-column:1/span 8;padding-bottom:var(--size-xl)}}@media(max-width:640px){.best-practices.svelte-p7bozd .faq-questions:where(.svelte-p7bozd),.best-practices.svelte-p7bozd .faq-title:where(.svelte-p7bozd),.best-practices.svelte-p7bozd .sections:where(.svelte-p7bozd){grid-column:1/span 6}}