/* ThriftTrekker "Find my savings" calls to action: articles (inline strip +
   end box), Field Notes index and category archives (band). */
.tt-qc{font-family:Karla,system-ui,sans-serif;color:var(--tt-esp)}
.tt-qc p{margin:0!important}
.tt-qc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:10px;background:var(--tt-esp);color:var(--tt-mint)!important;font-weight:700;text-decoration:none!important;box-shadow:0 4px 0 var(--tt-green);white-space:nowrap;transition:transform .15s ease}
.tt-qc-btn:hover{transform:translateY(-2px)}

/* inline strip: a trail-marker pin, one line, button */
.tt-qc-inline{display:flex;align-items:center;gap:16px;margin:30px 0 34px;padding:16px 18px;border-radius:14px;background:var(--tt-mint-l);border:2px dotted var(--tt-green)}
.tt-qc-pin{flex:0 0 auto;width:34px;height:34px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--tt-gold);box-shadow:inset 0 0 0 9px var(--tt-gold),inset 0 0 0 30px var(--tt-esp)}
.tt-qc-t{flex:1;font-weight:700;font-size:1.02rem;line-height:1.4}
.tt-qc-inline .tt-qc-btn{min-height:42px}

/* end box + band: espresso card, mint kicker, gold rule */
.tt-qc-end,.tt-qc-band{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px 30px;border-radius:18px;background:var(--tt-esp);color:#F3EADB;border-top:6px solid var(--tt-gold)}
.tt-qc-end{margin:38px 0 30px}
.tt-qc-copy{flex:1 1 320px}
.tt-qc-kick{font:700 .74rem/1 Karla,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--tt-mint)}
.tt-qc-h{font:750 1.5rem/1.2 Fraunces,Georgia,serif;color:#fff;margin-top:8px!important;font-variation-settings:'SOFT' 100,'WONK' 1}
.tt-qc-b{margin-top:8px!important;color:#E8DCC8;line-height:1.55}
.tt-qc-act{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.tt-qc-end .tt-qc-btn,.tt-qc-band .tt-qc-btn{background:var(--tt-mint);color:var(--tt-esp)!important;box-shadow:0 4px 0 #5DBA9A}
.tt-qc-fine{font-size:.85rem;color:#CBBFAE}
.tt-qc-wrap{max-width:1200px;margin:28px auto 6px;padding:0 15px}
.archive-box+.tt-qc-band,.tt-qc-band{margin:18px 0 26px}
@media(max-width:600px){
  .tt-qc-inline{flex-wrap:wrap}.tt-qc-inline .tt-qc-btn{width:100%}
  .tt-qc-end,.tt-qc-band{padding:24px 20px}.tt-qc-act,.tt-qc-act .tt-qc-btn{width:100%}
}