/* One static character, one visual language throughout Pump or Pass. */
:root{--ink:#102c40;--paper:#fff9dd;--green:#087342;--line:#c2cdb9;--muted:#596a6f}
body{background:var(--paper);color:var(--ink);font-family:ui-rounded,'Arial Rounded MT Bold',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.gus *{animation:none!important;transition:none!important}.gus .pump-body{fill:#249247!important}.gus .gus-pupils{transform:none!important}.gus .pal-thought,.gus .pal-question{display:none!important}.gus .pal-smile{display:block!important}.gus-decoration{pointer-events:none}.gus-decoration svg{display:block;width:100%;height:auto;overflow:visible}.gus-decoration .pal-arm{transform:none}.gus-mini{float:left;width:66px;margin:0 14px 8px 0}.gus-small-heading{min-height:74px;display:flex;align-items:center;font-size:25px!important}.gus-offer{width:94px;float:right;margin:8px 0 8px 16px}
/* Recommendation is one speech balloon, with Gus emerging beneath it. */
.answer-card{display:flex;flex-direction:column;align-items:stretch;padding:12px 4px!important;overflow:visible}
.gus-answer-bubble{position:relative;order:1;border:3px solid #087342;border-radius:32px;background:#fffdf1;padding:25px 20px 22px;z-index:2;color:#102c40}
.pass .gus-answer-bubble{border-color:#b02b36}.unknown .gus-answer-bubble,.same .gus-answer-bubble{border-color:#1768a2}
.gus-answer-bubble:after{content:'';position:absolute;bottom:-17px;right:25%;width:28px;height:28px;background:#fffdf1;border-right:3px solid #087342;border-bottom:3px solid #087342;transform:skewY(-20deg) rotate(35deg)}
.pass .gus-answer-bubble:after{border-color:#b02b36}.unknown .gus-answer-bubble:after,.same .gus-answer-bubble:after{border-color:#1768a2}
.answer-card #answerDate{order:0;font-size:12px;margin:0 0 15px}.answer-card .decision-heading{margin:0 0 10px}.answer-card .decision-heading #answer{font-size:clamp(60px,15vw,88px);line-height:1;letter-spacing:-3px;margin:0}.answer-card.unknown .decision-heading #answer{font-size:clamp(30px,7.5vw,44px);line-height:1.08;letter-spacing:-1px}
.answer-card #direction{border:0;background:none;padding:0;font-size:19px;font-weight:650;line-height:1.4;max-width:390px}.answer-card #direction:before{display:none}.answer-card #savingBlock{margin:16px 0 0;padding:0!important}.answer-card #savingAction{font-size:14px;text-transform:none;letter-spacing:0;font-weight:500}.answer-card #saving{font-size:48px;line-height:1.15;letter-spacing:-2px;margin:4px 0}.answer-card #fillBasis{font-size:14px}
.gus-bottom-stage{order:2;height:225px;overflow:hidden;position:relative;margin:7px 0 0;display:flex;justify-content:center;align-items:flex-start;border-bottom:3px solid #102c40}.gus-bottom-stage #resultPal{display:block;transform:none;width:300px;height:356px;min-height:0;margin:12px 0 0;padding:0;pointer-events:none}.gus-bottom-stage #resultPal .gus{display:block!important;width:300px!important;height:356px!important;margin:0}.gus-bottom-stage .pal-arm{transform:rotate(-12deg)!important}
.answer-card #savingTreat{order:3;width:100%;max-width:none;margin:12px 0 4px;padding:16px;background:#ffedb0;border-radius:14px}.answer-card #savingTreatText{font-size:17px}.answer-card #forecastInfo{order:4}.answer-card #forecastSource{order:5}.answer-card #unknownMessage{order:4}
/* Smaller companions lean beside the instructions without crowding the map. */
.gus-guided{padding:24px!important}.gus-guided .setup-pal{position:absolute;right:10px;top:15px;margin:0;float:none;min-width:0;width:104px;transform:rotate(7deg);pointer-events:none}.gus-guided .setup-pal .gus{width:104px;height:125px}.gus-guided .setup-pal:after{display:none}.gus-setup-bubble{position:relative;border:1.5px solid #aec3a4;background:#fffdf1;border-radius:20px;padding:16px;margin:0 100px 24px 0;min-height:94px}.gus-setup-bubble:after{content:'';position:absolute;right:-8px;top:30px;width:13px;height:13px;background:#fffdf1;border-right:1.5px solid #aec3a4;border-top:1.5px solid #aec3a4;transform:rotate(45deg)}.gus-guided .gus-setup-bubble h2{max-width:none;min-height:0;font-size:25px;margin:0;padding:0}.gus-setup-bubble p{font-size:15px;line-height:1.45;margin:8px 0 0}.gus-guided .eyebrow{margin-right:110px}.history-callout{margin-top:32px;padding:24px 100px 24px 24px}.history-callout .gus-peek{top:-15px;right:-4px;transform:rotate(-9deg)}.history-callout .gus-peek .gus{width:105px;height:125px}.history-callout .history-cta{margin-right:-76px}
/* Historical flow shares the warm paper, bold type and blue actions. */
body:has(#wizard) header{height:auto;min-height:80px;gap:16px;flex-wrap:wrap;padding:18px 5%;border-bottom:1px solid var(--line)}
body:has(#wizard) .intro{padding:24px 0 8px}body:has(#wizard) .intro>h1,body:has(#wizard) .intro>.eyebrow,body:has(#wizard) .intro>p{display:none}.history-gus{max-width:650px;margin:0 auto 18px;gap:24px}.history-gus .gus{width:145px;height:172px}.history-gus>p{border:2px solid #087342;border-radius:24px;background:#fffdf1;font-size:24px!important;font-weight:750}.history-gus>p:before{background:#fffdf1;border-color:#087342;border-width:2px}.history-gus span{font-size:13px;font-weight:500}
body:has(#wizard) .card,body:has(#wizard) .account-section{background:#fffdf1;border:1px solid #becab4;border-radius:22px}body:has(#wizard) .primary{background:#0879c4;border:0;border-radius:12px;box-shadow:0 3px 0 #065a94;font-size:16px;font-weight:750}body:has(#wizard) h2{font-weight:800;font-size:29px}body:has(#wizard) .panelheading>p{font-size:16px}.gus-panel-heading{position:relative;min-height:118px;padding-right:120px}.gus-panel-peek{position:absolute;right:-9px;top:-15px;width:105px;transform:rotate(8deg)}body:has(#wizard) .zone-choice b{font-size:16px}body:has(#wizard) .zone-choice small{font-size:12px}body:has(#wizard) .zone-choice{background:#fffdf4;border-color:#b2c2aa;border-radius:12px}body:has(#wizard) .map-card{background:#e1f1f7}body:has(#wizard) .strategy-card{border-radius:18px;background:#fffdf4}body:has(#wizard) .strategy-ideal{border:2px solid #087342;background:#edf7e7}body:has(#wizard) .strategy-money{font-weight:850}body:has(#wizard) .date-presets button,body:has(#wizard) .tank-presets button{border-radius:12px;min-height:58px;font-size:16px}body:has(#wizard) select,body:has(#wizard) input{font-size:17px}body:has(#wizard) footer .brand{font-size:22px}body:has(#wizard) .progress button{font-size:13px}
@media(max-width:550px){.gus-guided{padding:18px!important}.gus-setup-bubble{margin-right:80px;padding:13px;min-height:90px}.gus-guided .setup-pal{width:84px;right:4px;top:22px}.gus-guided .setup-pal .gus{width:84px;height:102px}.gus-guided .gus-setup-bubble h2{font-size:22px}.gus-setup-bubble p{font-size:14px}.gus-bottom-stage{height:205px}.gus-bottom-stage #resultPal,.gus-bottom-stage #resultPal .gus{width:270px!important;height:321px!important}.gus-answer-bubble{padding:22px 16px;border-radius:28px}.answer-card #direction{font-size:17px}.history-gus{gap:16px}.history-gus .gus{width:95px;height:120px}.history-gus>p{font-size:19px!important}body:has(#wizard) main{padding:0 16px}body:has(#wizard) .wizard{padding:22px 18px}.gus-panel-heading{padding-right:85px;min-height:100px}.gus-panel-peek{width:78px;right:-4px;top:0}body:has(#wizard) h2{font-size:24px}body:has(#wizard) .panelheading>p{font-size:15px}.gus-small-heading{font-size:22px!important}.history-callout{padding-right:86px}.history-callout .history-cta{margin-right:-62px}}
.answer-card #savingTreatText{display:inline;margin:0}.answer-card #savingTreat>.info{display:inline-block;margin:0 0 0 3px;vertical-align:middle}.answer-card #savingTreat>.info>summary{min-width:36px;min-height:36px}
body:has(#wizard) .account-nav .primary{background:transparent!important;color:#096db4!important;box-shadow:none!important;padding:5px;text-decoration:underline;font-size:15px}body:has(#wizard) .account-nav{gap:12px}body:has(#wizard) .account-section{margin-top:28px;padding:24px}body:has(#wizard) .account-section .title-with-info{display:flex;align-items:center;gap:6px}body:has(#wizard) .account-section .gus-mini{flex:0 0 60px;margin:0 8px 0 0}body:has(#wizard) .account-section .title-with-info h2{font-size:24px!important;min-height:0}body:has(#wizard) .notice{font-size:15px}body:has(#wizard) .google-button{min-height:48px;border-radius:12px;font-size:16px}
/* Approved mockup character, now illustrated assets rather than SVG substitutes. */
.gus-art{display:block;width:100%;height:auto;object-fit:contain;animation:none!important;transition:none!important;pointer-events:none}.gus-decoration .gus-art{width:100%;height:auto}.pal-button:has(.gus-art){pointer-events:none}.gus-guided .setup-pal{width:116px;transform:none;right:0;top:10px}.gus-guided .setup-pal .gus-art{width:116px;height:140px;object-fit:contain}.gus-setup-bubble{margin-right:106px}.history-callout .gus-peek{width:120px;right:-9px;top:-24px;transform:none}.history-callout .gus-peek .gus-art{width:120px;height:145px}.history-gus .pal-button{width:155px;min-width:120px}.history-gus .gus-art{width:155px;height:185px}.gus-panel-peek{width:118px;transform:none}.gus-bottom-stage{height:auto;min-height:0;overflow:visible;border:0;margin:12px 0 -3px}.gus-bottom-stage #resultPal{width:min(100%,420px);height:auto;margin:0;display:block;transform:none}.gus-bottom-stage #resultPal .gus-art{width:100%;height:auto;max-height:290px;object-fit:contain}.gus-answer-bubble:after{right:30%}.answer-card #savingTreat{position:relative;z-index:3;margin-top:0}.gus-offer{width:112px}.gus-mini{width:76px}
@media(max-width:550px){.gus-guided .setup-pal{width:94px;right:-1px;top:20px}.gus-guided .setup-pal .gus-art{width:94px;height:118px}.gus-setup-bubble{margin-right:82px}.gus-panel-peek{width:85px}.history-gus .pal-button{width:105px;min-width:90px}.history-gus .gus-art{width:105px;height:134px}.gus-bottom-stage{height:auto}.gus-bottom-stage #resultPal{width:min(100%,360px)!important;height:auto!important}.gus-bottom-stage #resultPal .gus-art{max-height:245px}.history-callout .gus-peek{width:100px}.history-callout .gus-peek .gus-art{width:100px;height:124px}}
/* Visual review: grounded companions, tangible treats, always-visible fuel news. */
.gus-art{filter:drop-shadow(0 7px 4px #102c4024)}.gus-guided .setup-pal{top:15px;right:4px}.gus-guided .setup-pal:after,.history-callout .gus-peek:after{content:'';display:block;position:absolute;left:20%;bottom:1px;width:65%;height:8px;background:#c8ad673d;border-radius:50%;z-index:-1}.history-callout .gus-peek{right:8px;top:12px;width:100px}.history-callout .gus-peek .gus-art{width:100px;height:120px}.history-callout{padding-right:125px}.history-callout .history-cta{margin-right:-101px}.gus-bottom-stage{position:relative;margin-top:14px}.gus-bottom-stage:after{content:'';position:absolute;bottom:5px;left:25%;width:50%;height:13px;border-radius:50%;background:#c2a85b42;filter:blur(5px);z-index:0}.gus-bottom-stage #resultPal{position:relative;z-index:1}.answer-card #savingTreat{display:grid;grid-template-columns:125px 1fr 36px;align-items:center;text-align:left;gap:12px;padding:16px 18px;border:1px solid #ead787;box-shadow:0 4px 0 #c0a04415}.answer-card #savingTreat .treat-image{width:125px;height:110px;object-fit:contain;grid-column:1;grid-row:1}.answer-card #savingTreatText{grid-column:2;line-height:1.5}.answer-card #savingTreat>.info{grid-column:3;margin:0}.answer-card #savingTreat:has(.treat-image):after{content:'Illustration';font:10px/1.2 sans-serif;color:#706542;grid-column:1;text-align:center;margin-top:-8px}.answer-card #savingTreat:not(:has(.treat-image)){display:block;text-align:center}
#fuelNews{display:flex!important;justify-content:flex-end;margin:0 0 16px;z-index:20}#newsToggle{min-height:44px;background:#fffdf1;border:1px solid #b8c5af;border-radius:24px;box-shadow:0 2px 0 #102c400c}#newsMenu{width:min(380px,calc(100vw - 36px));box-shadow:0 14px 40px #102c4026;padding:16px;border-radius:18px}.news-empty{font-size:15px;padding:8px;line-height:1.5}.news-item{border-radius:12px}.showing-result .location{padding-bottom:12px;margin-bottom:14px}.showing-result .signup-nudge{margin:8px 0}.showing-result .reassurance{margin:12px auto}.showing-result .history-callout{margin-top:22px}
@media(max-width:550px){.answer-card #savingTreat{grid-template-columns:88px 1fr 32px;gap:8px;padding:13px 12px}.answer-card #savingTreat .treat-image{width:88px;height:90px}.answer-card #savingTreatText{font-size:15px}.history-callout{padding-right:106px}.history-callout .history-cta{margin-right:-82px}.history-callout .gus-peek{width:80px;right:8px}.history-callout .gus-peek .gus-art{width:80px;height:100px}}
.local-preview-controls{margin-top:28px!important}.gus-guided .setup-pal{pointer-events:none}.history-callout .history-cta{clear:both}.answer-card .gus-answer-bubble{box-shadow:0 5px 0 #102c4006}

/* No forecast is a useful status, not a failed answer. */
.answer-card.unknown .gus-answer-bubble{border-color:#1768a2}.answer-card.unknown #answer{font-size:clamp(28px,7vw,40px)!important;line-height:1.12}.answer-card.unknown #publishedPrice{display:block!important;border-top:1px solid #c9d7d5;margin:20px 0 0;padding:18px 0 0;color:#102c40}.answer-card.unknown #publishedPrice[hidden]{display:none!important}.answer-card.unknown #publishedAmount{font-size:35px;font-weight:800;margin:4px 0;letter-spacing:-1px}.answer-card.unknown #publishedChange{display:block!important;font-size:16px;font-weight:650;margin:8px 0}.answer-card.unknown #publishedSource{display:inline-block;margin-top:10px}.answer-card.unknown #unknownMessage{order:3;max-width:460px;font-size:15px;line-height:1.55;margin:16px auto 8px;color:#3f5d6b}.answer-card.unknown #forecastInfo{order:4;margin:0 auto}.answer-card.unknown .gus-bottom-stage #resultPal{width:260px!important}.answer-card.unknown .gus-bottom-stage #resultPal .gus-art{max-height:190px}
/* Anchor the speech tail to the centred mascot instead of the card's right edge. */
.answer-card{--bubble-outline:#087342}.answer-card.pass{--bubble-outline:#b02b36}.answer-card.unknown,.answer-card.same{--bubble-outline:#1768a2}
.gus-answer-bubble:after{content:'';position:absolute;left:calc(50% + 14px);right:auto;top:auto;bottom:-33px;width:44px;height:36px;background:var(--bubble-outline);border:0;transform:none;clip-path:polygon(0 0,100% 0,0 100%);z-index:2}
.gus-answer-bubble:before{content:'';position:absolute;left:calc(50% + 17px);right:auto;top:auto;bottom:-26px;width:36px;height:30px;background:#fffdf1;border:0;transform:none;clip-path:polygon(0 0,100% 0,0 100%);z-index:3}
