/* Gratitude copy and story prompts, using the existing campaign theme. */
.gratitude-quotes{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:12px;padding-bottom:52px}
.gratitude-quotes blockquote{margin:0;padding:24px 28px;border-inline-start:1px solid var(--line);font:var(--heading-weight) clamp(19px,2vw,25px)/1.8 var(--heading-font);background:transparent;border-radius:0}
[dir=rtl] .gratitude-quotes blockquote{border-radius:18px 0 0 18px}
.gratitude-quotes p{margin:0}.gratitude-quotes q::before,.gratitude-quotes q::after{color:var(--ink)}
.gratitude-why{padding-top:70px;padding-bottom:72px}
.gratitude-why .why-head{max-width:810px;margin-bottom:34px}
.gratitude-why h2{margin-bottom:18px}.gratitude-why .why-intro{color:var(--muted);max-width:760px}
.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.why-card{padding:26px 22px;background:var(--white);border:1px solid var(--line);border-radius:22px}
.why-card .why-number{display:block;margin-bottom:22px;color:var(--muted);font:600 14px/1 var(--body-font)}
.why-card h3{font:var(--heading-weight) 21px/1.65 var(--heading-font);margin:0 0 14px}
.why-card p{font-size:14px;line-height:1.9;margin:0;color:var(--muted)}
.why-closing{margin:30px 0 0;font-size:15px;font-weight:600;text-align:center}
.why-research{margin:12px 0 0;text-align:center;font-size:12px;color:var(--muted)}
.ripple-opening-quote{max-width:760px;margin:24px auto 30px;font:var(--heading-weight) clamp(20px,2.7vw,30px)/1.75 var(--heading-font)}
.ripple-opening-quote p{font:inherit!important;max-width:none!important;margin:0!important}
.ripple-opening-quote q{background:none}
.ripple-category-heading{font-size:14px;font-weight:600;margin:0 0 7px}
.ripple-category-help{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 17px}
.ripple-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:25px}
.ripple-choices button{position:relative;min-height:67px;padding:13px 14px;padding-inline-end:29px;border-radius:14px;border:1px solid var(--line);text-align:start;font-size:12px;line-height:1.65;color:var(--ink);background:var(--white);white-space:normal}
.ripple-choices button[aria-pressed=true]{background:var(--white);color:var(--ink);border:2px solid var(--ink);padding:12px 13px;padding-inline-end:28px;font-weight:600;box-shadow:none}
.ripple-choices button[aria-pressed=true]::after{content:'✓';position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);font-size:14px}
.ripple-choices button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
@media(max-width:960px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.gratitude-quotes{grid-template-columns:1fr;gap:15px;padding-bottom:35px}.gratitude-quotes blockquote{padding:18px 21px}.gratitude-why{padding-top:46px;padding-bottom:48px}.why-grid{grid-template-columns:1fr;gap:14px}.why-card{padding:22px}.why-card .why-number{margin-bottom:14px}.ripple-opening-quote{margin-top:20px}}
@media(max-width:380px){.ripple-choices{grid-template-columns:1fr}.ripple-choices button{min-height:50px}}
@media print{.why-card{break-inside:avoid}.gratitude-quotes,.why-grid{gap:14px}.why-grid{grid-template-columns:1fr 1fr}}
