.hw-guide-main{max-width:1200px;margin:0 auto;padding:var(--hw-spacing-xl) var(--hw-spacing-md)}.hw-guide-hero{text-align:center;margin-bottom:calc(var(--hw-spacing-xl) * 1.5);padding:var(--hw-spacing-xl) 0}.hw-guide-title{font-family:var(--font-display);font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:var(--font-bold);background:var(--hw-gradient-warm-to-coral);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem;line-height:1.2}.hw-guide-subtitle{font-size:var(--text-xl);color:var(--hw-text-medium);margin:0 0 2rem;opacity:.9}.hw-guide-content{background:var(--hw-gradient-dark-to-darker);border-radius:var(--hw-radius-lg);border:1px solid var(--hw-border-accent);padding:calc(var(--hw-spacing-xl) * 1.25)}.hw-guide-section{margin-bottom:calc(var(--hw-spacing-xl) * 1.5)}.hw-guide-section:last-child{margin-bottom:0}.hw-section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--hw-primary-warm);margin:0 0 calc(var(--hw-spacing-md) * 1.5) 0;padding-bottom:calc(var(--hw-spacing-md) * .75);border-bottom:2px solid var(--hw-primary-warm-30)}.hw-section-content{font-family:var(--font-primary);color:var(--hw-text-medium);line-height:1.8}.hw-section-content p{margin:0 0 calc(var(--hw-spacing-md) * 1.25) 0}.hw-section-content p:last-child{margin-bottom:0}.hw-info-box{background:var(--hw-gradient-warm-coral-light);border:1px solid var(--hw-primary-warm-30);border-radius:var(--hw-radius-md);padding:var(--hw-spacing-lg);margin:var(--hw-spacing-xl) 0}.hw-info-box-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--hw-primary-warm);margin:0 0 calc(var(--hw-spacing-md) * .75) 0}.hw-info-box-content{font-family:var(--font-primary);color:var(--hw-text-medium);line-height:1.7}.hw-example-box{background:var(--hw-tertiary-sky-10);border:1px solid var(--hw-tertiary-sky-30);border-radius:var(--hw-radius-md);padding:var(--hw-spacing-lg);margin:var(--hw-spacing-xl) 0}.hw-example-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--hw-tertiary-sky);margin:0 0 var(--hw-spacing-md) 0;text-transform:uppercase;letter-spacing:.5px}.hw-example-content{color:var(--hw-text-medium);font-family:var(--font-accent);font-size:var(--text-base);line-height:1.6}.hw-guide-image-container{margin:var(--hw-spacing-xl) 0;text-align:center;overflow:hidden}.hw-guide-image{max-width:100%;height:auto;border-radius:var(--hw-radius-md);border:2px solid var(--hw-border-accent);display:block;margin:0 auto}.hw-guide-image-caption{font-family:var(--font-primary);margin-top:var(--hw-spacing-md);font-size:var(--text-sm);color:var(--hw-text-muted);font-style:italic}.hw-guide-list{list-style:none;padding:0;margin:var(--hw-spacing-lg) 0}.hw-guide-list li{font-family:var(--font-primary);position:relative;padding-left:calc(var(--hw-spacing-xl) * 1.2);margin-bottom:var(--hw-spacing-md);color:var(--hw-text-medium);line-height:1.7}.hw-guide-list li:before{content:"▸";position:absolute;left:0;color:var(--hw-primary-warm);font-size:var(--text-xl);line-height:1.3}.hw-guide-table{width:100%;border-collapse:collapse;margin:var(--hw-spacing-xl) 0;background:var(--hw-bg-dark);border-radius:var(--hw-radius-md);overflow:hidden}.hw-guide-table th{font-family:var(--font-display);background:var(--hw-gradient-warm-coral-medium);color:var(--hw-primary-warm);font-weight:var(--font-semibold);text-align:left;padding:var(--hw-spacing-md);border-bottom:2px solid var(--hw-primary-warm-30)}.hw-guide-table td{font-family:var(--font-primary);padding:var(--hw-spacing-md);color:var(--hw-text-medium);border-bottom:1px solid var(--hw-border-light)}.hw-guide-table tr:last-child td{border-bottom:none}.hw-tip-box{background:var(--hw-gradient-mint-light);border-left:4px solid var(--hw-accent-mint);border-radius:var(--hw-radius-sm);padding:calc(var(--hw-spacing-md) * 1.25);margin:var(--hw-spacing-xl) 0}.hw-tip-box:before{content:"💡 TIP";display:block;font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--hw-accent-mint);margin-bottom:.5rem;letter-spacing:1px}.hw-tip-content{font-family:var(--font-primary);color:var(--hw-text-medium);line-height:1.7}.hw-warning-box{background:var(--hw-gradient-coral-light);border-left:4px solid var(--hw-secondary-coral);border-radius:var(--hw-radius-sm);padding:calc(var(--hw-spacing-md) * 1.25);margin:var(--hw-spacing-xl) 0}.hw-warning-box:before{content:"⚠️ IMPORTANT";display:block;font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--hw-secondary-coral);margin-bottom:.5rem;letter-spacing:1px}.hw-warning-content{font-family:var(--font-primary);color:var(--hw-text-medium);line-height:1.7}@media (max-width: 768px){.hw-guide-main{padding:var(--hw-spacing-md) var(--hw-spacing-sm)}.hw-guide-content{padding:calc(var(--hw-spacing-md) * 1.5)}.hw-guide-title{font-size:var(--text-3xl)}.hw-section-title{font-size:var(--text-2xl)}.hw-guide-table{font-size:var(--text-sm);overflow-x:auto;display:block}.hw-guide-table th,.hw-guide-table td{padding:calc(var(--hw-spacing-md) * .75)}.hw-info-box,.hw-example-box,.hw-tip-box,.hw-warning-box{padding:var(--hw-spacing-md);margin:calc(var(--hw-spacing-md) * 1.5) 0}.hw-guide-image-container{margin:calc(var(--hw-spacing-md) * 1.5) calc(var(--hw-spacing-sm) * -1)}.hw-guide-image{width:100%;height:auto;max-width:none}.hw-guide-list li{padding-left:calc(var(--hw-spacing-md) * 1.5)}}@media (max-width: 480px){.hw-guide-main{padding:calc(var(--hw-spacing-md) * .75) var(--hw-spacing-xs)}.hw-guide-content{padding:var(--hw-spacing-md);border-radius:var(--hw-radius-md)}.hw-guide-title{font-size:var(--text-2xl);padding:0 var(--hw-spacing-sm)}.hw-guide-subtitle{font-size:var(--text-base);padding:0 var(--hw-spacing-sm)}.hw-section-title{font-size:var(--text-xl)}.hw-section-content{font-size:var(--text-base)}.hw-info-box,.hw-example-box,.hw-tip-box,.hw-warning-box{padding:calc(var(--hw-spacing-md) * .75);margin:var(--hw-spacing-md) 0;font-size:var(--text-sm)}.hw-guide-table{font-size:var(--text-sm)}.hw-guide-table th,.hw-guide-table td{padding:var(--hw-spacing-sm);font-size:var(--text-sm)}.hw-guide-image-container{margin:var(--hw-spacing-md) calc(var(--hw-spacing-xs) * -1)}.hw-guide-image-caption{font-size:var(--text-sm);padding:0 var(--hw-spacing-sm)}.hw-guide-list{font-size:var(--text-base)}.hw-guide-list li{padding-left:calc(var(--hw-spacing-md) * 1.25);margin-bottom:calc(var(--hw-spacing-md) * .75)}.hw-guide-divider{margin:var(--hw-spacing-xl) 0}}@media (max-width: 1024px) and (orientation: landscape){.hw-guide-main{padding:var(--hw-spacing-md)}.hw-guide-content{padding:calc(var(--hw-spacing-md) * 1.5)}.hw-guide-title{font-size:var(--text-4xl)}.hw-guide-image-container{max-width:80%;margin:var(--hw-spacing-xl) auto}}@media (hover: none) and (pointer: coarse){.hw-guide-list li{min-height:44px;display:flex;align-items:center}.hw-section-title{padding:var(--hw-spacing-sm) 0 var(--hw-spacing-md) 0}.hw-guide-table{-webkit-overflow-scrolling:touch}}.hw-code-block{background:var(--hw-bg-darker);border:1px solid var(--hw-border-light);border-radius:var(--hw-radius-sm);padding:var(--hw-spacing-md);margin:calc(var(--hw-spacing-md) * 1.5) 0;overflow-x:auto}.hw-code-block code{color:var(--hw-tertiary-sky);font-family:var(--font-accent);font-size:var(--text-sm);line-height:1.5}.hw-guide-divider{height:2px;background:linear-gradient(90deg,transparent,var(--hw-primary-warm-30),transparent);margin:calc(var(--hw-spacing-xl) * 1.5) 0;border:none}.hw-video-link-container[data-astro-cid-mpbrqaz4]{margin:2rem 0;text-align:center}.hw-video-link[data-astro-cid-mpbrqaz4]{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,var(--hw-primary-warm),var(--hw-secondary-coral));color:var(--hw-text-white);text-decoration:none;border-radius:var(--hw-radius-md);font-weight:600;font-size:1.1rem;box-shadow:0 4px 8px #0003}@media (max-width: 768px){.hw-video-link[data-astro-cid-mpbrqaz4]{padding:.875rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.hw-video-link-container[data-astro-cid-mpbrqaz4]{margin:1.5rem 0}.hw-video-link[data-astro-cid-mpbrqaz4]{padding:.75rem 1.25rem;font-size:.95rem}}