.style-module__cpXyrG__learnHub{min-height:100vh;padding:var(--page-padding-mobile);padding-top:var(--space-8)}@media (min-width:768px){.style-module__cpXyrG__learnHub{padding:var(--page-padding-desktop);padding-top:var(--space-8)}}.style-module__cpXyrG__hubHero{text-align:center;padding:var(--space-16)var(--space-6)var(--space-12);max-width:var(--page-max-width);margin:0 auto var(--space-12);background:linear-gradient(#0f172a 0%,#1e293b 100%);border-radius:0}@media (min-width:640px){.style-module__cpXyrG__hubHero{border-radius:var(--radius-xl)}}.style-module__cpXyrG__hubBadge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:#a5b4fc;margin-bottom:var(--space-6);background:#6366f126;border:1px solid #6366f14d;display:inline-flex}.style-module__cpXyrG__hubTitle{font-size:var(--text-3xl);font-weight:800;line-height:var(--leading-tight);color:var(--text-inverse);margin:0 0 var(--space-5);letter-spacing:-.02em}@media (min-width:640px){.style-module__cpXyrG__hubTitle{font-size:var(--text-4xl)}}.style-module__cpXyrG__hubTitleAccent{background:linear-gradient(135deg,#818cf8 0%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.style-module__cpXyrG__hubSubtitle{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:#94a3b8;max-width:540px;margin:0 auto}.style-module__cpXyrG__articlesSection{padding-bottom:var(--space-16);max-width:var(--page-max-width);margin:0 auto}.style-module__cpXyrG__articlesGrid{justify-content:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.style-module__cpXyrG__articlesGrid>*{width:100%}@media (min-width:640px){.style-module__cpXyrG__articlesGrid>*{width:calc(50% - var(--space-5)/2)}}@media (min-width:900px){.style-module__cpXyrG__articlesGrid>*{width:calc(33.333% - var(--space-5)*2/3)}}.style-module__cpXyrG__articleCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base);flex-direction:column;text-decoration:none;display:flex}.style-module__cpXyrG__articleCard:hover{border-color:var(--primary);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.style-module__cpXyrG__articleCard:focus-visible{box-shadow:var(--focus-ring);outline:none}.style-module__cpXyrG__articleIcon{background:var(--primary-light);border-radius:var(--radius-md);width:48px;height:48px;color:var(--primary);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.style-module__cpXyrG__articleContent{flex-direction:column;flex:1;display:flex}.style-module__cpXyrG__articleCategory{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin-bottom:var(--space-1)}.style-module__cpXyrG__articleTitle{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text);margin:0 0 var(--space-2)}.style-module__cpXyrG__articleDescription{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0 0 var(--space-4);flex:1}.style-module__cpXyrG__articleMeta{padding-top:var(--space-4);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.style-module__cpXyrG__readTime{font-size:var(--text-xs);color:var(--text-tertiary)}.style-module__cpXyrG__readMore{align-items:center;gap:var(--space-2);font-size:var(--control-font-size-sm);font-weight:var(--font-semibold);color:var(--primary);display:flex}.style-module__cpXyrG__articleCard:hover .style-module__cpXyrG__readMore{color:var(--primary-hover)}.style-module__cpXyrG__valueSection{padding-bottom:var(--space-12);max-width:var(--page-max-width);margin:0 auto}.style-module__cpXyrG__valueSectionTitle{text-align:center;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text);margin-bottom:var(--space-8)}.style-module__cpXyrG__valueGrid{justify-content:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.style-module__cpXyrG__valueGrid>*{width:100%}@media (min-width:768px){.style-module__cpXyrG__valueGrid>*{width:calc(33.333% - var(--space-6)*2/3)}}.style-module__cpXyrG__valueItem{text-align:center;padding:var(--space-4)}.style-module__cpXyrG__valueItem h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text);margin-bottom:var(--space-2)}.style-module__cpXyrG__valueItem p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.style-module__cpXyrG__hubCta{text-align:center;padding:var(--space-12)var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:var(--page-max-width);margin:0 auto;margin-bottom:var(--space-12)}.style-module__cpXyrG__hubCtaTitle{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text);margin:0 0 var(--space-3)}.style-module__cpXyrG__hubCtaText{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-8);max-width:400px;margin-left:auto;margin-right:auto}.style-module__cpXyrG__hubCtaButtons{gap:var(--space-3);flex-direction:column;align-items:center;display:flex}@media (min-width:480px){.style-module__cpXyrG__hubCtaButtons{flex-direction:row;justify-content:center}}.style-module__cpXyrG__hubCtaPrimary{padding:var(--space-2)var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-inverse);background:linear-gradient(135deg,var(--primary)0%,#8b5cf6 100%);border-radius:var(--radius-sm);transition:all var(--transition-base);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (min-width:480px){.style-module__cpXyrG__hubCtaPrimary{padding:var(--space-3)var(--space-8);font-size:var(--text-base);border-radius:var(--radius-md)}}.style-module__cpXyrG__hubCtaPrimary:hover{color:var(--text-inverse);transform:translateY(-2px);box-shadow:0 10px 30px -10px #6366f180}.style-module__cpXyrG__hubCtaSecondary{padding:var(--space-2)var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition-base);background:0 0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (min-width:480px){.style-module__cpXyrG__hubCtaSecondary{padding:var(--space-3)var(--space-8);font-size:var(--text-base);border-radius:var(--radius-md)}}.style-module__cpXyrG__hubCtaSecondary:hover{border-color:var(--primary);color:var(--primary)}.style-module__cpXyrG__introSection{padding-bottom:var(--space-8);max-width:var(--page-max-width);margin:0 auto}.style-module__cpXyrG__introText{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.style-module__cpXyrG__introHighlights{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.style-module__cpXyrG__introHighlights{grid-template-columns:repeat(2,1fr)}}.style-module__cpXyrG__introHighlights li{font-size:var(--text-sm);color:var(--text);padding:var(--space-2)var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding-left:2rem;position:relative}.style-module__cpXyrG__introHighlights li:before{content:"✓";left:var(--space-3);color:var(--success);font-weight:var(--font-semibold);position:absolute}.style-module__cpXyrG__startHereSection{padding-bottom:var(--space-10);max-width:var(--page-max-width);margin:0 auto}.style-module__cpXyrG__startHereTitle{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text);margin-bottom:var(--space-2)}.style-module__cpXyrG__startHereDesc{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.style-module__cpXyrG__startHereGuides{gap:var(--space-3);flex-direction:column;display:flex}.style-module__cpXyrG__startHereGuide{gap:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);transition:all var(--transition-base);flex-direction:column;text-decoration:none;display:flex}@media (min-width:640px){.style-module__cpXyrG__startHereGuide{align-items:center;gap:var(--space-4);flex-direction:row}}.style-module__cpXyrG__startHereGuide:hover{border-color:var(--primary);transform:translate(4px)}.style-module__cpXyrG__startHereGuideTitle{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary);flex-shrink:0}.style-module__cpXyrG__startHereGuideReason{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.style-module__cpXyrG__categoriesSection{padding-bottom:var(--space-10);max-width:var(--page-max-width);margin:0 auto}.style-module__cpXyrG__categoriesSectionTitle{text-align:center;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text);margin-bottom:var(--space-8)}.style-module__cpXyrG__categoriesGrid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (min-width:768px){.style-module__cpXyrG__categoriesGrid{grid-template-columns:repeat(2,1fr)}}.style-module__cpXyrG__categoryCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.style-module__cpXyrG__categoryTitle{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text);margin-bottom:var(--space-2)}.style-module__cpXyrG__categoryDesc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.style-module__cpXyrG__categoryLinks{gap:var(--space-2);flex-wrap:wrap;display:flex}.style-module__cpXyrG__categoryLink{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1)var(--space-3);background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);transition:all var(--transition-base);text-decoration:none}.style-module__cpXyrG__categoryLink:hover{background:var(--primary);color:var(--text-inverse)}.style-module__cpXyrG__learnFaqSection{padding-bottom:var(--space-10);max-width:var(--page-max-width);margin:0 auto}.style-module__cpXyrG__learnFaqTitle{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text);margin-bottom:var(--space-5);text-align:center}.style-module__cpXyrG__learnFaqList{gap:var(--space-2);flex-direction:column;display:flex}.style-module__cpXyrG__learnFaqItem{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.style-module__cpXyrG__learnFaqItem[open]{border-color:var(--primary-light)}.style-module__cpXyrG__learnFaqQuestion{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text);cursor:pointer;transition:background var(--transition-base);list-style:none;display:flex}.style-module__cpXyrG__learnFaqQuestion::-webkit-details-marker{display:none}.style-module__cpXyrG__learnFaqQuestion:hover{background:var(--surface-alt)}.style-module__cpXyrG__learnFaqAnswer{padding:0 var(--space-4)var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.style-module__cpXyrG__page{max-width:var(--page-max-width);padding:var(--page-padding-mobile);padding-top:var(--space-8);margin:0 auto}@media (min-width:768px){.style-module__cpXyrG__page{padding:var(--page-padding-desktop);padding-top:var(--space-8)}}.style-module__cpXyrG__articleLayout{gap:var(--space-8);flex-direction:column;display:flex}@media (min-width:1100px){.style-module__cpXyrG__articleLayout{gap:var(--space-8);grid-template-columns:220px 1fr;align-items:start;display:grid}}.style-module__cpXyrG__articleSidebar{display:none}@media (min-width:1100px){.style-module__cpXyrG__articleSidebar{top:var(--space-8);max-height:calc(100vh - var(--space-16));display:block;position:sticky;overflow-y:auto}}.style-module__cpXyrG__articleMain{min-width:0}.style-module__cpXyrG__mobileToc{margin-bottom:var(--space-6);display:block}@media (min-width:1100px){.style-module__cpXyrG__mobileToc{display:none}}.style-module__cpXyrG__articleNav{margin-bottom:32px}.style-module__cpXyrG__articleNavLabel,.style-module__cpXyrG__articleNavLink,.style-module__cpXyrG__articleNavLinkActive{display:none}.style-module__cpXyrG__hero{text-align:center;margin-bottom:var(--space-8)}.style-module__cpXyrG__quickSummaryBox{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-6);text-align:left}@media (min-width:768px){.style-module__cpXyrG__quickSummaryBox{padding:var(--space-6)}}.style-module__cpXyrG__quickSummaryHeader{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}@media (min-width:640px){.style-module__cpXyrG__quickSummaryHeader{flex-direction:row;justify-content:space-between;align-items:center}}.style-module__cpXyrG__quickSummaryLabel{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin:0}.style-module__cpXyrG__quickSummaryMeta{gap:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.style-module__cpXyrG__quickSummaryMetaItem{align-items:center;gap:var(--space-1);display:flex}.style-module__cpXyrG__quickSummaryList{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.style-module__cpXyrG__quickSummaryPoint{font-size:var(--text-sm);color:var(--text);padding-left:var(--space-5);line-height:var(--leading-relaxed);position:relative}.style-module__cpXyrG__quickSummaryPoint:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.style-module__cpXyrG__breadcrumb{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.style-module__cpXyrG__breadcrumb a{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.style-module__cpXyrG__breadcrumb a:hover{color:var(--primary-hover)}.style-module__cpXyrG__title{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4);color:var(--text)}@media (min-width:768px){.style-module__cpXyrG__title{font-size:var(--text-4xl)}}.style-module__cpXyrG__subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:600px;margin:0 auto}.style-module__cpXyrG__content{gap:var(--space-4);flex-direction:column;display:flex}@media (min-width:768px){.style-module__cpXyrG__content{gap:var(--space-6)}}.style-module__cpXyrG__section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}@media (min-width:768px){.style-module__cpXyrG__section{padding:var(--space-8)}}.style-module__cpXyrG__sectionTitle{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);color:var(--text);display:flex}.style-module__cpXyrG__sectionIcon{background:var(--primary-light);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.style-module__cpXyrG__sectionText{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.style-module__cpXyrG__sectionText:last-child{margin-bottom:0}.style-module__cpXyrG__list{margin:0;padding:0;list-style:none}.style-module__cpXyrG__list li{font-size:var(--page-subtitle-size);color:var(--text);padding:var(--space-2)0;border-bottom:1px solid var(--border-light);padding-left:1.75rem;position:relative}.style-module__cpXyrG__list li:last-child{border-bottom:none}.style-module__cpXyrG__list li:before{content:"✓";color:var(--success);font-weight:var(--font-semibold);position:absolute;left:0}.style-module__cpXyrG__numberedList{counter-reset:step-counter;margin:0;padding:0;list-style:none}.style-module__cpXyrG__numberedList li{font-size:var(--page-subtitle-size);color:var(--text);padding:var(--space-4)0;border-bottom:1px solid var(--border-light);counter-increment:step-counter;padding-left:2.5rem;position:relative}.style-module__cpXyrG__numberedList li:last-child{border-bottom:none}.style-module__cpXyrG__numberedList li:before{content:counter(step-counter);left:0;top:var(--space-4);background:linear-gradient(135deg,var(--secondary)0%,#7c3aed 100%);width:24px;height:24px;color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.style-module__cpXyrG__highlight{background:linear-gradient(135deg,var(--secondary-light)0%,var(--primary-light)100%);border-radius:var(--radius-md);padding:var(--space-4)var(--space-5);margin:var(--space-5)0;border:1px solid #c7d2fe}@media (min-width:768px){.style-module__cpXyrG__highlight{padding:var(--space-5)var(--space-6)}}.style-module__cpXyrG__highlight p{font-size:var(--text-sm);color:#4338ca;line-height:var(--leading-relaxed);margin:0}.style-module__cpXyrG__highlight strong{color:#3730a3}.style-module__cpXyrG__callout{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);margin:var(--space-5)0;display:flex}@media (min-width:768px){.style-module__cpXyrG__callout{padding:var(--space-5);gap:var(--space-4)}}.style-module__cpXyrG__calloutIcon{flex-shrink:0;align-items:flex-start;width:24px;height:24px;padding-top:2px;display:flex}.style-module__cpXyrG__calloutContent{flex:1;min-width:0}.style-module__cpXyrG__calloutTitle{font-weight:var(--font-semibold);margin-bottom:var(--space-1);font-size:var(--text-sm)}.style-module__cpXyrG__calloutBody{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.style-module__cpXyrG__calloutBody p{margin:0}.style-module__cpXyrG__calloutBody p+p{margin-top:var(--space-2)}.style-module__cpXyrG__calloutTip{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #a7f3d0}.style-module__cpXyrG__calloutTip .style-module__cpXyrG__calloutIcon{color:#059669}.style-module__cpXyrG__calloutTip .style-module__cpXyrG__calloutTitle{color:#047857}.style-module__cpXyrG__calloutTip .style-module__cpXyrG__calloutBody{color:#065f46}.style-module__cpXyrG__calloutWarning{background:linear-gradient(135deg,#fefce8 0%,#fef3c7 100%);border:1px solid #fde68a}.style-module__cpXyrG__calloutWarning .style-module__cpXyrG__calloutIcon{color:#d97706}.style-module__cpXyrG__calloutWarning .style-module__cpXyrG__calloutTitle{color:#b45309}.style-module__cpXyrG__calloutWarning .style-module__cpXyrG__calloutBody{color:#92400e}.style-module__cpXyrG__calloutInfo{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe}.style-module__cpXyrG__calloutInfo .style-module__cpXyrG__calloutIcon{color:#2563eb}.style-module__cpXyrG__calloutInfo .style-module__cpXyrG__calloutTitle{color:#1d4ed8}.style-module__cpXyrG__calloutInfo .style-module__cpXyrG__calloutBody{color:#1e40af}.style-module__cpXyrG__calloutExample{background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);border:1px solid #e9d5ff}.style-module__cpXyrG__calloutExample .style-module__cpXyrG__calloutIcon{color:#9333ea}.style-module__cpXyrG__calloutExample .style-module__cpXyrG__calloutTitle{color:#7e22ce}.style-module__cpXyrG__calloutExample .style-module__cpXyrG__calloutBody{color:#6b21a8}.style-module__cpXyrG__subheading{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text);margin:var(--space-6)0 var(--space-3);padding-top:var(--space-2)}.style-module__cpXyrG__subheading:first-child{margin-top:0;padding-top:0}.style-module__cpXyrG__statsGrid{gap:var(--space-4);margin:var(--space-4)0;grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:600px){.style-module__cpXyrG__statsGrid{grid-template-columns:repeat(3,1fr)}}.style-module__cpXyrG__stat{text-align:center;padding:var(--space-4);background:var(--surface-alt);border-radius:var(--radius-md)}.style-module__cpXyrG__statValue{color:var(--primary);margin-bottom:var(--space-1);font-size:1.5rem;font-weight:700}.style-module__cpXyrG__statLabel{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.style-module__cpXyrG__twoColList{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.style-module__cpXyrG__twoColList{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}.style-module__cpXyrG__twoColList li{font-size:var(--text-sm);color:var(--text);padding:var(--space-3)var(--space-4);background:var(--surface-alt);border-radius:var(--radius-md);line-height:var(--leading-relaxed)}.style-module__cpXyrG__twoColList li strong{color:var(--text);margin-bottom:var(--space-1);display:block}.style-module__cpXyrG__keyTakeaways{background:var(--surface-alt);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-6)}.style-module__cpXyrG__keyTakeawaysLabel{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-2)}.style-module__cpXyrG__keyTakeawaysList{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.style-module__cpXyrG__keyTakeawaysList li{font-size:var(--text-sm);color:var(--text-secondary);padding-left:var(--space-4);line-height:var(--leading-relaxed);position:relative}.style-module__cpXyrG__keyTakeawaysList li:before{content:"→";color:var(--primary);font-size:var(--text-xs);position:absolute;left:0}.style-module__cpXyrG__faqSection{margin-top:var(--space-10);padding:var(--space-6)0;border-top:1px solid var(--border-light)}@media (min-width:768px){.style-module__cpXyrG__faqSection{margin-top:var(--space-12);padding:var(--space-8)0}}.style-module__cpXyrG__faqTitle{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);color:var(--text);text-align:center}.style-module__cpXyrG__faqList{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:768px){.style-module__cpXyrG__faqList{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}.style-module__cpXyrG__faqItem{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base);overflow:hidden}.style-module__cpXyrG__faqItem:hover{border-color:var(--border);box-shadow:0 2px 8px #0000000a}.style-module__cpXyrG__faqItem[open]{border-color:var(--primary-light);box-shadow:0 2px 12px #6366f114}.style-module__cpXyrG__faqQuestion{justify-content:space-between;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text);cursor:pointer;transition:background var(--transition-base);line-height:var(--leading-snug);margin:0;list-style:none;display:flex}@media (min-width:768px){.style-module__cpXyrG__faqQuestion{padding:var(--space-5)}}.style-module__cpXyrG__faqQuestion::-webkit-details-marker{display:none}.style-module__cpXyrG__faqQuestion:hover{background:var(--surface-alt)}.style-module__cpXyrG__faqQuestionText{text-align:left;flex:1}.style-module__cpXyrG__faqChevron{color:var(--text-tertiary);transition:transform var(--transition-base);flex-shrink:0;margin-top:2px}.style-module__cpXyrG__faqItem[open] .style-module__cpXyrG__faqChevron{transform:rotate(180deg)}.style-module__cpXyrG__faqAnswer{padding:0 var(--space-4)var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6}@media (min-width:768px){.style-module__cpXyrG__faqAnswer{padding:0 var(--space-5)var(--space-5)}}.style-module__cpXyrG__sidebarToc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.style-module__cpXyrG__sidebarTocTitle{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3)}.style-module__cpXyrG__sidebarTocList{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.style-module__cpXyrG__sidebarTocLink{font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-base);line-height:var(--leading-snug);text-decoration:none;display:block}.style-module__cpXyrG__sidebarTocLink:hover{background:var(--surface-alt);color:var(--primary)}.style-module__cpXyrG__related{margin-top:var(--space-8)}.style-module__cpXyrG__relatedTitle{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-4);color:var(--text-secondary)}.style-module__cpXyrG__relatedLinks{gap:var(--space-2);flex-wrap:wrap;display:flex}.style-module__cpXyrG__relatedLink{font-size:var(--text-sm);padding:var(--space-2)var(--space-4);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);transition:all var(--transition-base);text-decoration:none}.style-module__cpXyrG__relatedLink:hover{border-color:var(--primary);color:var(--primary)}.style-module__cpXyrG__relatedLink:focus-visible{box-shadow:var(--focus-ring);outline:none}
.youtube-thumbnail-best-practices-module___vr89a__heroIntro{gap:var(--space-4);flex-direction:column;max-width:720px;display:flex}.youtube-thumbnail-best-practices-module___vr89a__leadText{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.youtube-thumbnail-best-practices-module___vr89a__mt6{margin-top:var(--space-6)}.youtube-thumbnail-best-practices-module___vr89a__heroKicker{align-items:center;gap:var(--space-2);width:-moz-fit-content;width:fit-content;padding:var(--space-2)var(--space-3);background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase;border:1px solid #6366f140;display:inline-flex}.youtube-thumbnail-best-practices-module___vr89a__truthLine{background:linear-gradient(135deg,var(--surface-alt)0%,transparent 100%);border:1px solid var(--border-light);border-left:4px solid var(--primary);border-radius:var(--radius-lg);padding:var(--space-5);color:var(--text);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-snug)}@media (min-width:768px){.youtube-thumbnail-best-practices-module___vr89a__truthLine{padding:var(--space-6)}}.youtube-thumbnail-best-practices-module___vr89a__learnOutcomes{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}@media (min-width:640px){.youtube-thumbnail-best-practices-module___vr89a__learnOutcomes{justify-content:space-between;align-items:center;gap:var(--space-4);flex-direction:row}}.youtube-thumbnail-best-practices-module___vr89a__learnOutcomesLabel{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;margin:0}.youtube-thumbnail-best-practices-module___vr89a__learnOutcomesItems{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.youtube-thumbnail-best-practices-module___vr89a__pill{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);background:var(--surface-alt);border:1px solid var(--border-light);font-size:var(--text-xs);color:var(--text-secondary);align-items:center;line-height:1.4;display:inline-flex}.youtube-thumbnail-best-practices-module___vr89a__formulaGrid{gap:var(--space-5);margin-top:var(--space-4);grid-template-columns:1fr;align-items:start;display:grid}@media (min-width:900px){.youtube-thumbnail-best-practices-module___vr89a__formulaGrid{gap:var(--space-6);grid-template-columns:1.1fr .9fr}}.youtube-thumbnail-best-practices-module___vr89a__formulaCard{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);background:#fff;box-shadow:0 1px 3px #0000000f}@media (min-width:768px){.youtube-thumbnail-best-practices-module___vr89a__formulaCard{padding:var(--space-6)}}.youtube-thumbnail-best-practices-module___vr89a__formulaLine{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text);line-height:var(--leading-tight);margin:0 0 var(--space-3);letter-spacing:-.01em}.youtube-thumbnail-best-practices-module___vr89a__formulaSub{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.youtube-thumbnail-best-practices-module___vr89a__diagramWrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.youtube-thumbnail-best-practices-module___vr89a__diagramWrap svg{width:100%;height:auto;display:block}.youtube-thumbnail-best-practices-module___vr89a__principlesGrid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:768px){.youtube-thumbnail-best-practices-module___vr89a__principlesGrid{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}}.youtube-thumbnail-best-practices-module___vr89a__principleCard{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);background:#fff;flex-direction:column;display:flex;box-shadow:0 1px 3px #0000000f}.youtube-thumbnail-best-practices-module___vr89a__principleTitleRow{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.youtube-thumbnail-best-practices-module___vr89a__principleName{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text);line-height:var(--leading-snug);margin:0}.youtube-thumbnail-best-practices-module___vr89a__principleWhy{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.youtube-thumbnail-best-practices-module___vr89a__doNext{padding-top:var(--space-3);border-top:1px solid var(--border-light);margin-top:auto}.youtube-thumbnail-best-practices-module___vr89a__doNextLabel{margin:0 0 var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.youtube-thumbnail-best-practices-module___vr89a__doNextList{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.youtube-thumbnail-best-practices-module___vr89a__doNextList li{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);padding-left:16px;position:relative}.youtube-thumbnail-best-practices-module___vr89a__doNextList li:before{content:"›";color:#10b981;font-weight:700;position:absolute;left:0}.youtube-thumbnail-best-practices-module___vr89a__gallery{gap:var(--space-6);margin-top:var(--space-4);flex-direction:column;display:flex}.youtube-thumbnail-best-practices-module___vr89a__comparison{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);background:#fff;box-shadow:0 1px 3px #0000000f}@media (min-width:768px){.youtube-thumbnail-best-practices-module___vr89a__comparison{padding:var(--space-6)}}.youtube-thumbnail-best-practices-module___vr89a__comparisonTitle{margin:0 0 var(--space-4);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text);line-height:var(--leading-snug)}.youtube-thumbnail-best-practices-module___vr89a__comparisonGrid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.youtube-thumbnail-best-practices-module___vr89a__comparisonGood{order:1}.youtube-thumbnail-best-practices-module___vr89a__comparisonBad{order:2}@media (min-width:640px){.youtube-thumbnail-best-practices-module___vr89a__comparisonGrid{gap:var(--space-5);grid-template-columns:1fr 1fr;align-items:stretch}.youtube-thumbnail-best-practices-module___vr89a__comparisonBad{order:1}.youtube-thumbnail-best-practices-module___vr89a__comparisonGood{order:2}}.youtube-thumbnail-best-practices-module___vr89a__comparisonColumn{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);flex-direction:column;height:100%;display:flex}.youtube-thumbnail-best-practices-module___vr89a__comparisonColumnBad{background:linear-gradient(135deg,#fef2f2 0%,#fff7f7 100%);border:1px solid #b91c1c26}.youtube-thumbnail-best-practices-module___vr89a__comparisonColumnGood{background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf8 100%);border:1px solid #04785726}.youtube-thumbnail-best-practices-module___vr89a__comparisonChip{width:-moz-fit-content;width:fit-content;padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase;align-items:center;display:inline-flex}.youtube-thumbnail-best-practices-module___vr89a__comparisonChipBad{color:#fff;background:#dc2626}.youtube-thumbnail-best-practices-module___vr89a__comparisonChipGood{color:#fff;background:#059669}.youtube-thumbnail-best-practices-module___vr89a__comparisonHeadline{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text);line-height:var(--leading-snug);margin:0}.youtube-thumbnail-best-practices-module___vr89a__comparisonVisual{border-radius:var(--radius-md);aspect-ratio:16/9;background:#0f172a;position:relative;overflow:hidden}.youtube-thumbnail-best-practices-module___vr89a__comparisonVisual svg{width:100%;height:100%;display:block}.youtube-thumbnail-best-practices-module___vr89a__comparisonBullets{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.youtube-thumbnail-best-practices-module___vr89a__comparisonBullets li{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed);padding-left:20px;position:relative}.youtube-thumbnail-best-practices-module___vr89a__comparisonBullets li:before{content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:0}.youtube-thumbnail-best-practices-module___vr89a__comparisonColumnBad .youtube-thumbnail-best-practices-module___vr89a__comparisonBullets li:before{background:#dc2626}.youtube-thumbnail-best-practices-module___vr89a__comparisonColumnGood .youtube-thumbnail-best-practices-module___vr89a__comparisonBullets li:before{background:#059669}.youtube-thumbnail-best-practices-module___vr89a__exampleCard{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);background:#fff;flex-direction:column;display:flex;box-shadow:0 1px 3px #0000000f}.youtube-thumbnail-best-practices-module___vr89a__exampleTitle{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text);margin:0}.youtube-thumbnail-best-practices-module___vr89a__exampleGrid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:520px){.youtube-thumbnail-best-practices-module___vr89a__exampleGrid{gap:var(--space-4);grid-template-columns:1fr 1fr}}.youtube-thumbnail-best-practices-module___vr89a__thumbBlock{gap:var(--space-2);flex-direction:column;display:flex}.youtube-thumbnail-best-practices-module___vr89a__thumbLabelRow{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.youtube-thumbnail-best-practices-module___vr89a__thumbLabel{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase;margin:0}.youtube-thumbnail-best-practices-module___vr89a__thumbLabelBad{color:#b91c1c}.youtube-thumbnail-best-practices-module___vr89a__thumbLabelGood{color:#047857}.youtube-thumbnail-best-practices-module___vr89a__thumbHint{color:var(--text-tertiary);margin:0;font-size:11px}.youtube-thumbnail-best-practices-module___vr89a__thumb{border:1px solid var(--border);aspect-ratio:16/9;background:linear-gradient(135deg,#0f172a 0%,#334155 100%);border-radius:12px;position:relative;overflow:hidden}.youtube-thumbnail-best-practices-module___vr89a__thumb[data-variant=good]{background:linear-gradient(135deg,#0b1220 0%,#1f2937 100%)}.youtube-thumbnail-best-practices-module___vr89a__thumbInner{padding:var(--space-3);grid-template-columns:1fr;align-content:stretch;display:grid;position:absolute;inset:0}.youtube-thumbnail-best-practices-module___vr89a__thumbSubject{background:radial-gradient(circle at 30% 30%,#fbbf24 0%,#f97316 55%,#ef4444 100%);border:2px solid #ffffff2e;border-radius:999px;width:64px;height:64px;box-shadow:0 10px 30px #f9731659}.youtube-thumbnail-best-practices-module___vr89a__thumb[data-variant=bad] .youtube-thumbnail-best-practices-module___vr89a__thumbSubject{opacity:.75;width:40px;height:40px;box-shadow:none}.youtube-thumbnail-best-practices-module___vr89a__thumbObject{background:#ffffff1f;border:1px solid #ffffff29;border-radius:10px;width:88px;height:52px}.youtube-thumbnail-best-practices-module___vr89a__thumb[data-variant=bad] .youtube-thumbnail-best-practices-module___vr89a__thumbObject{opacity:.7;width:72px;height:44px}.youtube-thumbnail-best-practices-module___vr89a__thumbText{padding:var(--space-2)var(--space-3);color:#fff;letter-spacing:-.01em;background:#00000059;border:1px solid #ffffff29;border-radius:10px;align-self:end;width:-moz-fit-content;width:fit-content;max-width:100%;font-weight:800}.youtube-thumbnail-best-practices-module___vr89a__thumb[data-variant=bad] .youtube-thumbnail-best-practices-module___vr89a__thumbText{padding:var(--space-1)var(--space-2);background:#00000040;border-radius:8px;font-weight:700}.youtube-thumbnail-best-practices-module___vr89a__thumbTextSmall{font-size:11px;line-height:1.1}.youtube-thumbnail-best-practices-module___vr89a__thumbTextBig{font-size:18px;line-height:1.05}@media (min-width:768px){.youtube-thumbnail-best-practices-module___vr89a__thumbTextBig{font-size:20px}}.youtube-thumbnail-best-practices-module___vr89a__thumbClutter{pointer-events:none;position:absolute;inset:0}.youtube-thumbnail-best-practices-module___vr89a__thumbClutter span{background:#ffffff24;border:1px solid #ffffff2e;border-radius:4px;width:14px;height:14px;position:absolute}.youtube-thumbnail-best-practices-module___vr89a__thumb[data-variant=good] .youtube-thumbnail-best-practices-module___vr89a__thumbClutter span{display:none}.youtube-thumbnail-best-practices-module___vr89a__thumbDivider{background:var(--border-light);height:1px}.youtube-thumbnail-best-practices-module___vr89a__noteRow{gap:var(--space-2);grid-template-columns:1fr;display:grid}@media (min-width:640px){.youtube-thumbnail-best-practices-module___vr89a__noteRow{gap:var(--space-4);grid-template-columns:1fr 1fr}}.youtube-thumbnail-best-practices-module___vr89a__note{background:var(--surface-alt);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed)}.youtube-thumbnail-best-practices-module___vr89a__note strong{color:var(--text)}.youtube-thumbnail-best-practices-module___vr89a__playfulGrid{gap:var(--space-5);margin-top:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:900px){.youtube-thumbnail-best-practices-module___vr89a__playfulGrid{gap:var(--space-6);grid-template-columns:1fr 1fr}}.youtube-thumbnail-best-practices-module___vr89a__playfulCard{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);background:#fff;box-shadow:0 1px 3px #0000000f}.youtube-thumbnail-best-practices-module___vr89a__playfulTitle{margin:0 0 var(--space-2);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text)}.youtube-thumbnail-best-practices-module___vr89a__playfulText{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.youtube-thumbnail-best-practices-module___vr89a__playfulCard svg{width:100%;height:auto;display:block}.youtube-thumbnail-best-practices-module___vr89a__flow{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-4);background:#fff;box-shadow:0 1px 3px #0000000f}.youtube-thumbnail-best-practices-module___vr89a__flow svg{width:100%;height:auto;display:block}.youtube-thumbnail-best-practices-module___vr89a__chipSets{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:900px){.youtube-thumbnail-best-practices-module___vr89a__chipSets{gap:var(--space-5);grid-template-columns:1fr 1fr}}.youtube-thumbnail-best-practices-module___vr89a__chipSet{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);background:#fff;box-shadow:0 1px 3px #0000000f}.youtube-thumbnail-best-practices-module___vr89a__chipSetTitle{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text)}.youtube-thumbnail-best-practices-module___vr89a__chipList{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.youtube-thumbnail-best-practices-module___vr89a__chip{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-alt);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.5}.youtube-thumbnail-best-practices-module___vr89a__chipBad{background:#fef2f2;border-color:#ef444440}.youtube-thumbnail-best-practices-module___vr89a__chipGood{background:#ecfdf5;border-color:#10b98140}.youtube-thumbnail-best-practices-module___vr89a__miniGuide{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:900px){.youtube-thumbnail-best-practices-module___vr89a__miniGuide{gap:var(--space-5);grid-template-columns:1fr 1fr}}.youtube-thumbnail-best-practices-module___vr89a__miniGuideCard{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);background:#fff;flex-direction:column;display:flex;box-shadow:0 1px 3px #0000000f}.youtube-thumbnail-best-practices-module___vr89a__miniGuideTitle{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text);margin:0}.youtube-thumbnail-best-practices-module___vr89a__miniGuideText{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.youtube-thumbnail-best-practices-module___vr89a__miniGuideCard svg{width:100%;height:auto;display:block}.youtube-thumbnail-best-practices-module___vr89a__sprint{margin-top:var(--space-4);border-radius:var(--radius-lg);padding:var(--space-5);background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe}@media (min-width:768px){.youtube-thumbnail-best-practices-module___vr89a__sprint{padding:var(--space-6)}}.youtube-thumbnail-best-practices-module___vr89a__sprintTitle{margin:0 0 var(--space-2);font-size:var(--text-base);font-weight:var(--font-bold);color:#1e3a8a}.youtube-thumbnail-best-practices-module___vr89a__sprintText{margin:0 0 var(--space-4);font-size:var(--text-sm);color:#1e40af;line-height:var(--leading-relaxed)}.youtube-thumbnail-best-practices-module___vr89a__sprintSteps{gap:var(--space-2);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.youtube-thumbnail-best-practices-module___vr89a__sprintSteps{gap:var(--space-3);grid-template-columns:1fr 1fr}}.youtube-thumbnail-best-practices-module___vr89a__sprintStep{border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-sm);color:#1e3a8a;line-height:var(--leading-relaxed);background:#fffc;border:1px solid #1e40af26}.youtube-thumbnail-best-practices-module___vr89a__tableWrap{margin-top:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;overflow:hidden}.youtube-thumbnail-best-practices-module___vr89a__tableScroll{overflow-x:auto}.youtube-thumbnail-best-practices-module___vr89a__table{border-collapse:collapse;width:100%;min-width:640px}.youtube-thumbnail-best-practices-module___vr89a__table th{text-align:left;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);padding:var(--space-4);background:var(--surface-alt);border-bottom:1px solid var(--border-light)}.youtube-thumbnail-best-practices-module___vr89a__table td{vertical-align:top;padding:var(--space-4);border-bottom:1px solid var(--border-light);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.youtube-thumbnail-best-practices-module___vr89a__table tr:last-child td{border-bottom:none}.youtube-thumbnail-best-practices-module___vr89a__table td strong{color:var(--text);font-weight:var(--font-semibold)}.youtube-thumbnail-best-practices-module___vr89a__colorStrategy{gap:var(--space-5);margin-top:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:900px){.youtube-thumbnail-best-practices-module___vr89a__colorStrategy{grid-template-columns:1fr 1fr}}.youtube-thumbnail-best-practices-module___vr89a__colorCard{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);background:#fff;flex-direction:column;display:flex;box-shadow:0 1px 3px #0000000f}.youtube-thumbnail-best-practices-module___vr89a__colorCardTitle{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text);margin:0}.youtube-thumbnail-best-practices-module___vr89a__colorCardText{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.youtube-thumbnail-best-practices-module___vr89a__paletteRow{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.youtube-thumbnail-best-practices-module___vr89a__paletteSwatch{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--surface);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text);display:flex}.youtube-thumbnail-best-practices-module___vr89a__paletteDot{border-radius:50%;flex-shrink:0;width:16px;height:16px}.youtube-thumbnail-best-practices-module___vr89a__avoidCard{background:linear-gradient(135deg,#fef2f2 0%,#fff7f7 100%);border:1px solid #b91c1c33}.youtube-thumbnail-best-practices-module___vr89a__avoidCard .youtube-thumbnail-best-practices-module___vr89a__colorCardTitle{color:#991b1b}.youtube-thumbnail-best-practices-module___vr89a__avoidVisual{gap:var(--space-3);margin-top:var(--space-2);display:flex}.youtube-thumbnail-best-practices-module___vr89a__avoidItem{align-items:center;gap:var(--space-1);color:var(--text-tertiary);flex-direction:column;font-size:11px;display:flex}.youtube-thumbnail-best-practices-module___vr89a__avoidSwatch{border-radius:var(--radius-sm);border:1px solid #0000001a;width:40px;height:24px}.youtube-thumbnail-best-practices-module___vr89a__references{margin-top:var(--space-6);padding:var(--space-5);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-lg)}.youtube-thumbnail-best-practices-module___vr89a__referencesTitle{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text);text-transform:uppercase;letter-spacing:.05em}.youtube-thumbnail-best-practices-module___vr89a__referencesList{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.youtube-thumbnail-best-practices-module___vr89a__referencesList li{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.youtube-thumbnail-best-practices-module___vr89a__referencesList a{color:var(--primary);text-underline-offset:2px;-webkit-text-decoration:underline #6366f14d;text-decoration:underline #6366f14d;transition:text-decoration-color .15s}.youtube-thumbnail-best-practices-module___vr89a__referencesList a:hover{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.youtube-thumbnail-best-practices-module___vr89a__safeZoneWrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4)}.youtube-thumbnail-best-practices-module___vr89a__safeZoneWrap svg{width:100%;height:auto;display:block}.youtube-thumbnail-best-practices-module___vr89a__safeZoneLegend{gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light);flex-wrap:wrap;display:flex}.youtube-thumbnail-best-practices-module___vr89a__safeZoneLegendItem{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.youtube-thumbnail-best-practices-module___vr89a__legendDot{border-radius:3px;flex-shrink:0;width:12px;height:12px}.youtube-thumbnail-best-practices-module___vr89a__legendSafe{background:#10b9814d;border:1px solid #10b98180}.youtube-thumbnail-best-practices-module___vr89a__legendDanger{background:#ef44444d;border:1px solid #ef444480}