@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;800;900&family=Lato:wght@300;400;700;900&display=swap');:root{--primary: #2d1b69;--primary-light: #4a2c9a;--primary-dark: #1a0f3d;--gold: #ffc107;--gold-light: #ffd54f;--gold-dark: #c79100;--magenta: #e91e63;--magenta-light: #f06292;--teal: #009688;--teal-light: #4db6ac;--cream: #f8f5ff;--warm-gray: #f0ebf5;--dark: #1a1a2e;--text: #2d2d3a;--text-light: #5a5a6b;--white: #ffffff;--shadow-sm: 0 2px 8px rgba(45,27,105,0.06);--shadow-md: 0 4px 20px rgba(45,27,105,0.08);--shadow-lg: 0 8px 40px rgba(45,27,105,0.12);--shadow-xl: 0 12px 60px rgba(45,27,105,0.18);--shadow-gold: 0 4px 20px rgba(255,193,7,0.3);--radius-sm: 8px;--radius: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--max-width: 1200px;--content-width: 820px;--header-height: 72px;--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-md: 1.1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: 3.5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--transition-fast: 150ms ease;--transition-base: 250ms cubic-bezier(0.4,0,0.2,1);--transition-slow: 400ms cubic-bezier(0.4,0,0.2,1);--z-dropdown: 100;--z-sticky: 200;--z-header: 300;--z-modal: 400;--z-toast: 500}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 16px}body{font-family: Lato,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size: var(--text-md);line-height: 1.75;color: var(--text);background-color: var(--cream);min-height: 100vh;overflow-x: hidden}img,picture,video,canvas,svg{display: block;max-width: 100%;height: auto}input,button,textarea,select{font: inherit;color: inherit}button{cursor: pointer;background: none;border: none}a{color: inherit;text-decoration: none}ul,ol{list-style: none}table{border-collapse: collapse;width: 100%}::selection{background-color: var(--primary);color: var(--gold)}::-moz-selection{background-color: var(--primary);color: var(--gold)}h1,h2,h3,h4,h5,h6{font-family: 'Playfair Display',Georgia,'Times New Roman',serif;color: var(--primary);line-height: 1.25;font-weight: 700;letter-spacing: -0.02em}h1{font-size: var(--text-3xl);font-weight: 800}h2{font-size: var(--text-2xl);font-weight: 700}h3{font-size: var(--text-xl);font-weight: 600}h4{font-size: var(--text-lg);font-weight: 600}h5{font-size: var(--text-base);font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em}h6{font-size: var(--text-sm);font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em}p{margin-bottom: var(--space-4);color: var(--text)}p:last-child{margin-bottom: 0}a[href]{color: var(--primary-light);transition: color var(--transition-base)}a[href]:hover{color: var(--gold-dark)}::-webkit-scrollbar{width: 10px}::-webkit-scrollbar-track{background: var(--cream)}::-webkit-scrollbar-thumb{background: var(--primary-light);border-radius: var(--radius-full);border: 2px solid var(--cream)}::-webkit-scrollbar-thumb:hover{background: var(--primary)}.container{width: 100%;max-width: var(--max-width);margin-left: auto;margin-right: auto;padding-left: var(--space-5);padding-right: var(--space-5)}.container-narrow{max-width: var(--content-width)}.container-wide{max-width: 1400px}main{min-height: calc(100vh - var(--header-height));padding-top: var(--header-height)}.site-header{position: fixed;top: 0;left: 0;right: 0;height: var(--header-height);background-color: var(--white);border-bottom: 1px solid var(--warm-gray);z-index: var(--z-header);transition: box-shadow var(--transition-base)}.site-header.scrolled{box-shadow: var(--shadow-md)}.site-header .container{display: flex;align-items: center;justify-content: space-between;height: 100%}.site-logo{display: inline-flex;align-items: center;font-family: 'Playfair Display',Georgia,serif;font-size: 1.6rem;font-weight: 800;letter-spacing: -0.02em;white-space: nowrap}.site-logo .logo-trivia{color: var(--primary)}.site-logo .logo-team{color: var(--gold);margin: 0 2px}.site-logo .logo-name{color: var(--primary)}.site-logo:hover .logo-trivia,.site-logo:hover .logo-name{color: var(--primary-light)}.site-logo:hover .logo-team{color: var(--gold-light)}.site-nav{display: flex;align-items: center;gap: var(--space-6)}.site-nav ul{display: flex;align-items: center;gap: var(--space-6);list-style: none}.site-nav a{font-family: Lato,sans-serif;font-size: var(--text-sm);font-weight: 700;color: var(--text);text-transform: uppercase;letter-spacing: 0.05em;padding: var(--space-2) 0;position: relative;transition: color var(--transition-base)}.site-nav a::after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: var(--gold);border-radius: 2px;transition: width var(--transition-base)}.site-nav a:hover{color: var(--primary)}.site-nav a:hover::after{width: 100%}.site-nav .nav-cta{display: inline-flex;align-items: center;padding: 10px 22px;background-color: var(--gold);color: var(--dark);font-family: Lato,sans-serif;font-size: var(--text-sm);font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em;border-radius: var(--radius);transition: all var(--transition-base)}.site-nav .nav-cta::after{display: none}.site-nav .nav-cta:hover{background-color: var(--gold-light);color: var(--dark);transform: translateY(-1px);box-shadow: var(--shadow-gold)}.hamburger{display: none;flex-direction: column;justify-content: center;gap: 5px;width: 40px;height: 40px;padding: 8px;background: none;border: none;cursor: pointer;z-index: calc(var(--z-header)+10)}.hamburger span{display: block;width: 24px;height: 2.5px;background-color: var(--primary);border-radius: 2px;transition: all var(--transition-base);transform-origin: center}.hamburger[aria-expanded="true"] span:nth-child(1){transform: translateY(7.5px) rotate(45deg)}.hamburger[aria-expanded="true"] span:nth-child(2){opacity: 0}.hamburger[aria-expanded="true"] span:nth-child(3){transform: translateY(-7.5px) rotate(-45deg)}.breadcrumb{display: flex;align-items: center;flex-wrap: wrap;gap: var(--space-2);padding: var(--space-4) 0;font-size: var(--text-sm);color: var(--text-light)}.breadcrumb a{color: var(--text-light);transition: color var(--transition-fast)}.breadcrumb a:hover{color: var(--primary)}.breadcrumb .separator{color: var(--text-light);opacity: 0.5;font-size: 0.7rem}.breadcrumb .current{color: var(--text);font-weight: 600}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);padding: 12px 28px;font-family: Lato,sans-serif;font-size: var(--text-base);font-weight: 700;line-height: 1.4;border-radius: var(--radius);border: 2px solid transparent;cursor: pointer;text-decoration: none;white-space: nowrap;transition: all var(--transition-base);position: relative;overflow: hidden;min-height: 44px;min-width: 44px}.btn::before{content: '';position: absolute;inset: 0;background: linear-gradient(to right,transparent,rgba(255,255,255,0.2),transparent);transform: translateX(-100%);transition: transform 400ms ease}.btn:hover::before{transform: translateX(100%)}.btn:active{transform: scale(0.97)}.btn-primary{background-color: var(--gold);color: var(--dark);border-color: var(--gold)}.btn-primary:hover{background-color: var(--gold-light);border-color: var(--gold-light);transform: translateY(-2px);box-shadow: var(--shadow-gold)}.btn-secondary{background-color: var(--primary);color: var(--white);border-color: var(--primary)}.btn-secondary:hover{background-color: var(--primary-light);border-color: var(--primary-light);transform: translateY(-2px);box-shadow: var(--shadow-md)}.btn-white{background-color: var(--white);color: var(--text);border-color: var(--warm-gray)}.btn-white:hover{background-color: var(--cream);border-color: var(--primary-light);color: var(--primary);transform: translateY(-2px);box-shadow: var(--shadow-sm)}.btn-outline{background-color: transparent;color: var(--primary);border-color: var(--primary)}.btn-outline:hover{background-color: var(--primary);color: var(--white);transform: translateY(-2px);box-shadow: var(--shadow-md)}.btn-large{padding: 16px 40px;font-size: var(--text-lg);border-radius: var(--radius-lg)}.btn-small{padding: 8px 16px;font-size: var(--text-sm);border-radius: var(--radius-sm)}.btn-copy{display: inline-flex;align-items: center;gap: var(--space-1);padding: 6px 14px;background-color: var(--white);color: var(--primary);border: 1.5px solid var(--warm-gray);border-radius: var(--radius-sm);font-size: var(--text-sm);font-weight: 600;cursor: pointer;transition: all var(--transition-base)}.btn-copy::before{content: '\1F4CB';font-size: 0.85em}.btn-copy:hover{background-color: var(--gold);border-color: var(--gold);color: var(--dark);transform: translateY(-1px)}.btn-copy.copied{background-color: var(--teal);border-color: var(--teal);color: var(--white)}.btn-copy.copied::before{content: '\2713'}.btn-upvote{display: inline-flex;align-items: center;gap: var(--space-1);padding: 6px 14px;background-color: var(--white);color: var(--text-light);border: 1.5px solid var(--warm-gray);border-radius: var(--radius-sm);font-size: var(--text-sm);font-weight: 600;cursor: pointer;transition: all var(--transition-base)}.btn-upvote::before{content: '\25B2';font-size: 0.75em}.btn-upvote:hover{background-color: var(--magenta);border-color: var(--magenta);color: var(--white)}.btn-upvote.voted{background-color: var(--magenta);border-color: var(--magenta);color: var(--white)}.btn-generate{padding: 16px 36px;background: linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color: var(--dark);font-size: var(--text-lg);font-weight: 800;border-radius: var(--radius-lg);border: none;box-shadow: var(--shadow-gold);transition: all var(--transition-base)}.btn-generate:hover{transform: translateY(-3px);box-shadow: 0 8px 30px rgba(255,193,7,0.4)}.btn-icon{display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;padding: 0;border-radius: var(--radius);background-color: var(--white);color: var(--primary);border: 1.5px solid var(--warm-gray);transition: all var(--transition-base)}.btn-icon:hover{background-color: var(--gold);border-color: var(--gold);color: var(--dark);transform: translateY(-1px)}.name-card{display: flex;flex-direction: column;gap: var(--space-2);padding: var(--space-4) var(--space-5);background-color: var(--white);border: 2px solid var(--warm-gray);border-radius: var(--radius);transition: all var(--transition-base);position: relative;cursor: pointer}.name-card strong{font-family: 'Playfair Display',Georgia,serif;font-size: var(--text-lg);font-weight: 700;color: var(--primary);line-height: 1.35}.name-card span{font-size: 0.9rem;color: var(--text-light);font-style: italic}.name-card .card-actions{display: flex;align-items: center;gap: var(--space-2);margin-top: var(--space-1);opacity: 0;transform: translateY(4px);transition: all var(--transition-base)}.name-card:hover{border-color: var(--gold);transform: translateY(-2px);box-shadow: var(--shadow-md)}.name-card:hover .card-actions{opacity: 1;transform: translateY(0)}.name-card .badge-new{position: absolute;top: -8px;right: 12px;padding: 3px 10px;background-color: var(--magenta);color: var(--white);font-size: var(--text-xs);font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;border-radius: var(--radius-full)}.name-cards-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: var(--space-4)}.generator-box{background: linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius: var(--radius-lg);padding: var(--space-8);color: var(--white);box-shadow: var(--shadow-xl);position: relative;overflow: hidden}.generator-box::before{content: '';position: absolute;top: -50%;right: -30%;width: 60%;height: 100%;background: radial-gradient(circle,rgba(255,193,7,0.08) 0%,transparent 70%);pointer-events: none}.generator-display{background-color: rgba(255,255,255,0.08);border: 2px dashed rgba(255,193,7,0.4);border-radius: var(--radius);padding: var(--space-6);margin-bottom: var(--space-6);text-align: center;position: relative;min-height: 100px;display: flex;align-items: center;justify-content: center;gap: var(--space-4);flex-wrap: wrap}.generator-display .generated-name{font-family: 'Playfair Display',Georgia,serif;font-size: var(--text-2xl);font-weight: 800;color: var(--gold);word-break: break-word}.generator-display .placeholder-text{color: rgba(255,255,255,0.5);font-style: italic}.generator-controls{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--space-4);margin-bottom: var(--space-6)}.generator-controls .control-group{display: flex;flex-direction: column;gap: var(--space-2)}.generator-controls label{font-size: var(--text-sm);font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: rgba(255,255,255,0.8)}.generator-controls select,.generator-controls input[type="text"]{padding: 12px var(--space-4);background-color: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.2);border-radius: var(--radius);color: var(--white);font-size: var(--text-base);outline: none;transition: all var(--transition-base);width: 100%}.generator-controls select:focus,.generator-controls input[type="text"]:focus{border-color: var(--gold);background-color: rgba(255,255,255,0.15);box-shadow: 0 0 0 3px rgba(255,193,7,0.15)}.generator-controls select option{background-color: var(--primary);color: var(--white)}.generator-controls input[type="range"]{-webkit-appearance: none;appearance: none;width: 100%;height: 8px;background: rgba(255,255,255,0.15);border-radius: var(--radius-full);outline: none;cursor: pointer}.generator-controls input[type="range"]::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 24px;height: 24px;background: var(--gold);border-radius: 50%;cursor: pointer;border: 3px solid var(--white);box-shadow: 0 2px 8px rgba(0,0,0,0.2);transition: transform var(--transition-fast)}.generator-controls input[type="range"]::-webkit-slider-thumb:hover{transform: scale(1.15)}.generator-controls input[type="range"]::-moz-range-thumb{width: 24px;height: 24px;background: var(--gold);border-radius: 50%;cursor: pointer;border: 3px solid var(--white);box-shadow: 0 2px 8px rgba(0,0,0,0.2)}.slider-labels{display: flex;justify-content: space-between;font-size: var(--text-xs);color: rgba(255,255,255,0.6);margin-top: var(--space-1)}.generator-buttons{display: flex;gap: var(--space-4);justify-content: center;flex-wrap: wrap}.customize-panel{margin-top: var(--space-4);padding-top: var(--space-4);border-top: 1px solid rgba(255,255,255,0.15)}.customize-toggle{display: flex;align-items: center;gap: var(--space-2);color: var(--gold);font-size: var(--text-sm);font-weight: 700;cursor: pointer;background: none;border: none;padding: var(--space-2) 0;transition: color var(--transition-base)}.customize-toggle:hover{color: var(--gold-light)}.customize-toggle .toggle-icon{transition: transform var(--transition-base);font-size: 0.8em}.customize-toggle[aria-expanded="true"] .toggle-icon{transform: rotate(180deg)}.customize-content{display: none;animation: slideDown 300ms ease forwards}.customize-content.open{display: block}@keyframes slideDown{from{opacity: 0;transform: translateY(-10px)}to{opacity: 1;transform: translateY(0)}}.quick-answer{background-color: var(--warm-gray);border-left: 4px solid var(--gold);border-radius: 0 var(--radius) var(--radius) 0;padding: var(--space-5) var(--space-6);margin: var(--space-6) 0;position: relative}.quick-answer-label{display: inline-block;padding: 4px 12px;background-color: var(--gold);color: var(--dark);font-size: var(--text-xs);font-weight: 800;text-transform: uppercase;letter-spacing: 0.08em;border-radius: var(--radius-sm);margin-bottom: var(--space-3)}.quick-answer p{font-size: var(--text-md);line-height: 1.8;margin-bottom: var(--space-3);color: var(--text)}.quick-answer p:last-child{margin-bottom: 0}.speakable{position: relative}.speakable::after{content: '\1F50A';position: absolute;top: var(--space-3);right: var(--space-4);font-size: var(--text-lg);opacity: 0.4;pointer-events: none}.cta-banner{background: linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 60%,var(--primary-light) 100%);border-radius: var(--radius-lg);padding: var(--space-12) var(--space-8);text-align: center;color: var(--white);position: relative;overflow: hidden;margin: var(--space-10) 0}.cta-banner::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 20% 50%,rgba(255,193,7,0.06) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(233,30,99,0.05) 0%,transparent 40%);pointer-events: none}.cta-banner>*{position: relative}.cta-banner h2{font-family: 'Playfair Display',Georgia,serif;font-size: var(--text-2xl);font-weight: 800;color: var(--white);margin-bottom: var(--space-3)}.cta-banner p{font-size: var(--text-md);color: rgba(255,255,255,0.85);max-width: 560px;margin: 0 auto var(--space-6)}.cta-banner .btn-primary{background-color: var(--gold);color: var(--dark);border-color: var(--gold);font-size: var(--text-lg);padding: 16px 40px}.cta-banner .btn-primary:hover{background-color: var(--gold-light);transform: translateY(-3px);box-shadow: var(--shadow-gold)}.cta-banner .deco-circle{position: absolute;border-radius: 50%;background: rgba(255,193,7,0.08);pointer-events: none}.cta-banner .deco-circle-1{width: 200px;height: 200px;top: -60px;right: -40px}.cta-banner .deco-circle-2{width: 120px;height: 120px;bottom: -30px;left: -20px}.sister-link{background-color: var(--white);border: 1px solid var(--warm-gray);border-radius: var(--radius-lg);padding: var(--space-8);margin: var(--space-10) 0;box-shadow: var(--shadow-sm)}.sister-link h3{font-family: 'Playfair Display',Georgia,serif;text-align: center;margin-bottom: var(--space-6);color: var(--primary)}.sister-link-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(140px,1fr));gap: var(--space-3)}.sister-link-btn{display: flex;flex-direction: column;align-items: center;gap: var(--space-2);padding: var(--space-4) var(--space-3);background-color: var(--white);border: 1.5px solid var(--warm-gray);border-radius: var(--radius);color: var(--text);font-size: var(--text-sm);font-weight: 700;text-align: center;transition: all var(--transition-base);min-height: 80px;justify-content: center}.sister-link-btn .site-icon{font-size: 1.5rem;line-height: 1}.sister-link-btn:hover{border-color: var(--gold);background-color: var(--cream);transform: translateY(-3px);box-shadow: var(--shadow-md);color: var(--primary)}.article-content{max-width: var(--content-width);margin: 0 auto;padding: var(--space-6) 0 var(--space-12)}.article-content h1{margin-bottom: var(--space-4)}.article-content h2{margin-top: var(--space-10);margin-bottom: var(--space-4);padding-bottom: var(--space-3);border-bottom: 2px solid var(--warm-gray)}.article-content h3{margin-top: var(--space-8);margin-bottom: var(--space-3)}.article-content h4{margin-top: var(--space-6);margin-bottom: var(--space-2)}.article-content p{margin-bottom: var(--space-5);font-size: var(--text-md)}.article-content a{color: var(--primary-light);text-decoration: underline;text-decoration-color: var(--gold);text-underline-offset: 3px;text-decoration-thickness: 2px;transition: all var(--transition-base);font-weight: 600}.article-content a:hover{color: var(--primary);text-decoration-color: var(--primary)}.article-content ul,.article-content ol{margin-bottom: var(--space-5);padding-left: var(--space-6)}.article-content ul{list-style-type: disc}.article-content ol{list-style-type: decimal}.article-content li{margin-bottom: var(--space-2);font-size: var(--text-md)}.article-content blockquote{margin: var(--space-6) 0;padding: var(--space-5) var(--space-6);background-color: var(--warm-gray);border-left: 4px solid var(--gold);border-radius: 0 var(--radius) var(--radius) 0;font-style: italic;color: var(--text-light)}.article-content blockquote p:last-child{margin-bottom: 0}.article-content code{font-family: 'SF Mono',Monaco,'Cascadia Code',monospace;font-size: 0.9em;padding: 2px 8px;background-color: var(--warm-gray);border-radius: 4px;color: var(--magenta)}.article-content pre{margin: var(--space-5) 0;padding: var(--space-5);background-color: var(--dark);border-radius: var(--radius);overflow-x: auto}.article-content pre code{background: none;color: var(--cream);padding: 0;font-size: var(--text-sm)}.article-content img{margin: var(--space-6) 0;border-radius: var(--radius);box-shadow: var(--shadow-md)}.article-content table{margin: var(--space-6) 0;border-radius: var(--radius);overflow: hidden;box-shadow: var(--shadow-sm)}.article-content th{background-color: var(--primary);color: var(--white);padding: var(--space-3) var(--space-4);font-weight: 700;text-align: left;font-size: var(--text-sm);text-transform: uppercase;letter-spacing: 0.03em}.article-content td{padding: var(--space-3) var(--space-4);border-bottom: 1px solid var(--warm-gray);background-color: var(--white);font-size: var(--text-base)}.article-content tr:last-child td{border-bottom: none}.article-content tr:hover td{background-color: var(--cream)}.faq-section{max-width: var(--content-width);margin: 0 auto;padding: var(--space-6) 0}.faq-section h2{text-align: center;margin-bottom: var(--space-8)}.faq-item{background-color: var(--white);border: 1.5px solid var(--warm-gray);border-radius: var(--radius);margin-bottom: var(--space-3);overflow: hidden;transition: border-color var(--transition-base)}.faq-item:hover{border-color: var(--gold)}.faq-item[open]{border-color: var(--gold);box-shadow: var(--shadow-md)}.faq-item summary{display: flex;align-items: center;justify-content: space-between;padding: var(--space-4) var(--space-5);cursor: pointer;font-weight: 700;font-size: var(--text-base);color: var(--primary);list-style: none;transition: background-color var(--transition-fast);user-select: none}.faq-item summary::-webkit-details-marker{display: none}.faq-item summary:hover{background-color: var(--cream)}.faq-item summary .faq-icon{font-size: var(--text-xs);color: var(--gold);transition: transform var(--transition-base);flex-shrink: 0;margin-left: var(--space-3)}.faq-item[open] summary .faq-icon{transform: rotate(180deg)}.faq-item .faq-answer{padding: 0 var(--space-5) var(--space-5);color: var(--text);font-size: var(--text-md);line-height: 1.75;animation: faqSlideIn 250ms ease forwards}@keyframes faqSlideIn{from{opacity: 0;transform: translateY(-8px)}to{opacity: 1;transform: translateY(0)}}.theme-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: var(--space-5)}.theme-card{display: flex;flex-direction: column;background-color: var(--white);border: 2px solid var(--warm-gray);border-radius: var(--radius);padding: var(--space-5);text-decoration: none;color: var(--text);transition: all var(--transition-base);position: relative;overflow: hidden}.theme-card .theme-icon{font-size: 2.5rem;line-height: 1;margin-bottom: var(--space-3)}.theme-card .theme-name{font-family: 'Playfair Display',Georgia,serif;font-size: var(--text-lg);font-weight: 700;color: var(--primary);margin-bottom: var(--space-1)}.theme-card .theme-sample{font-size: var(--text-sm);color: var(--text-light);font-style: italic;margin-bottom: var(--space-3)}.theme-card .theme-count{display: inline-block;align-self: flex-start;padding: 4px 12px;background-color: var(--warm-gray);border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: 700;color: var(--text-light)}.theme-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--gold)}.theme-card:hover .theme-name{color: var(--primary-light)}.leaderboard{margin: var(--space-8) 0}.leaderboard h2{text-align: center;margin-bottom: var(--space-6)}.leaderboard-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: var(--space-4)}.leaderboard-item{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-3) var(--space-4);background-color: var(--white);border: 1.5px solid var(--warm-gray);border-radius: var(--radius);transition: all var(--transition-base)}.leaderboard-item:hover{border-color: var(--gold);transform: translateY(-1px);box-shadow: var(--shadow-sm)}.leaderboard-item .rank{font-family: 'Playfair Display',Georgia,serif;font-size: var(--text-xl);font-weight: 800;color: var(--gold-dark);min-width: 36px;text-align: center}.leaderboard-item .rank.top-3{color: var(--gold)}.leaderboard-item .name-info{flex: 1;min-width: 0}.leaderboard-item .name-text{font-weight: 700;color: var(--primary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.leaderboard-item .name-meta{font-size: var(--text-xs);color: var(--text-light)}.leaderboard-item .item-actions{display: flex;align-items: center;gap: var(--space-1)}.submit-form{max-width: 600px;margin: 0 auto;padding: var(--space-8);background-color: var(--white);border: 2px solid var(--warm-gray);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm)}.submit-form h2{text-align: center;margin-bottom: var(--space-2)}.submit-form .form-subtitle{text-align: center;color: var(--text-light);margin-bottom: var(--space-6);font-size: var(--text-base)}.form-group{margin-bottom: var(--space-5)}.form-group label{display: block;margin-bottom: var(--space-2);font-weight: 700;font-size: var(--text-sm);text-transform: uppercase;letter-spacing: 0.04em;color: var(--text)}.form-group input[type="text"],.form-group select,.form-group textarea{width: 100%;padding: 14px var(--space-4);background-color: var(--cream);border: 2px solid var(--warm-gray);border-radius: var(--radius);font-size: var(--text-base);color: var(--text);outline: none;transition: all var(--transition-base)}.form-group input[type="text"]:focus,.form-group select:focus,.form-group textarea:focus{border-color: var(--gold);box-shadow: 0 0 0 4px rgba(255,193,7,0.12);background-color: var(--white)}.form-group input[type="text"]::placeholder,.form-group textarea::placeholder{color: var(--text-light);opacity: 0.6}.form-status{padding: var(--space-4) var(--space-5);border-radius: var(--radius);margin-bottom: var(--space-5);font-weight: 600;display: none}.form-status.visible{display: block;animation: fadeIn 300ms ease}.form-status.success{background-color: #e8f5e9;color: #2e7d32;border: 1px solid #a5d6a7}.form-status.error{background-color: #ffebee;color: #c62828;border: 1px solid #ef9a9a}.form-status.loading{background-color: #e3f2fd;color: #1565c0;border: 1px solid #90caf9;display: flex;align-items: center;gap: var(--space-3)}.form-status.loading::before{content: '';width: 18px;height: 18px;border: 2px solid currentColor;border-top-color: transparent;border-radius: 50%;animation: spin 800ms linear infinite}@keyframes spin{to{transform: rotate(360deg)}}@keyframes fadeIn{from{opacity: 0;transform: translateY(-4px)}to{opacity: 1;transform: translateY(0)}}.site-footer{background: linear-gradient(180deg,var(--primary-dark) 0%,var(--primary) 100%);color: var(--white);padding-top: var(--space-16);padding-bottom: var(--space-6);margin-top: var(--space-16)}.footer-grid{display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: var(--space-10);margin-bottom: var(--space-10)}.footer-brand .site-logo{margin-bottom: var(--space-4)}.footer-brand .site-logo .logo-trivia,.footer-brand .site-logo .logo-name{color: var(--white)}.footer-brand p{color: rgba(255,255,255,0.7);font-size: var(--text-sm);line-height: 1.7;margin-bottom: var(--space-4)}.footer-heading{font-family: Lato,sans-serif;font-size: var(--text-sm);font-weight: 800;text-transform: uppercase;letter-spacing: 0.08em;color: var(--gold);margin-bottom: var(--space-4)}.footer-links{list-style: none}.footer-links li{margin-bottom: var(--space-3)}.footer-links a{color: rgba(255,255,255,0.7);font-size: var(--text-sm);transition: all var(--transition-base)}.footer-links a:hover{color: var(--gold);padding-left: var(--space-1)}.footer-bottom{border-top: 1px solid rgba(255,255,255,0.1);padding-top: var(--space-6);display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--space-4)}.footer-bottom p{color: rgba(255,255,255,0.5);font-size: var(--text-xs);margin: 0}.footer-bottom a{color: rgba(255,255,255,0.5);transition: color var(--transition-base)}.footer-bottom a:hover{color: var(--gold)}.reveal{opacity: 0;transform: translateY(30px);transition: opacity 600ms cubic-bezier(0.4,0,0.2,1),transform 600ms cubic-bezier(0.4,0,0.2,1)}.reveal.visible{opacity: 1;transform: translateY(0)}.reveal-delay-1{transition-delay: 100ms}.reveal-delay-2{transition-delay: 200ms}.reveal-delay-3{transition-delay: 300ms}.reveal-delay-4{transition-delay: 400ms}.stagger-children>*{opacity: 0;transform: translateY(20px);transition: opacity 400ms ease,transform 400ms ease}.stagger-children.visible>*:nth-child(1){transition-delay: 0ms}.stagger-children.visible>*:nth-child(2){transition-delay: 80ms}.stagger-children.visible>*:nth-child(3){transition-delay: 160ms}.stagger-children.visible>*:nth-child(4){transition-delay: 240ms}.stagger-children.visible>*:nth-child(5){transition-delay: 320ms}.stagger-children.visible>*:nth-child(6){transition-delay: 400ms}.stagger-children.visible>*:nth-child(7){transition-delay: 480ms}.stagger-children.visible>*:nth-child(8){transition-delay: 560ms}.stagger-children.visible>*{opacity: 1;transform: translateY(0)}.back-to-top{position: fixed;bottom: var(--space-5);right: var(--space-5);width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color: var(--dark);border: none;border-radius: 50%;font-size: var(--text-lg);cursor: pointer;box-shadow: var(--shadow-gold);z-index: var(--z-sticky);opacity: 0;transform: translateY(20px) scale(0.8);pointer-events: none;transition: all var(--transition-base)}.back-to-top.visible{opacity: 1;transform: translateY(0) scale(1);pointer-events: all}.back-to-top:hover{transform: translateY(-3px) scale(1.1);box-shadow: 0 8px 25px rgba(255,193,7,0.45)}.back-to-top:active{transform: translateY(0) scale(0.95)}.reading-progress{position: fixed;top: 0;left: 0;width: 0%;height: 3px;background: linear-gradient(90deg,var(--gold) 0%,var(--gold-light) 100%);z-index: calc(var(--z-header)+10);transition: width 100ms linear;box-shadow: 0 0 8px rgba(255,193,7,0.4)}.page-404{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: calc(100vh - var(--header-height));text-align: center;padding: var(--space-10)}.page-404 .error-code{font-family: 'Playfair Display',Georgia,serif;font-size: clamp(4rem,15vw,10rem);font-weight: 900;color: var(--primary);line-height: 1;margin-bottom: var(--space-4);position: relative}.page-404 .error-code::after{content: '';position: absolute;bottom: 8px;left: 0;right: 0;height: 8px;background: var(--gold);opacity: 0.4;border-radius: var(--radius-full)}.page-404 h1{font-size: var(--text-xl);color: var(--text);margin-bottom: var(--space-3)}.page-404 p{color: var(--text-light);margin-bottom: var(--space-8);max-width: 400px}@media (prefers-color-scheme: dark){:root{--cream: #12121a;--warm-gray: #1e1e2f;--dark: #0a0a12;--text: #e0e0e8;--text-light: #9090a0;--white: #1e1e30;--primary: #6b5ce7;--primary-light: #8b7ef0;--primary-dark: #4a3db5}body{background-color: var(--cream);color: var(--text)}.site-header{background-color: var(--white);border-bottom-color: var(--warm-gray)}.name-card,.theme-card,.sister-link,.faq-item,.leaderboard-item,.submit-form{background-color: var(--white);border-color: var(--warm-gray)}.quick-answer{background-color: var(--warm-gray)}.article-content th{background-color: var(--primary-dark)}.article-content td{background-color: var(--white)}.site-nav a{color: var(--text)}.generator-controls input[type="text"],.generator-controls select{background-color: rgba(255,255,255,0.08)}.form-group input[type="text"],.form-group select,.form-group textarea{background-color: var(--dark);border-color: var(--warm-gray);color: var(--text)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color: var(--white)}.article-content a{color: var(--primary-light)}::-webkit-scrollbar-track{background: var(--cream)}.btn-copy,.btn-upvote{background-color: var(--warm-gray);border-color: var(--warm-gray)}}@media print{*,*::before,*::after{background: transparent !important;color: #000 !important;box-shadow: none !important;text-shadow: none !important}body{font-size: 11pt;line-height: 1.5;background: #fff !important}.site-header,.site-nav,.hamburger,.cta-banner,.generator-box,.generator-controls,.sister-link,.back-to-top,.reading-progress,.btn-copy,.btn-upvote,.card-actions,.breadcrumb,.site-footer{display: none !important}main{padding-top: 0}.article-content{max-width: 100%;padding: 0}h1,h2,h3,h4,h5,h6{color: #000 !important;page-break-after: avoid}p{color: #000 !important;orphans: 3;widows: 3}a{color: #000 !important;text-decoration: underline}a[href]::after{content: " (" attr(href) ")";font-size: 0.85em;opacity: 0.7}.name-card{border: 1px solid #ccc !important;break-inside: avoid;page-break-inside: avoid}.faq-item{border: 1px solid #ccc !important;break-inside: avoid;page-break-inside: avoid}img{max-width: 100% !important;page-break-inside: avoid}pre,blockquote{border: 1px solid #ccc !important;page-break-inside: avoid}table{page-break-inside: avoid}thead{display: table-header-group}@page{margin: 2cm}}.card-purple{border-top: 4px solid var(--primary)}.card-purple:hover{border-color: var(--primary);border-top-color: var(--primary)}.card-gold{border-top: 4px solid var(--gold)}.card-gold:hover{border-color: var(--gold);border-top-color: var(--gold)}.card-magenta{border-top: 4px solid var(--magenta)}.card-magenta:hover{border-color: var(--magenta);border-top-color: var(--magenta)}.card-teal{border-top: 4px solid var(--teal)}.card-teal:hover{border-color: var(--teal);border-top-color: var(--teal)}.card-orange{border-top: 4px solid #ff9800}.card-orange:hover{border-color: #ff9800;border-top-color: #ff9800}.card-blue{border-top: 4px solid #2196f3}.card-blue:hover{border-color: #2196f3;border-top-color: #2196f3}.badge-purple{background-color: var(--primary);color: var(--white)}.badge-gold{background-color: var(--gold);color: var(--dark)}.badge-magenta{background-color: var(--magenta);color: var(--white)}.badge-teal{background-color: var(--teal);color: var(--white)}.badge-orange{background-color: #ff9800;color: var(--white)}.badge-blue{background-color: #2196f3;color: var(--white)}@media (max-width: 768px){:root{--header-height: 64px}h1{font-size: 2rem}h2{font-size: 1.65rem}h3{font-size: 1.3rem}body{font-size: 1rem}.container{padding-left: var(--space-4);padding-right: var(--space-4)}.hamburger{display: flex}.site-nav{position: fixed;top: var(--header-height);left: 0;right: 0;bottom: 0;background-color: var(--white);flex-direction: column;align-items: flex-start;padding: var(--space-6);gap: 0;transform: translateX(100%);transition: transform var(--transition-slow);z-index: var(--z-header);overflow-y: auto}.site-nav.open{transform: translateX(0)}.site-nav ul{flex-direction: column;align-items: flex-start;width: 100%;gap: 0}.site-nav li{width: 100%;border-bottom: 1px solid var(--warm-gray)}.site-nav a{display: block;padding: var(--space-4) 0;font-size: var(--text-lg);text-transform: none;font-weight: 600;letter-spacing: 0}.site-nav a::after{display: none}.site-nav .nav-cta{margin-top: var(--space-4);width: 100%;justify-content: center}.name-cards-grid,.theme-grid,.leaderboard-grid{grid-template-columns: 1fr;gap: var(--space-3)}.generator-box{padding: var(--space-5);border-radius: var(--radius)}.generator-display .generated-name{font-size: var(--text-xl)}.generator-controls{grid-template-columns: 1fr;gap: var(--space-3)}.generator-buttons{flex-direction: column}.generator-buttons .btn{width: 100%}.cta-banner{padding: var(--space-8) var(--space-5)}.cta-banner h2{font-size: var(--text-xl)}.sister-link{padding: var(--space-5)}.sister-link-grid{grid-template-columns: repeat(2,1fr)}.footer-grid{grid-template-columns: 1fr;gap: var(--space-8);text-align: center}.footer-links li{margin-bottom: var(--space-2)}.footer-bottom{flex-direction: column;text-align: center}.name-card{padding: var(--space-3) var(--space-4)}.name-card .card-actions{opacity: 1;transform: none}.faq-item summary{padding: var(--space-3) var(--space-4)}.faq-item .faq-answer{padding: 0 var(--space-4) var(--space-4)}.submit-form{padding: var(--space-5)}.quick-answer{padding: var(--space-4) var(--space-5)}.btn{min-height: 48px}.btn-copy,.btn-upvote{min-height: 40px;min-width: 40px}::-webkit-scrollbar{width: 6px}}@media (max-width: 480px){h1{font-size: 1.75rem}h2{font-size: 1.45rem}.site-logo{font-size: 1.3rem}.sister-link-grid{grid-template-columns: 1fr}.generator-display{padding: var(--space-4)}.generator-display .generated-name{font-size: var(--text-lg)}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline: 3px solid var(--gold);outline-offset: 2px;border-radius: var(--radius-sm)}.btn:focus-visible,.btn-generate:focus-visible{outline: 3px solid var(--gold);outline-offset: 3px}.skip-link{position: absolute;top: -100%;left: 50%;transform: translateX(-50%);padding: var(--space-3) var(--space-6);background-color: var(--primary);color: var(--white);font-weight: 700;border-radius: 0 0 var(--radius) var(--radius);z-index: calc(var(--z-header)+50);transition: top var(--transition-base)}.skip-link:focus{top: 0}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border-width: 0}.sr-only:focus{position: fixed;width: auto;height: auto;padding: var(--space-3) var(--space-5);margin: 0;overflow: visible;clip: auto;white-space: normal;background-color: var(--primary);color: var(--white);font-weight: 700;border-radius: var(--radius);z-index: 9999;top: var(--space-4);left: var(--space-4)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}.reveal{opacity: 1;transform: none;transition: none}.stagger-children>*{opacity: 1;transform: none;transition: none}}@media (prefers-contrast: high){.name-card,.theme-card,.faq-item,.leaderboard-item,.submit-form{border-width: 3px}.btn{border-width: 3px}.site-nav a::after{height: 3px}}.text-center{text-align: center}.text-left{text-align: left}.text-right{text-align: right}.font-heading{font-family: 'Playfair Display',Georgia,serif}.font-body{font-family: Lato,-apple-system,BlinkMacSystemFont,sans-serif}.font-bold{font-weight: 700}.font-semibold{font-weight: 600}.font-light{font-weight: 300}.text-italic{font-style: italic}.text-primary{color: var(--primary)}.text-gold{color: var(--gold)}.text-magenta{color: var(--magenta)}.text-teal{color: var(--teal)}.text-white{color: var(--white)}.text-light{color: var(--text-light)}.text-dark{color: var(--dark)}.bg-primary{background-color: var(--primary)}.bg-gold{background-color: var(--gold)}.bg-cream{background-color: var(--cream)}.bg-white{background-color: var(--white)}.bg-warm-gray{background-color: var(--warm-gray)}.mt-0{margin-top: 0}.mt-1{margin-top: var(--space-2)}.mt-2{margin-top: var(--space-4)}.mt-3{margin-top: var(--space-6)}.mt-4{margin-top: var(--space-8)}.mt-5{margin-top: var(--space-10)}.mb-0{margin-bottom: 0}.mb-1{margin-bottom: var(--space-2)}.mb-2{margin-bottom: var(--space-4)}.mb-3{margin-bottom: var(--space-6)}.mb-4{margin-bottom: var(--space-8)}.mb-5{margin-bottom: var(--space-10)}.py-1{padding-top: var(--space-4);padding-bottom: var(--space-4)}.py-2{padding-top: var(--space-6);padding-bottom: var(--space-6)}.py-3{padding-top: var(--space-8);padding-bottom: var(--space-8)}.py-4{padding-top: var(--space-10);padding-bottom: var(--space-10)}.py-5{padding-top: var(--space-12);padding-bottom: var(--space-12)}.px-1{padding-left: var(--space-4);padding-right: var(--space-4)}.px-2{padding-left: var(--space-6);padding-right: var(--space-6)}.d-none{display: none}.d-block{display: block}.d-inline{display: inline}.d-inline-block{display: inline-block}.d-flex{display: flex}.d-grid{display: grid}.flex-row{flex-direction: row}.flex-column{flex-direction: column}.flex-wrap{flex-wrap: wrap}.flex-nowrap{flex-wrap: nowrap}.justify-center{justify-content: center}.justify-between{justify-content: space-between}.justify-around{justify-content: space-around}.align-center{align-items: center}.align-start{align-items: flex-start}.align-end{align-items: flex-end}.gap-1{gap: var(--space-2)}.gap-2{gap: var(--space-4)}.gap-3{gap: var(--space-6)}.grid-2{grid-template-columns: repeat(2,1fr)}.grid-3{grid-template-columns: repeat(3,1fr)}.grid-4{grid-template-columns: repeat(4,1fr)}.w-100{width: 100%}.max-w-content{max-width: var(--content-width)}.mx-auto{margin-left: auto;margin-right: auto}.hidden{display: none !important}.visible{display: block !important}.rounded{border-radius: var(--radius)}.rounded-lg{border-radius: var(--radius-lg)}.rounded-full{border-radius: var(--radius-full)}.shadow-sm{box-shadow: var(--shadow-sm)}.shadow-md{box-shadow: var(--shadow-md)}.shadow-lg{box-shadow: var(--shadow-lg)}@media (max-width: 768px){.hide-mobile{display: none !important}.text-center-mobile{text-align: center}.grid-2-mobile{grid-template-columns: 1fr}.flex-column-mobile{flex-direction: column}}@media (min-width: 769px){.hide-desktop{display: none !important}}.skeleton{background: linear-gradient( 90deg,var(--warm-gray) 25%,var(--cream) 50%,var(--warm-gray) 75% );background-size: 200% 100%;animation: skeleton-loading 1.5s ease-in-out infinite;border-radius: var(--radius)}@keyframes skeleton-loading{0%{background-position: 200% 0}100%{background-position: -200% 0}}.pulse{animation: pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}@keyframes pulse{0%,100%{opacity: 1}50%{opacity: 0.5}}.toast-container{position: fixed;bottom: var(--space-6);left: 50%;transform: translateX(-50%);z-index: var(--z-toast);display: flex;flex-direction: column;gap: var(--space-3);align-items: center}.toast{display: inline-flex;align-items: center;gap: var(--space-3);padding: 14px 24px;background-color: var(--dark);color: var(--white);border-radius: var(--radius);font-size: var(--text-base);font-weight: 600;box-shadow: var(--shadow-lg);animation: toastIn 300ms ease,toastOut 300ms ease 2.7s forwards;max-width: 90vw}.toast.success{background-color: #2e7d32}.toast.error{background-color: #c62828}@keyframes toastIn{from{opacity: 0;transform: translateY(20px) scale(0.95)}to{opacity: 1;transform: translateY(0) scale(1)}}@keyframes toastOut{from{opacity: 1;transform: translateY(0) scale(1)}to{opacity: 0;transform: translateY(-10px) scale(0.95)}}.page-header{background: linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding: var(--space-12) 0 var(--space-10);margin-bottom: var(--space-8);position: relative;overflow: hidden}.page-header::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 80% 20%,rgba(255,193,7,0.08) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(233,30,99,0.06) 0%,transparent 40%)}.page-header>*{position: relative}.page-header h1{color: var(--white);font-size: clamp(2rem,5vw,var(--text-3xl));margin-bottom: var(--space-3)}.page-header p{color: rgba(255,255,255,0.8);font-size: var(--text-lg);max-width: 600px}.stats-bar{display: flex;justify-content: center;gap: var(--space-8);padding: var(--space-6) 0;flex-wrap: wrap}.stat-item{text-align: center}.stat-value{font-family: 'Playfair Display',Georgia,serif;font-size: var(--text-2xl);font-weight: 800;color: var(--gold);line-height: 1}.stat-label{font-size: var(--text-sm);color: rgba(255,255,255,0.7);margin-top: var(--space-1)}.tag{display: inline-flex;align-items: center;padding: 4px 12px;border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em;line-height: 1.4}.tag-gold{background-color: rgba(255,193,7,0.12);color: var(--gold-dark)}.tag-purple{background-color: rgba(45,27,105,0.08);color: var(--primary)}.tag-magenta{background-color: rgba(233,30,99,0.08);color: var(--magenta)}.tag-teal{background-color: rgba(0,150,136,0.08);color: var(--teal)}.section-divider{display: flex;align-items: center;gap: var(--space-4);margin: var(--space-10) 0}.section-divider::before,.section-divider::after{content: '';flex: 1;height: 1px;background: linear-gradient(to right,transparent,var(--warm-gray),transparent)}.section-divider-text{font-family: 'Playfair Display',Georgia,serif;font-size: var(--text-sm);font-weight: 600;color: var(--text-light);text-transform: uppercase;letter-spacing: 0.1em;white-space: nowrap}.hero{text-align: center;padding: var(--space-12) 0 var(--space-8);max-width: 720px;margin: 0 auto}.hero h1{font-size: clamp(2.2rem,5vw,3.2rem);margin-bottom: var(--space-4)}.hero p{font-size: var(--text-lg);color: var(--text-light);margin-bottom: var(--space-6)}.section{padding: var(--space-10) 0}.section-title{text-align: center;margin-bottom: var(--space-8)}.section-title h2{margin-bottom: var(--space-2)}.section-title p{color: var(--text-light);max-width: 560px;margin: 0 auto}.empty-state{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--space-12) var(--space-6);text-align: center;color: var(--text-light)}.empty-state-icon{font-size: 4rem;margin-bottom: var(--space-4);opacity: 0.5}.empty-state h3{color: var(--text);margin-bottom: var(--space-2)}.empty-state p{max-width: 400px}.name-card{position: relative;transition: transform 0.2s,box-shadow 0.2s}.name-card:hover{transform: translateY(-3px);box-shadow: var(--shadow-md)}.name-card .name-text{font-family: 'Playfair Display',serif;font-size: 1.15rem;font-weight: 700;color: var(--primary);display: block;margin-bottom: var(--space-1)}.name-card .name-desc{font-size: 0.875rem;color: var(--text-light);font-style: italic}.name-card-actions{display: flex;gap: var(--space-2);margin-top: var(--space-3);opacity: 0;transition: opacity 0.2s}.name-card:hover .name-card-actions{opacity: 1}.name-card-actions .btn-copy,.name-card-actions .btn-share{padding: 4px 10px;font-size: 0.75rem;border-radius: 20px;border: 1px solid var(--warm-gray);background: var(--white);color: var(--text-light);cursor: pointer;transition: all 0.2s;font-family: 'Lato',sans-serif}.name-card-actions .btn-copy:hover{background: var(--gold);color: var(--dark);border-color: var(--gold)}.name-card-actions .btn-share:hover{background: var(--primary);color: var(--white);border-color: var(--primary)}@media (max-width: 768px){.name-card-actions{opacity: 1}}.email-capture-bar{background: linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);color: var(--white);padding: var(--space-6) var(--space-4);text-align: center;border-radius: var(--radius-lg);margin: var(--space-8) 0}.email-capture-bar h3{color: var(--gold-light);font-size: 1.5rem;margin-bottom: var(--space-2)}.email-capture-bar p{color: rgba(255,255,255,0.85);margin-bottom: var(--space-4);max-width: 520px;margin-left: auto;margin-right: auto}.email-capture-form{display: flex;gap: var(--space-2);max-width: 480px;margin: 0 auto;flex-wrap: wrap;justify-content: center}.email-capture-form input[type="email"]{flex: 1;min-width: 220px;padding: 12px 18px;border: 2px solid rgba(255,255,255,0.2);border-radius: 50px;background: rgba(255,255,255,0.1);color: var(--white);font-size: 1rem;font-family: 'Lato',sans-serif;outline: none;transition: border-color 0.2s}.email-capture-form input[type="email"]::placeholder{color: rgba(255,255,255,0.5)}.email-capture-form input[type="email"]:focus{border-color: var(--gold)}.email-capture-form button{padding: 12px 28px;background: var(--gold);color: var(--dark);border: none;border-radius: 50px;font-weight: 700;font-size: 1rem;cursor: pointer;transition: transform 0.2s,box-shadow 0.2s;font-family: 'Lato',sans-serif;white-space: nowrap}.email-capture-form button:hover{transform: translateY(-2px);box-shadow: 0 4px 15px rgba(255,193,7,0.4)}.email-capture-success{color: var(--gold-light);font-weight: 600;display: none}.email-capture-success.visible{display: block}.sticky-cta-bar{display: none;position: fixed;bottom: 0;left: 0;right: 0;background: var(--white);box-shadow: 0 -4px 20px rgba(0,0,0,0.15);padding: var(--space-3) var(--space-4);z-index: 999;border-top: 3px solid var(--gold)}.sticky-cta-bar-inner{display: flex;align-items: center;justify-content: space-between;max-width: var(--max-width);margin: 0 auto;gap: var(--space-3)}.sticky-cta-bar-text{font-size: 0.875rem;color: var(--text);line-height: 1.4}.sticky-cta-bar-text strong{color: var(--primary);display: block;font-size: 0.95rem}.sticky-cta-bar .btn-gold{padding: 10px 20px;font-size: 0.875rem;white-space: nowrap;flex-shrink: 0}@media (max-width: 768px){.sticky-cta-bar{display: block}body{padding-bottom: 70px}}.related-articles{margin: var(--space-10) 0;padding: var(--space-6);background: var(--white);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm)}.related-articles h3{font-size: 1.35rem;color: var(--primary);margin-bottom: var(--space-4);display: flex;align-items: center;gap: var(--space-2)}.related-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(240px,1fr));gap: var(--space-4)}.related-card{display: block;padding: var(--space-4);background: var(--cream);border-radius: var(--radius);text-decoration: none;border: 2px solid var(--warm-gray);transition: all 0.2s}.related-card:hover{border-color: var(--gold);transform: translateY(-3px);box-shadow: var(--shadow-md)}.related-card .related-icon{font-size: 2rem;margin-bottom: var(--space-2);display: block}.related-card .related-title{font-family: 'Playfair Display',serif;font-weight: 700;color: var(--primary);font-size: 1.05rem;margin-bottom: 4px}.related-card .related-count{font-size: 0.8rem;color: var(--text-light)}.social-proof-bar{display: flex;justify-content: center;gap: var(--space-8);padding: var(--space-6);background: linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color: var(--white);border-radius: var(--radius-lg);margin: var(--space-6) 0;flex-wrap: wrap}.social-proof-item{text-align: center}.social-proof-number{font-family: 'Playfair Display',serif;font-size: 2.5rem;font-weight: 800;color: var(--gold);line-height: 1}.social-proof-label{font-size: 0.875rem;opacity: 0.85;margin-top: 4px}.theme-cta{background: linear-gradient(135deg,#fff8e1 0%,#ffecb3 100%);border: 2px solid var(--gold);border-radius: var(--radius-lg);padding: var(--space-6);text-align: center;margin: var(--space-8) 0}.theme-cta h3{color: var(--primary);font-size: 1.4rem;margin-bottom: var(--space-2)}.theme-cta p{color: var(--text);margin-bottom: var(--space-4);max-width: 500px;margin-left: auto;margin-right: auto}.theme-cta .theme-link{display: inline-flex;align-items: center;gap: var(--space-2);padding: 14px 32px;background: var(--gold);color: var(--dark);border-radius: 50px;text-decoration: none;font-weight: 700;transition: all 0.2s}.theme-cta .theme-link:hover{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(255,193,7,0.35)}.toast-container{position: fixed;bottom: 90px;right: var(--space-4);z-index: 10000;display: flex;flex-direction: column;gap: var(--space-2)}.toast{padding: 12px 20px;border-radius: var(--radius);color: var(--white);font-weight: 600;font-size: 0.9rem;animation: toastIn 0.3s ease,toastOut 0.3s ease 2.7s;max-width: 320px;box-shadow: var(--shadow-lg)}.toast.success{background: var(--success)}.toast.error{background: var(--error)}.toast.info{background: var(--info)}@keyframes toastIn{from{transform: translateX(120%);opacity: 0}to{transform: translateX(0);opacity: 1}}@keyframes toastOut{from{transform: translateX(0);opacity: 1}to{transform: translateX(120%);opacity: 0}}.share-buttons{display: flex;gap: var(--space-2);flex-wrap: wrap;justify-content: center;margin: var(--space-4) 0}.share-btn{display: inline-flex;align-items: center;gap: 6px;padding: 8px 16px;border-radius: 50px;text-decoration: none;font-size: 0.85rem;font-weight: 600;transition: all 0.2s;border: none;cursor: pointer;font-family: 'Lato',sans-serif}.share-btn.twitter{background: #1da1f2;color: white}.share-btn.facebook{background: #1877f2;color: white}.share-btn.pinterest{background: #e60023;color: white}.share-btn.reddit{background: #ff4500;color: white}.share-btn.sms{background: #34b7f1;color: white}.share-btn:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.2)}@media print{.email-capture-bar,.sticky-cta-bar,.share-buttons,.name-card-actions,.site-header,.site-footer,.cta-banner,.theme-cta,.sister-sites,.breadcrumb{display: none !important}.name-card{break-inside: avoid;border: 1px solid #ddd;padding: 8px 12px}.name-list{grid-template-columns: repeat(2,1fr);gap: 8px}body{background: white;color: black}}:root{--ink: #1e1b4b;--ink-soft: #312e81;--accent: #4338ca;--accent-soft: #6366f1;--highlight: #f87171;--highlight-soft: #fb923c;--rose-accent: #ec4899;--cream-warm: #f5f3ff;--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,#1e1b4b 0%,#312e81 50%,#4338ca 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) === */
/* Orange CTA white-on-orange = 2.16:1 → fail. Switch text to dark navy = 7.91:1. */
.btn-primary,
.cta-primary,
button.cta,
a.cta,
.btn.btn-primary { color: #1a1a2e !important; }
/* Faded scroll-card text #A0A0B0 on white = 2.58:1 → fail. */
.card-fade,
.scroll-card-text,
.fade-text { color: #767676 !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;
}

/* triviateamname — bright purple palette. Hero CTA was 1.46:1 pre-fix. */
.btn-primary, a.btn-primary { background: #6d28d9 !important; color: #ffffff !important; }
.hero-cta-primary { background: #6d28d9 !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: #6d28d9 !important; color: #ffffff !important; }
/* === end contrast safety net v1 === */