.preparedness-card{margin:28px 0 8px;padding:24px;border:1px solid rgba(7,26,51,.1);border-radius:26px;background:linear-gradient(145deg,#fff 0%,#fffdfa 60%,#fff5ec 100%);box-shadow:0 18px 45px rgba(7,26,51,.09);overflow:hidden;position:relative}.preparedness-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#f26522,#ff9b63 60%,transparent)}.preparedness-card header{display:flex;justify-content:space-between;align-items:center;gap:18px}.preparedness-card header p{margin:0 0 4px;color:#ef6428;font-size:11px;font-weight:900;letter-spacing:.16em}.preparedness-card header h2{margin:0;color:#071a33;font-size:30px;line-height:1.1;letter-spacing:-.04em}.preparedness-card header span{display:block;margin-top:8px;color:#69798d;font-size:13px;line-height:1.5}.preparedness-ring,.supplies-summary-ring{--supply-progress:0deg;width:76px;aspect-ratio:1;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#f26522 var(--supply-progress),#edf0f3 0);position:relative}.preparedness-ring:after,.supplies-summary-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.preparedness-ring b{position:relative;z-index:1;color:#071a33;font-size:18px}.preparedness-progress{margin:20px 0 18px}.preparedness-progress>span{display:block;color:#66778b;font-size:13px}.preparedness-progress>span b{color:#071a33;font-size:16px}.preparedness-progress>i{display:block;height:7px;margin-top:9px;border-radius:99px;background:#e9edf1;overflow:hidden}.preparedness-progress>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef5c1e,#ff9c62);transition:width .25s ease}.preparedness-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.preparedness-categories article{min-width:0;padding:14px 8px 12px;border:1px solid #e9e3db;border-radius:18px;background:rgba(255,255,255,.82);text-align:center}.preparedness-categories article>span{width:38px;height:38px;margin:0 auto 9px;border-radius:13px;display:grid;place-items:center;background:#fff0e7;color:#ef6428}.preparedness-categories .premium-icon{width:21px;height:21px}.preparedness-categories article b{display:block;min-height:32px;color:#14263d;font-size:12px;line-height:1.3}.preparedness-categories article small{display:block;margin-top:4px;color:#738296;font-size:12px}.preparedness-card>button{width:100%;margin-top:18px;padding:16px 20px;border:0;border-radius:16px;background:linear-gradient(135deg,#f36a2b,#ef541b);box-shadow:0 10px 22px rgba(242,101,34,.23);color:#fff;font-size:16px;font-weight:900}.preparedness-card>button span{margin-left:6px}
.supplies-page{padding:25px 0 12px}.supplies-back{margin:0 0 22px;padding:8px 0;border:0;background:none;color:#ef6428;font-size:14px;font-weight:900}.supplies-page>h1{margin:4px 0 8px;color:#071a33;font-size:42px;letter-spacing:-.05em}.supplies-page>.intro{margin-bottom:24px}.supplies-summary{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;padding:24px;border-radius:24px;background:linear-gradient(145deg,#071a33,#0c3760);box-shadow:0 16px 34px rgba(7,26,51,.18);color:#fff}.supplies-summary>div:first-child{display:grid;gap:4px}.supplies-summary span{color:#aabdd1;font-size:11px;font-weight:900;letter-spacing:.14em}.supplies-summary b{font-size:38px;line-height:1}.supplies-summary small{color:#d2dce6;font-size:13px}.supplies-summary-ring{width:72px;background:conic-gradient(#f26522 var(--supply-progress),rgba(255,255,255,.18) 0)}.supplies-summary-ring:after{background:#0a2948}.supplies-summary-ring .premium-icon{position:relative;z-index:1;width:27px;height:27px;color:#fff}.supplies-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.supplies-tabs button{min-width:0;padding:13px 6px 11px;border:1px solid #dde2e8;border-radius:17px;background:#fff;color:#647588}.supplies-tabs button.active{border-color:#f26522;background:#fff5ee;color:#e95d21;box-shadow:0 8px 18px rgba(242,101,34,.1)}.supplies-tabs .premium-icon{width:21px;height:21px;margin:auto}.supplies-tabs b,.supplies-tabs small{display:block}.supplies-tabs b{margin-top:5px;font-size:11px;line-height:1.25}.supplies-tabs small{margin-top:3px;font-size:11px}.supplies-checklist{border:1px solid #e0e4e8;border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(7,26,51,.07);overflow:hidden}.supplies-checklist>header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e8ebee}.supplies-checklist>header>div{display:flex;align-items:center;gap:12px}.supplies-checklist>header>div>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#fff0e7;color:#ef6428}.supplies-checklist>header .premium-icon{width:23px;height:23px}.supplies-checklist h2{margin:0;color:#071a33;font-size:20px}.supplies-checklist header p{margin:3px 0 0;color:#718195;font-size:12px}.supplies-checklist>header>b{color:#ef6428}.supplies-checklist>div>button{width:100%;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:15px 20px;border:0;border-bottom:1px solid #eef0f2;background:#fff;text-align:left;color:#15273e}.supplies-checklist>div>button:last-child{border-bottom:0}.supplies-checklist>div>button>span{width:27px;height:27px;border:2px solid #cbd3dc;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:900}.supplies-checklist>div>button>b{font-size:14px}.supplies-checklist>div>button>small{color:#8b98a6;font-size:11px}.supplies-checklist>div>button.checked{background:#fbfefc}.supplies-checklist>div>button.checked>span{border-color:#36a86e;background:#36a86e}.supplies-checklist>div>button.checked>small{color:#248a58;font-weight:800}.supplies-local-note{margin:14px 0 0;text-align:center;color:#8593a2;font-size:11px}
@media(max-width:420px){.preparedness-card{padding:20px 16px}.preparedness-card header h2{font-size:27px}.preparedness-ring{width:68px}.preparedness-categories{gap:7px}.preparedness-categories article{padding-inline:5px}.preparedness-categories article b{font-size:11px}.supplies-page>h1{font-size:36px}.supplies-summary{padding:20px}.supplies-tabs{gap:6px}.supplies-checklist>div>button{padding-inline:16px}}
