@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Source+Serif+4:wght@400;600;700&display=swap');:root{--primary: #1B2A4A;--primary-light: #2C3E6B;--primary-dark: #0F1A30;--teal: #00BFA5;--teal-light: #33CFBA;--teal-dark: #009882;--amber: #FF8F00;--amber-light: #FFB300;--amber-dark: #E65100;--light-gray: #F5F5F5;--medium-gray: #E0E0E0;--dark-gray: #424242;--text: #212121;--text-light: #616161;--white: #FFFFFF;--shadow-sm: 0 2px 8px rgba(27,42,74,0.06);--shadow-md: 0 4px 20px rgba(27,42,74,0.10);--shadow-lg: 0 8px 40px rgba(27,42,74,0.14);--radius: 8px;--radius-lg: 16px;--max-width: 1200px;--content-width: 820px;--font-heading: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-body: 'Source Serif 4',Georgia,'Times New Roman',serif}*,*::before,*::after{box-sizing: border-box}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%}body{margin: 0;padding: 0;font-family: var(--font-body);font-size: 18px;line-height: 1.8;color: var(--text);background-color: var(--white)}h1,h2,h3,h4,h5,h6{margin: 0;font-family: var(--font-heading);font-weight: 700;line-height: 1.3;color: var(--primary)}p{margin: 0 0 1.2em 0}a{color: var(--teal);text-decoration: none;transition: color 0.2s ease}a:hover{text-decoration: underline}ul,ol{margin: 0 0 1.2em 0;padding-left: 1.5em}li{margin-bottom: 0.4em}img{max-width: 100%;height: auto;display: block}figure{margin: 24px 0}figcaption{font-size: 14px;color: var(--text-light);text-align: center;margin-top: 8px;font-family: var(--font-heading)}strong{font-weight: 700;color: var(--primary)}em{font-style: italic}blockquote{margin: 24px 0;padding: 16px 24px;border-left: 4px solid var(--teal);background: var(--light-gray);font-style: italic;color: var(--text-light);border-radius: 0 var(--radius) var(--radius) 0}hr{border: none;border-top: 1px solid var(--medium-gray);margin: 40px 0}::selection{background: rgba(0,191,165,0.2);color: var(--primary-dark)}::-moz-selection{background: rgba(0,191,165,0.2);color: var(--primary-dark)}:focus-visible{outline: 2px solid var(--teal);outline-offset: 2px}::-webkit-scrollbar{width: 8px}::-webkit-scrollbar-track{background: var(--light-gray)}::-webkit-scrollbar-thumb{background: var(--medium-gray);border-radius: 4px}::-webkit-scrollbar-thumb:hover{background: var(--dark-gray)}h1{font-size: 2.5em;font-weight: 800}h2{font-size: 1.8em;font-weight: 700}h3{font-size: 1.4em;font-weight: 700}h4{font-size: 1.2em;font-weight: 700}.main{max-width: var(--content-width);margin: 0 auto;padding: 24px}.article-content{width: 100%}.container{max-width: var(--max-width);margin: 0 auto;padding: 0 24px}.site-header{position: sticky;top: 0;z-index: 1000;background: var(--white);border-bottom: 1px solid var(--medium-gray);box-shadow: var(--shadow-sm)}.header-inner{max-width: var(--max-width);margin: 0 auto;padding: 0 24px;display: flex;align-items: center;justify-content: space-between;height: 64px}.site-logo{font-family: var(--font-heading);font-size: 22px;font-weight: 800;text-decoration: none;display: flex;align-items: center}.site-logo .logo-trivia{color: var(--primary)}.site-logo .logo-hosthelp{color: var(--teal)}.site-logo:hover{text-decoration: none}.site-nav{display: flex;align-items: center;gap: 24px}.site-nav a{color: var(--text);text-decoration: none;font-family: var(--font-heading);font-weight: 500;font-size: 15px;transition: color 0.2s ease}.site-nav a:hover{color: var(--teal);text-decoration: none}.nav-cta{background: var(--teal);color: var(--white) !important;padding: 10px 20px;border-radius: var(--radius);font-weight: 600;transition: all 0.2s ease}.nav-cta:hover{background: var(--teal-dark);color: var(--white) !important}.nav-toggle{display: none;background: none;border: none;cursor: pointer;padding: 8px;flex-direction: column;gap: 5px;z-index: 1001}.nav-toggle .bar{display: block;width: 24px;height: 2px;background: var(--primary);border-radius: 2px;transition: all 0.3s ease}.breadcrumb{max-width: var(--content-width);margin: 0 auto;padding: 16px 24px;font-size: 14px;color: var(--text-light);font-family: var(--font-heading)}.breadcrumb ol{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;align-items: center;gap: 0}.breadcrumb li{margin: 0}.breadcrumb li:not(:last-child)::after{content: '\203A';margin: 0 10px;color: var(--medium-gray);font-size: 16px}.breadcrumb a{color: var(--text-light);text-decoration: none;transition: color 0.2s}.breadcrumb a:hover{color: var(--teal);text-decoration: underline}.breadcrumb li[aria-current="page"]{color: var(--text);font-weight: 500}.article-content h1{margin-top: 40px;margin-bottom: 24px;line-height: 1.2}.article-content h2{margin-top: 48px;margin-bottom: 16px;color: var(--primary)}.article-content h3{margin-top: 32px;margin-bottom: 12px;color: var(--primary-light)}.article-content h4{margin-top: 24px;margin-bottom: 8px}.article-content p{margin-bottom: 1.2em}.article-content a{color: var(--teal);text-decoration: underline;text-underline-offset: 2px}.article-content a:hover{color: var(--teal-dark)}.article-content ul,.article-content ol{margin-bottom: 1.2em;padding-left: 1.5em}.article-content li{margin-bottom: 0.5em}.article-content table{width: 100%;border-collapse: collapse;margin: 24px 0;font-size: 16px}.article-content th{background: var(--primary);color: var(--white);padding: 12px;text-align: left;font-family: var(--font-heading);font-weight: 600}.article-content td{padding: 12px;border-bottom: 1px solid var(--light-gray)}.article-content tr:nth-child(even){background: #FAFAFA}.article-content tr:hover{background: var(--light-gray)}.article-content code{background: var(--light-gray);padding: 2px 6px;border-radius: 4px;font-size: 0.9em;font-family: 'SF Mono',Monaco,'Cascadia Code',monospace}.article-content pre{background: var(--primary-dark);color: var(--white);padding: 20px;border-radius: var(--radius);overflow-x: auto;margin: 24px 0;font-size: 15px;line-height: 1.6}.article-content pre code{background: none;padding: 0;color: inherit}.quick-answer{background: linear-gradient(135deg,#E8F8F5,#F0FDFB);border-left: 4px solid var(--teal);padding: 24px;border-radius: var(--radius);margin: 24px 0}.quick-answer-label{display: inline-block;background: var(--teal);color: var(--white);font-family: var(--font-heading);font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;padding: 4px 12px;border-radius: 4px;margin-bottom: 12px}.quick-answer p{color: var(--text);font-size: 1.05em;margin: 0;line-height: 1.7}.quick-answer p:last-child{margin-bottom: 0}.toc{background: var(--white);border: 1px solid var(--medium-gray);border-radius: var(--radius-lg);padding: 24px;margin: 32px 0;box-shadow: var(--shadow-sm)}.toc-title{font-family: var(--font-heading);font-size: 18px;font-weight: 700;margin-bottom: 16px;color: var(--primary)}.toc-list{list-style: none;padding: 0;margin: 0}.toc-list li{margin-bottom: 8px}.toc-list a{color: var(--text);text-decoration: none;font-size: 15px;font-family: var(--font-heading);display: block;padding: 4px 0;transition: color 0.2s ease}.toc-list a:hover{color: var(--teal)}.toc-list .toc-h2{font-weight: 600}.toc-list .toc-h3{padding-left: 16px;font-size: 14px}.toc-toggle{display: none;width: 100%;background: var(--light-gray);border: 1px solid var(--medium-gray);border-radius: var(--radius);padding: 12px 16px;font-family: var(--font-heading);font-weight: 600;font-size: 15px;color: var(--primary);cursor: pointer;text-align: left;position: relative}.toc-toggle::after{content: '+';position: absolute;right: 16px;font-size: 18px}.toc-toggle[aria-expanded="true"]::after{content: '\2212'}.guide-steps{margin: 32px 0}.step{display: flex;align-items: flex-start;margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px solid var(--medium-gray)}.step:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0}.step-number{flex-shrink: 0;width: 48px;height: 48px;background: var(--teal);color: var(--white);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-family: var(--font-heading);font-weight: 800;font-size: 20px;margin-right: 24px}.step-content{flex-grow: 1;min-width: 0}.step-content h2{margin-top: 0;margin-bottom: 12px}.step-content h3{margin-top: 20px}.step-content p:last-child{margin-bottom: 0}.pro-tip{background: #FFF8E1;border-left: 4px solid var(--amber);padding: 16px 20px;border-radius: var(--radius);margin: 16px 0;font-size: 16px}.pro-tip strong{color: var(--amber-dark)}.pro-tip p{margin: 0}.pro-tip p:last-child{margin-bottom: 0}.checklist-section{margin: 32px 0}.checklist{border: 1px solid var(--medium-gray);border-radius: var(--radius);overflow: hidden}.checklist-item{display: flex;align-items: flex-start;padding: 16px 20px;border-bottom: 1px solid var(--light-gray);cursor: pointer;transition: background 0.15s ease}.checklist-item:last-child{border-bottom: none}.checklist-item:hover{background: #FAFAFA}.checklist-item input[type="checkbox"]{margin-right: 16px;width: 20px;height: 20px;accent-color: var(--teal);flex-shrink: 0;margin-top: 3px;cursor: pointer}.checklist-text{flex-grow: 1;font-size: 16px;font-family: var(--font-heading);line-height: 1.5}.checklist-item.checked{opacity: 0.6}.checklist-item.checked .checklist-text{text-decoration: line-through;color: var(--text-light)}.checklist-progress{text-align: center;padding: 12px;background: var(--light-gray);font-family: var(--font-heading);font-size: 14px;font-weight: 500;color: var(--text-light);border-top: 1px solid var(--medium-gray)}.template-section{margin: 32px 0}.template-preview{background: var(--white);border: 2px solid var(--medium-gray);border-radius: var(--radius);padding: 24px;overflow-x: auto}.score-template{width: 100%;border-collapse: collapse;font-family: var(--font-heading);font-size: 15px}.score-template th{background: var(--primary);color: var(--white);padding: 12px;font-weight: 600;text-align: left;white-space: nowrap}.score-template td{padding: 12px;border-bottom: 1px solid var(--light-gray)}.score-template tr:nth-child(even){background: #FAFAFA}.score-template input{width: 100%;border: 1px solid var(--medium-gray);border-radius: 4px;padding: 6px 8px;font-family: var(--font-heading);font-size: 16px}.print-btn{margin-top: 16px;display: inline-flex;align-items: center;gap: 8px;background: var(--primary);color: var(--white);border: none;padding: 10px 20px;border-radius: var(--radius);font-family: var(--font-heading);font-weight: 600;font-size: 14px;cursor: pointer;transition: background 0.2s ease}.print-btn:hover{background: var(--primary-light)}.cta-banner{background: linear-gradient(135deg,var(--primary),var(--primary-light));color: var(--white);padding: 40px;border-radius: var(--radius-lg);text-align: center;margin: 48px 0;box-shadow: var(--shadow-md)}.cta-banner h2{color: var(--white);margin-bottom: 16px;margin-top: 0}.cta-banner p{color: rgba(255,255,255,0.9);font-size: 18px;margin-bottom: 24px;max-width: 600px;margin-left: auto;margin-right: auto}.cta-banner .btn-group{display: flex;flex-wrap: wrap;gap: 12px;justify-content: center}.btn-primary{display: inline-block;background: var(--teal);color: var(--white);padding: 14px 32px;border-radius: var(--radius);font-family: var(--font-heading);font-weight: 700;font-size: 16px;text-decoration: none;border: none;cursor: pointer;transition: all 0.2s ease}.btn-primary:hover{background: var(--teal-dark);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,191,165,0.3);text-decoration: none;color: var(--white)}.btn-secondary{display: inline-block;background: var(--white);color: var(--primary);padding: 14px 32px;border-radius: var(--radius);font-family: var(--font-heading);font-weight: 700;font-size: 16px;text-decoration: none;border: 2px solid var(--primary);cursor: pointer;transition: all 0.2s ease}.btn-secondary:hover{background: var(--primary);color: var(--white);transform: translateY(-2px);text-decoration: none}.btn-outline{display: inline-block;background: transparent;color: var(--white);padding: 14px 32px;border-radius: var(--radius);font-family: var(--font-heading);font-weight: 700;font-size: 16px;text-decoration: none;border: 2px solid rgba(255,255,255,0.6);cursor: pointer;transition: all 0.2s ease}.btn-outline:hover{background: rgba(255,255,255,0.1);color: var(--white);text-decoration: none}.btn-small{padding: 10px 20px;font-size: 14px}.inline-cta{background: #E8F8F5;border: 1px solid #B2DFDB;padding: 16px 20px;border-radius: var(--radius);margin: 20px 0;font-size: 16px;font-family: var(--font-heading)}.inline-cta p{margin: 0}.inline-cta a{font-weight: 600;color: var(--teal-dark)}.comparison-section{margin: 32px 0}.comparison-card{background: var(--white);border: 1px solid var(--medium-gray);border-radius: var(--radius);padding: 28px;margin-bottom: 20px;box-shadow: var(--shadow-sm)}.comparison-card:last-child{margin-bottom: 0}.comparison-card h3{color: var(--primary);margin-top: 0;margin-bottom: 16px}.comparison-details{display: grid;grid-template-columns: 1fr 1fr;gap: 24px}.comparison-pros{background: #E8F5E9;padding: 16px;border-radius: 4px}.comparison-cons{background: #FFEBEE;padding: 16px;border-radius: 4px}.comparison-pros h4{color: #2E7D32;margin-top: 0;margin-bottom: 10px;font-size: 15px;text-transform: uppercase;letter-spacing: 0.5px}.comparison-cons h4{color: #C62828;margin-top: 0;margin-bottom: 10px;font-size: 15px;text-transform: uppercase;letter-spacing: 0.5px}.comparison-pros ul,.comparison-cons ul{margin: 0;padding-left: 1.2em}.comparison-pros li,.comparison-cons li{margin-bottom: 6px;font-size: 15px}.comparison-verdict{margin-top: 16px;padding-top: 16px;border-top: 1px solid var(--medium-gray);font-style: italic;color: var(--text-light)}.names-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 12px;margin: 24px 0}.name-card{background: var(--white);border: 1px solid var(--medium-gray);padding: 12px 16px;border-radius: var(--radius);text-align: center;font-family: var(--font-heading);font-weight: 500;font-size: 15px;color: var(--text);transition: all 0.2s ease;cursor: default}.name-card:hover{border-color: var(--teal);box-shadow: var(--shadow-sm);transform: translateY(-2px)}.list-section{margin: 32px 0}.list-count{text-align: center;color: var(--text-light);font-family: var(--font-heading);font-size: 14px;margin-top: 16px}.expand-btn{background: var(--light-gray);border: 1px solid var(--medium-gray);padding: 10px 20px;border-radius: var(--radius);cursor: pointer;font-family: var(--font-heading);font-weight: 500;font-size: 15px;color: var(--text);transition: background 0.2s ease;display: inline-flex;align-items: center;gap: 8px}.expand-btn:hover{background: var(--medium-gray)}.expand-btn::after{content: '\25BC';font-size: 10px;transition: transform 0.2s ease}.expand-btn[aria-expanded="true"]::after{transform: rotate(180deg)}.expand-content.collapsed{display: none}.expand-content.expanded{display: block;animation: fadeInExpand 0.3s ease}@keyframes fadeInExpand{from{opacity: 0;max-height: 0}to{opacity: 1;max-height: 2000px}}.sister-link{background: var(--white);border: 2px solid var(--medium-gray);border-radius: var(--radius-lg);padding: 32px;margin: 48px 0;text-align: center}.sister-link-text h3{color: var(--primary);margin-bottom: 8px;margin-top: 0}.sister-link-text p{color: var(--text-light);margin-bottom: 20px;margin-top: 0}.sister-link-buttons{display: flex;flex-wrap: wrap;gap: 12px;justify-content: center}.sister-link .btn-outline{background: transparent;color: var(--primary);border: 2px solid var(--primary);padding: 10px 24px;font-size: 14px}.sister-link .btn-outline:hover{background: var(--primary);color: var(--white)}.site-footer{background: var(--primary-dark);color: rgba(255,255,255,0.8);padding: 60px 0 24px;margin-top: 80px}.footer-inner{max-width: var(--max-width);margin: 0 auto;padding: 0 24px}.footer-grid{display: grid;grid-template-columns: 2fr 1fr 1fr;gap: 48px}.footer-brand h3{color: var(--white);font-size: 20px;margin-top: 0;margin-bottom: 12px}.footer-brand p{color: rgba(255,255,255,0.7);font-size: 15px;line-height: 1.6;margin: 0}.footer-links h4{color: var(--white);font-size: 16px;margin-bottom: 16px;margin-top: 0}.footer-links ul{list-style: none;padding: 0;margin: 0}.footer-links li{margin-bottom: 10px}.footer-links a{color: rgba(255,255,255,0.7);text-decoration: none;font-family: var(--font-heading);font-size: 14px;transition: color 0.2s ease}.footer-links a:hover{color: var(--white);text-decoration: none}.footer-bottom{border-top: 1px solid rgba(255,255,255,0.1);margin-top: 40px;padding-top: 24px;display: flex;justify-content: space-between;align-items: center;font-family: var(--font-heading);font-size: 14px;color: rgba(255,255,255,0.5)}.footer-bottom a{color: rgba(255,255,255,0.5);text-decoration: none}.footer-bottom a:hover{color: var(--white)}#back-to-top{position: fixed;bottom: 30px;right: 30px;width: 48px;height: 48px;background: var(--teal);color: var(--white);border: none;border-radius: 50%;cursor: pointer;display: none;align-items: center;justify-content: center;font-size: 20px;box-shadow: var(--shadow-md);z-index: 999;transition: background 0.2s ease,transform 0.2s ease}#back-to-top:hover{background: var(--teal-dark);transform: translateY(-2px)}#back-to-top.visible{display: flex}#progress-bar{position: fixed;top: 0;left: 0;height: 3px;background: var(--teal);z-index: 10000;width: 0%;transition: width 0.1s linear}.reveal{opacity: 0;transform: translateY(30px);transition: opacity 0.6s ease,transform 0.6s ease}.reveal.visible{opacity: 1;transform: translateY(0)}.reveal-delay-1{transition-delay: 0.1s}.reveal-delay-2{transition-delay: 0.2s}.reveal-delay-3{transition-delay: 0.3s}.reveal-delay-4{transition-delay: 0.4s}.reveal-delay-5{transition-delay: 0.5s}.share-bar{display: flex;gap: 12px;margin: 24px 0;padding: 16px 0;border-bottom: 1px solid var(--medium-gray);flex-wrap: wrap;align-items: center}.share-bar span{font-family: var(--font-heading);font-size: 14px;color: var(--text-light);margin-right: 8px}.share-btn{padding: 8px 16px;border-radius: var(--radius);font-family: var(--font-heading);font-size: 13px;font-weight: 500;text-decoration: none;color: var(--white);transition: opacity 0.2s ease,transform 0.2s ease}.share-btn:hover{opacity: 0.9;transform: translateY(-1px);text-decoration: none;color: var(--white)}.share-twitter{background: #1DA1F2}.share-facebook{background: #4267B2}.share-linkedin{background: #0077B5}.card-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(340px,1fr));gap: 24px;margin: 32px 0}.card{background: var(--white);border-radius: var(--radius-lg);padding: 28px;box-shadow: var(--shadow-sm);transition: all 0.2s ease;display: flex;flex-direction: column}.card:hover{transform: translateY(-4px);box-shadow: var(--shadow-md)}.card h3{color: var(--white);margin-top: 0;margin-bottom: 12px}.card p{color: rgba(255,255,255,0.9);margin-bottom: 16px;flex-grow: 1}.card a{color: var(--white);font-weight: 600;text-decoration: underline;text-underline-offset: 2px}.card a:hover{text-decoration: none}.card-navy{background: #1B2A4A;color: var(--white)}.card-teal{background: #00BFA5;color: var(--white)}.card-amber{background: #FF8F00;color: var(--white)}.card-green{background: #2E7D32;color: var(--white)}.card-purple{background: #5E35B1;color: var(--white)}.card-red{background: #C62828;color: var(--white)}.card-white{background: var(--white);border: 1px solid var(--medium-gray)}.card-white h3{color: var(--primary)}.card-white p{color: var(--text-light)}.card-white a{color: var(--teal)}.card-border-top{border-top: 4px solid var(--teal)}.card-border-top-navy{border-top-color: var(--primary)}.card-border-top-teal{border-top-color: var(--teal)}.card-border-top-amber{border-top-color: var(--amber)}.card-border-top-green{border-top-color: #2E7D32}.hero{background: linear-gradient(135deg,var(--primary),var(--primary-dark));color: var(--white);padding: 80px 24px;text-align: center}.hero h1{color: var(--white);font-size: 3em;margin-bottom: 16px;line-height: 1.15}.hero p{color: rgba(255,255,255,0.9);font-size: 1.2em;max-width: 700px;margin: 0 auto 32px;line-height: 1.6}.hero .btn-primary{font-size: 18px;padding: 16px 40px}.value-props{padding: 60px 24px;background: var(--light-gray)}.value-props-title{text-align: center;margin-bottom: 40px}.value-props-title h2{margin-top: 0}.prop-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 24px;max-width: var(--max-width);margin: 0 auto}.prop-card{background: var(--white);border-radius: var(--radius);padding: 28px;text-align: center;box-shadow: var(--shadow-sm);transition: all 0.2s ease}.prop-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-md)}.prop-icon{width: 56px;height: 56px;background: rgba(0,191,165,0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 16px;font-size: 24px}.prop-card h3{margin-top: 0;margin-bottom: 8px;font-size: 1.2em}.prop-card p{color: var(--text-light);margin: 0;font-size: 16px;font-family: var(--font-body);line-height: 1.6}.featured-guides{padding: 60px 24px;max-width: var(--max-width);margin: 0 auto}.featured-guides-title{text-align: center;margin-bottom: 40px}.featured-guides-title h2{margin-top: 0}.category-preview{padding: 60px 24px;background: var(--light-gray)}.category-preview-inner{max-width: var(--max-width);margin: 0 auto}.category-preview-title{text-align: center;margin-bottom: 40px}.category-preview-title h2{margin-top: 0}.error-page{text-align: center;padding: 80px 24px;max-width: var(--content-width);margin: 0 auto}.error-code{font-size: 120px;font-weight: 900;color: var(--teal);font-family: var(--font-heading);line-height: 1;margin-bottom: 16px}.error-message{font-size: 1.2em;margin-bottom: 32px;color: var(--text-light)}.error-page .btn-primary{margin-top: 8px}.related-articles{margin: 48px 0;padding-top: 32px;border-top: 1px solid var(--medium-gray)}.related-articles h3{margin-bottom: 20px}.related-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: 16px}.related-card{background: var(--white);border: 1px solid var(--medium-gray);border-radius: var(--radius);padding: 20px;transition: all 0.2s ease}.related-card:hover{border-color: var(--teal);box-shadow: var(--shadow-sm);transform: translateY(-2px)}.related-card a{color: var(--primary);font-family: var(--font-heading);font-weight: 600;font-size: 15px;text-decoration: none}.related-card a:hover{color: var(--teal)}.related-card p{color: var(--text-light);font-size: 14px;margin: 8px 0 0;line-height: 1.5}.tag-list{display: flex;flex-wrap: wrap;gap: 8px;margin: 16px 0}.tag{display: inline-block;background: var(--light-gray);color: var(--text-light);padding: 4px 12px;border-radius: 20px;font-family: var(--font-heading);font-size: 13px;font-weight: 500;text-decoration: none;transition: all 0.2s ease}.tag:hover{background: var(--teal);color: var(--white);text-decoration: none}.pagination{display: flex;justify-content: center;align-items: center;gap: 8px;margin: 48px 0;font-family: var(--font-heading)}.pagination a,.pagination span{display: inline-flex;align-items: center;justify-content: center;min-width: 40px;height: 40px;padding: 0 12px;border-radius: var(--radius);font-size: 14px;font-weight: 500;text-decoration: none;transition: all 0.2s ease}.pagination a{color: var(--text);background: var(--white);border: 1px solid var(--medium-gray)}.pagination a:hover{background: var(--light-gray);border-color: var(--teal);color: var(--teal)}.pagination .current{background: var(--teal);color: var(--white);font-weight: 600}.pagination .disabled{color: var(--medium-gray);cursor: not-allowed}.search-box{position: relative;max-width: 600px;margin: 0 auto}.search-box input{width: 100%;padding: 14px 50px 14px 20px;border: 2px solid var(--medium-gray);border-radius: var(--radius-lg);font-family: var(--font-heading);font-size: 16px;transition: border-color 0.2s ease}.search-box input:focus{outline: none;border-color: var(--teal)}.search-box button{position: absolute;right: 8px;top: 50%;transform: translateY(-50%);background: var(--teal);color: var(--white);border: none;width: 40px;height: 40px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background 0.2s ease}.search-box button:hover{background: var(--teal-dark)}@media (max-width: 1024px){.hero h1{font-size: 2.4em}.footer-grid{gap: 32px}}@media (max-width: 768px){body{font-size: 16px;line-height: 1.7}h1{font-size: 1.8em}h2{font-size: 1.5em}h3{font-size: 1.2em}.main{padding: 16px}.container{padding: 0 16px}.nav-toggle{display: flex}.site-nav{position: absolute;top: 64px;left: 0;right: 0;background: var(--white);flex-direction: column;align-items: flex-start;padding: 16px 24px;gap: 0;border-bottom: 1px solid var(--medium-gray);box-shadow: var(--shadow-md);display: none}.site-nav.open{display: flex}.site-nav a{display: block;padding: 12px 0;width: 100%;border-bottom: 1px solid var(--light-gray);font-size: 16px}.site-nav a:last-of-type{border-bottom: none}.nav-cta{margin-top: 8px;text-align: center;width: 100%}.hero{padding: 60px 16px}.hero h1{font-size: 2em}.hero p{font-size: 1.1em}.article-content h1{margin-top: 24px;margin-bottom: 16px}.article-content h2{margin-top: 32px}.step{flex-direction: column;margin-bottom: 32px;padding-bottom: 32px}.step-number{margin-right: 0;margin-bottom: 16px;width: 40px;height: 40px;font-size: 18px}.comparison-details{grid-template-columns: 1fr}.card-grid{grid-template-columns: 1fr}.names-grid{grid-template-columns: repeat(auto-fill,minmax(160px,1fr))}.cta-banner{padding: 32px 24px;margin: 32px 0}.cta-banner h2{font-size: 1.5em}.cta-banner p{font-size: 16px}.cta-banner .btn-group{flex-direction: column;align-items: center}.btn-primary,.btn-secondary,.btn-outline{width: 100%;max-width: 320px;text-align: center}.sister-link{padding: 24px 16px;margin: 32px 0}.sister-link-buttons{flex-direction: column;align-items: center}.footer-grid{grid-template-columns: 1fr;gap: 32px;text-align: center}.footer-links h4{margin-bottom: 12px}.footer-bottom{flex-direction: column;gap: 8px;text-align: center}.share-bar{gap: 8px}.share-bar span{width: 100%;margin-right: 0;margin-bottom: 4px}.template-preview{padding: 16px}#back-to-top{bottom: 20px;right: 20px;width: 44px;height: 44px;font-size: 18px}.toc{padding: 0;border: none;box-shadow: none;margin: 16px 0}.toc-toggle{display: block}.toc-content{display: none;border: 1px solid var(--medium-gray);border-radius: var(--radius);padding: 16px;margin-top: 8px;background: var(--white)}.toc-content.expanded{display: block}.value-props{padding: 40px 16px}.prop-grid{grid-template-columns: 1fr}.error-code{font-size: 80px}.related-grid{grid-template-columns: 1fr}.breadcrumb{padding: 12px 16px;font-size: 13px}}@media (max-width: 480px){body{font-size: 15px}h1{font-size: 1.6em}h2{font-size: 1.3em}.hero h1{font-size: 1.7em}.hero{padding: 48px 16px}.hero p{font-size: 1em}.quick-answer{padding: 16px}.guide-steps .step{margin-bottom: 24px;padding-bottom: 24px}.name-card{padding: 10px 12px;font-size: 14px}.names-grid{grid-template-columns: repeat(2,1fr);gap: 8px}.cta-banner{padding: 24px 16px;border-radius: var(--radius)}.comparison-card{padding: 20px}.card{padding: 20px}.sister-link{padding: 20px 12px}.site-footer{padding: 40px 0 20px}.footer-grid{gap: 24px}.error-code{font-size: 64px}.error-message{font-size: 1em}}@media (min-width: 1025px){.has-sidebar{display: flex;gap: 40px;max-width: var(--max-width);margin: 0 auto;padding: 0 24px;align-items: flex-start}.has-sidebar .main{flex: 1;max-width: none;min-width: 0}.toc-sidebar{position: sticky;top: 100px;width: 260px;flex-shrink: 0;max-height: calc(100vh - 120px);overflow-y: auto}.toc-sidebar .toc{margin: 0;box-shadow: var(--shadow-sm)}}@media (min-width: 769px) and (max-width: 1024px){.toc{margin: 24px 0}}.text-center{text-align: center}.text-left{text-align: left}.text-right{text-align: right}.mt-0{margin-top: 0}.mt-1{margin-top: 8px}.mt-2{margin-top: 16px}.mt-3{margin-top: 24px}.mt-4{margin-top: 32px}.mt-5{margin-top: 48px}.mt-6{margin-top: 64px}.mb-0{margin-bottom: 0}.mb-1{margin-bottom: 8px}.mb-2{margin-bottom: 16px}.mb-3{margin-bottom: 24px}.mb-4{margin-bottom: 32px}.mb-5{margin-bottom: 48px}.mb-6{margin-bottom: 64px}.pt-0{padding-top: 0}.pt-1{padding-top: 8px}.pt-2{padding-top: 16px}.pt-3{padding-top: 24px}.pt-4{padding-top: 32px}.pt-5{padding-top: 48px}.pb-0{padding-bottom: 0}.pb-1{padding-bottom: 8px}.pb-2{padding-bottom: 16px}.pb-3{padding-bottom: 24px}.pb-4{padding-bottom: 32px}.pb-5{padding-bottom: 48px}.hidden{display: none !important}.visible{display: block !important}.flex{display: flex}.inline-flex{display: inline-flex}.grid{display: grid}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.no-print{}.full-width{width: 100%}.text-primary{color: var(--primary)}.text-teal{color: var(--teal)}.text-amber{color: var(--amber)}.text-light{color: var(--text-light)}.text-white{color: var(--white)}.bg-light{background-color: var(--light-gray)}.bg-white{background-color: var(--white)}.font-heading{font-family: var(--font-heading)}.font-body{font-family: var(--font-body)}.fw-400{font-weight: 400}.fw-500{font-weight: 500}.fw-600{font-weight: 600}.fw-700{font-weight: 700}.fs-small{font-size: 14px}.fs-medium{font-size: 16px}.fs-large{font-size: 20px}@media print{.site-header,.site-footer,.toc,.toc-sidebar,.cta-banner,.sister-link,#back-to-top,#progress-bar,.share-bar,.nav-toggle,.breadcrumb,.related-articles,.search-box,.expand-btn,.print-btn{display: none !important}body{color: #000;background: #fff;font-size: 12pt;line-height: 1.5}.main{max-width: 100%;padding: 0;margin: 0}.article-content{width: 100%}.expand-content.collapsed,.expand-content.expanded{display: block !important}h1,h2,h3,h4,h5,h6{color: #000;page-break-after: avoid}h1{font-size: 24pt}h2{font-size: 18pt;page-break-before: always}h3{font-size: 14pt}p{orphans: 3;widows: 3}a{color: #000;text-decoration: underline}a[href]::after{content: ' (' attr(href) ')';font-size: 10pt;color: #666;word-break: break-all}a[href^="#"]::after{content: ''}.card,.comparison-card,.name-card,.pro-tip,.quick-answer,.inline-cta,.checklist,.template-preview{box-shadow: none !important;background: #fff !important;border: 1px solid #ccc !important}.step{border-bottom: 1px solid #ccc;page-break-inside: avoid}.step-number{background: #000 !important;color: #fff !important;print-color-adjust: exact;-webkit-print-color-adjust: exact}.checklist-item{border-bottom: 1px solid #eee;page-break-inside: avoid}.score-template th{background: #333 !important;color: #fff !important;print-color-adjust: exact;-webkit-print-color-adjust: exact}.comparison-card,.pro-tip,.quick-answer,figure,table{page-break-inside: avoid}img{max-width: 100% !important;page-break-inside: avoid}.reveal{opacity: 1 !important;transform: none !important}.value-props{background: #fff !important}.prop-card{border: 1px solid #ccc;box-shadow: none}}:root{--ink: #0f172a;--ink-soft: #1e293b;--accent: #3b82f6;--accent-soft: #60a5fa;--highlight: #f59e0b;--highlight-soft: #fbbf24;--rose-accent: #06b6d4;--cream-warm: #f1f5f9;--line: rgba(0,0,0,0.10);--line-strong: rgba(0,0,0,0.18)}body{font-size: 1.0625rem;line-height: 1.7;color: #1a1a1a}.teaser-bar{background: linear-gradient(90deg,var(--ink) 0%,var(--ink-soft) 50%,var(--ink) 100%);color: rgba(255,255,255,0.96);padding: 14px 24px;font-size: 0.95rem;text-align: center;position: relative;overflow: hidden;font-weight: 500}.teaser-bar::before{content: '';position: absolute;inset: 0;background: linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.10) 50%,transparent 100%);pointer-events: none}.teaser-bar-inner{position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;gap: 14px;flex-wrap: wrap;max-width: 1200px;margin: 0 auto}.teaser-bar-icon{display: inline-flex;width: 24px;height: 24px;align-items: center;justify-content: center;font-size: 1rem;background: rgba(255,255,255,0.10);border-radius: 50%}.teaser-bar-text strong{color: var(--highlight-soft);font-weight: 800;font-variant-numeric: tabular-nums}.teaser-bar-link{color: var(--highlight-soft);text-decoration: underline;text-underline-offset: 4px;font-weight: 700}.teaser-bar-link:hover{color: var(--highlight)}.trust-strip{background: #fff;border-bottom: 1px solid var(--line);padding: 22px 24px}.trust-strip-inner{max-width: 1200px;margin: 0 auto;display: flex;align-items: center;justify-content: center;gap: 36px;flex-wrap: wrap}.trust-item{display: inline-flex;align-items: center;gap: 12px;color: #1a1a1a;font-size: 0.95rem;font-weight: 600}.trust-item-icon{width: 22px;height: 22px;flex-shrink: 0;color: var(--accent)}.trust-item-icon svg{width: 100%;height: 100%;display: block}.trust-item strong{font-family: 'Playfair Display',serif;font-size: 1.05rem;color: var(--accent);font-weight: 800}.bento-grid{display: grid;grid-template-columns: 1fr 1.4fr 1fr;gap: 22px;margin-bottom: 56px}.bento-grid .card{padding: 36px 32px}.bento-grid .card.featured{position: relative;background: linear-gradient(180deg,#fff 0%,var(--cream-warm) 100%);border: 1px solid var(--line)}.bento-grid .card.featured::after{content: 'MOST POPULAR';position: absolute;top: 14px;right: 14px;background: linear-gradient(135deg,var(--highlight),var(--highlight-soft));color: var(--ink);font-size: 0.68rem;font-weight: 800;letter-spacing: 1.2px;padding: 5px 12px;border-radius: 100px}.bento-grid .card.featured h3{font-size: 1.7rem}@media (max-width: 900px){.bento-grid{grid-template-columns: 1fr;gap: 16px}}.editorial-feature{background: linear-gradient(135deg,var(--ink) 0%,var(--ink-soft) 50%,var(--accent) 100%);color: rgba(255,255,255,0.96);border-radius: 24px;padding: 0;margin: 64px 0 32px;overflow: hidden;position: relative;display: grid;grid-template-columns: 1.1fr 1fr;min-height: 400px;box-shadow: 0 28px 64px rgba(0,0,0,0.30);text-decoration: none;color: inherit}.editorial-feature::before{content: '';position: absolute;inset: 0;background: radial-gradient(circle at 18% 22%,rgba(255,255,255,0.14) 0%,transparent 38%),radial-gradient(circle at 82% 78%,rgba(0,0,0,0.18) 0%,transparent 42%);pointer-events: none}.editorial-feature-text{padding: 64px 56px;position: relative;z-index: 1;display: flex;flex-direction: column;justify-content: center}.editorial-feature-eyebrow{font-size: 0.82rem;font-weight: 800;letter-spacing: 3px;text-transform: uppercase;color: var(--highlight-soft);margin-bottom: 18px;display: inline-flex;align-items: center;gap: 10px}.editorial-feature-eyebrow::before{content: '';display: inline-block;width: 28px;height: 1px;background: var(--highlight-soft)}.editorial-feature-text h2{font-size: clamp(2rem,3.8vw,2.9rem);font-weight: 800;color: #fff;margin-bottom: 16px;line-height: 1.1;letter-spacing: -0.018em}.editorial-feature-text p{font-size: 1.1rem;line-height: 1.65;color: rgba(255,255,255,0.88);margin-bottom: 24px;max-width: 460px}.editorial-feature-meta{display: flex;align-items: center;gap: 24px;margin-bottom: 28px;flex-wrap: wrap}.editorial-feature-price{font-family: 'Playfair Display',serif;font-size: 2.6rem;font-weight: 800;color: var(--highlight-soft);line-height: 1}.editorial-feature-price-strike{font-size: 1.05rem;color: rgba(255,255,255,0.5);text-decoration: line-through;margin-left: 10px;vertical-align: middle;font-family: 'Lato',sans-serif;font-weight: 400}.editorial-feature-includes{display: flex;flex-wrap: wrap;gap: 6px 14px;font-size: 0.92rem}.editorial-feature-includes span{color: rgba(255,255,255,0.92)}.editorial-feature-includes span::before{content: '✓ ';color: var(--highlight-soft);font-weight: 800;margin-right: 4px}.editorial-feature-cta{display: inline-flex;align-items: center;justify-content: center;gap: 10px;background: #fff;color: var(--ink);padding: 18px 38px;border-radius: 999px;font-weight: 800;font-size: 1.05rem;text-decoration: none;align-self: flex-start;margin-top: 24px;min-height: 56px;transition: transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease;box-shadow: 0 12px 32px rgba(0,0,0,0.28)}.editorial-feature-cta::after{content: '→';transition: transform 0.2s ease}.editorial-feature:hover .editorial-feature-cta{transform: translateY(-2px);background: var(--cream-warm);box-shadow: 0 18px 44px rgba(0,0,0,0.40)}.editorial-feature:hover .editorial-feature-cta::after{transform: translateX(4px)}.editorial-feature-visual{position: relative;background: radial-gradient(circle at 50% 50%,rgba(255,255,255,0.14) 0%,transparent 60%),linear-gradient(135deg,var(--accent) 0%,var(--ink-soft) 60%,var(--ink) 100%);display: flex;align-items: center;justify-content: center;font-size: 9rem;color: rgba(255,255,255,0.96);text-shadow: 0 8px 36px rgba(0,0,0,0.35);overflow: hidden}@media (max-width: 900px){.editorial-feature{grid-template-columns: 1fr;min-height: auto}.editorial-feature-text{padding: 36px 28px;order: 2}.editorial-feature-visual{order: 1;min-height: 220px;font-size: 5.5rem}}.pack-mini-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 16px;margin: 0 0 56px}.pack-mini{background: #fff;border: 1px solid var(--line);border-radius: 14px;padding: 24px 26px;text-decoration: none;color: inherit;transition: transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease;display: flex;flex-direction: column;gap: 8px;position: relative;min-height: 130px}.pack-mini:hover{transform: translateY(-3px);box-shadow: 0 12px 28px rgba(0,0,0,0.10);border-color: var(--accent);color: inherit}.pack-mini-emoji{font-size: 1.8rem}.pack-mini-title{font-family: 'Playfair Display',serif;font-size: 1.12rem;font-weight: 700;color: var(--ink);line-height: 1.3}.pack-mini-price{font-size: 0.92rem;font-weight: 700;color: #047857;margin-top: auto}.pack-mini-price-strike{color: #6b7280;text-decoration: line-through;font-weight: 400;margin-left: 6px;font-size: 0.85rem}.pack-mini-arrow{position: absolute;top: 22px;right: 22px;font-size: 1.2rem;color: var(--accent);opacity: 0;transform: translateX(-6px);transition: opacity 0.25s ease,transform 0.25s ease}.pack-mini:hover .pack-mini-arrow{opacity: 1;transform: translateX(0)}.testimonial-ribbon{background: linear-gradient(180deg,var(--cream-warm) 0%,#fff 100%);padding: 64px 24px;margin: 64px 0;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line)}.testimonial-ribbon-inner{max-width: 1200px;margin: 0 auto}.testimonial-eyebrow{text-align: center;font-size: 0.82rem;font-weight: 800;letter-spacing: 3px;text-transform: uppercase;color: var(--accent);margin-bottom: 36px}.testimonial-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 32px}.testimonial{margin: 0;padding: 0;position: relative}.testimonial blockquote{margin: 0;padding: 0;border: none}.testimonial::before{content: '\201C';font-family: 'Playfair Display',serif;font-size: 5rem;color: var(--highlight);line-height: 0.5;display: block;margin-bottom: 14px}.testimonial p{font-size: 1.08rem;font-weight: 500;line-height: 1.6;color: #1a1a1a;margin-bottom: 18px}.testimonial-cite{display: flex;align-items: center;gap: 12px}.testimonial-cite-mark{width: 38px;height: 38px;border-radius: 50%;background: linear-gradient(135deg,var(--accent),var(--ink-soft));color: #fff;font-weight: 800;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}.testimonial-cite-name{font-size: 0.95rem;font-weight: 800;color: var(--ink)}.testimonial-cite-role{font-size: 0.85rem;color: #5a5a5a;display: block}.sticky-cta{position: fixed;bottom: 24px;left: 50%;transform: translateX(-50%) translateY(140%);background: var(--ink);color: #fff;padding: 16px 22px 16px 18px;border-radius: 100px;display: flex;align-items: center;gap: 14px;box-shadow: 0 24px 48px rgba(0,0,0,0.30),0 4px 12px rgba(0,0,0,0.16);z-index: 80;transition: transform 0.5s cubic-bezier(0.2,0.9,0.3,1);max-width: calc(100vw - 32px)}.sticky-cta.is-visible{transform: translateX(-50%) translateY(0)}.sticky-cta-icon{width: 36px;height: 36px;background: var(--highlight-soft);color: var(--ink);border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;font-weight: 800;font-size: 1rem;flex-shrink: 0}.sticky-cta-text{font-size: 0.95rem;line-height: 1.35}.sticky-cta-text strong{color: var(--highlight-soft);font-weight: 800}.sticky-cta-btn{background: var(--highlight-soft);color: var(--ink);padding: 12px 22px;border-radius: 100px;font-weight: 800;font-size: 0.95rem;text-decoration: none;white-space: nowrap;min-height: 44px;display: inline-flex;align-items: center;transition: background-color 0.2s ease,transform 0.2s ease}.sticky-cta-btn:hover{background: var(--highlight);color: var(--ink);transform: scale(1.04)}.sticky-cta-close{background: none;border: none;color: rgba(255,255,255,0.6);font-size: 1.2rem;cursor: pointer;padding: 4px 8px;line-height: 1}.sticky-cta-close:hover{color: #fff}@media (max-width: 600px){.sticky-cta{bottom: 16px;padding: 12px 14px 12px 12px;gap: 10px}.sticky-cta-icon{width: 30px;height: 30px;font-size: 0.85rem}.sticky-cta-text{font-size: 0.82rem;max-width: 140px}.sticky-cta-btn{padding: 8px 14px;font-size: 0.82rem}}.hero-cta-row{display: flex;align-items: center;justify-content: center;gap: 18px;flex-wrap: wrap;margin-top: 36px}.hero-cta-primary{display: inline-flex;align-items: center;justify-content: center;background: var(--highlight-soft);color: var(--ink);padding: 18px 36px;border-radius: 999px;font-weight: 800;font-size: 1.02rem;text-decoration: none;min-height: 56px;transition: transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease;box-shadow: 0 14px 36px rgba(0,0,0,0.28)}.hero-cta-primary:hover{transform: translateY(-2px);background: var(--highlight);color: var(--ink);box-shadow: 0 20px 48px rgba(0,0,0,0.36)}.hero-cta-secondary{font-size: 1rem;font-weight: 700;color: #fff;text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 6px;text-decoration-color: rgba(255,255,255,0.55);padding: 12px 8px;min-height: 44px;display: inline-flex;align-items: center}.hero-cta-secondary:hover{text-decoration-color: #fff;color: #fff}.hero h1{font-size: clamp(2.6rem,6vw,4.4rem);letter-spacing: -0.025em;line-height: 1.05;font-weight: 900}.hero p{font-size: clamp(1.1rem,2.2vw,1.32rem);line-height: 1.55}section>h2,.article-content h2,.main h2{font-size: clamp(1.7rem,3.4vw,2.4rem);font-weight: 800;letter-spacing: -0.018em}:focus{outline: none}:focus-visible{outline: 3px solid var(--highlight-soft);outline-offset: 4px;border-radius: 8px}.hero-cta-primary:focus-visible,.editorial-feature-cta:focus-visible{outline-color: #fff;outline-offset: 5px}.editorial-feature:focus-visible{outline-color: var(--highlight-soft);outline-offset: 4px;border-radius: 24px}.pack-mini:focus-visible{outline-color: var(--accent)}.sticky-cta-btn:focus-visible{outline-color: #fff}a,button,.card,.pack-mini,.editorial-feature,details summary{touch-action: manipulation;-webkit-tap-highlight-color: rgba(0,0,0,0.08)}[id]{scroll-margin-top: 96px}@media (prefers-reduced-motion: reduce){.teaser-bar::before{display: none}.editorial-feature,.pack-mini,.hero-cta-primary,.editorial-feature-cta,.sticky-cta-btn{transition: none}}@media (max-width: 700px){body{font-size: 1rem}.hero{padding: 64px 20px 80px}.hero h1{font-size: clamp(2rem,8vw,2.8rem)}.editorial-feature-text{padding: 36px 26px}.editorial-feature-text h2{font-size: 1.7rem}.editorial-feature-price{font-size: 2.1rem}.hero-cta-primary,.editorial-feature-cta{width: 100%;max-width: 360px;padding: 16px 28px}.testimonial-ribbon{padding: 44px 18px;margin: 44px 0}}@media print{.teaser-bar,.trust-strip,.testimonial-ribbon,.editorial-feature,.pack-mini-grid,.sticky-cta{display: none !important}}:root{color-scheme: light}@media (prefers-color-scheme: dark){:root{--cream: #fdf8f0 !important;--warm-gray: #f5f0eb !important;--dark: #1a1a2e !important;--text: #2c3e50 !important;--text-light: #5a6c7d !important;--white: #ffffff !important;--shadow-sm: 0 2px 8px rgba(0,0,0,0.06) !important;--shadow-md: 0 4px 20px rgba(0,0,0,0.08) !important;--shadow-lg: 0 8px 40px rgba(0,0,0,0.12) !important}body{background: #ffffff !important;color: #1a1a1a !important}.hero h1,.hero p,.hero-stat-num,.hero-stat-label,.hero-badge,.hero-cta-secondary,.hero-stat,.cta-banner h2,.cta-banner p,.editorial-feature-text h2,.editorial-feature-text p,.editorial-feature-text,.editorial-feature-eyebrow,.editorial-feature-includes span,.editorial-feature-price,.editorial-feature-price-strike,.countdown-bar,.countdown-bar-text,.countdown-bar-num,.teaser-bar,.teaser-bar-text,.teaser-bar-num,.sister-link h3,.sister-link p,.sticky-cta,.sticky-cta-text,.sticky-cta-text strong,.footer-brand h3,.footer-brand p,.footer-links h4,.footer-links a,.footer-links li,.site-footer,.footer-bottom,.footer-bottom span,.footer-bottom a,.testimonial-eyebrow{color: inherit}.card,.pack-mini,.quick-answer,.questions-box,.q-item,.testimonial-ribbon,.trust-strip,.howto,.quiz-widget,.toc,.fact-card{background: #ffffff !important;border-color: rgba(0,0,0,0.08) !important}.quick-answer{background: linear-gradient(135deg,#fdf8f0,#ffffff) !important}.testimonial-ribbon{background: linear-gradient(180deg,#fdf8f0 0%,#ffffff 100%) !important}.questions-box{background: #f5f0eb !important}.q-item{background: #ffffff !important}.toc{background: #fdf8f0 !important}.quiz-option{background: #f5f0eb !important;color: #1a1a1a !important}.quiz-option:hover{background: #fdf0ee !important}details p{background: #fdf8f0 !important}.tag{background: #f5f0eb !important;color: #1a1a1a !important}.site-header{background: #ffffff !important}.site-nav a{color: #1a1a1a !important}.card p{color: #3a3a3a !important}.card h3,.card h3 a{color: #1a1a1a !important}.pack-mini-title,.testimonial-cite-name{color: #1a1a1a !important}.testimonial p{color: #1a1a1a !important}.testimonial-cite-role{color: #5a5a5a !important}.article-content p,.quick-answer,.howto li{color: #1a1a1a !important}img{opacity: 1 !important}}.hero-stat-label,.hero-cta-secondary{color: #ffffff !important}.hero-cta-secondary{text-decoration-color: rgba(255,255,255,0.6) !important}.hero-stats{display: flex !important;justify-content: center !important;gap: 48px !important;flex-wrap: wrap !important;margin-top: 36px !important}.hero-stat{text-align: center !important;display: inline-block !important}.hero-stat-num{display: block !important;font-family: 'Playfair Display',Georgia,serif !important;font-size: clamp(2rem,4vw,2.8rem) !important;font-weight: 800 !important;color: #ffffff !important;margin-bottom: 4px !important;line-height: 1.1 !important}.hero-stat-label{display: block !important;font-size: 0.78rem !important;text-transform: uppercase !important;letter-spacing: 1.6px !important;font-weight: 700 !important;color: rgba(255,255,255,0.84) !important}.hero{position: relative !important}@media (max-width: 600px){.hero-stats{gap: 24px !important}}.hero .share-bar{display: none !important}section.hero h1,section.hero p,section.hero .hero-badge,section.hero .hero-stat,section.hero .hero-stat-num,section.hero .hero-stat-label,section.hero .hero-cta-secondary,.hero h1,.hero p,.hero .hero-badge,.hero .hero-stat,.hero .hero-stat-num,.hero .hero-stat-label,.hero .hero-cta-secondary,main .hero h1,main .hero p,main.hero h1,main.hero p{color: #ffffff !important}.hero h1{color: #ffffff !important}.hero p{color: rgba(255,255,255,0.96) !important}.hero-stat-num{color: #ffffff !important}.hero-stat-label{color: rgba(255,255,255,0.84) !important}.hero-badge{color: #ffffff !important}.hero-cta-secondary{color: #ffffff !important}.hero{background: linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#3b82f6 100%) !important;color: #ffffff !important;position: relative;padding: 96px 24px 112px !important;text-align: center;overflow: hidden}.hero::before{content: '';position: absolute;inset: 0;background: radial-gradient(circle at 18% 22%,rgba(255,255,255,0.14) 0%,transparent 38%),radial-gradient(circle at 82% 78%,rgba(0,0,0,0.18) 0%,transparent 42%);pointer-events: none}.hero-inner{position: relative;z-index: 1;max-width: 800px;margin: 0 auto}.hero h1,.hero p,.hero-stat-num,.hero-stat-label,.hero-badge,.hero-cta-secondary{color: #ffffff !important}.hero-badge{display: inline-block;background: rgba(255,255,255,0.16) !important;border: 1px solid rgba(255,255,255,0.30) !important;padding: 8px 22px;border-radius: 100px;font-size: 0.82rem;font-weight: 700;letter-spacing: 1.5px;text-transform: uppercase;margin-bottom: 28px;color: #ffffff !important}@media (max-width: 700px){.hero{padding: 64px 20px 80px !important}}.sticky-cta{left: auto !important;right: 20px !important;bottom: 20px !important;transform: translateX(0) translateY(180%) !important;max-width: 320px !important;padding: 12px 14px 12px 12px !important;border-radius: 14px !important;gap: 10px !important;box-shadow: 0 12px 28px rgba(0,0,0,0.20),0 2px 6px rgba(0,0,0,0.10) !important;transition: transform 0.5s cubic-bezier(0.2,0.9,0.3,1),opacity 0.4s ease !important;opacity: 0 !important}.sticky-cta.is-visible{transform: translateX(0) translateY(0) !important;opacity: 1 !important}.sticky-cta-icon{width: 30px !important;height: 30px !important;font-size: 0.85rem !important}.sticky-cta-text{font-size: 0.82rem !important;line-height: 1.3 !important;max-width: 130px !important}.sticky-cta-btn{padding: 8px 14px !important;font-size: 0.82rem !important;min-height: 36px !important}.sticky-cta-close{font-size: 1rem !important;padding: 2px 6px !important}@media (max-width: 600px){.sticky-cta{right: 12px !important;bottom: 12px !important;max-width: 260px !important;padding: 10px 12px 10px 10px !important}.sticky-cta-text{font-size: 0.78rem !important;max-width: 110px !important}.sticky-cta-btn{padding: 6px 12px !important;font-size: 0.76rem !important}}.card,a.card,div.card{background: #ffffff !important;border: 1px solid rgba(0,0,0,0.08) !important;border-radius: 16px !important;padding: 28px 26px !important;box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;position: relative !important;text-decoration: none !important}.card h3,.card h3 a{color: #1a1a1a !important;font-size: 1.3rem !important;font-weight: 700 !important;margin-bottom: 12px !important;text-decoration: none !important}.card p{color: #3a3a3a !important;font-size: 1rem !important;line-height: 1.6 !important}.card-icon{font-size: 2.6rem !important;margin-bottom: 14px !important;display: block !important}section h2:not([class*="hero"]):not([class*="cta-banner"]):not([class*="editorial"]):not([class*="testimonial"]):not([class*="footer"]),.article-content h2,.section-header h2{color: #1a1a1a !important}.site-footer a,.footer-links a,.footer-section a,footer a{color: rgba(255,255,255,0.85) !important}.site-footer a:hover,.footer-links a:hover,.footer-section a:hover,footer a:hover{color: #ffffff !important;text-decoration: underline}.card-tags{display: flex !important;gap: 8px !important;flex-wrap: wrap !important;margin-top: 16px !important}.tag{display: inline-flex !important;align-items: center !important;padding: 6px 14px !important;background: #f5f0eb !important;color: #1a1a1a !important;border-radius: 100px !important;font-size: 0.8rem !important;font-weight: 700 !important}.reading-progress,#progress-bar{display: none !important}.bento-grid .card.featured::after,.card.featured::after{position: absolute !important;top: 12px !important;right: 12px !important;z-index: 2 !important;margin: 0 !important}.main-nav,nav.main-nav{display: flex !important;gap: 4px !important;flex-wrap: wrap !important;align-items: center !important}.main-nav a,nav.main-nav a{padding: 10px 14px !important;white-space: nowrap !important;display: inline-flex !important;align-items: center !important}.site-logo,.logo{white-space: nowrap !important;display: inline-flex !important;align-items: center !important;gap: 4px !important}@media (max-width: 700px){.site-logo,.logo{font-size: 1.15rem !important}}.teaser-bar,.countdown-bar{color: rgba(255,255,255,0.96) !important}.teaser-bar-text,.countdown-bar-text{color: rgba(255,255,255,0.96) !important}.teaser-bar-text *,.countdown-bar-text *{color: inherit !important}.teaser-bar-text strong,.countdown-bar-text strong{color: #ffffff !important;font-weight: 800 !important}button[aria-label*="theme" i],button[title*="dark" i],button[title*="light" i],.theme-toggle,[class*="theme-switcher"],button.color-scheme-toggle{display: none !important}.metadata-badges,.post-meta,.article-meta{gap: 12px !important}.print-btn{text-indent: 0 !important}.print-btn::before{content: '' !important;display: none !important}.card-emoji{font-size: 2.6rem !important;margin-bottom: 14px !important;display: block !important}.card-count{display: block !important;margin-top: 14px !important;font-size: 0.85rem !important;font-weight: 700 !important}.category-label{display: block !important;margin-bottom: 8px !important;font-size: 0.75rem !important;text-transform: uppercase !important;letter-spacing: 1.2px !important;font-weight: 800 !important;color: #5a5a5a !important}.card-link{display: inline-flex !important;align-items: center !important;gap: 6px !important;margin-top: 14px !important;font-weight: 700 !important;text-decoration: none !important}.trust-item,.trust-item span,.trust-item strong{color: #1a1a1a !important}.trust-strip{background: #ffffff !important}.trust-item-icon{color: var(--accent,var(--burgundy,var(--ink,#1a237e))) !important}.card-grid{display: grid !important;grid-template-columns: repeat(auto-fit,minmax(280px,1fr)) !important;gap: 22px !important;margin-bottom: 48px !important}.card-grid.bento-grid{grid-template-columns: 1fr 1.4fr 1fr !important}@media (max-width: 700px){.card-grid{grid-template-columns: 1fr !important;gap: 16px !important}.card-grid.bento-grid{grid-template-columns: 1fr !important}}html,body{background: #ffffff !important;color: #1a1a1a !important}@media (prefers-color-scheme: dark){html,body{background: #ffffff !important;color: #1a1a1a !important}}.card,.category-card,.blog-card,.pack-mini,a.card,div.card,.card.card-blue,.card.card-gold,.card.card-purple,.card.card-green,.card.card-red,.card.card-teal,.card.card-orange,.card.card-pink,.card.card-brown,.card.card-amber,.card.card-cranberry,.card.card-forest,.category-card.card-blue,.category-card.card-gold,.category-card.card-purple,.category-card.card-green,.category-card.card-red,.category-card.card-teal,.category-card.card-orange{background: #ffffff !important;color: #1a1a1a !important;border: 1px solid rgba(0,0,0,0.08) !important}.card h3,.card h3 a,.category-card h3,.category-card h3 a,.blog-card h3,.blog-card h3 a,.pack-mini h3,.pack-mini h3 a,.pack-mini-title{color: #1a1a1a !important}.card p,.category-card p,.blog-card p{color: #3a3a3a !important}.card .card-link,.category-card .card-link,.blog-card .card-link{color: var(--accent,var(--burgundy,var(--ink,#1a237e))) !important}main h2,.main h2,.article-content h2,section>h2,section>div>h2,.section-header h2{color: #1a1a1a !important}.hero h1,.hero h2,.hero p,.hero-stat-num,.hero-stat-label,.hero-badge,.hero-cta-secondary{color: #ffffff !important}.editorial-feature h2,.editorial-feature p,.editorial-feature-text h2,.editorial-feature-text p,.editorial-feature-text,.editorial-feature-eyebrow,.editorial-feature-includes,.editorial-feature-includes span,.editorial-feature-price{color: rgba(255,255,255,0.92) !important}.editorial-feature h2,.editorial-feature-text h2{color: #ffffff !important}.editorial-feature-eyebrow,.editorial-feature-price{color: var(--highlight-soft,#f1c40f) !important}.cta-banner h2,.cta-banner p,.cta-banner{color: #ffffff !important}.cta-banner h2{color: #ffffff !important}.teaser-bar,.countdown-bar,.teaser-bar-text,.countdown-bar-text,.teaser-bar-text *,.countdown-bar-text *{color: rgba(255,255,255,0.96) !important}.teaser-bar-text strong,.countdown-bar-text strong,.teaser-bar-num,.countdown-bar-num{color: #ffffff !important;font-weight: 800 !important}.teaser-bar-link,.countdown-bar-link{color: #ffd166 !important;font-weight: 700 !important}.site-logo,.logo,header .logo,header a.logo{color: #1a1a1a !important;font-weight: 800 !important}.site-logo span,.logo span{color: var(--accent,var(--burgundy,#c0392b)) !important}.site-header .site-nav a,.site-header .main-nav a,header nav a{color: #1a1a1a !important}.site-header .site-nav a:hover,.site-header .main-nav a:hover,header nav a:hover{color: var(--accent,var(--burgundy,#c0392b)) !important}.nav-cta,a.nav-cta,.site-header .nav-cta{color: #ffffff !important}.site-footer,.site-footer p,.site-footer span{color: rgba(255,255,255,0.85) !important}.site-footer a,.footer-links a,.footer-section a,footer a{color: rgba(255,255,255,0.85) !important}.site-footer a:hover,.footer-links a:hover,.footer-section a:hover{color: #ffffff !important}.footer-brand h3,.footer-links h4,.footer-section h4{color: #ffffff !important}.testimonial p,.testimonial blockquote p{color: #1a1a1a !important;font-style: normal !important;font-weight: 500 !important}.testimonial-cite-name{color: #1a1a1a !important;font-weight: 800 !important}.testimonial-cite-role{color: #5a5a5a !important}.testimonial-eyebrow{color: var(--accent,var(--burgundy,#c0392b)) !important}.trust-strip{background: #ffffff !important}.trust-item,.trust-item span{color: #1a1a1a !important}.trust-item strong{color: #1a1a1a !important;font-weight: 800 !important}.trust-item-icon{color: var(--accent,var(--burgundy,#c0392b)) !important}.quick-answer{color: #1a1a1a !important;background: linear-gradient(135deg,#fdf8f0,#ffffff) !important}.quick-answer p{color: #1a1a1a !important}.quick-answer-label{color: var(--accent,var(--burgundy,#c0392b)) !important}.sticky-cta{background: #1a1a2e !important;color: #ffffff !important}.sticky-cta-text strong{color: #ffd166 !important}.howto{background: #ffffff !important;border: 1px solid rgba(0,0,0,0.08) !important}.howto li{color: #1a1a1a !important}.howto li::before{color: #ffffff !important}.questions-box{background: #f5f0eb !important}.q-item{background: #ffffff !important}.q-item strong{color: #1a1a1a !important}details summary{color: var(--accent,var(--burgundy,#c0392b)) !important}details p{color: #1a1a1a !important;background: #fdf8f0 !important}.tag{background: #f5f0eb !important;color: #1a1a1a !important}.tag-popular{background: linear-gradient(135deg,#d4a017,#f1c40f) !important;color: #1a1a1a !important}img{opacity: 1 !important}.sister-link{color: #ffffff !important}.sister-link h3,.sister-link p{color: #ffffff !important}.btn-white{color: var(--pine,var(--ink-soft,#1a6b3c)) !important;background: #ffffff !important}.btn-primary{background: #ffffff !important;color: var(--burgundy,var(--accent,#c0392b)) !important}:root,html,body{color-scheme: only light !important}html,body,.site-header,.card,.pack-mini,.questions-box,.q-item,.testimonial-ribbon,.trust-strip,.quiz-widget,.toc,.fact-card,details p,.quick-answer,.quick-answer-box{background-color: #ffffff !important}.site-header{background: #ffffff !important}.testimonial-ribbon{background: linear-gradient(180deg,#fdf8f0 0%,#ffffff 100%) !important}.questions-box{background: #f5f0eb !important}.quick-answer{background: linear-gradient(135deg,#fdf8f0,#ffffff) !important}.q-item{background: #ffffff !important}.trust-strip{background: #ffffff !important}body,.card p,.card h3,.card h3 a,.pack-mini-title,.testimonial p,.testimonial-cite-name,.q-item strong,.quick-answer,.article-content p,.howto li{color: #1a1a1a !important}.card p{color: #3a3a3a !important}.testimonial-cite-role{color: #5a5a5a !important}section h2:not(.hero h2):not(.cta-banner h2):not(.editorial-feature h2):not(.editorial-feature-text h2){color: #1a1a1a !important}main h2:not(.hero h2):not(.cta-banner h2):not(.editorial-feature h2):not(.editorial-feature-text h2),.section-header h2{color: #1a1a1a !important}.site-header .site-nav a,.site-header .main-nav a,header nav a{color: #1a1a1a !important}.tag{background: #f5f0eb !important;color: #1a1a1a !important}img{opacity: 1 !important}.site-footer{background: #1a1a2e !important;color: rgba(255,255,255,0.85) !important}.site-footer a,.footer-links a,.footer-section a{color: rgba(255,255,255,0.85) !important}.footer-brand h3,.footer-links h4,.footer-section h4{color: #ffffff !important}.hero h1,.hero p,.hero-stat-num,.hero-stat-label,.hero-badge{color: #ffffff !important}.editorial-feature-text h2,.editorial-feature-text p,.editorial-feature-text{color: rgba(255,255,255,0.95) !important}.editorial-feature-text h2{color: #ffffff !important}.sticky-cta{background: #1a1a2e !important;color: #ffffff !important}body,p,li,dd,dt,td,th,.card p,.card li,.article-content p,.article-content li,.howto li,.fact-card p,.fact-card li,.toc a,.questions-box p,.questions-box li,main p,main li,section p,section li{color: #1a1a1a !important}.card .meta,.card-meta,.card-date,.card-tag,.post-meta,.blog-meta,.meta,.date,.timestamp,.testimonial-cite-role,.testimonial-cite-mark,.pack-mini-meta,.pack-mini-tag,.muted,.text-muted,.secondary,.hero-stat-label,.section-eyebrow,.eyebrow,small,.small,figcaption{color: #4a4a4a !important}*[class*="text-gray-3"],*[class*="text-gray-4"],*[class*="text-slate-3"],*[class*="text-slate-4"]{color: #4a4a4a !important}[style*="color:#666"],[style*="color: #666"],[style*="color:#999"],[style*="color: #999"],[style*="color:#9898a0"],[style*="color: #9898a0"],[style*="color:#a0a0b0"],[style*="color: #a0a0b0"],[style*="color:#b0b0c0"],[style*="color: #b0b0c0"],[style*="color:#c0c0c8"],[style*="color: #c0c0c8"],[style*="color:#c0c0d0"],[style*="color: #c0c0d0"],[style*="color:#6b7280"],[style*="color: #6b7280"]{color: #4a4a4a !important}.tag,.chip,.badge,.card .tag,.card-tag,.pack-mini-tag,.category-pill,.filter-pill,.post-tag,.blog-tag{background-color: #f1ead8 !important;color: #2a2418 !important;border: 1px solid rgba(42,36,24,0.12) !important}.site-footer,footer.site-footer,.site-footer p,.site-footer li,.site-footer a,.footer-links a,.footer-section a,.footer-bottom a,.footer-bottom,.footer-copyright{color: rgba(255,255,255,0.92) !important}.site-footer h3,.site-footer h4,.site-footer .footer-brand h3,.site-footer .footer-section h4,.site-footer .footer-links h4{color: #ffffff !important}.site-footer a:hover,.footer-links a:hover{color: #ffd166 !important;text-decoration: underline}.hero h1,.hero h2,.hero p,.hero-title,.hero-sub,.hero-stat-num,.hero-stat-label,.hero-badge,.hero-eyebrow,.hero-cta-text,.hero-content p,.hero-content h1,.hero-content h2{color: #ffffff !important}.hero-stat-label,.hero-eyebrow{color: rgba(255,255,255,0.92) !important}.hero-badge{background: rgba(255,255,255,0.18) !important;color: #ffffff !important;border: 1px solid rgba(255,255,255,0.30) !important}.cta-banner,.cta-banner h2,.cta-banner h3,.cta-banner p,.editorial-feature-text,.editorial-feature-text h2,.editorial-feature-text p,.editorial-feature-text span{color: #ffffff !important}.editorial-feature-text p,.cta-banner p{color: rgba(255,255,255,0.92) !important}.editorial-feature-text h2,.cta-banner h2{color: #ffffff !important}.sticky-cta,.sticky-cta-text,.sticky-cta-link{color: #ffffff !important}.sticky-cta-link{color: #ffd166 !important;text-decoration: underline}a:not(.btn):not(.nav-cta):not(.hero-cta){text-decoration-thickness: 1px}.article-content a,.blog-content a,main p a,main li a{color: #b8230a !important;text-decoration: underline;text-underline-offset: 2px}.article-content a:hover,.blog-content a:hover{color: #7a1606 !important}body[data-site="getfreetrivia"] .article-content a,body[data-site="getfreetrivia"] main p a{color: #047857 !important}body[data-site="triviadisney"] .article-content a,body[data-site="triviadisney"] main p a{color: #1a237e !important}.btn,.btn-primary,.nav-cta,.hero-cta,button.btn,a.btn{color: #ffffff !important;font-weight: 600}.btn-secondary,.btn-outline{color: #1a1a1a !important}.card h2,.card h3,.card h3 a,.card-title,.blog-card h3,.blog-card h3 a,.pack-mini-title,.fact-card h3,.fact-card h4{color: #1a1a1a !important;font-weight: 600}section:not(.hero):not(.cta-banner):not(.editorial-feature) h1,section:not(.hero):not(.cta-banner):not(.editorial-feature) h2,section:not(.hero):not(.cta-banner):not(.editorial-feature) h3,main h1,main h2,main h3,.section-header h1,.section-header h2,.section-header h3{color: #1a1a1a !important}input::placeholder,textarea::placeholder{color: #6a6a6a !important;opacity: 1 !important}.testimonial p,.testimonial blockquote,.testimonial-text,blockquote{color: #2a2a2a !important}.testimonial-cite-name{color: #1a1a1a !important;font-weight: 600}.testimonial-cite-role{color: #4a4a4a !important}.quick-answer,.quick-answer-box,.fact-card,.callout,.info-box{color: #1a1a1a !important}.quick-answer p,.fact-card p,.callout p{color: #2a2a2a !important}details summary,.q-item summary{color: #1a1a1a !important;font-weight: 600}details p,details div,.q-item details p{color: #2a2a2a !important}.site-header,.site-header *:not(.nav-cta){color: #1a1a1a !important}.site-header .site-nav a{color: #1a1a1a !important}.site-header .site-nav a:hover,.site-header .site-nav a.active{color: #b8230a !important}.site-header .site-logo,.site-header .site-logo span{color: inherit !important}.site-header .nav-cta{color: #ffffff !important}.trust-strip,.trust-strip *,.stat-block,.stat-block *{color: #1a1a1a !important}.trust-strip .stat-num,.stat-num{color: #1a1a1a !important;font-weight: 700}.trust-strip .stat-label,.stat-label{color: #4a4a4a !important}.text-secondary,.text-tertiary{color: #4a4a4a !important}table,table td,table th{color: #1a1a1a !important}table th{background: #f5f0eb !important;color: #1a1a1a !important}hr,.divider{border-color: rgba(0,0,0,0.15) !important}.ct-product-section{background: linear-gradient(180deg,#fdf8f0 0%,#ffffff 100%);padding: 64px 24px;margin: 60px 0 0;border-top: 1px solid rgba(0,0,0,0.06)}.ct-product-inner{max-width: 1200px;margin: 0 auto}.ct-product-header{text-align: center;margin-bottom: 40px}.ct-product-eyebrow{font-size: 0.78rem;font-weight: 700;letter-spacing: 0.14em;color: #6b2424;margin-bottom: 8px}.ct-product-h2{font-size: clamp(1.6rem,4vw,2.4rem) !important;font-weight: 700 !important;color: #1a1a1a !important;margin: 0 0 12px !important;line-height: 1.2}.ct-product-sub{font-size: 1.05rem;color: #4a4a4a !important;max-width: 640px;margin: 0 auto;line-height: 1.6}.ct-product-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: 24px;margin-bottom: 32px}.ct-product-card{background: #ffffff !important;border: 1px solid rgba(0,0,0,0.08);border-radius: 16px;text-decoration: none !important;color: inherit !important;display: flex;flex-direction: column;overflow: hidden;box-shadow: 0 1px 3px rgba(0,0,0,0.04);transition: transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease}.ct-product-card:hover{transform: translateY(-4px);box-shadow: 0 12px 28px rgba(0,0,0,0.10),0 2px 8px rgba(0,0,0,0.06);border-color: rgba(168,32,26,0.25)}.ct-product-img-wrap{background: #f5f0eb;aspect-ratio: 1 / 1;overflow: hidden}.ct-product-img-wrap img{width: 100%;height: 100%;object-fit: cover;display: block}.ct-product-body{padding: 18px 20px 22px;display: flex;flex-direction: column;gap: 10px;flex: 1}.ct-product-meta{display: flex;align-items: center;justify-content: space-between;gap: 8px;flex-wrap: wrap;font-size: 0.82rem}.ct-product-rating{color: #d4a017;font-weight: 700;letter-spacing: 1px}.ct-product-rating-num{color: #1a1a1a !important;margin-left: 4px;font-weight: 600;letter-spacing: 0}.ct-product-badge{background: #fdf8f0;color: #1a1a1a !important;padding: 3px 10px;border-radius: 999px;font-weight: 600;font-size: 0.74rem;border: 1px solid rgba(0,0,0,0.06)}.ct-product-title{font-family: 'Playfair Display',Georgia,serif;font-size: 1.18rem !important;font-weight: 700 !important;color: #1a1a1a !important;line-height: 1.25;margin: 0 !important;flex: 1}.ct-product-bottom{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-top: 8px;padding-top: 14px;border-top: 1px solid rgba(0,0,0,0.06)}.ct-product-price{font-size: 1.5rem;font-weight: 800;color: #1a1a1a !important;font-family: 'Playfair Display',Georgia,serif}.ct-product-cta{background: #1a1a2e;color: #ffffff !important;padding: 10px 18px;border-radius: 10px;font-weight: 700;font-size: 0.9rem;transition: background 0.2s ease;white-space: nowrap}.ct-product-card:hover .ct-product-cta{background: #a83232}.ct-product-footer{text-align: center}.ct-product-browse{display: inline-block;font-weight: 700;color: #1a1a2e !important;text-decoration: none !important;border-bottom: 2px solid currentColor;padding-bottom: 2px;font-size: 1.02rem}.ct-product-browse:hover{color: #a83232 !important}@media (max-width: 600px){.ct-product-section{padding: 48px 16px}.ct-product-grid{grid-template-columns: 1fr;gap: 16px}.ct-product-card{flex-direction: row}.ct-product-img-wrap{width: 120px;aspect-ratio: 1 / 1;flex-shrink: 0}.ct-product-body{padding: 12px 14px}.ct-product-title{font-size: 1rem !important}.ct-product-price{font-size: 1.2rem}.ct-product-cta{padding: 8px 12px;font-size: 0.82rem}}.ct-compare{background: #faf9f6;padding: 64px 24px;margin: 0;border-top: 1px solid rgba(0,0,0,0.06);border-bottom: 1px solid rgba(0,0,0,0.06)}.ct-compare-inner{max-width: 1100px;margin: 0 auto}.ct-compare-header{text-align: center;margin-bottom: 36px}.ct-compare-eyebrow{font-size: 0.78rem;font-weight: 700;letter-spacing: 0.14em;color: #6b2424;margin-bottom: 8px}.ct-compare-h2{font-size: clamp(1.55rem,3.6vw,2.2rem) !important;font-weight: 700 !important;color: #1a1a1a !important;margin: 0 !important;line-height: 1.25;max-width: 800px;margin-left: auto !important;margin-right: auto !important}.ct-compare-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 22px;align-items: stretch}.ct-compare-col{background: #ffffff !important;border: 1px solid rgba(0,0,0,0.08);border-radius: 18px;padding: 32px 28px;position: relative;display: flex;flex-direction: column}.ct-compare-paid{border: 2px solid #1a1a2e;box-shadow: 0 8px 32px rgba(26,26,46,0.12);background: linear-gradient(180deg,#fdfcfa 0%,#ffffff 100%) !important}.ct-compare-badge{position: absolute;top: -14px;left: 50%;transform: translateX(-50%);background: #1a1a2e;color: #ffd166 !important;padding: 6px 16px;border-radius: 999px;font-size: 0.74rem;font-weight: 700;letter-spacing: 0.08em;white-space: nowrap}.ct-compare-col-head{margin-bottom: 18px}.ct-compare-col-eyebrow{font-size: 0.74rem;font-weight: 700;letter-spacing: 0.14em;color: #4a4a4a !important;margin-bottom: 6px}.ct-compare-col-title{font-family: 'Playfair Display',Georgia,serif;font-size: 1.3rem;font-weight: 700;color: #1a1a1a !important;margin-bottom: 6px;line-height: 1.3}.ct-compare-col-price{font-size: 1.4rem;font-weight: 700;color: #1a1a1a !important}.ct-compare-price-note{font-size: 0.85rem;font-weight: 500;color: #4a4a4a !important;margin-left: 4px}.ct-compare-list{list-style: none;padding: 0;margin: 0 0 20px;flex: 1}.ct-compare-list li{padding: 8px 0;border-bottom: 1px solid rgba(0,0,0,0.05);font-size: 0.95rem;color: #1a1a1a !important;line-height: 1.5;display: flex;align-items: flex-start;gap: 10px}.ct-compare-list li:last-child{border-bottom: none}.ct-compare-list strong{color: #1a1a1a !important;font-weight: 700}.ct-compare-check{color: #047857;font-weight: 700;flex-shrink: 0;width: 18px;font-size: 1.1rem}.ct-compare-x{color: #b8230a;font-weight: 700;flex-shrink: 0;width: 18px;font-size: 1.1rem;opacity: 0.7}.ct-compare-cta{display: block;background: #a83232;color: #ffffff !important;text-align: center;padding: 14px 18px;border-radius: 12px;font-weight: 700;text-decoration: none !important;margin-bottom: 16px;transition: transform 0.2s ease,background 0.2s ease}.ct-compare-cta:hover{transform: translateY(-2px);background: #6b1b14}.ct-compare-foot{font-size: 0.88rem;font-style: italic;color: #4a4a4a !important;text-align: center;padding-top: 6px}.ct-compare-foot-paid{color: #1a1a2e !important;font-weight: 600}@media (max-width: 700px){.ct-compare{padding: 48px 16px}.ct-compare-grid{grid-template-columns: 1fr}.ct-compare-col{padding: 24px 22px}}.hero,.article-hero,.blog-hero,.page-hero,[class*="-hero"]{position: relative;overflow: hidden}.hero::after,.article-hero::after,.blog-hero::after,.page-hero::after,[class*="-hero"]:not(footer):not(.cta-banner)::after{content: '';position: absolute;inset: 0;background-image: url('/hero-bg.svg');background-size: cover;background-position: center;background-repeat: no-repeat;opacity: 0.55;z-index: 0;pointer-events: none;mix-blend-mode: screen}.hero>*,.article-hero>*,.blog-hero>*,.page-hero>*,[class*="-hero"]>*{position: relative;z-index: 1}@media (prefers-reduced-motion: no-preference){.ctf-fade{opacity: 0;transform: translateY(14px);transition: opacity 0.55s ease-out,transform 0.55s ease-out;will-change: opacity,transform}.ctf-fade.ctf-in{opacity: 1;transform: translateY(0)}}img{max-width: 100%;height: auto}table{max-width: 100%;border-collapse: collapse}@media (max-width: 700px){table{display: block;overflow-x: auto;-webkit-overflow-scrolling: touch;white-space: nowrap}table thead{white-space: normal}table.data-table th,table.data-table td{padding: 8px 12px !important;font-size: 0.92rem !important}}@media (max-width: 600px){.article-hero h1{font-size: 1.7rem !important;line-height: 1.2 !important}.article-hero{padding: 48px 20px 36px !important}.article-hero p.lead{font-size: 1rem !important}.article-wrap{padding: 16px !important}article h2{font-size: 1.4rem !important;margin-top: 32px !important}article h3{font-size: 1.1rem !important}article p{font-size: 1rem !important}.product-card-inline{flex-direction: column !important;text-align: center !important;padding: 18px !important}.product-card-inline img{width: 140px !important}.cta-banner{padding: 24px 20px !important}.cta-banner h3{font-size: 1.2rem !important}.hosting-resources .hr-grid{grid-template-columns: 1fr !important}.pc-cta,.cta-btn,.btn,.nav-cta{min-height: 44px;display: inline-flex !important;align-items: center !important;justify-content: center !important}}@media (max-width: 380px){.article-hero h1{font-size: 1.45rem !important}body{font-size: 16px !important}}@media print{.site-header,.site-footer,.skip-link,.nav-cta,.countdown-banner,.sticky-cta,.sticky-cta-banner,.ct-compare,.hosting-resources,.scroll-fade-trigger,.product-card-inline,.cta-banner,.cta-box,.cta-button,.product-section,nav.site-nav,nav.crumbs{display: none !important}body,article,p,li,h1,h2,h3,h4{color: #000 !important;background: #fff !important;background-image: none !important}.article-hero,.hero{background: none !important;color: #000 !important;padding: 16px 0 !important;margin: 0 0 16px !important;border: none !important;border-radius: 0 !important}.article-hero h1,.hero h1{color: #000 !important;font-size: 24pt !important;margin: 0 0 8px !important}.article-hero p,.hero p{color: #333 !important;font-size: 12pt !important}article{font-size: 11pt !important;line-height: 1.45 !important;max-width: 100% !important}article h2{font-size: 14pt !important;margin-top: 18pt !important}article h3{font-size: 12pt !important;margin-top: 12pt !important}article a:after{content: " (" attr(href) ")";font-size: 9pt;color: #555;word-break: break-all}article a[href^="#"]:after{content: ""}article a[href^="/"]:after{content: ""}h1,h2,h3{page-break-after: avoid}table,.data-table,blockquote,.related-box{page-break-inside: avoid}article a{text-decoration: none !important;color: #000 !important}body:after{content: "Source: " attr(data-domain);display: block;font-size: 9pt;color: #666;margin-top: 24pt;padding-top: 8pt;border-top: 1px solid #ccc}}

/* === A11y: visible focus indicators (Bucket A1, audit 2026-05-06) === */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid #ffd166;
  outline-offset: 2px;
  border-radius: 4px;
}
/* Don't double-outline native checkbox/radio */
input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible { outline-offset: 1px; }

/* === B1: WCAG AA contrast fixes (audit 2026-05-06) === */
/* Teal #00BFA5 + white text = 2.33:1 → fail. Darken to #00897B. */
/* Amber #FF8F00 + white text = 2.29:1 → fail. Darken to #E65100. */
.btn-teal,
.cta-teal { background-color: #00897B !important; }
.btn-amber,
.cta-amber { background-color: #E65100 !important; }

/* === Contrast safety net v1 (pa11y verified 2026-05-06) === */
/* .quick-answer-box: existing CSS sets a dark navy gradient that conflicts with
   the inline light-cream background. Force light bg + dark text + readable links. */
.quick-answer-box {
  background: linear-gradient(135deg, #fef3e2, #ffffff) !important;
  background-image: linear-gradient(135deg, #fef3e2, #ffffff) !important;
  color: #1a1a2e !important;
  border-left-color: #d4a017 !important;
}
.quick-answer-box strong, .quick-answer-box b, .quick-answer-box p { color: #1a1a2e !important; }
.quick-answer-box a { color: #c0392b !important; text-decoration: underline; }

/* .quick-answer (the singular variant — used as a card on some sites). */
.quick-answer {
  background: linear-gradient(135deg, #fdf8f0, #ffffff) !important;
  color: #1a1a2e !important;
}
/* Force the label to a white pill with dark text — regardless of parent bg.
   axe found gold-on-gold and gold-on-teal contexts on 4 sites. */
.quick-answer-label,
span.quick-answer-label,
.quick-answer .quick-answer-label,
.quick-answer-box .quick-answer-label {
  color: #1a1a2e !important;
  background: #ffffff !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  display: inline-block !important;
  text-shadow: none !important;
}

/* .print-btn: dark navy background — text MUST be white. Pa11y measured 1.37:1. */
.print-btn,
button.print-btn {
  background: #1a1a2e !important;
  color: #ffffff !important;
  border: 1px solid #1a1a2e !important;
}
.print-btn:hover { background: #2c2c4a !important; }

/* Star ratings — gold on light bg, force darker gold (9.6:1). */
.ct-product-rating,
.product-rating-stars,
.rating-stars { color: #9a6f00 !important; }

/* Editorial feature CTA badges. */
.editorial-feature-cta {
  color: #1a1a2e !important;
  background: #fef3e2 !important;
  padding: 6px 12px;
  border-radius: 4px;
  display: inline-block;
}

/* Inline-styled social share rows (Twitter/Facebook/Pinterest).
   axe ground-truth: white-on-#1da1f2 = 2.82:1 (twitter), white-on-#1877f2 = 4.23:1 (facebook).
   Both fail AA. Darken the brand colors to the WCAG-compliant variants. */
a[href*="twitter.com/intent"],
.share-btn[href*="twitter"],
.share-link[href*="twitter"] {
  background: #007bc7 !important;
  color: #ffffff !important;
}
a[href*="facebook.com/sharer"],
.share-btn[href*="facebook"],
.share-link[href*="facebook"] {
  background: #0d5dbb !important;
  color: #ffffff !important;
}
a[href*="pinterest.com/pin"],
.share-btn[href*="pinterest"],
.share-link[href*="pinterest"] {
  background: #aa1f24 !important;
  color: #ffffff !important;
}
.share-btn, .share-link { color: #ffffff !important; }

/* Hero CTA buttons — left to per-site overrides because some sites use
   white-bg / dark-text and others use color-bg / white-text. A universal
   `color: #fff !important` would invisibly white-on-white the white-bg variant. */
.hero-cta-secondary { color: #1a1a2e !important; }

/* Footer: every site's existing CSS uses .site-footer with dark bg, but the
   live HTML uses bare <footer> without that class — so the dark bg never
   applies and footer text inherits white from body, which is invisible.
   Force a dark navy bg + light text on bare <footer> so the prior rules work. */
footer, .site-footer, body > footer {
  background: #0f1428 !important;
  color: #f1f1f5 !important;
}
footer p, footer .footer-blurb, footer .footer-tagline,
.site-footer p, .site-footer .footer-blurb, .site-footer .footer-tagline { color: #f1f1f5 !important; }
footer p[style], .site-footer p[style] { color: #f1f1f5 !important; }
footer a, .site-footer a { color: #ffffff !important; }
footer a:hover, .site-footer a:hover { color: #ffd166 !important; }
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4 { color: #ffffff !important; }

/* TTN blog post per-page dark theme: .name-text was dark-on-dark (188 instances). */
.name-text { color: #ffffff !important; }
/* TTN blog .num: purple-on-dark (152 instances) */
.num { color: #ffd166 !important; }
/* TTN blog .note: light gray on white = 2.61:1 (165 instances) */
.note { color: #5a5a5a !important; }
/* "Did You Know?" / "Fun Fact" strongs: teal #16a085 on light teal = 2.99:1 (69 instances).
   Darken to #0f6e5a (~5.7:1 against #e8f8f5). */
strong.callout, .did-you-know strong, .fun-fact strong { color: #0f6e5a !important; }
/* THH blog answer reveals: green #27ae60 on #f8f9fa = 2.72:1. Darken to #0f7a3e. */
.answer, .ans, td.check { color: #0f7a3e !important; }
/* THH check tables (✓): same. */
.check, .check:nth-child(n) { color: #0f7a3e !important; }
/* THH skip-link teal-on-white in focused state */
.skip-link, a.skip-link { color: #ffffff !important; background: #1a1a2e !important; }

/* === v6 (revised): kept only the safe parts ===
   Reverted the dark-blog template rules (.section-card, .faq-item, etc.)
   — they regressed: those wrapper classes exist on BOTH dark and light
   templates. Forcing light text broke 1300+ light-bg pages.

   Remaining v6 rules below are scoped to specific elements where the
   foreground/background pair is unambiguously known. */

/* Logo wordmarks across sites — force consistent dark navy (will pass on light bg). */
.logo-text, .site-logo .text, a.logo-text, .brand-text { color: #1a1a2e !important; }

/* Gold text on white bg fails AA — darken to compliant gold. */
.gold-text, strong.gold-text, .text-gold { color: #9a6f00 !important; }

/* Generic gray text classes that fail AA */
.text-light, .secondary-text, .meta-text { color: #5a5a5a !important; }

/* Generic blog-post `.note` (small italic) — was light gray on white = 2.61:1 */
span.note, .note, .blog-note { color: #5a5a5a !important; }

/* === v7.1: kept only the genuinely-safe color refinements ===
   v7 attempted to dark indigo brand links (#6366f1 → #4338ca) and forced
   .answer into a green pill — both regressed in dark-bg contexts (indigo
   on dark footer = 1.5:1; pink .answer-label inheriting on green pill =
   2:1). v6.1 had 616 axe violations; v7 had 643 (-27 net loss). Reverted
   those two rules; kept only the refinements that improve light-bg
   contrast without introducing dark-bg regressions. */

/* Light-yellow callout `#e65100` orange/amber — darken to `#c2410c` (~5.5:1 on light yellow). */
.callout-amber, .alert-warning,
[style*="background:#fff8e1"] strong, [style*="background:#fef3c7"] strong { color: #c2410c !important; }

/* Light gray `#6b7280` on cream `#f5f0eb` — fails AA at 4.26:1. Darken. */
.text-meta, .meta-text, .text-muted, .secondary-text { color: #4b5563 !important; }

/* Red `#ef4444` on white — 3.7:1 fails AA. Darken to `#dc2626` (~5:1). */
.text-error, .error-text, .status-error, .alert-error { color: #dc2626 !important; }

/* === D8: Reduce homepage CTA load (Option B — 2026-05-07) ===
   Audit flagged 5–7 above-the-fold CTAs causing decision paralysis on
   CT/TAC/FRIENDS/GFT/THM. Option B keeps: weekly-sub-topbar, .nav-cta,
   .hero-cta-primary, .hero-cta-secondary, .sticky-cta. Visually demote
   the rest: smaller font, normal weight, no big shadow. Doesn't touch
   colors (so still works on light or dark bgs) — only reduces emphasis. */
.editorial-feature-cta {
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  padding: 6px 14px !important;
  letter-spacing: 0 !important;
}
.sample-pdf-cta a, .sample-pdf-cta button, .sample-pdf-cta .btn-primary {
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
/* Mid-page repeat "Get Trivia Packs" CTAs (when present as a separate banner) */
.cta-banner.cta-banner-mid, .repeat-cta {
  opacity: 0.92 !important;
}

/* Back-to-top button accessible contrast on light pages. */
.back-to-top {
  background: #1a1a2e !important;
  color: #ffffff !important;
}

/* triviahosthelp — teal palette. */
.btn-primary, a.btn-primary { background: #0f4c4a !important; color: #ffffff !important; }
.site-header .site-nav a.nav-cta,
.site-header .main-nav a.nav-cta,
header nav a.nav-cta,
a.nav-cta { background: #0f4c4a !important; color: #ffffff !important; }
/* === end contrast safety net v1 === */