/* =====================================================================
   Shoppers Payback Fund — shared stylesheet for the five policy pages.

   Deliberately plain: one column, 760px measure, one accent colour
   (--acc), no decoration. A payment-gateway reviewer reads these pages
   front to back, so legibility is the only requirement.
   ===================================================================== */
:root{
  --ink:#16212b; --dk:#1b2a35; --acc:#0f6a5a; --body:#39454f;
  --mut:#6d7883; --line:#dfe4e9; --wash:#f5f8f8;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overflow-x:hidden}
body{font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--ink);line-height:1.65;font-size:15.5px;background:#fff;overflow-x:hidden;
  -webkit-font-smoothing:antialiased}

/* ---- wordmark bar ---- */
.bar{border-bottom:1px solid var(--line);padding:13px 16px}
.mk{display:flex;align-items:center;gap:9px;max-width:760px;margin:0 auto;
  text-decoration:none;color:inherit}
.mk .m{width:30px;height:30px;border-radius:7px;background:var(--dk);flex:none;
  display:grid;place-items:center}
.mk .m svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}
.mk b{font-size:15.5px;font-weight:700;letter-spacing:-.015em;line-height:1.2}
.mk b span{color:var(--acc)}

main{max-width:760px;margin:0 auto;padding:32px 16px 0}
h1{font-size:clamp(24px,5.4vw,29px);font-weight:900;letter-spacing:-.02em;
  line-height:1.15;margin-bottom:7px}
.upd{color:var(--mut);font-size:13px;margin-bottom:26px}
h2{font-size:17.5px;font-weight:700;margin:28px 0 8px;letter-spacing:-.01em}
p,li{margin-bottom:12px;color:var(--body)}
ul{padding-left:20px}
a{color:var(--acc)}
strong,b{color:var(--ink)}

table{width:100%;border-collapse:collapse;margin:6px 0 16px;font-size:14.5px}
th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);color:var(--body)}
th{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--mut);font-weight:700}
td.p{white-space:nowrap;font-weight:700;color:var(--ink)}
tbody tr:last-child td{border-bottom:0}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

.box{background:var(--wash);border:1px solid var(--line);border-left:3px solid var(--acc);
  border-radius:0 10px 10px 0;padding:17px 19px;margin-bottom:16px}
.box p:last-child{margin-bottom:0}

/* ---- footer (identical on every page in the funnel) ---- */
footer{margin-top:200px;padding:22px 0 46px;border-top:1px solid var(--line);text-align:center}
footer p{font-size:11.5px;color:rgba(96,102,108,.72);line-height:1.75;margin-bottom:12px}
footer a{color:rgba(96,102,108,.85)}
footer strong{color:rgba(80,86,92,.9)}
footer .links{font-size:11.5px;line-height:2.1}
footer .links a{color:#60676d;text-decoration:none;margin:0 7px;white-space:nowrap}
footer .links a:hover{text-decoration:underline}