/* SumFizz visitor experience. The numerical engines remain separate. */
:root{--ink:#292339;--muted:#61576d;--violet:#5545c7;--citrus:#e4f49b;--line:#ded8e8;--paper:#fbfaf6}
body{font-size:16px;color:var(--ink);background:var(--paper)}h1,h2,h3,h4,.chart-insight strong{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.035em}h1{font-weight:800}p{color:var(--muted)}button,input,select,textarea{font-size:16px}button,select,summary,.nav-about,.card-save,.save-tool,.result-actions button{min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #6143bd;outline-offset:4px}button:disabled{cursor:not-allowed}input,textarea,select{max-width:100%}input[type=checkbox]{min-height:0}button,a{touch-action:manipulation}.site-header{padding:18px 38px;gap:32px}.site-header nav{font-size:14px}.nav-about{display:inline-flex;align-items:center;font-size:14px}.footer>div:nth-child(2){font-size:14px}.footer p,.footer-note{font-size:13px!important}.footer a{padding:7px 0}.eyebrow{font-size:11px;color:#60526f;letter-spacing:1.5px}.breadcrumbs{font-size:13px!important;padding-top:22px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.exp-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center;padding:45px 0}.exp-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;max-width:620px;margin:12px 0 22px}.exp-hero .lead{font-size:19px;max-width:490px;line-height:1.65}.exp-search{display:flex;gap:8px;padding:7px;border:1px solid #b9afca;border-radius:14px;background:white;margin:24px 0 12px}.exp-search input{min-width:0;width:100%;border:0;padding:10px;background:transparent}.exp-search button,.challenge-card .primary{background:var(--violet);color:white;border:0;border-radius:9px;padding:11px 16px;white-space:nowrap}.exp-shortcuts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px}.exp-shortcuts a{text-decoration:underline;text-underline-offset:4px}.challenge-card{background:#f0eafa;border:1px solid #d4c6e8;border-radius:22px;padding:26px;box-shadow:0 8px 0 #e4f49b66;min-width:0}.challenge-card h2{font-size:24px;line-height:1.35;margin:10px 0 18px;letter-spacing:-.025em}.challenge-card form{display:flex;flex-wrap:wrap;gap:8px}.challenge-card form label{width:100%;font-size:14px;font-weight:600}.challenge-card form input{width:0;flex:1;min-width:80px;border:1px solid #b9aace;border-radius:9px;padding:10px 12px;background:white}.challenge-actions{display:flex;gap:6px 12px;flex-wrap:wrap;margin-top:10px}.challenge-actions button{background:transparent;border:0;padding:6px 0;color:#493a8b;text-decoration:underline;text-underline-offset:4px;font-size:14px}.challenge-card [data-feedback]{font-weight:600;margin:10px 0}.challenge-card [data-hint],.challenge-card [data-explanation]{background:white;border-radius:10px;padding:12px}.challenge-card [data-related]{display:inline-block;min-height:44px;padding:10px 0;font-size:14px;color:#493a8b;text-decoration:underline}.challenge-card [data-streak]{border-top:1px solid #d8cce9;margin:12px 0 0;padding-top:12px;font-size:13px}.challenge-card [data-link]{width:100%}.currency-choice{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;font-size:14px}.currency-choice select{border:1px solid #b9aace;border-radius:8px;background:#fff;padding:8px;min-width:90px}.currency-note{font-size:13px!important;line-height:1.6}.exp-popular{padding:25px 0}.exp-popular .cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px}.exp-popular .tool-card{padding:18px}.tool-card h3{font-size:18px}.tool-card p,.tool-card .card-foot{font-size:14px}.tool-card .card-top{min-height:44px}.tool-card .category-icon svg,.category-icon svg{width:22px;height:22px}.tool-card .category-icon{background:#eee7f8;color:#5545c7}.tool-card-link{min-width:0}.card-save{min-width:44px}.exp-experiments{border-radius:22px;background:#eaf0df;border:1px solid #d2ddbb;padding:30px;margin:30px 0}.exp-experiments h2{margin:8px 0 14px}.exp-experiments .experiment-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.experiment-links a{background:#fff;border:1px solid #ccd5bd;border-radius:12px;padding:18px;min-height:110px}.experiment-links strong{display:block;margin-bottom:8px}.experiment-links span{font-size:14px;color:#5b644d}.exp-library #search{font-size:16px}.category-card strong{font-size:15px}.category-card small{font-size:13px}.category-card{min-height:165px}.section-heading>span{font-size:14px;color:var(--muted)}.recent-list a{font-size:15px}.daily-page{max-width:760px;padding-top:26px;padding-bottom:50px}.daily-page h1{font-size:42px}.daily-page>.challenge-card{margin:25px 0}.daily-notes{font-size:15px;line-height:1.8}.tool-heading p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:760px}.tool-heading h1{font-size:clamp(32px,4vw,48px);line-height:1.1;overflow-wrap:anywhere}.calculator-shell{border:1px solid #d4c8e1;box-shadow:0 7px 0 #e9e4ee66}.input-panel{background:#fff}.output-panel{background:#eee7f7}.field label{font-size:15px;font-weight:600}.field small,.field-help{display:block;font-size:13px;color:#61556d;line-height:1.6;margin-top:6px}.field input,.field textarea{font-size:16px}.input-note{font-size:13px}.output>span{font-size:15px}.output>strong{font-family:Arial,sans-serif;font-weight:700;font-size:25px}.main-output>strong{font-size:clamp(28px,4vw,42px)}.output-meaning{font-size:14px;margin:8px 0;line-height:1.6}.result-actions{gap:8px;flex-wrap:wrap}.result-actions button{font-size:14px;padding:9px 12px}.result-note{font-size:14px}.guide p,.guide .method-result p,.guide .method-key p{font-size:16px;line-height:1.8}.guide h3{font-size:23px}.guide h4{font-size:17px}.guide .method-result h4{font-size:16px}.guide-aside a{font-size:15px;min-height:44px}.guide table{font-size:15px;table-layout:auto}.guide td,.guide th,.example-results th[scope=row]{font-size:14px;overflow-wrap:anywhere}.table-wrap{max-width:100%;overflow-x:auto}.method-key dl{font-size:15px}.method-key summary{font-size:15px}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.worked-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff;min-width:0}.worked-card h3{font-size:20px}.worked-card dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px;font-size:14px}.worked-card dd{margin:0;overflow-wrap:anywhere;text-align:right;white-space:pre-wrap}.worked-card dt{overflow-wrap:anywhere}.worked-card .example-outputs{border-top:1px solid var(--line);padding-top:16px;font-weight:600}.worked-card button{border:1px solid #b9aace;border-radius:8px;background:#f3edf9;color:#4f3d87;padding:10px 15px}.assumptions-list{padding-left:22px}.assumptions-list li{margin:12px 0;color:#61576d;line-height:1.8}.guide .article-grid{grid-template-columns:minmax(0,1fr) 220px}.chart-insight strong{font-size:24px}.visual-heading p:not(.eyebrow),.chart-insight>p:not(.eyebrow),.visual-actions button,.point-readout,.chart-legend,.chart-insight>div span{font-size:14px}.router-page .pilot-output strong{font-family:Arial,sans-serif}.experiment-preview-note{display:none}.experiment-section h2{font-family:Arial,sans-serif}.exp-icon{display:inline-flex}.empty{font-size:16px}
@media(max-width:900px){.exp-hero{gap:25px}.exp-popular .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exp-experiments .experiment-links{grid-template-columns:1fr}.guide .article-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.site-header{padding:14px 16px;gap:14px;flex-wrap:wrap}.site-header nav{gap:12px;font-size:13px}.nav-about{display:none}.container{padding-left:18px;padding-right:18px}.exp-hero{grid-template-columns:1fr;gap:24px;padding:25px 0}.exp-hero h1{font-size:43px;margin:8px 0 15px;letter-spacing:-1.7px}.exp-hero .lead{font-size:16px;margin:0}.exp-search{margin:18px 0 12px}.exp-search button{padding:10px 12px}.challenge-card{padding:20px;border-radius:18px}.challenge-card h2{font-size:22px;margin:8px 0 12px}.challenge-card .eyebrow{margin-bottom:8px}.challenge-actions{margin-top:4px}.challenge-card [data-streak]{margin-top:6px;padding-top:8px}.exp-popular{padding-top:12px}.exp-popular .cards-grid{gap:10px}.exp-popular .tool-card{padding:14px}.exp-popular .tool-card h3{font-size:16px;margin-top:10px}.exp-popular .tool-card p{font-size:13px}.exp-experiments{padding:23px}.example-grid{grid-template-columns:1fr}.guide p{font-size:16px}.input-panel,.output-panel{padding:22px}.tool-heading p:not(.eyebrow){font-size:16px}.guide .article-grid{grid-template-columns:1fr}.footer{padding:25px 18px}.footer>div:nth-child(2){gap:8px 18px}.breadcrumbs{font-size:12px!important}.category-intro p{font-size:16px}.visual-content{grid-template-columns:1fr}.daily-page h1{font-size:35px}}
@media(max-width:350px){.site-header .logo{font-size:21px}.site-header nav{gap:10px}.site-header nav .saved-nav{display:none}.exp-hero h1{font-size:39px}.exp-shortcuts{font-size:13px}.challenge-card{padding:16px}.exp-popular .cards-grid{grid-template-columns:1fr}.challenge-card h2{font-size:21px}.challenge-card .primary{padding:11px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Experiments follow the same choose → predict → explain journey. */
.experiment-layout{align-items:start}.experiment-workbench .experiment-challenge{margin:22px 0;padding:20px;background:#f4eefb;border:1px solid #d9cbe7;border-radius:14px}.experiment-workbench .experiment-challenge h2{font-size:24px}.experiment-workbench .challenge-question{font-size:20px}.experiment-workbench .challenge-top{flex-wrap:wrap}.experiment-workbench .challenge-actions{display:flex;flex-wrap:wrap;gap:8px}.experiment-workbench button,.experiment-workbench input{min-height:44px;font-size:16px}.experiment-workbench .challenge-score{font-size:14px}.experiment-workbench .challenge-topline{flex-wrap:wrap}.experiment-layout:has(.experiment-replay[hidden]){grid-template-columns:minmax(0,850px);justify-content:center}.experiment-share-actions{flex-wrap:wrap}