/* SpinPick imported app styles */

*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Segoe UI','Roboto',-apple-system,BlinkMacSystemFont,'Oxygen','Ubuntu','Cantarell',sans-serif;line-height:1.7;color:#2c3e50;background:#f8fafc;padding:0}.container{max-width:100%;margin:0 auto;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.08);overflow:hidden}.header{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);color:#fff;padding:80px 30px;text-align:center;position:relative;overflow:hidden}.header::before{content:'';position:absolute;top:-40%;right:-5%;width:400px;height:400px;background:rgba(255,255,255,.08);border-radius:50%;animation:float 6s ease-in-out infinite}.header::after{content:'';position:absolute;bottom:-20%;left:-10%;width:300px;height:300px;background:rgba(255,255,255,.06);border-radius:50%;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(20px)}}.header h1{font-size:3.5rem;margin-bottom:16px;font-weight:800;position:relative;z-index:1;letter-spacing:-1px;line-height:1.1}.header p{font-size:1.3rem;opacity:.96;font-weight:400;position:relative;z-index:1;letter-spacing:.5px;line-height:1.6}.content{padding:60px 30px;max-width:950px;margin:0 auto}.section{margin-bottom:60px}.section:last-child{margin-bottom:0}.section h2{font-size:2.1rem;color:#2c3e50;margin-bottom:28px;font-weight:800;position:relative;display:inline-block}.section h2::after{content:'';position:absolute;bottom:-10px;left:0;width:60px;height:5px;border-radius:3px;box-shadow:0 4px 12px rgba(102,126,234,.3)}.section:nth-child(2) h2::after{background:linear-gradient(90deg,#667eea,#764ba2)}.section:nth-child(3) h2::after{background:linear-gradient(90deg,#f093fb,#f5576c)}.section:nth-child(4) h2::after{background:linear-gradient(90deg,#4facfe,#00f2fe)}.section:nth-child(5) h2::after{background:linear-gradient(90deg,#fa709a,#fee140)}.section:nth-child(6) h2::after{background:linear-gradient(90deg,#30cfd0,#330867)}.intro-paragraph{font-size:1.1rem;color:#374151;line-height:1.95;margin-bottom:30px;background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,rgba(240,147,251,.05) 100%);padding:30px;border-radius:15px;border-left:5px solid #667eea;border-top:1px solid rgba(102,126,234,.15);box-shadow:0 4px 15px rgba(102,126,234,.08)}.intro-paragraph strong{color:#667eea;font-weight:700}.section p{margin-bottom:18px;color:#555;font-size:1rem;line-height:1.85}.highlight{color:#667eea;font-weight:700}.step-list,.features-list,.use-cases-list{list-style:none;padding:0;margin-bottom:20px}.step-list li,.features-list li,.use-cases-list li{padding:16px 0 16px 45px;position:relative;color:#555;line-height:1.85;font-size:1rem}.step-list li::before{content:'✓';position:absolute;left:0;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;box-shadow:0 4px 12px rgba(102,126,234,.3)}.features-list li::before,.use-cases-list li::before{content:'→';position:absolute;left:0;font-size:1.4rem;font-weight:700}.features-list li::before{color:#f093fb}.use-cases-list li::before{color:#fa709a}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;margin-bottom:30px}.feature-box{padding:26px;border-radius:12px;font-size:.98rem;color:#374151;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:1.5px solid transparent;cursor:pointer;position:relative;overflow:hidden}.feature-box::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}.feature-box:nth-child(1){background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(102,126,234,.05) 100%);border:1.5px solid rgba(102,126,234,.2)}.feature-box:nth-child(1)::before{background:linear-gradient(90deg,#667eea,#764ba2)}.feature-box:nth-child(2){background:linear-gradient(135deg,rgba(240,147,251,.1) 0%,rgba(240,147,251,.05) 100%);border:1.5px solid rgba(240,147,251,.2)}.feature-box:nth-child(2)::before{background:linear-gradient(90deg,#f093fb,#f5576c)}.feature-box:nth-child(3){background:linear-gradient(135deg,rgba(79,172,254,.1) 0%,rgba(0,242,254,.05) 100%);border:1.5px solid rgba(79,172,254,.2)}.feature-box:nth-child(3)::before{background:linear-gradient(90deg,#4facfe,#00f2fe)}.feature-box:nth-child(4){background:linear-gradient(135deg,rgba(250,112,154,.1) 0%,rgba(254,225,64,.05) 100%);border:1.5px solid rgba(250,112,154,.2)}.feature-box:nth-child(4)::before{background:linear-gradient(90deg,#fa709a,#fee140)}.feature-box:nth-child(5){background:linear-gradient(135deg,rgba(48,207,208,.1) 0%,rgba(51,8,103,.05) 100%);border:1.5px solid rgba(48,207,208,.2)}.feature-box:nth-child(5)::before{background:linear-gradient(90deg,#30cfd0,#330867)}.feature-box:nth-child(6){background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(102,126,234,.05) 100%);border:1.5px solid rgba(102,126,234,.2)}.feature-box:nth-child(6)::before{background:linear-gradient(90deg,#667eea,#764ba2)}.feature-box:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(102,126,234,.2)}.faq-container{margin-top:30px}.faq-item{margin-bottom:14px;border:1.5px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease;background:#fafafa}.faq-item:hover{box-shadow:0 8px 20px rgba(102,126,234,.15);border-color:rgba(102,126,234,.3)}.faq-question{background:linear-gradient(135deg,#f8f9fc 0%,#f3f4f9 100%);padding:20px 24px;font-weight:700;color:#2c3e50;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;transition:all .2s ease}.faq-question:hover{background:linear-gradient(135deg,#f0f4ff 0%,#f3e8ff 100%)}.faq-question::after{content:'+';font-size:1.6rem;font-weight:700;color:#667eea;transition:transform .3s ease}.faq-item.active .faq-question::after{transform:rotate(45deg)}.faq-answer{padding:0;max-height:0;overflow:hidden;transition:all .3s ease;background:#fff}.faq-item.active .faq-answer{padding:24px;max-height:600px}.faq-answer p{margin-bottom:12px;color:#555;font-size:.98rem;line-height:1.75}.faq-answer ul{margin-left:24px;color:#555;font-size:.98rem;line-height:1.75}.faq-answer li{margin-bottom:10px}.about-section{background:linear-gradient(135deg,rgba(102,126,234,.08) 0%,rgba(240,147,251,.08) 100%);padding:40px;border-radius:15px;border-left:6px solid #667eea;border-top:2px solid rgba(102,126,234,.2);margin-top:50px;box-shadow:0 8px 25px rgba(102,126,234,.08)}.about-section h3{color:#764ba2;font-size:1.5rem;margin-bottom:18px;font-weight:800}.about-section p{color:#555;line-height:1.9;font-size:1rem}.divider-section{background:linear-gradient(90deg,transparent,#667eea,transparent);height:3px;margin:80px 0;border-radius:2px;box-shadow:0 4px 12px rgba(102,126,234,.3)}.divider-text{text-align:center;margin-bottom:60px;font-size:18px;font-weight:800;color:#2c3e50;letter-spacing:1px}@media (max-width:768px){.header{padding:60px 20px}.header h1{font-size:2.6rem;margin-bottom:12px}.header p{font-size:1.1rem}.content{padding:45px 20px}.section{margin-bottom:45px}.section h2{font-size:1.65rem;margin-bottom:20px}.features-grid{grid-template-columns:1fr;gap:16px}.intro-paragraph{padding:24px;font-size:1rem}}@media (max-width:640px){body{padding:0}.header{padding:50px 16px}.header h1{font-size:2.1rem}.header p{font-size:1rem}.content{padding:35px 16px}.section{margin-bottom:38px}.section h2{font-size:1.4rem;margin-bottom:18px}.section p{font-size:.95rem}.step-list li,.features-list li,.use-cases-list li{padding-left:40px;font-size:.95rem}.feature-box{padding:22px;font-size:.95rem}.intro-paragraph{padding:20px;font-size:.95rem;margin-bottom:20px}.faq-question{padding:16px 18px;font-size:.95rem}.faq-item.active .faq-answer{padding:18px}.about-section{padding:30px;margin-top:40px}.about-section h3{font-size:1.3rem}.divider-section{margin:60px 0}}@media (max-width:480px){.header{padding:40px 12px}.header h1{font-size:1.8rem;margin-bottom:10px}.header p{font-size:.9rem;line-height:1.4}.content{padding:26px 12px}.section{margin-bottom:32px}.section h2{font-size:1.25rem;margin-bottom:14px}.step-list li,.features-list li,.use-cases-list li{padding:12px 0 12px 36px;font-size:.9rem}.intro-paragraph{padding:16px;font-size:.9rem}.feature-box{padding:18px;font-size:.88rem}.faq-question{padding:14px 12px;font-size:.9rem}.faq-item.active .faq-answer{padding:14px}.about-section{padding:20px;margin-top:30px}.about-section h3{font-size:1.15rem;margin-bottom:12px}.divider-text{font-size:14px;margin-bottom:40px}}:root{--fg:#0b1220;--muted:#64748b;--ring:rgba(139,92,246,.25);--primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--primary-hover:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%);--secondary:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--accent:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--success:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);--warning:linear-gradient(135deg,#fa709a 0%,#fee140 100%);--danger:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%);--surface:rgba(255,255,255,.95);--surface-hover:rgba(255,255,255,1);--shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-lg:0 25px 50px -12px rgba(0,0,0,.25)}.wrap{width:100%;max-width:1060px;display:grid;gap:24px;grid-template-columns:1.25fr minmax(320px,400px);align-items:start;margin:0 auto;padding:0}@media(max-width:900px){.wrap{grid-template-columns:1fr;width:100%;max-width:100%;gap:20px;padding:0 10px;margin:0}}.card{background:var(--surface);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:24px;box-shadow:var(--shadow);transition:all .3s ease;width:100%;box-sizing:border-box;margin:0 auto}.card:hover{background:var(--surface-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card h1{margin:0 0 8px;font-size:26px;font-weight:800;letter-spacing:.3px;background:var(--primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:inherit}.card p.hint{margin:0 0 16px;color:var(--muted);font-size:14px;font-weight:500}.canvasWrap{position:relative;aspect-ratio:1/1;width:100%;max-width:620px;margin-inline:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.15))}canvas{width:100%;height:100%;display:block;border-radius:50%}.spinHotspot{position:absolute;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:36%;aspect-ratio:1/1;border-radius:50%;background:0;border:none;cursor:pointer;transition:transform .2s ease}.spinHotspot:hover{transform:translate(-50%,-50%) scale(1.05)}.pointer{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%) rotate(180deg);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:32px solid #0b1220;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));z-index:10}.pointer::after{content:'';position:absolute;bottom:10px;left:-12px;right:-12px;height:12px;background:linear-gradient(to top,rgba(255,255,255,.8),transparent);border-radius:999px}.row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:16px;justify-content:center}.row.space{justify-content:space-between}.btn{appearance:none;border:none;padding:12px 20px;border-radius:16px;cursor:pointer;font-weight:700;font-size:14px;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1);font-family:Manrope,sans-serif}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn:hover::before{left:100%}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.btn:active{transform:translateY(0)}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-hover)}.btn.tab-btn{background:var(--surface);color:var(--fg);border:1px solid rgba(139,92,246,.15)}.btn.tab-btn.active{background:var(--primary);color:#fff}.btn:not(.primary){background:var(--surface);color:var(--fg);border:1px solid rgba(139,92,246,.15)}.btn:not(.primary):hover{background:var(--accent);color:#fff;border-color:transparent}.pill{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;font-size:13px;font-weight:600;background:var(--accent);color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 15px rgba(79,172,254,.3)}.result{margin-top:18px;padding:18px;border-radius:18px;border:2px dashed rgba(139,92,246,.25);text-align:center;font-size:16px;background:linear-gradient(135deg,rgba(139,92,246,.08) 0%,rgba(79,172,254,.08) 100%);font-weight:700;transition:all .3s ease}.result:has(.badge){border-color:rgba(79,172,254,.4);background:var(--accent);color:#fff;box-shadow:0 8px 25px rgba(79,172,254,.3)}.badge{color:inherit;font-weight:800}.input-section{display:flex;flex-direction:column;gap:16px;margin-top:8px}.option-row{display:grid;grid-template-columns:1fr 80px 50px;gap:12px;align-items:center;padding:8px;background:rgba(139,92,246,.02);border-radius:12px;border:1px solid rgba(139,92,246,.1)}.option-input{width:100%;padding:12px 16px;border:2px solid rgba(139,92,246,.15);border-radius:12px;background:#fff;font-size:14px;font-weight:500;outline:0;transition:all .2s ease}.option-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px rgba(139,92,246,.1);transform:translateY(-1px)}.counter-display{background:var(--success);color:#fff;padding:8px 12px;border-radius:8px;text-align:center;font-weight:800;font-size:13px;min-height:36px;display:flex;align-items:center;justify-content:center}.delete-btn{background:var(--danger);color:#fff;border:none;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.delete-btn:hover{transform:scale(1.1);box-shadow:0 4px 15px rgba(255,107,107,.3)}.vol{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;border:2px solid rgba(139,92,246,.15);background:var(--surface);transition:all .2s ease}.vol:hover{border-color:#8b5cf6;box-shadow:0 4px 15px rgba(139,92,246,.2)}.vol label{font-size:12px;color:var(--fg);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.vol input[type="range"]{width:140px}.results-panel{background:var(--surface);border:1px solid rgba(139,92,246,.15);border-radius:20px;padding:20px;max-height:400px;overflow-y:auto}.results-title{font-weight:800;color:var(--primary);margin-bottom:12px;font-size:14px}.result-item{padding:8px 12px;background:rgba(139,92,246,.08);border-radius:8px;margin-bottom:8px;font-size:13px;border-left:3px solid #667eea}.modalRoot{position:fixed;inset:0;display:none;place-items:center;z-index:50;padding:20px}.modalRoot.active{display:grid}@media(max-width:768px){.modalRoot{align-items:flex-start;padding-top:40px;padding-bottom:20px;overflow-y:auto}}.backdrop{position:absolute;inset:0;background:0;backdrop-filter:none;opacity:0;transition:opacity .2s ease}.modalCard{position:relative;width:min(560px,92vw);background:var(--surface);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:28px;padding:32px 24px;box-shadow:var(--shadow-lg);transform:scale(.9) translateY(20px);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.modalRoot.active .modalCard{transform:scale(1) translateY(0)}@media(max-width:768px){.modalCard{padding:24px 16px;border-radius:20px;width:min(95vw,100%)}.winner{font-size:32px}.winnerCount{font-size:13px}.modalActions{flex-direction:column;gap:12px;margin-top:24px}.modalActions .btn{width:100%;padding:14px 16px;font-size:13px}}.modalTitle{margin:0;font-size:14px;color:var(--muted);font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:center}.winner{margin:8px 0 4px;font-size:42px;font-weight:900;text-align:center;letter-spacing:.3px;background:var(--primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{from{filter:drop-shadow(0 0 20px rgba(139,92,246,.3))}to{filter:drop-shadow(0 0 30px rgba(79,172,254,.5))}}.count{margin:12px 0 16px;text-align:center;color:var(--fg);font-weight:800;font-size:16px}.modalActions{display:flex;gap:16px;justify-content:center;margin-top:20px;flex-wrap:wrap}.tab-content{display:none}.tab-content.active{display:block}.tabs-container{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.tabs-row{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:768px){.tabs-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.btn.tab-btn{padding:10px 14px;font-size:12px;border-radius:12px;white-space:nowrap}}@media(max-width:480px){.tabs-row{gap:5px}.btn.tab-btn{padding:9px 12px;font-size:11px;border-radius:10px}}@keyframes marquee-glow{0%,100%{box-shadow:0 0 40px rgba(255,20,147,.6),inset 0 2px 8px rgba(255,255,255,.3)}50%{box-shadow:0 0 60px rgba(255,20,147,.9),inset 0 2px 8px rgba(255,255,255,.5)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.picker-wheel-app{background:#f8fafc;padding:40px 18px}.picker-wheel-container{width:100%;max-width:1060px;margin:0 auto}.landing-page-container{background:#fff}.calculator-footer{background:0;color:#333;padding:40px 20px 20px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.footer-container{max-width:1200px;margin:0 auto}.footer-title{text-align:center;font-size:28px;font-weight:700;margin-bottom:30px;text-shadow:none;color:#333}.calculator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:30px}.calculator-section{background:#f8f9fa;border-radius:15px;padding:20px;border:1px solid #e9ecef;transition:transform .3s ease,box-shadow .3s ease}.calculator-section:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1)}.section-title{font-size:18px;font-weight:700;margin-bottom:15px;color:#333;border-bottom:2px solid #dee2e6;padding-bottom:8px}.calculator-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.calculator-link{color:#495057;text-decoration:none;padding:6px 10px;border-radius:6px;font-size:13px;transition:all .3s ease;background:#fff;border:1px solid #dee2e6;display:inline-block}.calculator-link:hover{background:#e9ecef;color:#212529;border-color:#adb5bd;transform:scale(1.02)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #dee2e6;font-size:14px;color:#6c757d}.footer-bottom a{color:#667eea;text-decoration:none;font-weight:500}.footer-bottom a:hover{text-decoration:underline}@media (max-width:768px){.calculator-grid{grid-template-columns:1fr;gap:20px}.calculator-links{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.footer-title{font-size:24px}}
    

/* WordPress theme layout overrides */
body { margin:0; background:#f8fafc; color:#111827; }
a { color:#667eea; }
.container { max-width:1200px; margin:0 auto; padding:20px; }
.pagination { margin:30px auto 0; text-align:center; }
.pagination .page-numbers { display:inline-block; padding:8px 12px; margin:3px; border-radius:8px; background:#fff; border:1px solid #e5e7eb; text-decoration:none; color:#374151; }
.pagination .current { background:#667eea; color:#fff; border-color:#667eea; }
.site-header { background:#ffffff; border-bottom:1px solid #eef0f3; position:sticky; top:0; z-index:50; box-shadow:0 8px 22px rgba(15,23,42,.04); }
.site-header-inner { max-width:1180px; margin:0 auto; padding:16px 20px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.site-branding a { display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:#111827; font-weight:900; font-size:24px; letter-spacing:-.03em; }
.site-branding .brand-mark { width:42px; height:42px; border-radius:14px; display:grid; place-items:center; background:linear-gradient(135deg,#667eea,#764ba2); color:#fff; box-shadow:0 10px 26px rgba(102,126,234,.28); }
.primary-menu { display:flex; gap:8px; align-items:center; list-style:none; margin:0; padding:0; flex-wrap:wrap; }
.primary-menu li { list-style:none; margin:0; padding:0; }
.primary-menu a { color:#374151; text-decoration:none; font-weight:800; font-size:14px; padding:10px 14px; border-radius:999px; display:inline-block; }
.primary-menu a:hover { background:#f3f4ff; color:#667eea; }
.spinpick-page-content { background:#fff; }
.spinpick-page-content > .landing-page-container { margin-top:0; }
.picker-wheel-app { padding-top:34px; }
body.admin-bar .site-header { top:32px; }
@media(max-width:782px) { body.admin-bar .site-header { top:46px; } }
@media(max-width:720px) { .site-header-inner { align-items:flex-start; flex-direction:column; } .primary-menu { width:100%; } }

/* App tabs as page navigation */
.tab-btn { text-decoration:none; }

/* Legal pages */
.standard-page { padding:50px 20px; }
.standard-page .page-card { max-width:980px; margin:0 auto; background:#fff; border-radius:24px; padding:44px; box-shadow:0 18px 60px rgba(15,23,42,.08); border:1px solid #eef0f3; }
.legal-content h1, .page-card > h1 { font-size:clamp(32px,5vw,52px); margin:0 0 24px; line-height:1.08; letter-spacing:-.04em; color:#111827; }
.legal-content h2 { margin:34px 0 14px; font-size:24px; color:#1f2937; }
.legal-content p, .legal-content li { font-size:16px; line-height:1.75; color:#4b5563; margin-bottom:14px; }
.legal-content ul { margin:10px 0 18px 22px; }
.wp-block-table { overflow-x:auto; }

/* Blog design reused and adapted */
/* Enhanced blog design */
.blog-page,
.single-blog-page {
    background:
        radial-gradient(circle at 15% 0%, rgba(102,126,234,.13), transparent 32%),
        radial-gradient(circle at 88% 8%, rgba(118,75,162,.12), transparent 30%),
        #f7f8fc;
}
.blog-container,
.article-container {
    padding-top: 34px;
    padding-bottom: 52px;
}
.blog-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: end;
    margin-bottom: 34px;
    padding: 46px;
    border-radius: 30px;
    color: #fff;
    background:
        linear-gradient(135deg, rgba(17,24,39,.96), rgba(102,126,234,.92)),
        linear-gradient(135deg, #111827, #667eea);
    box-shadow: 0 24px 60px rgba(17,24,39,.18);
}
.blog-hero:before,
.blog-hero:after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
}
.blog-hero:before {
    width: 280px;
    height: 280px;
    right: -70px;
    top: -100px;
    background: rgba(255,255,255,.11);
}
.blog-hero:after {
    width: 160px;
    height: 160px;
    right: 130px;
    bottom: -88px;
    background: rgba(255,255,255,.10);
}
.blog-hero-content,
.blog-hero-stats {
    position: relative;
    z-index: 1;
}
.blog-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-bottom: 14px;
    padding: 8px 13px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 999px;
    background: rgba(255,255,255,.13);
    color: inherit;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.blog-hero h1 {
    max-width: 760px;
    margin: 0 0 16px;
    font-size: clamp(2.2rem, 5vw, 4.2rem);
    line-height: .98;
    letter-spacing: -.055em;
}
.blog-hero p {
    max-width: 660px;
    margin: 0;
    color: rgba(255,255,255,.86);
    font-size: 18px;
    line-height: 1.7;
}
.blog-hero-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(130px, 1fr));
    gap: 14px;
}
.blog-stat-card {
    min-width: 130px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 20px;
    background: rgba(255,255,255,.12);
    backdrop-filter: blur(14px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.20);
}
.blog-stat-card strong {
    display: block;
    margin-bottom: 5px;
    font-size: 28px;
    line-height: 1;
}
.blog-stat-card span {
    display: block;
    color: rgba(255,255,255,.76);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}
.blog-list-enhanced {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}
.blog-card-enhanced {
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
    min-height: 100%;
    border: 1px solid rgba(229,231,235,.9);
    border-radius: 28px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 16px 38px rgba(17,24,39,.08);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.blog-card-enhanced:hover {
    transform: translateY(-6px);
    border-color: rgba(102,126,234,.35);
    box-shadow: 0 24px 52px rgba(17,24,39,.14);
}
.blog-card-featured {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
    grid-template-rows: none;
    min-height: 430px;
}
.blog-card-image {
    position: relative;
    overflow: hidden;
    display: block;
    min-height: 235px;
    background: linear-gradient(135deg, #111827, #667eea);
    text-decoration: none;
}
.blog-card-featured .blog-card-image {
    min-height: 430px;
}
.blog-card-image img {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
    transition: transform .45s ease, filter .45s ease;
}
.blog-card-enhanced:hover .blog-card-image img {
    transform: scale(1.045);
    filter: saturate(1.05) contrast(1.03);
}
.blog-card-image:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 45%, rgba(17,24,39,.22));
    pointer-events: none;
}
.blog-card-placeholder {
    display: grid;
    min-height: inherit;
    place-items: center;
    color: rgba(255,255,255,.94);
    font-size: 54px;
    font-weight: 950;
    letter-spacing: -.08em;
}
.blog-card-body {
    display: flex;
    flex-direction: column;
    padding: 28px;
}
.blog-card-featured .blog-card-body {
    justify-content: center;
    padding: 44px;
}
.blog-meta-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px 12px;
    margin-bottom: 15px;
    color: #6b7280;
    font-size: 13px;
    font-weight: 750;
}
.blog-pill {
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(102,126,234,.11);
    color: #4f46e5;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .055em;
    text-transform: uppercase;
}
.blog-card-enhanced h2 {
    margin: 0 0 14px;
    color: #111827;
    font-size: clamp(1.35rem, 2.1vw, 2rem);
    line-height: 1.12;
    letter-spacing: -.035em;
}
.blog-card-featured h2 {
    font-size: clamp(2rem, 4vw, 3.15rem);
    line-height: 1.02;
}
.blog-card-enhanced h2 a {
    color: inherit;
    text-decoration: none;
}
.blog-card-enhanced h2 a:hover {
    color: #5b63e9;
}
.blog-card-enhanced p {
    margin: 0 0 22px;
    color: #4b5563;
    font-size: 15.5px;
    line-height: 1.78;
}
.blog-card-featured p {
    font-size: 17px;
}
.blog-read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-top: auto;
    padding: 12px 16px;
    border-radius: 13px;
    background: #111827;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 900;
    box-shadow: 0 12px 22px rgba(17,24,39,.16);
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.blog-read-more:hover {
    transform: translateY(-2px);
    background: #4f46e5;
    box-shadow: 0 14px 28px rgba(79,70,229,.25);
}
.empty-blog-card {
    padding: 28px;
}
.blog-pagination .nav-links {
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
}

.article-container {
    max-width: 1040px;
}
.article-card-enhanced {
    background: transparent;
}
.article-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    padding: 44px 46px 50px;
    border-radius: 30px 30px 0 0;
    background:
        linear-gradient(135deg, rgba(17,24,39,.96), rgba(102,126,234,.92)),
        #111827;
    color: #fff;
    box-shadow: 0 24px 55px rgba(17,24,39,.14);
}
.article-hero:after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    right: -90px;
    top: -95px;
    border-radius: 999px;
    background: rgba(255,255,255,.11);
}
.article-back-link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: fit-content;
    margin-bottom: 18px;
    color: rgba(255,255,255,.86);
    text-decoration: none;
    font-size: 14px;
    font-weight: 850;
}
.article-back-link:hover {
    color: #fff;
}
.article-hero .blog-kicker,
.article-hero h1,
.article-hero .article-meta {
    position: relative;
    z-index: 1;
}
.article-hero h1 {
    max-width: 870px;
    margin: 0 0 18px;
    font-size: clamp(2.15rem, 5vw, 4rem);
    line-height: 1.02;
    letter-spacing: -.055em;
}
.article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 800;
}
.article-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: rgba(255,255,255,.10);
}
.article-content-shell {
    padding: 0 28px 28px;
    border: 1px solid rgba(229,231,235,.9);
    border-top: 0;
    border-radius: 0 0 30px 30px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 20px 52px rgba(17,24,39,.09);
}
.article-content {
    max-width: 820px;
    margin: 0 auto;
    padding: 44px 0 20px;
    color: #2f3a4a;
    font-size: 18px;
    line-height: 1.86;
}
.article-content > *:first-child {
    margin-top: 0;
}
.article-content p {
    margin-bottom: 22px;
    color: #374151;
}
.article-content h2,
.article-content h3,
.article-content h4 {
    color: #111827;
    line-height: 1.2;
    letter-spacing: -.025em;
}
.article-content h2 {
    margin: 44px 0 18px;
    padding-top: 8px;
    font-size: clamp(1.55rem, 3vw, 2.15rem);
}
.article-content h2:after {
    content: "";
    display: block;
    width: 62px;
    height: 4px;
    margin-top: 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, #667eea, #764ba2);
}
.article-content h3 {
    margin: 32px 0 14px;
    font-size: 1.35rem;
}
.article-content img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 34px auto;
    border-radius: 24px;
    box-shadow: 0 20px 44px rgba(17,24,39,.16);
}
.article-content ul,
.article-content ol {
    margin: 0 0 24px 0;
    padding: 0;
    list-style: none;
}
.article-content li {
    position: relative;
    margin-bottom: 12px;
    padding: 14px 16px 14px 42px;
    border: 1px solid #eef0f3;
    border-radius: 14px;
    background: #f9fafb;
    color: #374151;
}
.article-content ul li:before {
    content: "✓";
    position: absolute;
    left: 15px;
    top: 14px;
    color: #4f46e5;
    font-weight: 950;
}
.article-content ol {
    counter-reset: vt-list-counter;
}
.article-content ol li {
    counter-increment: vt-list-counter;
}
.article-content ol li:before {
    content: counter(vt-list-counter);
    position: absolute;
    left: 13px;
    top: 14px;
    display: inline-grid;
    width: 20px;
    height: 20px;
    place-items: center;
    border-radius: 999px;
    background: #4f46e5;
    color: #fff;
    font-size: 12px;
    font-weight: 950;
}
.article-content table {
    width: 100%;
    margin: 28px 0;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(17,24,39,.07);
}
.article-content th,
.article-content td {
    padding: 15px 16px;
    border: 1px solid #e5e7eb;
    text-align: left;
    vertical-align: top;
}
.article-content th {
    background: #111827;
    color: #fff;
    font-size: 14px;
}
.article-content blockquote {
    margin: 30px 0;
    padding: 22px 26px;
    border-left: 5px solid #667eea;
    border-radius: 18px;
    background: #f3f5ff;
    color: #1f2937;
    font-weight: 650;
}
.article-navigation {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
}
.article-nav-item:empty {
    display: none;
}
.article-nav-item a {
    display: block;
    min-height: 100%;
    padding: 20px;
    border: 1px solid rgba(229,231,235,.95);
    border-radius: 20px;
    background: rgba(255,255,255,.92);
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(17,24,39,.06);
}
.article-nav-next {
    text-align: right;
}
.article-nav-item span {
    display: block;
    margin-bottom: 8px;
    color: #6b7280;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.article-nav-item strong {
    display: block;
    color: #111827;
    font-size: 16px;
    line-height: 1.35;
}
.article-nav-item a:hover strong {
    color: #4f46e5;
}

@media (max-width: 900px) {
    .blog-hero {
        grid-template-columns: 1fr;
        padding: 34px;
    }
    .blog-hero-stats {
        max-width: 360px;
    }
    .blog-list-enhanced {
        grid-template-columns: 1fr;
    }
    .blog-card-featured {
        grid-template-columns: 1fr;
        min-height: 0;
    }
    .blog-card-featured .blog-card-image {
        min-height: 280px;
    }
    .blog-card-featured .blog-card-body {
        padding: 30px;
    }
}
@media (max-width: 640px) {
    .blog-container,
    .article-container {
        padding-top: 18px;
    }
    .blog-hero,
    .article-hero {
        padding: 28px 22px;
        border-radius: 24px;
    }
    .blog-hero-stats {
        grid-template-columns: 1fr;
    }
    .blog-card-enhanced,
    .article-content-shell {
        border-radius: 22px;
    }
    .blog-card-body,
    .blog-card-featured .blog-card-body {
        padding: 24px;
    }
    .blog-card-image,
    .blog-card-featured .blog-card-image {
        min-height: 215px;
    }
    .article-hero {
        border-radius: 24px 24px 0 0;
    }
    .article-content-shell {
        padding: 0 18px 18px;
        border-radius: 0 0 24px 24px;
    }
    .article-content {
        padding-top: 30px;
        font-size: 16px;
        line-height: 1.78;
    }
    .article-content li {
        padding-right: 14px;
    }
    .article-content th,
    .article-content td {
        padding: 12px;
        font-size: 14px;
    }
    .article-navigation {
        grid-template-columns: 1fr;
    }
    .article-nav-next {
        text-align: left;
    }
}
.site-footer-bottom a { color: inherit; font-weight: 700; text-decoration: none; }
.site-footer-bottom a:hover { text-decoration: underline; }
.site-links-footer .footer-title { color: #111827; }
.site-links-footer .calculator-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.calculator-admin-note { margin-bottom: 16px; color: #92400e; background: #fffbeb; border: 1px solid #fde68a; border-radius: 12px; padding: 12px 14px; font-weight: 600; }

.blog-kicker { background:linear-gradient(135deg,#667eea,#764ba2); -webkit-background-clip:text; background-clip:text; color:transparent; }
.blog-hero { background: radial-gradient(circle at top left, rgba(102,126,234,.22), transparent 35%), linear-gradient(135deg,#ffffff 0%,#f7f5ff 100%); color:#111827; }
.blog-hero p { color:#4b5563; }
.blog-hero:before { background: rgba(102,126,234,.12); }
.blog-hero:after { background: rgba(118,75,162,.10); }
.blog-stat-card { background:#fff; border:1px solid #eceefe; color:#111827; }
.blog-stat-card span { color:#6b7280; }
.blog-pill { background:#f0edff; color:#667eea; }
.blog-card-placeholder { background:linear-gradient(135deg,#667eea,#764ba2); }
.article-back-link, .blog-read-more, .blog-card-enhanced h2 a:hover { color:#667eea; }
.article-content .container { width:100%; max-width:none; padding:0; box-shadow:none; background:transparent; }
.article-content header.header { text-align:left; padding:0; margin:0 0 24px; background:transparent; color:inherit; }
.article-content header.header h1 { display:none; }
.article-content header.header p { font-size:18px; line-height:1.7; color:#4b5563; margin-bottom:24px; }
.article-content .hero-image img { width:100%; height:auto; border-radius:22px; margin:8px 0 28px; box-shadow:0 14px 40px rgba(15,23,42,.09); }
.article-content .section { margin:32px 0; }
.article-content .intro-paragraph { font-size:18px; line-height:1.78; color:#374151; background:#f8fafc; padding:24px; border-left:4px solid #667eea; border-radius:16px; margin:18px 0; }
.article-content blockquote { border-left:4px solid #667eea; background:#f8fafc; padding:18px 22px; border-radius:14px; margin:26px 0; color:#374151; }

/* Footer */
.site-links-footer { background:#fff; border-top:1px solid #eef0f3; margin-top:0; }
.site-links-footer .footer-title { color:#111827; }
.site-links-footer .calculator-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.site-footer-bottom a, .footer-bottom a { color:inherit; font-weight:800; text-decoration:none; }
.site-footer-bottom a:hover, .footer-bottom a:hover { text-decoration:underline; }

@media(max-width:680px) { .standard-page .page-card { padding:26px; border-radius:18px; } }


/* Picker Wheel status/result block fix */
.picker-wheel-app .picker-wheel-status-area {
    display: block !important;
    width: 100%;
    margin-top: 18px;
    clear: both;
    position: relative;
    z-index: 2;
}
.picker-wheel-app #resultBox.result,
.picker-wheel-app .picker-result-box {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100%;
    min-height: 58px;
    margin: 0;
    padding: 18px 20px;
    border-radius: 18px;
    border: 2px dashed rgba(139,92,246,.25);
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
    background: linear-gradient(135deg,rgba(139,92,246,.08) 0%,rgba(79,172,254,.08) 100%);
    font-weight: 700;
    color: var(--fg, #2c3e50);
    box-sizing: border-box;
}
.picker-wheel-app .picker-reset-row {
    display: flex !important;
    justify-content: center;
    width: 100%;
}
.picker-wheel-app .wrap > .card {
    overflow: visible !important;
}
@media (max-width: 768px) {
    .picker-wheel-app .picker-wheel-status-area {
        margin-top: 16px;
    }
    .picker-wheel-app #resultBox.result,
    .picker-wheel-app .picker-result-box {
        min-height: 52px;
        padding: 15px 16px;
        font-size: 14px;
    }
}

/* Mobile burger menu */
.site-menu-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 44px;
    padding: 10px 14px;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    background: #ffffff;
    color: #111827;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .06);
}
.site-menu-toggle:hover,
.site-menu-toggle:focus-visible {
    border-color: rgba(102, 126, 234, .45);
    color: #667eea;
    outline: none;
}
.site-menu-toggle-icon {
    width: 22px;
    height: 16px;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}
.site-menu-toggle-icon span {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 99px;
    background: currentColor;
    transition: transform .2s ease, opacity .2s ease;
}
.site-header.is-menu-open .site-menu-toggle-icon span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
.site-header.is-menu-open .site-menu-toggle-icon span:nth-child(2) {
    opacity: 0;
}
.site-header.is-menu-open .site-menu-toggle-icon span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}
@media (max-width: 720px) {
    .site-header-inner {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        gap: 12px;
        padding: 12px 16px;
    }
    .site-branding {
        flex: 1 1 auto;
        min-width: 0;
    }
    .site-branding a {
        font-size: 22px;
    }
    .site-branding .brand-mark {
        width: 38px;
        height: 38px;
        border-radius: 12px;
    }
    .site-menu-toggle {
        display: inline-flex;
    }
    .site-navigation {
        display: none;
        width: 100%;
        padding-top: 6px;
    }
    .site-header.is-menu-open .site-navigation {
        display: block;
    }
    .primary-menu {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
        padding: 10px;
        border: 1px solid #eef0f3;
        border-radius: 18px;
        background: #ffffff;
        box-shadow: 0 14px 30px rgba(15, 23, 42, .08);
    }
    .primary-menu a {
        display: block;
        width: 100%;
        padding: 12px 14px;
        border-radius: 14px;
    }
}