/* Show the benefit first; keep conditions behind one disclosure. */
#savings .savings-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;min-height:430px;align-items:center}
#savings .savings-orbit{max-width:410px;width:100%;padding:0;margin:auto}
#savings .savings-wheel{width:100%;max-width:410px}
#savings .orbit-guide,#savings .sector-index,#savings .sector-plus,#savings .center-kicker,#savings .orbit-center circle{display:none}
#savings .sector-title{font-size:26px;letter-spacing:0}
#savings .center-title{font-size:44px;letter-spacing:0;fill:#aaa}
#savings .savings-popover{display:block;max-height:none;overflow:visible;animation:none;background:transparent;border:0;border-radius:0;box-shadow:none;align-self:center;min-height:300px}
#savings .savings-popover::before{display:none}
#savings .savings-ring-panel{padding:0}
#savings .savings-ring-panel>h3{font:500 32px/1.15 var(--body);letter-spacing:-.035em;margin:0 0 16px;max-width:none}
#savings .saving-detail{border:0;padding:0;font-size:15px;line-height:1.5;color:#aaa}
#savings .saving-detail p+p{margin-top:10px}
#savings .saving-detail .action{margin-top:20px;width:auto;min-width:180px;font-size:14px;padding:12px 17px}
#savings .saving-status{display:block;font-size:12px;line-height:1.5;color:#888;margin-top:15px}
#savings .preview-label{display:inline-flex;border:1px solid #555;border-radius:20px;padding:4px 10px;font-size:12px;line-height:1.3;color:#bbb;margin-bottom:15px}
#savings .gift-tiers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
#savings .gift-tier{border:1px solid #393939;background:#151515;padding:15px;display:flex;flex-direction:column;gap:5px;border-radius:4px}
#savings .gift-tier strong{font:600 31px/1.1 var(--body);letter-spacing:-.035em;color:#fff}
#savings .gift-tier span{font-size:14px;color:#ccc}
#savings .savings-conditions{margin-top:18px;border-top:1px solid #333;padding-top:12px;font-size:13px;color:#999;line-height:1.6}
#savings .savings-conditions summary{cursor:pointer;color:#ccc;list-style:none;min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:10px}
#savings .savings-conditions summary::-webkit-details-marker{display:none}
#savings .savings-conditions summary::after{content:'+';font-size:20px;color:#888}
#savings .savings-conditions[open] summary::after{content:'−'}
#savings .savings-conditions>div{padding:8px 0 0}
#savings .savings-conditions p{font-size:13px;line-height:1.6}
#savings .reward-route{padding:14px 0 17px;border-bottom:1px solid #333}
#savings .reward-route:first-child{padding-top:0}
#savings .reward-route:last-of-type{border-bottom:0;padding-bottom:0}
#savings .route-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:6px}
#savings .route-heading h4{font:500 21px/1.2 var(--body);color:#fff;margin:0}
#savings .route-heading span{font-size:12px;white-space:nowrap;color:#888}
#savings .reward-route p{font-size:14px;line-height:1.5}
#savings .reward-route .inline-action{padding:8px 0 0;min-height:36px;font-size:13px;color:#eee;margin-top:3px}
#savings .route-pending{font-size:12px;color:#888;display:block;margin-top:9px}
@media(max-width:1000px) and (min-width:701px){
 #savings .savings-stage{gap:30px;min-height:360px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
 #savings .savings-popover{grid-area:1/2;width:100%;margin:0;min-height:280px}
 #savings .savings-ring-panel>h3{font-size:27px}
 #savings .gift-tier{padding:12px}
 #savings .route-heading{flex-wrap:wrap;gap:4px}
}
@media(max-width:700px){
 #savings .savings-stage{display:flex;flex-direction:column;gap:22px;min-height:0}
 #savings .savings-orbit{max-width:290px;padding:0}
 #savings .savings-wheel{max-width:290px}
 #savings .sector-title{font-size:28px}
 #savings .center-title{font-size:46px}
 #savings .savings-popover{width:100%;max-height:none;margin:0;min-height:0}
 #savings .savings-ring-panel{padding:20px;border:1px solid #393939;border-radius:5px;background:#131313}
 #savings .savings-ring-panel>h3{font-size:27px;margin-bottom:13px}
 #savings .saving-detail{font-size:14px}
 #savings .saving-detail .action{margin-top:17px;min-width:0;width:100%;justify-content:space-between}
 #savings .gift-tier strong{font-size:28px}
 #savings .gift-tier{padding:13px 10px;gap:7px}
 #savings .gift-tier span{font-size:13px}
 #savings .route-heading h4{font-size:20px}
 #savings .route-heading span{font-size:11px}
}

#savings .center-symbol{fill:#666;font:300 84px var(--body);pointer-events:none}
