/* Scoped layout; other public pages keep their existing spacing and design. */
.how-it-works .how-hero{padding:38px 0 24px;min-height:0}
.how-it-works .how-hero p{max-width:760px;margin:14px 0 0;text-align:left}
.how-it-works .section{padding:28px 0;min-height:0}
.how-it-works .how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1100px;margin:0 auto;align-items:stretch}
.how-it-works .how-step{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:17px;padding:26px 24px 24px;border:1px solid #dce5ed;border-top:4px solid #d5a650;border-radius:18px;background:linear-gradient(145deg,#fff 55%,#f0f5f9);box-shadow:0 9px 26px #0c29450b;text-align:left;min-width:0}
.how-it-works .how-step>span{display:grid;place-items:center;flex:none;align-self:center;margin:0 auto;width:52px;height:52px;border-radius:15px;background:#0c2945;color:#fff;font-size:25px;font-weight:800;box-shadow:5px 5px 0 #ead7b2;line-height:1}
.how-it-works .how-step>div{width:100%;min-width:0}
.how-it-works .how-step h2{text-align:center;text-wrap:balance;font-size:23px;line-height:1.2;margin:0 0 10px;color:#0c2945}
.how-it-works .how-step p{font-size:16px;line-height:1.6;margin:0;color:#44576a}
.how-it-works .how-step a{overflow-wrap:anywhere}
.how-it-works .payday-section{padding:28px 0;background:#f1f5f8}
.how-it-works .payday-section h2{margin:8px 0 12px}
.how-it-works .payday-section p{margin:0;line-height:1.65}
.how-it-works .section-head{margin-bottom:20px}
.how-it-works details.content-card{padding:20px 24px;border-radius:14px;border:1px solid #dce5ed;box-shadow:none}
.how-it-works details summary{cursor:pointer;color:#0c2945;line-height:1.5}
.how-it-works details[open]{border-color:#bd9347}
.how-it-works details p{margin-bottom:0;line-height:1.65}
.how-it-works .stack{gap:12px}
@media(max-width:760px){.how-it-works .how-steps{grid-template-columns:1fr;gap:16px}.how-it-works .how-step{flex-direction:column;padding:21px 19px;gap:17px}.how-it-works .how-step>div{width:100%;min-width:0}
.how-it-works .how-step h2{text-align:center;text-wrap:balance;font-size:21px}.how-it-works .how-hero{padding:28px 0 16px}.how-it-works .section{padding:20px 0}}
@media(prefers-reduced-motion:reduce){.how-it-works *{scroll-behavior:auto}}