.demobar{background:var(--gold);color:var(--navy-deep);text-align:center;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px}
.wrap.narrow{max-width:640px}
.wrap.narrow>.card{margin-bottom:16px}
.lead{margin:6px 0 18px}
.wide{width:100%;padding:12px 16px;font-size:15px}
.center{text-align:center}.top{margin-top:16px}
.alert{border-radius:var(--r);padding:10px 14px;font-size:14px;margin-bottom:14px}
.alert.bad{background:var(--bad-bg);color:var(--bad)}
.alert.info{background:var(--info-bg);color:var(--navy)}
.otp{font-size:26px!important;letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums}
.hello{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:4px 0 16px}
.hello h1{font-size:26px}
.sum3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.sum3 .c{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.sum3 .l{font-size:12px;color:var(--muted)}
.sum3 .v{font-size:20px;font-weight:700;color:var(--navy);margin-top:2px}
.sum3 .v.sm{font-size:15px}
.sum3 .c.bad{border-color:#f0c4be;background:var(--bad-bg)}.sum3 .c.bad .v{color:var(--bad)}
.sum3 .c.ok .v{color:var(--ok)}
.note{margin-bottom:16px}
.req{display:grid;gap:12px}
.req .row{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center;font-size:14px}
.req .row>span:first-child{color:var(--muted);font-size:13px}
.req .copy{justify-content:space-between;min-width:0}
.req .copy b{overflow-wrap:anywhere;font-weight:600}
.kid{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.kid:last-child{border-bottom:0}.kid .n{font-weight:600}.kid .g{font-size:13px;color:var(--muted);text-align:right}
.month{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.month:last-child{border-bottom:0}.month .m{font-weight:600}
.bd.flush{padding:0}.pad{padding:20px}
.pays td{font-size:14px}.pays .pp{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.famsw{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.famsw a{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);text-decoration:none;font-size:13px;font-weight:600}
.famsw a.on{background:var(--navy);color:#fff;border-color:var(--navy)}
@media (max-width:640px){.sum3{grid-template-columns:1fr 1fr}.sum3 .c:last-child{grid-column:1/-1}.hello h1{font-size:22px}.req .row{grid-template-columns:1fr;gap:4px}.pays .pp{max-width:150px}}