/* The Your plan page (/plan): briefs/rehaul-mockups/Plan.dc.html. */
body.kp-page{background:#F7FAF9;font-family:var(--kp-font);color:#1F3A40;font-size:13px;line-height:1.45}
.pl-main{max-width:1180px;margin:0 auto;padding:16px 19px 40px}
.pl a{color:#0E3B43}.pl a:hover{color:#CF3F2E}
.pl{display:flex;flex-direction:column;gap:13px}
.pl-load{color:#4B6469;padding:30px 0}
.pl h1{margin:0 0 6px;font-size:27.5px;font-weight:800;color:#0E3B43;letter-spacing:-.5px;line-height:1.15}
.pl-top{display:flex;justify-content:space-between;align-items:flex-end;gap:11px;flex-wrap:wrap}
.pl-goals{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pl-goals > span{font-size:12px;color:#4B6469}
.pl-goal{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid #DCE6E4;border-radius:999px;background:#fff;font:600 12px var(--kp-font);color:#33484D;cursor:pointer}
.pl-goal[aria-pressed="true"]{background:#0E3B43;color:#fff;border-color:#0E3B43}
.pl-acts{display:flex;gap:8px;flex-wrap:wrap}
.pl-btn{height:34px;border-radius:10px;padding:0 13px;font:600 13px var(--kp-font);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;border:0;white-space:nowrap}
.pl-btn.p{background:#CF3F2E;color:#fff!important}
.pl-btn.w{background:#fff;color:#0E3B43!important}
.pl-btn.g{background:#fff;color:#0E3B43!important;border:1px solid #CFDCD9}
.pl-next{background:#0E3B43;color:#fff;border-radius:18px;padding:16px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px;align-items:center}
.pl-next b{font-size:18.5px;display:block}
.pl-next span{color:#D5F5E8;font-size:13px}
.pl-next .kp-eyebrow{color:#BDE8DA}
.pl-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:13px;align-items:start}
.pl-card{background:#fff;border:1px solid #E3ECEA;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.pl-card h2{margin:0;font-size:15.5px;font-weight:700;color:#0E3B43}
.pl-kid{display:flex;align-items:center;gap:10px}
.pl-av{width:40px;height:33px;border-radius:40px;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.pl-kid b{color:#0E3B43;font-size:14px}
.pl-kid span span{display:block;font-size:12.5px;color:#4B6469}
.pl-tl{display:flex;flex-direction:column;margin-left:19px;border-left:2px solid #E3ECEA}
.pl-ti{position:relative;padding:0 0 11px 16px;font-size:12.5px}
.pl-ti:last-child{padding-bottom:0}
.pl-ti:before{content:"";position:absolute;left:-8px;top:2px;width:14px;height:14px;border-radius:14px;background:#fff;border:2px solid #9DB3B0;box-sizing:border-box}
.pl-ti.done:before{background:#0E3B43;border-color:#0E3B43}
.pl-ti.now:before{background:#FF6B5B;border-color:#FF6B5B}
.pl-ti b{color:#0E3B43}
.pl-ti small{display:block;color:#4B6469;font-size:12px}
.pl-sec{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #EEF3F2}
.pl-sec:first-of-type{border-top:0}
.pl-sec .ic{width:40px;height:33px;border-radius:10px;background:#F2FBF7;display:flex;align-items:center;justify-content:center}
.pl-sec b{display:block;font-size:13.5px;color:#0E3B43}
.pl-sec > span > span{font-size:12.5px;color:#4B6469}
.pl-state{font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 9px;white-space:nowrap;background:#E3F4EC;color:#0B6B4E}
.pl-state.n{background:#F2F6F5;color:#0E3B43}
.pl-items{grid-column:2/-1;display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}
.pl-items li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:5px 8px;border-radius:8px;background:#F7FAF9;border:1px solid #EEF3F2;font-size:12.5px}
.pl-items li > span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-items small{display:flex;gap:5px;align-items:center;flex-wrap:wrap;color:#4B6469;font-size:11px;margin-top:2px;white-space:normal}
.pl-rm{border:1px solid #CFDCD9;background:#fff;border-radius:6px;height:26px;padding:0 8px;font:600 11px var(--kp-font);color:#4B6469;cursor:pointer}
.pl-rm:hover{color:#CF3F2E;border-color:#CF3F2E}
.pl-opt{border:1px dashed #CFDCD9;border-radius:12px;padding:10px 11px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#33484D;background:#FBFDFC}
.pl-opt a{font-weight:600;white-space:nowrap}
.pl-muted{font-size:12px;color:#4B6469}
.pl-safe{font-size:12px;font-weight:600;color:#33484D;background:#F2F6F5;border-radius:8px;padding:6px 9px}
.pl-safe.ok{color:#0B6B4E;background:#E9F7F0}
/* signed out */
.pl-guest{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-start}
.pl-guest > div:first-child{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:10px}
.pl-guest h1{font-size:24px}
.pl-guest p{margin:0;font-size:13.5px;color:#33484D;line-height:1.55}
.pl-steps{display:flex;flex-direction:column;gap:8px;font-size:12.5px;margin-top:6px}
.pl-list{background:#fff;border:1px solid #DCE6E4;border-radius:16px;width:380px;max-width:100%;box-shadow:0 14px 34px rgba(14,59,67,.14);overflow:hidden}
.pl-list header{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-bottom:1px solid #EEF3F2}
.pl-list header b{font-size:14.5px;color:#0E3B43;display:block}
.pl-list header span span{font-size:12px;color:#4B6469}
.pl-li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 13px;border-bottom:1px solid #EEF3F2;font-size:12px}
.pl-li > span:first-child{min-width:0}
.pl-li small{display:flex;gap:5px;align-items:center;flex-wrap:wrap;color:#4B6469;font-size:11px;margin-top:2px}
.pl-keep{padding:11px 13px;background:#F2FBF7;display:flex;flex-direction:column;gap:8px}
.pl-keep b{color:#0E3B43}
.pl-keep span{font-size:12.5px;color:#33484D}
@media (max-width:900px){.pl-grid{grid-template-columns:minmax(0,1fr)}.pl-next{grid-template-columns:minmax(0,1fr)}}
@media (max-width:699px){
  .pl-main{padding:12px 16px 90px}
  .pl h1{font-size:24px}
  .pl-goal{height:44px;padding:0 14px}
  .pl-btn{height:44px}
  .pl-rm{height:36px;padding:0 12px}
  .pl-sec{grid-template-columns:34px minmax(0,1fr) auto;gap:10px}
  .pl-items{grid-column:1/-1}
  .pl-list{width:100%}
}
@media print{.kh,.pl-acts,.pl-goals,.pl-rm,.kp-foot{display:none!important}body.kp-page{background:#fff}}