@import url('slices.css');
:root{--ink:#103e33;--green:#124b3e;--gold:#967015;--cream:#faf8f4;--line:#e7e3da;--text:#505651}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:var(--green);text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b18b2c;outline-offset:4px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:700;color:var(--ink);line-height:1.13;margin:0}p{margin:0}h1{font-size:clamp(36px,5.2vw,65px);letter-spacing:-1.6px}h2{font-size:clamp(29px,3.7vw,43px);letter-spacing:-.6px}h3{font-size:25px}.wrap{max-width:1200px;padding:0 30px;margin:auto}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:absolute;left:12px;top:10px;background:white;padding:12px;z-index:100}.header{background:#fff;border-bottom:1px solid #eeebe5}.header-inner{height:81px;display:flex;align-items:center;justify-content:space-between;gap:35px}.logo{font:bold 34px/1 Georgia,serif;letter-spacing:-.7px;display:flex;align-items:center;gap:10px;white-space:nowrap;color:var(--ink)}.logo b{color:#b18a29;font-weight:700}.logo-icon{height:37px;width:37px;color:var(--green)}.header nav{display:flex;gap:29px;align-items:center;font-size:14px;white-space:nowrap}.header nav a:hover{text-decoration:underline;text-underline-offset:5px}.search-icon{padding:4px;border:0;color:var(--ink);background:none;cursor:pointer;display:grid;place-items:center}.hero{background:linear-gradient(90deg,#f9f7f2,#f3f0e9);overflow:hidden}.hero-inner{position:relative;display:flex;align-items:center;isolation:isolate;min-height:305px}.hero-copy{position:relative;z-index:2;width:66%;padding:38px 0;pointer-events:none}.hero-copy p{font-size:19px;line-height:1.5;max-width:640px;margin-top:18px}.hero-art{position:absolute;right:-30px;top:0;bottom:0;width:48%;z-index:0;overflow:hidden}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8f6f1 0,rgba(248,246,241,.08) 33%,transparent 55%)}.slice{display:block;background-repeat:no-repeat;background-color:var(--cream);width:100%}.hero-art>.slice{height:100%;width:100%;aspect-ratio:auto}.home-hero .hero-inner{min-height:320px}.home-hero .hero-copy{padding:40px 0 35px;width:72%}.home-hero .hero-copy p{font-size:23px;margin-top:15px}.trust{display:flex;gap:27px;margin-top:29px;font-size:13px;color:var(--ink)}.home-hero .hero-art{width:44%}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-topics{padding:24px 0 35px}.home-tile{display:block;border:1px solid #ece9e3;border-radius:14px;background:#fff;padding:12px 13px 19px;box-shadow:0 4px 14px #123e3305;transition:transform .18s,box-shadow .18s;min-width:0}.home-tile:hover,.category-tile:hover{transform:translateY(-3px);box-shadow:0 8px 22px #123e3312}.home-art{padding:0 6px}.home-tile-label{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 4px 0}.home-tile h3{font-size:25px;letter-spacing:-.4px}.arrow{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;background:#e6efde;border-radius:50%;font:24px/1 Arial;color:var(--ink)}.popular{padding:29px 0 34px}.home-popular{background:#f5f2eb;padding:33px 0 38px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}.section-title p{margin-top:10px;color:#62685f}.outline-button{border:1px solid #b28b2b;color:#765610;border-radius:5px;padding:10px 17px;font-size:13px;white-space:nowrap}.text-link{font-size:13px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.article{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;min-width:0}.article-photo{width:100%;overflow:hidden}.article-photo .slice{aspect-ratio:2/1}.article-copy{padding:17px 17px 20px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.article h3{font-size:23px;line-height:1.16;letter-spacing:-.25px}.article p{font-size:14px;line-height:1.5;margin-top:12px}.tag{font-size:10px;text-transform:uppercase;background:#e3efdc;color:var(--green);padding:3px 8px;border-radius:4px;margin-bottom:12px}.read{font-size:13px;color:var(--gold);padding-top:18px;margin-top:auto}.article:hover .read{text-decoration:underline}.home-popular .read{display:none}.about{padding:30px 0}.about h2{font-size:25px;margin-bottom:10px}.about p{font-size:14px;max-width:850px}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:13px;padding-top:18px}.breadcrumb span{color:#69746c}.topic-hero .hero-inner{min-height:248px}.topic-hero .hero-copy{padding:25px 0 35px;width:67%}.topic-hero h1{font-size:clamp(37px,5.3vw,62px)}.topic-hero .hero-copy p{font-size:17px;line-height:1.52;max-width:625px}.topic-hero .hero-art{top:-38px;bottom:0;right:-30px;width:49%}.category-topics{padding:23px 0 25px}.category-topics h2{font-size:30px;margin-bottom:19px}.category-tile{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:transform .18s,box-shadow .18s;min-width:0}.category-photo{width:100%;overflow:hidden}.category-photo .slice{aspect-ratio:2.1/1}.category-copy{padding:15px 17px 18px;flex:1}.category-label{display:flex;align-items:center;justify-content:space-between;gap:9px}.category-label h3{font-size:24px}.category-copy p{font-size:14px;line-height:1.45;margin-top:9px;max-width:270px}.category-label .arrow{background:#f7efd6;color:#6e5215}.feature{display:grid;grid-template-columns:1.2fr .9fr .75fr;gap:18px;align-items:center;border:1px solid #d9dfc9;background:linear-gradient(95deg,#f0f5e8,#f6f7ef);border-radius:12px;overflow:hidden}.feature-copy{padding:25px 0 25px 24px}.eyebrow{color:var(--gold);text-transform:uppercase;font-size:12px;font-weight:bold;letter-spacing:1px;margin-bottom:11px}.feature-copy h2{font-size:31px;letter-spacing:-.3px}.feature-copy>p:not(.eyebrow){font-size:15px;line-height:1.5;margin-top:14px}.feature-photo .slice{aspect-ratio:1.15/1}.feature-action{padding:20px 21px 20px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:12px 21px;border:1px solid var(--green);background:var(--green);border-radius:5px;color:#fff;font-size:14px;line-height:1.4;font-weight:bold;cursor:pointer;min-height:45px}.button:hover{background:#0b332a}.button.gold{background:#9b7317;border-color:#9b7317}.button.gold:hover{background:#78560d}.feature-action ul{font-size:12px;list-style:none;padding:0;margin:15px 0 0}.feature-action li{margin:5px 0}.feature-action li:before{content:'✓';font-weight:bold;color:var(--green);margin-right:7px}.feature-reverse{grid-template-columns:.9fr 1.35fr .8fr}.feature-reverse .feature-photo{grid-column:1;grid-row:1;padding:20px 0 20px 20px}.feature-reverse .feature-copy{grid-column:2;grid-row:1;padding:24px 0}.feature-reverse .feature-photo .slice{border-radius:5px;aspect-ratio:1.25/1}.feature-reverse .feature-copy h2{font-size:29px}.offer-disclosure{font-size:11px;margin-top:12px}.sheet-photo{position:relative;display:block;width:100%;aspect-ratio:2.1/1;overflow:hidden}.sheet-photo:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;aspect-ratio:1;background-size:300% 300%;background-position:var(--cx) var(--cy);background-image:var(--sheet);background-repeat:no-repeat}.cell-0,.cell-3,.cell-6{--cx:0%}.cell-1,.cell-4,.cell-7{--cx:50%}.cell-2,.cell-5,.cell-8{--cx:100%}.cell-0,.cell-1,.cell-2{--cy:0%}.cell-3,.cell-4,.cell-5{--cy:50%}.cell-6,.cell-7,.cell-8{--cy:100%}.food-extra{--sheet:url('food-extra.png')}.hero-art .sheet-photo{height:100%;aspect-ratio:auto}.hero-art .sheet-photo:before{width:100%;min-height:100%}.feature-photo .sheet-photo{aspect-ratio:1.15/1}.back-to-topics{padding:0 0 30px;font-size:14px}.footer{border-top:1px solid var(--line);background:white;padding:27px 0 20px}.footer-inner{display:flex;justify-content:space-between;gap:35px;align-items:flex-start}.footer-brand{font:bold 23px Georgia;color:var(--green)}.footer p{font-size:13px;margin-top:7px}.footer nav{font-size:12px;display:flex;justify-content:flex-end;gap:13px 20px;flex-wrap:wrap;max-width:440px}.copyright{font-size:11px;color:#777f76;margin-top:22px}.footer a:hover{text-decoration:underline}dialog{border:1px solid #d9dfce;border-radius:14px;background:#fffefb;max-width:650px;width:calc(100% - 36px);padding:32px;color:var(--text);box-shadow:0 20px 90px #0003}dialog::backdrop{background:#10362c88}dialog h2{font-size:30px;margin-bottom:16px;padding-right:20px}dialog p{margin:10px 0 20px;font-size:15px}.dialog-close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:29px;color:var(--green);cursor:pointer;min-width:40px;min-height:40px}dialog input{width:100%;padding:10px 12px;border:1px solid #bec9be;border-radius:6px;background:white;color:var(--ink)}dialog label{font-size:13px;display:block;margin:12px 0 5px}#library-results{max-height:50vh;overflow:auto;margin-top:16px}.library-item{display:block;padding:13px 3px;border-top:1px solid #e6e7df;font-size:15px}.library-item span{font-size:11px;color:#717c70;display:block;margin-top:3px}#tool-fields{display:grid;grid-template-columns:1fr 1fr;gap:3px 15px}#tool-form>.button{margin-top:20px}#tool-result{display:block;margin-top:22px;background:#eff3e6;border-radius:8px;padding:15px;font-size:15px}#tool-result:empty{display:none}[hidden]{display:none!important}
@media(min-width:1350px){.home-hero .hero-inner{min-height:350px}.home-grid{gap:22px}.home-tile{padding-bottom:22px}}
@media(max-width:950px){.logo{font-size:29px}.logo-icon{width:30px}.header nav{gap:18px;font-size:13px}.home-tile h3{font-size:21px}.category-label h3{font-size:21px}.feature-copy h2{font-size:28px}.feature{grid-template-columns:1.2fr 1fr}.feature-action{grid-column:1/-1;padding:0 24px 22px;display:flex;align-items:center;gap:20px}.feature-action ul{margin:0}.feature-reverse{grid-template-columns:1fr 1.35fr}.trust{gap:15px;font-size:12px}.hero-copy p{font-size:17px}}
@media(max-width:680px){.wrap{padding:0 20px}.header-inner{height:auto;min-height:104px;flex-direction:column;justify-content:center;gap:16px;padding-top:16px;padding-bottom:15px}.logo{font-size:29px}.logo-icon{height:31px;width:31px}.header nav{gap:22px;font-size:13px}.hero-inner,.topic-hero .hero-inner{min-height:0}.hero-copy,.home-hero .hero-copy,.topic-hero .hero-copy{width:100%;padding:29px 0 31px}.hero-copy h1,.topic-hero h1{font-size:38px;letter-spacing:-1px;line-height:1.13}.hero-copy p,.home-hero .hero-copy p,.topic-hero .hero-copy p{font-size:17px;line-height:1.5;margin-top:17px}.hero-art,.home-hero .hero-art,.topic-hero .hero-art{width:100%;right:-80px;opacity:.26;top:0}.hero-art:after{background:linear-gradient(90deg,#faf8f4 4%,rgba(250,248,244,.25))}.hero-copy{pointer-events:auto}.desktop-break{display:none}.trust{gap:10px 15px;flex-wrap:wrap;font-size:11px;margin-top:22px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.home-tile{padding:9px 7px 15px}.home-art{padding:0}.home-tile-label{padding:11px 4px 0;gap:5px}.home-tile h3{font-size:20px;letter-spacing:-.3px}.arrow{flex-basis:24px;width:24px;height:24px;font-size:20px}.home-topics{padding:21px 0 27px}.home-popular{padding:27px 0}.section-title{display:block;margin-bottom:19px}.section-title .outline-button,.section-title .text-link{display:inline-block;margin-top:17px}.article-grid{grid-template-columns:1fr}.article h3{font-size:24px}.article-copy{padding:19px}.article p{font-size:15px}.category-copy{padding:13px}.category-label h3{font-size:20px}.category-copy p{font-size:13px}.category-label{gap:5px}.category-photo .slice{aspect-ratio:1.45/1}.category-photo .sheet-photo{aspect-ratio:1.45/1}.category-topics h2{font-size:27px}.topic-hero .hero-art{top:-40px}.breadcrumb{font-size:12px;padding-top:16px;position:relative;z-index:3}.category-topics{padding:21px 0 24px}.feature,.feature-reverse{display:flex;flex-direction:column;gap:0;align-items:stretch}.feature-copy,.feature-reverse .feature-copy{padding:23px}.feature-photo,.feature-reverse .feature-photo{order:-1;padding:0}.feature-photo .slice,.feature-reverse .feature-photo .slice{aspect-ratio:2/1;border-radius:0}.feature-photo .sheet-photo{aspect-ratio:2/1}.feature-action{padding:0 23px 23px;display:block}.feature-action ul{margin-top:14px}.feature-copy h2,.feature-reverse .feature-copy h2{font-size:29px}.popular{padding:28px 0}.footer-inner{display:block}.footer nav{margin-top:20px;justify-content:flex-start}.about{padding:25px 0}.about h2{font-size:25px}#tool-fields{grid-template-columns:1fr}dialog{padding:25px}dialog h2{font-size:27px}}
@media(max-width:350px){.grid{grid-template-columns:1fr}.home-art{padding:0 40px}.header nav{gap:15px}.logo{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-tile,.category-tile{transition:none}.home-tile:hover,.category-tile:hover{transform:none}}

.sheet-shopping-cashback{--sheet:url("shopping-cashback.png")}

.sheet-bills-utilities{--sheet:url("bills-utilities.png")}

.sheet-student-savings{--sheet:url("student-savings.png")}

.sheet-food-delivery-dining{--sheet:url("food-delivery-dining.png")}

.sheet-is-it-worth-it{--sheet:url("is-it-worth-it.png")}

.sheet-make-extra-money{--sheet:url("make-extra-money.png")}

.sheet-savings-tools{--sheet:url("savings-tools.png")}
/* Banners: 2/3 text, 1/3 image */
.hero .hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

.hero .hero-copy {
  width: 100%;
  min-width: 0;
  padding-right: 32px;
}

.hero .hero-art {
  position: relative;
  inset: auto;
  width: 100%;
  height: 100%;
  min-height: 240px;
  align-self: stretch;
  opacity: 1;
}

.hero .hero-art::after {
  background: linear-gradient(
    90deg, #f8f6f1, transparent 22%
  );
}

/* Phones: image below the text */
@media (max-width: 680px) {
  .hero .hero-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero .hero-copy {
    padding-right: 0;
  }

  .hero .hero-art {
    height: 170px;
    min-height: 0;
  }

  .hero .hero-art::after {
    background: linear-gradient(
      180deg, #f8f6f1, transparent 25%
    );
  }
}
/* Keep the homepage banner heading on two lines */
@media (min-width: 1000px) {
  .home-hero .hero-copy h1 {
    font-size: 54px;
    letter-spacing: -1.5px;
    line-height: 1.12;
  }
}