/* Help me plan my day (HC_Planner). Every rule is anchored on #hcPlanner so the theme's global button, heading and link styles cannot override it. */
#hcPlanner.hcp{--n:#0F2A43;--b:#A37830;--bd:#7A5A22;--gold:#E2C48C;--cream:#FBF8F3;--sand:#F3ECDF;--line:#E8E1D4;--mut:#4A5C6E;--txt:#33475B;
  max-width:640px;margin:0 auto;font-family:Manrope,system-ui,sans-serif;color:var(--n);background:var(--cream);border-radius:20px;overflow:hidden;box-sizing:border-box}
#hcPlanner.hcp *,#hcPlanner.hcp *::before,#hcPlanner.hcp *::after{box-sizing:border-box}
.hcp-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#hcPlanner.hcp button{font-family:inherit}
#hcPlanner .hcp-body{padding:8px 16px 24px}
#hcPlanner .hcp-head{padding:20px 6px 14px}
#hcPlanner .hcp-head h2{margin:0;font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:28px;line-height:1.15;color:var(--n)}
#hcPlanner .hcp-head p{margin:8px 0 0;font-size:16px;line-height:1.5;color:var(--txt)}
#hcPlanner .hcp-ic{width:26px;height:26px;flex:none;color:var(--b)}
#hcPlanner .hcp-chev{width:18px;height:18px;flex:none;color:var(--bd)}
#hcPlanner .hcp-top{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 8px 8px;background:#fff}
#hcPlanner .hcp-steplabel{font-size:14px;font-weight:700;color:var(--mut)}
#hcPlanner .hcp-back{width:44px;height:44px;border:0;background:transparent;color:var(--n);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:10px}
#hcPlanner .hcp-back svg{width:22px;height:22px}
#hcPlanner .hcp-back:disabled{opacity:.3;cursor:default}
#hcPlanner .hcp-progress{height:4px;background:var(--line);margin:0 16px 0}
#hcPlanner .hcp-progress span{display:block;height:4px;background:var(--b);border-radius:2px;transition:width .3s}
#hcPlanner .hcp-debug{margin:8px 16px 0;padding:6px 10px;border-radius:8px;background:#FFF4D6;color:#5C4410;font-size:13px;font-weight:700}
#hcPlanner .hcp-list{display:flex;flex-direction:column;gap:10px}
#hcPlanner .hcp-row{display:flex;align-items:center;gap:14px;width:100%;min-height:66px;padding:12px 14px;border:1.5px solid #E0D8C8;border-radius:14px;background:#fff;color:var(--n);cursor:pointer;text-align:left}
#hcPlanner .hcp-row:hover,#hcPlanner .hcp-tile:hover{border-color:var(--b)}
#hcPlanner .hcp-row-t{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
#hcPlanner .hcp-row-t b{font-size:16px}
#hcPlanner .hcp-row-t small{font-size:14px;line-height:1.35;color:var(--mut)}
#hcPlanner .hcp-alt{text-align:center;font-size:15px;color:var(--txt);margin:20px 0 4px}
#hcPlanner .hcp-alt a{color:var(--n);font-weight:700}
#hcPlanner .hcp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:560px){#hcPlanner .hcp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
#hcPlanner .hcp-tile{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:92px;padding:14px;border:1.5px solid #E0D8C8;border-radius:14px;background:#fff;color:var(--n);cursor:pointer;text-align:left;font-weight:700;font-size:15px;line-height:1.25}
#hcPlanner .hcp-tile.is-on{background:var(--n);color:#fff;border-color:var(--n)}
#hcPlanner .hcp-tile.is-on .hcp-ic{color:var(--gold)}
#hcPlanner .hcp-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin:0 0 14px;display:flex;flex-direction:column;gap:16px}
#hcPlanner .hcp-card-h{display:flex;align-items:center;gap:10px}
#hcPlanner .hcp-card-h h3{margin:0;font-family:"Plus Jakarta Sans",sans-serif;font-weight:700;font-size:18px}
#hcPlanner .hcp-q{display:flex;flex-direction:column;gap:8px}
#hcPlanner .hcp-q-t{font-weight:700;font-size:15px}
#hcPlanner .hcp-chips{display:flex;flex-wrap:wrap;gap:8px}
#hcPlanner .hcp-chip{min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid #CFC6B6;background:#fff;color:var(--n);font-weight:600;font-size:15px;cursor:pointer}
#hcPlanner .hcp-chip.is-on{background:var(--n);color:#fff;border-color:var(--n)}
#hcPlanner .hcp-chip.is-dash{border-style:dashed;border-color:#B9AE99;min-height:40px;font-size:14px}
#hcPlanner .hcp-group{margin:0 0 20px}
#hcPlanner .hcp-group h3{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bd)}
#hcPlanner .hcp-status,#hcPlanner .hcp-sum,#hcPlanner .hcp-cal{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}
#hcPlanner .hcp-status b{font-size:16px}
#hcPlanner .hcp-status small{font-size:14px;color:var(--mut)}
#hcPlanner .hcp-meter{position:relative;height:12px;border-radius:999px;background:#EDE8DF;overflow:hidden;margin-top:4px}
#hcPlanner .hcp-meter span{display:block;height:100%;background:var(--b);border-radius:999px;transition:width .3s}
#hcPlanner .hcp-meter i{position:absolute;left:50%;top:0;width:2px;height:100%;background:#fff}
#hcPlanner .hcp-scale{display:grid;grid-template-columns:1fr 1fr;font-size:13px;font-weight:700;color:var(--mut)}
#hcPlanner .hcp-scale span{text-align:right;padding-right:6px}
#hcPlanner .hcp-next{padding:20px 0 4px;display:flex;flex-direction:column;gap:8px}
#hcPlanner .hcp-btn{width:100%;min-height:56px;border:0;border-radius:12px;background:var(--n);color:#fff;font-family:"Plus Jakarta Sans",sans-serif !important;font-weight:700;font-size:17px;cursor:pointer}
#hcPlanner .hcp-btn:disabled{background:#CFC6B6;color:var(--mut);cursor:default}
#hcPlanner .hcp-note{margin:0;text-align:center;font-size:14px;color:var(--mut)}
#hcPlanner .hcp-cal .hcp-note{text-align:left;font-size:13px;line-height:1.45}
#hcPlanner .hcp-hero{background:var(--n);color:#fff;margin:0 -16px;padding:26px 22px 54px;display:flex;flex-direction:column;gap:12px}
#hcPlanner .hcp-hero h2{margin:0;font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:27px;line-height:1.15;color:#fff}
#hcPlanner .hcp-hero p{margin:0;font-size:16px;line-height:1.5;color:#D5DEE7}
#hcPlanner .hcp-eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bd)}
#hcPlanner .hcp-hero .hcp-eyebrow{color:var(--gold)}
#hcPlanner .hcp-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
#hcPlanner .hcp-price b{font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:34px;color:var(--gold)}
#hcPlanner .hcp-price span{font-size:15px;color:#D5DEE7}
#hcPlanner .hcp-plan{position:relative;margin:-32px 0 0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px 18px}
#hcPlanner .hcp-done + .hcp-plan{padding:18px;display:flex;flex-direction:column;gap:6px}
#hcPlanner .hcp-plan p{margin:0;font-size:14px;line-height:1.5;color:var(--txt)}
#hcPlanner .hcp-plan ul{list-style:none;margin:0;padding:0}
#hcPlanner .hcp-plan li{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #EFE9DE}
#hcPlanner .hcp-plan li div{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
#hcPlanner .hcp-plan li b{font-size:16px;line-height:1.3}
#hcPlanner .hcp-plan li small{font-size:14px;line-height:1.45;color:var(--mut)}
#hcPlanner .hcp-tick{width:22px;height:22px;flex:none;color:var(--b);stroke-width:2.2}
#hcPlanner .hcp-cr{flex:none;align-self:flex-start;padding:2px 8px;border-radius:999px;background:#FFF4D6;color:#5C4410;font-size:12px;font-weight:700;font-style:normal}
#hcPlanner .hcp-plan-st{padding:16px 0 14px;display:flex;flex-direction:column;gap:10px}
#hcPlanner .hcp-plan-st b{font-size:15px}
#hcPlanner .hcp-alt-box{margin:14px 0 0;padding:16px;background:var(--sand);border-radius:14px;display:flex;flex-direction:column;gap:6px}
#hcPlanner .hcp-alt-box b{font-size:15px}
#hcPlanner .hcp-alt-box p{margin:0;font-size:14px;line-height:1.5;color:var(--txt)}
#hcPlanner .hcp-big{font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:21px !important}
#hcPlanner .hcp-fine{margin:16px 6px 0;font-size:14px;line-height:1.5;color:var(--mut)}
#hcPlanner .hcp-cal-h{display:flex;align-items:center;justify-content:space-between}
#hcPlanner .hcp-cal-h b{font-family:"Plus Jakarta Sans",sans-serif;font-size:17px}
#hcPlanner .hcp-cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
#hcPlanner .hcp-dow span{text-align:center;font-size:12px;font-weight:700;color:var(--mut)}
#hcPlanner .hcp-day{height:44px;border-radius:10px;border:1.5px solid #CFC6B6;background:#fff;color:var(--n);font-size:15px;font-weight:700;cursor:pointer;padding:0}
#hcPlanner .hcp-day.is-on{background:var(--n);border-color:var(--n);color:#fff}
#hcPlanner .hcp-day.is-off{border:0;background:#EDE8DF;color:#7C8B99;text-decoration:line-through;cursor:default}
#hcPlanner .hcp-day.is-blank{border:0;background:transparent}
#hcPlanner .hcp-sum{margin:0 0 16px}
#hcPlanner .hcp-sum b{font-family:"Plus Jakarta Sans",sans-serif;font-size:18px}
#hcPlanner .hcp-tags{display:flex;flex-wrap:wrap;gap:8px}
#hcPlanner .hcp-tag{padding:6px 12px;border-radius:999px;background:var(--sand);font-size:14px;font-weight:600}
#hcPlanner .hcp-f{display:flex;flex-direction:column;gap:8px;margin:0 0 16px}
#hcPlanner .hcp-lab{font-weight:700;font-size:15px;color:var(--n)}
#hcPlanner .hcp-lab span{font-weight:500;color:var(--mut)}
#hcPlanner .hcp-input{width:100%;min-height:52px;padding:12px 14px;border:1.5px solid #CFC6B6;border-radius:12px;background:#fff;font-family:Manrope,sans-serif;font-size:16px;color:var(--n)}
#hcPlanner textarea.hcp-input{min-height:90px;resize:vertical;line-height:1.45}
#hcPlanner .hcp-input:focus{outline:2px solid var(--b);outline-offset:1px;border-color:var(--b)}
#hcPlanner .hcp-seg{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid var(--n);border-radius:12px;overflow:hidden}
#hcPlanner .hcp-seg .hcp-chip{border:0;border-radius:0;min-height:48px;font-weight:700}
#hcPlanner .hcp-legal{border:1px solid #E3E8EE;background:#F7F9FB;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;margin:4px 0 0}
#hcPlanner .hcp-legal .hcp-note{text-align:left;font-size:13px}
#hcPlanner .hcp-agree{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:#1E2830;cursor:pointer}
#hcPlanner .hcp-agree input{width:22px;height:22px;flex:0 0 22px;margin-top:1px;accent-color:var(--n)}
#hcPlanner.hcp a{color:var(--n)}
#hcPlanner .hcp-err{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#FDF5F5;border:1px solid #E4A9A9;color:#A32D2D;font-weight:700;font-size:14px}
#hcPlanner .hcp-done{padding-top:36px}
#hcPlanner .hcp-ok{width:52px;height:52px;border-radius:999px;background:var(--gold);color:var(--n);display:flex;align-items:center;justify-content:center}
#hcPlanner .hcp-ok svg{width:26px;height:26px;stroke-width:2.6}
#hcPlanner .hcp-steps{padding:22px 6px 0}
#hcPlanner .hcp-steps h3{margin:0 0 6px;font-family:"Plus Jakarta Sans",sans-serif;font-size:19px}
#hcPlanner .hcp-steps p{margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45;color:var(--txt)}
#hcPlanner .hcp-steps p:last-child{border-bottom:0}
#hcPlanner .hcp-steps b{color:var(--n)}
#hcPlanner.hcp button:focus-visible{outline:3px solid var(--b);outline-offset:2px}
#hcPlanner button{box-shadow:none;text-transform:none;letter-spacing:normal;line-height:1.25;text-shadow:none;margin:0}
#hcPlanner .hcp-back,#hcPlanner .hcp-back:hover,#hcPlanner .hcp-back:focus,#hcPlanner .hcp-back:active{background:transparent;color:var(--n);padding:0;border:0}
#hcPlanner .hcp-row,#hcPlanner .hcp-row:hover,#hcPlanner .hcp-row:focus,#hcPlanner .hcp-row:active{background:#fff;color:var(--n);border-radius:14px}
#hcPlanner .hcp-row:hover,#hcPlanner .hcp-row:focus{border-color:var(--b)}
#hcPlanner .hcp-tile,#hcPlanner .hcp-tile:hover,#hcPlanner .hcp-tile:focus,#hcPlanner .hcp-tile:active{background:#fff;color:var(--n);border-radius:14px}
#hcPlanner .hcp-tile.is-on,#hcPlanner .hcp-tile.is-on:hover,#hcPlanner .hcp-tile.is-on:focus,#hcPlanner .hcp-tile.is-on:active{background:var(--n);color:#fff;border-color:var(--n)}
#hcPlanner .hcp-chip,#hcPlanner .hcp-chip:hover,#hcPlanner .hcp-chip:focus,#hcPlanner .hcp-chip:active{background:#fff;color:var(--n);padding:0 14px}
#hcPlanner .hcp-chip:hover{border-color:var(--b)}
#hcPlanner .hcp-chip.is-on,#hcPlanner .hcp-chip.is-on:hover,#hcPlanner .hcp-chip.is-on:focus,#hcPlanner .hcp-chip.is-on:active{background:var(--n);color:#fff;border-color:var(--n)}
#hcPlanner .hcp-seg .hcp-chip,#hcPlanner .hcp-seg .hcp-chip:hover,#hcPlanner .hcp-seg .hcp-chip:focus{border-radius:0}
#hcPlanner .hcp-day,#hcPlanner .hcp-day:hover,#hcPlanner .hcp-day:focus,#hcPlanner .hcp-day:active{background:#fff;color:var(--n);border-radius:10px;padding:0}
#hcPlanner .hcp-day.is-on,#hcPlanner .hcp-day.is-on:hover,#hcPlanner .hcp-day.is-on:focus{background:var(--n);color:#fff;border-color:var(--n)}
#hcPlanner .hcp-day.is-off,#hcPlanner .hcp-day.is-off:hover,#hcPlanner .hcp-day.is-off:focus{background:#EDE8DF;color:#6B7784;border:0}
#hcPlanner .hcp-btn,#hcPlanner .hcp-btn:hover,#hcPlanner .hcp-btn:focus,#hcPlanner .hcp-btn:active{background:var(--n);color:#fff;border:0;border-radius:12px;padding:0 20px}
#hcPlanner .hcp-btn:hover{background:#18304C}
#hcPlanner .hcp-btn:disabled,#hcPlanner .hcp-btn:disabled:hover,#hcPlanner .hcp-btn:disabled:focus{background:#CFC6B6;color:#33475B}
#hcPlanner h2,#hcPlanner h3{color:var(--n)}
#hcPlanner .hcp-hero h2{color:#fff}
#hcPlanner .hcp-row-t small,#hcPlanner .hcp-plan li small{color:#3F5163}
#hcPlanner a,#hcPlanner a:hover,#hcPlanner a:focus{color:var(--n);text-decoration:underline}
#hcPlanner .hcp-input{color:var(--n);background:#fff}
#hcPlanner .hcp-input::placeholder{color:#6B7784}

/* v2: one question per screen, steppers, round-out-the-day pop-up. */
#hcPlanner .hcp-intro{margin:16px 6px 0;padding:14px 16px;border-radius:14px;background:var(--n);color:#fff}
#hcPlanner .hcp-intro b{display:block;font-family:"Plus Jakarta Sans",sans-serif;font-size:19px;font-weight:800;color:var(--gold)}
#hcPlanner .hcp-intro p{margin:6px 0 0;font-size:15px;line-height:1.5;color:#E3E9EF}
#hcPlanner .hcp-opt,#hcPlanner .hcp-opt:hover,#hcPlanner .hcp-opt:focus,#hcPlanner .hcp-opt:active{display:flex;align-items:center;gap:14px;width:100%;min-height:58px;padding:12px 16px;border:1.5px solid #E0D8C8;border-radius:14px;background:#fff;color:var(--n);font-weight:700;font-size:16px;text-align:left;cursor:pointer}
#hcPlanner .hcp-opt:hover{border-color:var(--b)}
#hcPlanner .hcp-opt.is-on,#hcPlanner .hcp-opt.is-on:hover,#hcPlanner .hcp-opt.is-on:focus{background:var(--n);color:#fff;border-color:var(--n)}
#hcPlanner .hcp-dot{flex:none;width:22px;height:22px;border-radius:999px;border:2px solid #B9AE99;background:#fff}
#hcPlanner .hcp-opt.is-on .hcp-dot{border:6px solid var(--gold);background:var(--n)}
#hcPlanner .hcp-yn{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#hcPlanner .hcp-yn .hcp-opt{justify-content:center;font-size:18px;min-height:64px}
#hcPlanner .hcp-countbox{display:flex;justify-content:center;padding:18px 0 6px}
#hcPlanner .hcp-stepper{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #CFC6B6;border-radius:999px;padding:4px}
#hcPlanner .hcp-countbox .hcp-stepper{gap:18px;padding:8px}
#hcPlanner .hcp-sbtn,#hcPlanner .hcp-sbtn:hover,#hcPlanner .hcp-sbtn:focus,#hcPlanner .hcp-sbtn:active{width:44px;height:44px;border-radius:999px;border:0;background:var(--sand);color:var(--n);font-size:24px;font-weight:700;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
#hcPlanner .hcp-countbox .hcp-sbtn{width:56px;height:56px;font-size:28px}
#hcPlanner .hcp-sbtn:disabled,#hcPlanner .hcp-sbtn:disabled:hover{background:#F1EEE8;color:#9AA5AF;cursor:default}
#hcPlanner .hcp-sval{min-width:32px;text-align:center;font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:20px;color:var(--n)}
#hcPlanner .hcp-countbox .hcp-sval{min-width:48px;font-size:36px}
#hcPlanner .hcp-chips-lg .hcp-chip{min-height:48px;font-size:16px;padding:0 16px}
#hcPlanner .hcp-counts{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
#hcPlanner .hcp-crow{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600;font-size:15px}
#hcPlanner .hcp-scrim{position:fixed;inset:0;z-index:99999;background:rgba(15,42,67,.55);display:flex;align-items:flex-end;justify-content:center;padding:0}
@media (min-width:640px){#hcPlanner .hcp-scrim{align-items:center;padding:24px}}
#hcPlanner .hcp-modal{width:100%;max-width:560px;max-height:92vh;overflow:auto;background:var(--cream);border-radius:22px 22px 0 0;padding:22px 18px 18px;box-shadow:0 -10px 40px rgba(0,0,0,.25)}
@media (min-width:640px){#hcPlanner .hcp-modal{border-radius:22px}}
#hcPlanner .hcp-modal h2{margin:4px 0 6px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:24px;line-height:1.2;color:var(--n)}
#hcPlanner .hcp-modal p{margin:0 0 12px;font-size:15px;line-height:1.5;color:var(--txt)}
#hcPlanner .hcp-filllist{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}
#hcPlanner .hcp-fillrow,#hcPlanner .hcp-fillrow:hover,#hcPlanner .hcp-fillrow:focus,#hcPlanner .hcp-fillrow:active{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 14px;border:1.5px solid #E0D8C8;border-radius:14px;background:#fff;color:var(--n);text-align:left;cursor:pointer}
#hcPlanner .hcp-fillrow.is-on,#hcPlanner .hcp-fillrow.is-on:hover,#hcPlanner .hcp-fillrow.is-on:focus{border-color:var(--n);background:#fff}
#hcPlanner .hcp-fillrow b{font-size:15px}
#hcPlanner .hcp-fillrow small{font-size:13px;line-height:1.4;color:#3F5163}
#hcPlanner .hcp-box{flex:none;width:24px;height:24px;margin-top:1px;border-radius:7px;border:2px solid #B9AE99;background:#fff;display:flex;align-items:center;justify-content:center}
#hcPlanner .hcp-fillrow.is-on .hcp-box{background:var(--n);border-color:var(--n)}
#hcPlanner .hcp-boxic{width:16px;height:16px;color:#fff;stroke-width:3}
#hcPlanner .hcp-mbtns{display:flex;flex-direction:column;gap:8px}
#hcPlanner .hcp-btn-2,#hcPlanner .hcp-btn-2:hover,#hcPlanner .hcp-btn-2:focus,#hcPlanner .hcp-btn-2:active{background:#fff;color:var(--n);border:1.5px solid var(--n)}
#hcPlanner .hcp-link,#hcPlanner .hcp-link:hover,#hcPlanner .hcp-link:focus{display:inline;background:none;border:0;padding:0;margin:0;color:var(--n);font-weight:700;font-size:inherit;text-decoration:underline;cursor:pointer;min-height:0}
#hcPlanner .hcp-empty{margin:0;padding:18px 0;font-size:15px;line-height:1.5;color:var(--txt)}
#hcPlanner .hcp-chip.is-dash,#hcPlanner .hcp-chip.is-dash:hover,#hcPlanner .hcp-chip.is-dash:focus{border-style:dashed;border-color:#B9AE99;background:#fff;color:var(--n)}

/* v3: search, results, "your day has room" note. */
#hcPlanner .hcp-search{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
#hcPlanner .hcp-search .hcp-input{font-size:17px;min-height:56px}
#hcPlanner .hcp-results{display:flex;flex-direction:column;gap:8px}
#hcPlanner .hcp-res,#hcPlanner .hcp-res:hover,#hcPlanner .hcp-res:focus,#hcPlanner .hcp-res:active{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:10px 14px;border:1.5px solid #E0D8C8;border-radius:12px;background:#fff;color:var(--n);text-align:left;font-weight:600;font-size:15px;line-height:1.35;cursor:pointer}
#hcPlanner .hcp-res:hover{border-color:var(--b)}
#hcPlanner .hcp-res em{flex:none;font-style:normal;font-weight:800;font-size:14px;color:var(--bd)}
#hcPlanner .hcp-res.is-on,#hcPlanner .hcp-res.is-on:hover,#hcPlanner .hcp-res.is-on:focus{border-color:var(--n);background:#F3F6F9}
#hcPlanner .hcp-res.is-on em{color:var(--n)}
#hcPlanner .hcp-nores{background:#fff;border:1px dashed #B9AE99;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
#hcPlanner .hcp-nores p{margin:0;font-size:15px;color:var(--txt)}
#hcPlanner .hcp-nores .hcp-btn{min-height:48px;font-size:15px}
#hcPlanner .hcp-crow span{flex:1;min-width:0}
#hcPlanner .hcp-note-l{text-align:left;font-size:13px}
#hcPlanner .hcp-roomnote{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:6px 12px;border-radius:999px;background:var(--sand);color:var(--bd);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
#hcPlanner .hcp-ic-s{width:16px;height:16px;color:var(--bd)}
/* v4: more than one day of work */
#hcPlanner .hcp-meter.is-over span{background:#B4542D}
#hcPlanner .hcp-over{display:flex;flex-direction:column;gap:10px;padding:14px 0 16px;border-bottom:1px solid #EFE9DE}
#hcPlanner .hcp-over-q{margin:0;font-weight:700;font-size:16px;color:var(--n)}
#hcPlanner .hcp-opt.hcp-opt2,#hcPlanner .hcp-opt.hcp-opt2:hover,#hcPlanner .hcp-opt.hcp-opt2:focus,#hcPlanner .hcp-opt.hcp-opt2:active{align-items:flex-start;padding:14px 16px}
#hcPlanner .hcp-opt2 .hcp-dot{margin-top:2px}
#hcPlanner .hcp-opt2 .hcp-row-t{display:flex;flex-direction:column;gap:3px}
#hcPlanner .hcp-opt2 .hcp-row-t b{font-size:16px;line-height:1.3}
#hcPlanner .hcp-opt2 .hcp-row-t small{font-size:14px;line-height:1.4;font-weight:500;color:#3F5163}
#hcPlanner .hcp-opt2.is-on .hcp-row-t small{color:#D5DEE7}
#hcPlanner .hcp-rm,#hcPlanner .hcp-rm:hover,#hcPlanner .hcp-rm:focus,#hcPlanner .hcp-rm:active{flex:none;align-self:center;min-height:36px;padding:0 12px;border:1.5px solid #CFC6B6;border-radius:999px;background:#fff;color:var(--n);font-weight:700;font-size:14px;cursor:pointer}
#hcPlanner .hcp-rm:hover{border-color:#B4542D;color:#8A3A1C}
#hcPlanner .hcp-saved{margin:14px 0 0;padding:16px;background:var(--sand);border-radius:14px;display:flex;flex-direction:column;gap:8px}
#hcPlanner .hcp-saved .hcp-crow span{color:var(--mut);text-decoration:line-through}
#hcPlanner .hcp-overnote{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px;padding:12px 14px;border-radius:12px;background:#FBEDE6;color:#6B2E16;font-size:14px;line-height:1.45;font-weight:600}
#hcPlanner .hcp-overnote .hcp-ic{flex:none;margin-top:1px;color:#B4542D}
/* v5: richer plan list, quantities, materials */
#hcPlanner .hcp-herostats{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;color:#D5DEE7}
#hcPlanner .hcp-herostats span{display:inline-flex;align-items:center;gap:6px}
#hcPlanner .hcp-herostats b{color:#fff;font-size:16px}
#hcPlanner .hcp-herostats .hcp-matic{color:var(--gold)}
#hcPlanner .hcp-plan li.hcp-grp{display:block;padding:18px 0 6px;border-bottom:0;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--bd)}
#hcPlanner .hcp-plan li.hcp-grp:first-child{padding-top:10px}
#hcPlanner .hcp-plan li.hcp-li{align-items:flex-start}
#hcPlanner .hcp-qty{flex:none;align-self:flex-start;min-width:38px;padding:3px 9px;border-radius:999px;background:var(--n);color:#fff;font-style:normal;font-weight:800;font-size:14px;text-align:center;font-family:"Plus Jakarta Sans",sans-serif}
#hcPlanner .hcp-mat{display:inline-flex;align-items:flex-start;gap:5px;align-self:flex-start;margin-top:4px;padding:4px 10px;border-radius:10px;font-size:13px;line-height:1.35;font-weight:600}
#hcPlanner .hcp-mat.is-in{background:#F6EEDC;color:#5C4410}
#hcPlanner .hcp-mat.is-you{background:#fff;border:1px dashed #B9AE99;color:var(--mut)}
#hcPlanner .hcp-matic{flex:none;width:15px;height:15px;margin-top:1px;stroke-width:2.6;color:var(--b)}
#hcPlanner .hcp-mats,#hcPlanner .hcp-incl{margin:14px 0 0;padding:18px;border-radius:16px;display:flex;flex-direction:column;gap:8px}
#hcPlanner .hcp-mats{background:#fff;border:1.5px solid var(--b)}
#hcPlanner .hcp-mats h3{margin:0;font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:21px;line-height:1.2;color:var(--n)}
#hcPlanner .hcp-mats>p{margin:0;font-size:14px;line-height:1.5;color:var(--txt)}
#hcPlanner .hcp-matlist,#hcPlanner .hcp-incl ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
#hcPlanner .hcp-matlist li,#hcPlanner .hcp-incl li{display:flex;align-items:flex-start;gap:9px;font-size:15px;line-height:1.4;color:var(--n);font-weight:600}
#hcPlanner .hcp-matlist li span,#hcPlanner .hcp-incl li span{flex:1;min-width:0}
#hcPlanner .hcp-matlist .hcp-qty{font-size:12px;min-width:32px;padding:2px 7px}
#hcPlanner .hcp-matyou{margin-top:6px;padding:12px 14px;border-radius:12px;background:var(--sand)}
#hcPlanner .hcp-matyou b{font-size:14px;color:var(--n)}
#hcPlanner .hcp-matyou p{margin:3px 0 0;font-size:14px;line-height:1.45;color:var(--txt)}
#hcPlanner .hcp-incl{background:var(--n)}
#hcPlanner .hcp-incl .hcp-eyebrow{color:var(--gold)}
#hcPlanner .hcp-incl li{color:#fff;font-weight:600}
#hcPlanner .hcp-incl .hcp-matic{color:var(--gold)}
/* v6: one row per item, with a room tag */
#hcPlanner .hcp-room{flex:none;align-self:flex-start;margin-top:1px;padding:3px 10px;border-radius:999px;border:1px solid #D9CFBC;background:#FBF8F3;color:var(--mut);font-style:normal;font-weight:700;font-size:12px;letter-spacing:.02em;white-space:nowrap}
#hcPlanner .hcp-plan li.hcp-li.is-rep{padding-top:10px;padding-bottom:10px}
/* v7: areas, edit mode */
#hcPlanner .hcp-plan li.hcp-grp{display:flex;align-items:center;justify-content:space-between;gap:10px}
#hcPlanner .hcp-rmall,#hcPlanner .hcp-rmall:hover,#hcPlanner .hcp-rmall:focus,#hcPlanner .hcp-rmall:active{flex:none;min-height:32px;padding:0 12px;border:1.5px dashed #C9A27A;border-radius:999px;background:#fff;color:#8A3A1C;font-weight:700;font-size:12px;letter-spacing:0;text-transform:none;cursor:pointer}
#hcPlanner .hcp-editbar{display:flex;justify-content:flex-end;padding:12px 0 0}
#hcPlanner .hcp-editbar .hcp-link{font-size:14px}
#hcPlanner .hcp-putall{align-self:flex-start;margin-top:4px;font-size:14px}
#hcPlanner .hcp-plan li b .hcp-room{display:inline-block;vertical-align:2px;margin:0 0 0 6px;font-size:11px;padding:2px 8px}
#hcPlanner .hcp-rm,#hcPlanner .hcp-rm:hover,#hcPlanner .hcp-rm:focus,#hcPlanner .hcp-rm:active{align-self:flex-start;min-height:30px;padding:0 10px;font-size:13px}
/* v8: pinned status bar while trimming */
#hcPlanner .hcp-stick{position:fixed;left:0;right:0;bottom:0;z-index:9990;max-width:640px;margin:0 auto;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(15,42,67,.10);display:flex;flex-direction:column;gap:10px}
#hcPlanner .hcp-stick-t{display:flex;align-items:flex-start;gap:10px}
#hcPlanner .hcp-stick-t span{display:flex;flex-direction:column;gap:2px}
#hcPlanner .hcp-stick-t b{font-size:16px;color:var(--n)}
#hcPlanner .hcp-stick-t small{font-size:13px;line-height:1.4;color:var(--mut)}
#hcPlanner .hcp-stick .hcp-btn{min-height:50px;font-size:16px}
#hcPlanner .hcp-stick.is-fit{background:#EEF6EE;border-top-color:#9CC79C}
#hcPlanner .hcp-stick.is-fit b{color:#1E5A2B}
#hcPlanner .hcp-stickic{flex:none;width:26px;height:26px;padding:4px;border-radius:999px;background:#2E7D3E;color:#fff;stroke-width:3}
#hcPlanner .hcp-stick.is-flash{animation:hcpFit .9s ease-out 1}
@keyframes hcpFit{0%{transform:translateY(8px);background:#CFE8CF}60%{transform:translateY(-3px)}100%{transform:none;background:#EEF6EE}}
#hcPlanner .hcp-stickpad{height:170px}
/* v9: last paid day has room, bonus on us */
#hcPlanner .hcp-roombox{margin:14px 0 4px;padding:16px;border-radius:16px;background:#FFF8EA;border:1.5px solid #E2C48C;display:flex;flex-direction:column;gap:10px}
#hcPlanner .hcp-roombox h3{margin:0;font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:19px;line-height:1.25;color:var(--n)}
#hcPlanner .hcp-roombox p{margin:0;font-size:14px;line-height:1.5;color:var(--txt)}
#hcPlanner .hcp-bonus-h{margin-top:4px}
#hcPlanner .hcp-mat.is-bonus{background:#E7F3E7;color:#1E5A2B}
#hcPlanner .hcp-mat.is-bonus .hcp-matic{color:#2E7D3E}
/* v10: bonus framed as a gift */
#hcPlanner .hcp-roombox{background:linear-gradient(180deg,#FFF8EA,#FFFDF8);border:1.5px solid #E2C48C}
#hcPlanner .hcp-gifthead{display:flex;align-items:center;gap:12px}
#hcPlanner .hcp-gifthead>span{display:flex;flex-direction:column;gap:2px}
#hcPlanner .hcp-gift{flex:none;width:40px;height:40px;padding:8px;border-radius:12px;background:var(--n);color:var(--gold);stroke-width:1.8}
#hcPlanner .hcp-chip.is-free{border-color:#9CC79C;color:#1E5A2B;background:#fff}
#hcPlanner .hcp-room.is-free{background:#E7F3E7;border-color:#9CC79C;color:#1E5A2B}
/* v11: bonus pop-up and simple over-a-day summary */
#hcPlanner .hcp-over-s{gap:4px}
#hcPlanner .hcp-over-s b{font-size:16px;color:var(--n)}
#hcPlanner .hcp-over-s p{margin:0;font-size:14px;line-height:1.45;color:var(--txt)}
#hcPlanner .hcp-over-s .hcp-link{align-self:flex-start;margin-top:4px;font-size:14px}
#hcPlanner .hcp-radio{border-radius:999px}
#hcPlanner .hcp-modal .hcp-gifthead{margin-bottom:6px}
#hcPlanner .hcp-modal .hcp-gifthead h2{margin:0}
#hcPlanner .hcp-gbtn{min-height:46px;font-size:15px}
/* v13: prominent 1-day / N-day toggle */
#hcPlanner .hcp-seg2s{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
#hcPlanner .hcp-seg2,#hcPlanner .hcp-seg2:hover,#hcPlanner .hcp-seg2:focus,#hcPlanner .hcp-seg2:active{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:64px;padding:12px 14px;border:2px solid #D9CFBC;border-radius:14px;background:#fff;color:var(--n);text-align:left;cursor:pointer}
#hcPlanner .hcp-seg2:hover{border-color:var(--b)}
#hcPlanner .hcp-seg2 b{font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:16px;line-height:1.2}
#hcPlanner .hcp-seg2 small{font-size:13px;line-height:1.3;color:var(--mut);font-weight:600}
#hcPlanner .hcp-seg2.is-on,#hcPlanner .hcp-seg2.is-on:hover,#hcPlanner .hcp-seg2.is-on:focus{background:var(--n);border-color:var(--n);color:#fff}
#hcPlanner .hcp-seg2.is-on small{color:var(--gold)}
#hcPlanner .hcp-over-s>p{margin-top:6px}
#hcPlanner .hcp-over-s .hcp-seg2 b{color:inherit}
#hcPlanner .hcp-price b small{font-size:18px;font-weight:700;color:var(--gold);margin-left:2px}
#hcPlanner .hcp-seg2s.is-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:480px){#hcPlanner .hcp-seg2s.is-3 .hcp-seg2{padding:10px 10px}#hcPlanner .hcp-seg2s.is-3 .hcp-seg2 small{font-size:12px}}
#hcPlanner .hcp-hero p.hcp-jobsum{font-size:17px;color:#fff}
#hcPlanner .hcp-hero p.hcp-jobsum b{color:var(--gold);font-weight:700}
#hcPlanner .hcp-webring{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 14px}
#hcPlanner .hcp-webring-t{display:flex;align-items:center;gap:6px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
#hcPlanner .hcp-webring ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
#hcPlanner .hcp-webring li{margin:0;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:14px;font-weight:600;line-height:1.3}
#hcPlanner .hcp-hero p.hcp-daysum b{color:#fff}
#hcPlanner .hcp-over-s p.hcp-over-lead{margin:2px 0 8px;font-size:15px;line-height:1.45;color:var(--mut)}
#hcPlanner .hcp-hero p.hcp-webring-you{margin:10px 0 0;font-size:14px;color:#D5DEE7}
#hcPlanner .hcp-price-multi{flex-direction:column;align-items:flex-start;gap:2px}
#hcPlanner .hcp-price-multi b{font-size:30px;line-height:1.15}
#hcPlanner .hcp-hero .hcp-webring p{margin:6px 0 0;font-size:15px;line-height:1.5;color:#fff}
#hcPlanner .hcp-hero .hcp-webring p.hcp-webring-you{color:#D5DEE7;font-size:14px}
#hcPlanner .hcp-hero p.hcp-reserve{display:flex;align-items:flex-start;gap:8px;font-size:15px;line-height:1.45;color:#D5DEE7}
#hcPlanner .hcp-hero p.hcp-reserve b{color:#fff}
#hcPlanner .hcp-hero p.hcp-reserve .hcp-matic{margin-top:3px;flex:none}
#hcPlanner .hcp-reservecard{margin:18px 0 8px;padding:16px 18px;border:2px solid var(--gold);border-radius:16px;background:#FFF9EC}
#hcPlanner .hcp-reservecard b{display:block;font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:18px;line-height:1.3;color:var(--n)}
#hcPlanner .hcp-reservecard p{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--txt)}
#hcPlanner .hcp-hero p.hcp-reserve .hcp-matic{color:var(--gold)}

/* Save & resume banner */
.hcp-resume{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px 14px;border:1px solid var(--line,#e6dfd2);border-left:3px solid var(--gold,#A37830);border-radius:10px;background:var(--cream,#faf7f1);color:var(--txt,#0F2A43);font-size:14px;line-height:1.4}
.hcp-resume-x{flex:none;background:none;border:0;padding:4px 0;color:var(--n,#0F2A43);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* "I know what I need done": reserve screen (2.87.0) */
.hcp-rproj ul.hcp-rlist{margin:8px 0 0;padding-left:20px}.hcp-rproj li{margin:3px 0;font-weight:600}
.hcp-rnone{margin:8px 0 0;color:var(--mut,#5E6873)}.hcp-rdesc{margin:10px 0 0;font-style:italic;color:var(--txt,#16202B)}
.hcp-rsteps{display:grid;gap:10px;margin:16px 0}
.hcp-rstep{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line,#E3DDD2);border-radius:12px;padding:12px 14px;line-height:1.45}
.hcp-rstep>b{flex:0 0 28px;height:28px;border-radius:14px;background:var(--n,#0F2A43);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}

/* 12 Oct 2026: add-a-job list and custom-request note */
#hcPlanner .hcp-taskadd{display:flex;gap:8px;align-items:center}#hcPlanner .hcp-taskadd .hcp-input{flex:1 1 auto;min-width:0;min-height:52px;font-size:16px}#hcPlanner .hcp-taskadd .hcp-btn,#hcPlanner .hcp-taskadd .hcp-btn:hover,#hcPlanner .hcp-taskadd .hcp-btn:focus,#hcPlanner .hcp-taskadd .hcp-btn:active{width:auto;flex:0 0 auto;min-height:52px;height:52px;margin:0;padding:0 18px;font-size:15px}
.hcp-custnote{margin:12px 0 4px;padding:12px 14px;border-radius:10px;background:#F6F1E7;border-left:3px solid #A37830;text-align:left}.hcp-custnote b{display:block;color:#0F2A43}.hcp-custnote p{margin:4px 0 0;font-size:14px;line-height:1.45;color:#3a4a5a}

/* 12 Oct 2026: search result that asks a follow-up (shower head: fixed or handheld) */
.hcp-grpq{margin:-2px 0 8px;padding:10px 12px;border-radius:10px;background:#F6F1E7}.hcp-grpq .hcp-q-t{margin-bottom:6px}

/* 12 Oct 2026: We supply / You supply list in the plan header */
#hcPlanner .hcp-heromats{margin-top:12px}#hcPlanner .hcp-heromats .hcp-hm-you{margin-top:12px}
#hcPlanner .hcp-webring.hcp-heromats ul.hcp-hmlist{display:flex;flex-direction:column;flex-wrap:nowrap;gap:6px;margin:8px 0 0;padding:0;list-style:none}
#hcPlanner .hcp-webring.hcp-heromats ul.hcp-hmlist li{display:flex;align-items:flex-start;gap:8px;margin:0;padding:0;border-radius:0;background:none;color:#fff;font-size:15px;font-weight:500;line-height:1.4}
#hcPlanner .hcp-heromats .hcp-matic{flex:none;margin-top:2px;color:var(--gold)}
#hcPlanner .hcp-hmdot{flex:none;width:8px;height:8px;margin:7px 4px 0 4px;border-radius:50%;border:1.5px solid var(--gold)}
#hcPlanner .hcp-hmqty{font-style:normal;color:#D5DEE7;font-size:13px;margin-left:4px}

/* 13 Oct 2026: finish picker (drawn item + finish swatches) */
#hcPlanner .hcp-fin{display:flex;gap:12px;align-items:center;margin-top:8px;padding:10px;border-radius:14px;background:#fff;border:1px solid var(--line)}
#hcPlanner .hcp-fin-pic{flex:none;width:112px;height:63px;border-radius:10px;background:linear-gradient(#FBF8F3,#F3ECDF);display:flex;align-items:center;justify-content:center}
#hcPlanner .hcp-fin-svg{width:104px;height:59px;display:block}
#hcPlanner .hcp-fin-r{min-width:0;display:flex;flex-direction:column;gap:7px}
#hcPlanner .hcp-fin-t{display:flex;align-items:flex-start;gap:5px;font-size:13px;line-height:1.35;font-weight:600;color:#5C4410}
#hcPlanner .hcp-fin-t em{font-style:normal;color:var(--b)}
#hcPlanner .hcp-fin-sw{display:flex;flex-wrap:wrap;gap:6px}
#hcPlanner .hcp-fin-c{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:4px 10px 4px 5px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--n);font-size:12.5px;font-weight:700;cursor:pointer;line-height:1}
#hcPlanner .hcp-fin-c:hover{border-color:#C9BFAD}
#hcPlanner .hcp-fin-c.is-on{border-color:var(--n);background:var(--n);color:#fff}
#hcPlanner .hcp-fin-c:focus-visible{outline:2px solid var(--b);outline-offset:2px}
#hcPlanner .hcp-fin-dot{width:20px;height:20px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
@media (max-width:420px){#hcPlanner .hcp-fin{flex-direction:column;align-items:flex-start}#hcPlanner .hcp-fin-pic{width:100%;height:72px}}

/* 14 Oct 2026: Plan my day desktop layout (v2). Phones (<760px) unchanged. On computers the card fills the window under the header and sizes scale with window height (clamp + vh), so a laptop and a big monitor both fit without page scrolling. The plan screen's list and booking column scroll inside the card. planner.js sets --hcp-top and wraps the booking column in .hcp-side. */
body.page-id-2390 .xpro-theme-builder-header .elementor-1910.ast-article-single{padding:0 !important;margin:0 !important}
#hcPlanner.hcp{width:100%;flex:1 1 100%}
@media (min-width:760px){
  #hcPlanner.hcp{max-width:760px;margin:24px auto 48px;border-radius:24px;box-shadow:0 1px 2px rgba(15,42,67,.05),0 12px 40px rgba(15,42,67,.08)}
  #hcPlanner .hcp-body{padding:12px 32px 36px}
  #hcPlanner .hcp-top{padding:12px 32px 12px 20px}
  #hcPlanner .hcp-progress{margin:0 32px}
  #hcPlanner .hcp-hero{margin:0 -32px;padding:36px 32px 60px}
  #hcPlanner .hcp-stick{max-width:760px}
  #hcPlanner .hcp-modal{max-width:640px;padding:30px 30px 26px}
}
@media (min-width:1000px){
  #hcPlanner.hcp{max-width:1120px;margin:24px auto 40px}
  #hcPlanner .hcp-body{padding:20px 56px 48px}
  #hcPlanner .hcp-top{padding:14px 56px 14px 44px}
  #hcPlanner .hcp-steplabel{font-size:15px}
  #hcPlanner .hcp-progress{margin:0 56px;height:5px}
  #hcPlanner .hcp-progress span{height:5px}
  #hcPlanner .hcp-resume{margin:12px 56px 0}
  #hcPlanner .hcp-head{padding:28px 0 22px;max-width:780px}
  #hcPlanner .hcp-head h2{font-size:40px;line-height:1.12;letter-spacing:-.01em}
  #hcPlanner .hcp-head p{font-size:18px;margin-top:12px}
  #hcPlanner .hcp-intro{margin:20px 0 4px;padding:20px 24px;border-radius:16px}
  #hcPlanner .hcp-intro b{font-size:22px}
  #hcPlanner .hcp-intro p{font-size:16px}
  #hcPlanner .hcp-list:has(> .hcp-row){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  #hcPlanner .hcp-row,#hcPlanner .hcp-row:hover,#hcPlanner .hcp-row:focus,#hcPlanner .hcp-row:active{min-height:104px;padding:20px 22px;gap:18px;border-radius:16px}
  #hcPlanner .hcp-row:hover{border-color:var(--b);box-shadow:0 6px 18px rgba(15,42,67,.08)}
  #hcPlanner .hcp-row .hcp-ic{width:34px;height:34px}
  #hcPlanner .hcp-row-t b{font-size:18px}
  #hcPlanner .hcp-row-t small{font-size:15px}
  #hcPlanner .hcp-list:has(> .hcp-opt){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #hcPlanner .hcp-opt,#hcPlanner .hcp-opt:hover,#hcPlanner .hcp-opt:focus,#hcPlanner .hcp-opt:active{min-height:68px;padding:14px 20px;font-size:17px}
  #hcPlanner .hcp-yn{max-width:560px}
  #hcPlanner .hcp-yn .hcp-opt{min-height:76px;font-size:20px}
  #hcPlanner .hcp-chips{gap:10px}
  #hcPlanner .hcp-chips-lg .hcp-chip,#hcPlanner .hcp-chips-lg .hcp-chip:hover,#hcPlanner .hcp-chips-lg .hcp-chip:focus{min-height:54px;padding:0 22px;font-size:17px}
  #hcPlanner .hcp-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:10px;max-width:none;padding:18px 22px}
  #hcPlanner .hcp-counts > .hcp-q-t{grid-column:1 / -1}
  #hcPlanner .hcp-crow{font-size:16px}
  #hcPlanner .hcp-search{max-width:720px}
  #hcPlanner .hcp-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #hcPlanner .hcp-results .hcp-grpq{grid-column:1 / -1}
  #hcPlanner .hcp-nores{max-width:720px}
  #hcPlanner .hcp-taskadd{max-width:720px}
  #hcPlanner .hcp-countbox{justify-content:flex-start;padding-left:4px}
  #hcPlanner .hcp-next{flex-direction:row;align-items:center;gap:18px;padding-top:28px}
  #hcPlanner .hcp-next .hcp-btn,#hcPlanner .hcp-next .hcp-btn:hover,#hcPlanner .hcp-next .hcp-btn:focus{width:auto;min-width:300px;min-height:58px;padding:0 36px;font-size:18px}
  #hcPlanner .hcp-next .hcp-note{text-align:left;font-size:15px}
  #hcPlanner .hcp-hero{margin:0 -56px;padding:36px 56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);column-gap:44px;row-gap:12px;align-content:start}
  #hcPlanner .hcp-hero > *{grid-column:1}
  #hcPlanner .hcp-hero > .hcp-heromats{grid-column:2;grid-row:1 / span 12;align-self:start;margin:0;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}
  #hcPlanner .hcp-hero.hcp-done{display:flex}
  #hcPlanner .hcp-hero h2{font-size:42px;max-width:820px}
  #hcPlanner .hcp-hero p{font-size:18px;max-width:760px}
  #hcPlanner .hcp-price b{font-size:44px}
  #hcPlanner .hcp-price span{font-size:17px}
  #hcPlanner .hcp-price-multi b{font-size:36px}
  #hcPlanner .hcp-herostats{font-size:15px}
  #hcPlanner .hcp-webring{padding:16px 20px}
  #hcPlanner .hcp-body:has(> .hcp-side){display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:auto minmax(0,1fr);column-gap:32px;align-items:start}
  #hcPlanner .hcp-body:has(> .hcp-side) > *{grid-column:1 / -1}
  #hcPlanner .hcp-body:has(> .hcp-side) > .hcp-hero{grid-row:1;margin-bottom:28px}
  #hcPlanner .hcp-body:has(> .hcp-side) > .hcp-plan{grid-column:1;grid-row:2;margin:0;padding:12px 28px 8px}
  #hcPlanner .hcp-body:has(> .hcp-side) > .hcp-side{grid-column:2;grid-row:2}
  #hcPlanner .hcp-side{display:flex;flex-direction:column;gap:14px}
  #hcPlanner .hcp-side > *{margin:0}
  #hcPlanner .hcp-side > .hcp-next,#hcPlanner .hcp-side > .hcp-stick{order:1}
  #hcPlanner .hcp-side > .hcp-reservecard{order:2;padding:18px 20px}
  #hcPlanner .hcp-side > .hcp-alt-box{order:3}
  #hcPlanner .hcp-side > .hcp-saved{order:4}
  #hcPlanner .hcp-side > .hcp-incl{order:5}
  #hcPlanner .hcp-side > .hcp-stickpad{display:none}
  #hcPlanner .hcp-side > .hcp-next{flex-direction:column;align-items:stretch;padding-top:0}
  #hcPlanner .hcp-side > .hcp-next .hcp-btn,#hcPlanner .hcp-side > .hcp-next .hcp-btn:hover,#hcPlanner .hcp-side > .hcp-next .hcp-btn:focus{width:100%;min-width:0}
  #hcPlanner .hcp-side > .hcp-next .hcp-note{text-align:center}
  #hcPlanner .hcp-side > .hcp-stick{position:static;max-width:none;margin:0;padding:16px 18px;border:1px solid var(--line);border-radius:16px;box-shadow:none;flex-direction:column;align-items:stretch;gap:12px}
  #hcPlanner .hcp-side > .hcp-stick.is-fit{border-color:#9CC79C}
  #hcPlanner .hcp-side > .hcp-stick .hcp-btn,#hcPlanner .hcp-side > .hcp-stick .hcp-btn:hover,#hcPlanner .hcp-side > .hcp-stick .hcp-btn:focus{width:100%;min-width:0}
  #hcPlanner .hcp-plan li{padding:14px 0}
  #hcPlanner .hcp-plan li b{font-size:17px}
  #hcPlanner .hcp-plan li small{font-size:15px}
  #hcPlanner .hcp-seg2s.is-3 .hcp-seg2{padding:14px 16px}
  #hcPlanner .hcp-body:has(> .hcp-rsteps){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto repeat(3,min-content) 1fr;column-gap:36px;align-items:start}
  #hcPlanner .hcp-body:has(> .hcp-rsteps) > *{grid-column:1 / -1}
  #hcPlanner .hcp-body:has(> .hcp-rsteps) > .hcp-rproj{grid-column:1;grid-row:2 / -1;margin:0;padding:22px 26px}
  #hcPlanner .hcp-body:has(> .hcp-rsteps) > .hcp-rsteps,#hcPlanner .hcp-body:has(> .hcp-rsteps) > .hcp-price,#hcPlanner .hcp-body:has(> .hcp-rsteps) > .hcp-reserve,#hcPlanner .hcp-body:has(> .hcp-rsteps) > .hcp-next{grid-column:2}
  #hcPlanner .hcp-body:has(> .hcp-rsteps) > .hcp-rsteps{margin-top:0}
  #hcPlanner .hcp-body:has(> .hcp-rsteps) > .hcp-reserve{margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--txt);display:flex;gap:8px}
  #hcPlanner .hcp-body:has(> .hcp-rsteps) > .hcp-next .hcp-btn{width:100%;min-width:0}
  #hcPlanner .hcp-rstep{padding:16px 18px;font-size:16px}
  #hcPlanner .hcp-body:has(> .hcp-rsteps){grid-template-rows:auto repeat(4,min-content) 1fr;row-gap:0}
  #hcPlanner .hcp-body:has(> .hcp-rsteps) > .hcp-rproj{grid-column:1;grid-row:2;margin:0 0 16px}
  #hcPlanner .hcp-body:has(> .hcp-rsteps) > .hcp-price{grid-column:1;grid-row:3}
  #hcPlanner .hcp-body:has(> .hcp-rsteps) > .hcp-reserve{grid-column:1;grid-row:4}
  #hcPlanner .hcp-body:has(> .hcp-rsteps) > .hcp-next{grid-column:1;grid-row:5;flex-direction:column;align-items:stretch}
  #hcPlanner .hcp-body:has(> .hcp-rsteps) > .hcp-rsteps{grid-column:2;grid-row:2 / -1;margin:0}
  #hcPlanner .hcp-body:has(> .hcp-cal){display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto min-content min-content 1fr;column-gap:36px;align-items:start}
  #hcPlanner .hcp-body:has(> .hcp-cal) > .hcp-head{grid-column:1 / -1}
  #hcPlanner .hcp-body:has(> .hcp-cal) > .hcp-cal{grid-column:1;grid-row:2 / -1;padding:22px 24px;gap:12px}
  #hcPlanner .hcp-body:has(> .hcp-cal) > .hcp-alt-box{grid-column:2;margin:0;padding:22px}
  #hcPlanner .hcp-body:has(> .hcp-cal) > .hcp-next{grid-column:2;flex-direction:column;align-items:stretch;padding-top:16px}
  #hcPlanner .hcp-body:has(> .hcp-cal) > .hcp-next .hcp-btn{width:100%;min-width:0}
  #hcPlanner .hcp-body:has(> .hcp-cal) > .hcp-next .hcp-note{text-align:center}
  #hcPlanner .hcp-cal-g{gap:8px}
  #hcPlanner .hcp-day,#hcPlanner .hcp-day:hover,#hcPlanner .hcp-day:focus{height:58px;font-size:17px;border-radius:12px}
  #hcPlanner .hcp-dow span{font-size:13px}
  #hcPlanner .hcp-cal-h b{font-size:20px}
  #hcPlanner .hcp-body:has(> .hcp-f){display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) 340px;column-gap:24px;align-items:start}
  #hcPlanner .hcp-body:has(> .hcp-f) > *{grid-column:1 / 3}
  #hcPlanner .hcp-body:has(> .hcp-f) > .hcp-head{grid-column:1 / -1}
  #hcPlanner .hcp-body:has(> .hcp-f) > .hcp-f:nth-child(odd){grid-column:1}
  #hcPlanner .hcp-body:has(> .hcp-f) > .hcp-f:nth-child(even){grid-column:2}
  #hcPlanner .hcp-body:has(> .hcp-f) > .hcp-sum{grid-column:3;grid-row:2 / span 4;align-self:start;margin:0;padding:18px 22px}
  #hcPlanner .hcp-body:has(> .hcp-f) > .hcp-legal{grid-row:5 / span 2;align-self:start;padding:14px 18px;margin:0}
  #hcPlanner .hcp-body:has(> .hcp-f) > .hcp-next{grid-column:3;grid-row:6;align-self:end;flex-direction:column;align-items:stretch;padding-top:0}
  #hcPlanner .hcp-legal{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:14px}
  #hcPlanner .hcp-legal > *{grid-column:1 / -1}
  #hcPlanner .hcp-legal > .hcp-q-t{grid-column:1}
  #hcPlanner .hcp-legal > .hcp-chips{grid-column:2}
  #hcPlanner .hcp-legal .hcp-chip,#hcPlanner .hcp-legal .hcp-chip:hover,#hcPlanner .hcp-legal .hcp-chip:focus{min-height:38px}
  #hcPlanner .hcp-body:has(> .hcp-f) > .hcp-next .hcp-btn,#hcPlanner .hcp-body:has(> .hcp-f) > .hcp-next .hcp-btn:hover,#hcPlanner .hcp-body:has(> .hcp-f) > .hcp-next .hcp-btn:focus{width:100%;min-width:0}
  #hcPlanner .hcp-body:has(> .hcp-f) > .hcp-next .hcp-note{text-align:center}
  #hcPlanner .hcp-done{padding-top:52px}
  #hcPlanner .hcp-done + .hcp-plan{max-width:640px;padding:24px 28px}
  #hcPlanner .hcp-modal{max-width:680px;padding:34px 36px 30px}
  #hcPlanner .hcp-modal h2{font-size:28px}
}
@media (min-width:1000px) and (min-height:560px){
  #hcPlanner.hcp{--gap:clamp(10px,2vh,24px);margin:var(--gap) auto;height:calc(100vh - var(--hcp-top,90px) - 2 * var(--gap));height:calc(100dvh - var(--hcp-top,90px) - 2 * var(--gap));min-height:480px;display:flex;flex-direction:column}
  #hcPlanner .hcp-resume,#hcPlanner .hcp-top,#hcPlanner .hcp-progress{flex:none}
  #hcPlanner .hcp-top{padding-top:clamp(6px,1.2vh,14px);padding-bottom:clamp(6px,1.2vh,14px)}
  #hcPlanner .hcp-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-top:clamp(6px,1.4vh,20px);padding-bottom:clamp(16px,3vh,40px)}
  #hcPlanner .hcp-head{padding:clamp(8px,2.2vh,28px) 0 clamp(10px,2vh,22px)}
  #hcPlanner .hcp-head h2{font-size:clamp(26px,4.4vh,40px)}
  #hcPlanner .hcp-head p{font-size:clamp(15px,2vh,18px);margin-top:clamp(4px,1vh,12px)}
  #hcPlanner .hcp-intro{margin:clamp(6px,1.4vh,20px) 0 4px;padding:clamp(10px,1.8vh,20px) 24px}
  #hcPlanner .hcp-intro b{font-size:clamp(18px,2.6vh,22px)}
  #hcPlanner .hcp-list:has(> .hcp-row){gap:clamp(10px,1.8vh,16px)}
  #hcPlanner .hcp-row,#hcPlanner .hcp-row:hover,#hcPlanner .hcp-row:focus,#hcPlanner .hcp-row:active{min-height:clamp(64px,10.5vh,104px);padding-top:clamp(10px,1.8vh,20px);padding-bottom:clamp(10px,1.8vh,20px)}
  #hcPlanner .hcp-list:has(> .hcp-opt){gap:clamp(8px,1.4vh,12px)}
  #hcPlanner .hcp-opt,#hcPlanner .hcp-opt:hover,#hcPlanner .hcp-opt:focus,#hcPlanner .hcp-opt:active{min-height:clamp(50px,7vh,68px)}
  #hcPlanner .hcp-yn .hcp-opt{min-height:clamp(56px,8vh,76px)}
  #hcPlanner .hcp-chips-lg .hcp-chip,#hcPlanner .hcp-chips-lg .hcp-chip:hover,#hcPlanner .hcp-chips-lg .hcp-chip:focus{min-height:clamp(42px,5.6vh,54px)}
  #hcPlanner .hcp-countbox{padding:clamp(8px,2vh,18px) 0 6px}
  #hcPlanner .hcp-next{padding-top:clamp(12px,2.4vh,28px)}
  #hcPlanner .hcp-next .hcp-btn,#hcPlanner .hcp-next .hcp-btn:hover,#hcPlanner .hcp-next .hcp-btn:focus{min-height:clamp(48px,6.2vh,58px)}
  #hcPlanner .hcp-chips{gap:clamp(6px,1.1vh,10px)}
  #hcPlanner .hcp-body:not(:has(> .hcp-side,> .hcp-cal,> .hcp-f,> .hcp-rsteps)) > .hcp-next{position:sticky;bottom:calc(-1 * clamp(16px,3vh,40px));z-index:2;margin:0 -12px calc(-1 * clamp(16px,3vh,40px));padding:clamp(12px,2.4vh,28px) 12px clamp(14px,2.6vh,32px);background:linear-gradient(to bottom,rgba(251,248,243,0),var(--cream) 14px)}
  #hcPlanner .hcp-hero{padding:clamp(16px,3.2vh,36px) 56px}
  #hcPlanner .hcp-hero h2{font-size:clamp(26px,4.2vh,42px)}
  #hcPlanner .hcp-hero p{font-size:clamp(15px,2vh,18px)}
  #hcPlanner .hcp-price b{font-size:clamp(30px,4.6vh,44px)}
  #hcPlanner .hcp-hero > .hcp-heromats{max-height:clamp(80px,16vh,300px)}
  #hcPlanner .hcp-body:has(> .hcp-side){overflow:hidden;padding-bottom:clamp(14px,2.4vh,28px)}
  #hcPlanner .hcp-body:has(> .hcp-side) > .hcp-hero{margin-bottom:clamp(12px,2.4vh,28px)}
  #hcPlanner .hcp-body:has(> .hcp-side) > .hcp-plan,#hcPlanner .hcp-body:has(> .hcp-side) > .hcp-side{height:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  #hcPlanner .hcp-side > .hcp-reservecard{padding:clamp(12px,1.8vh,18px) 20px}
  #hcPlanner .hcp-side > .hcp-reservecard b{font-size:clamp(16px,2.1vh,18px)}
  #hcPlanner .hcp-rsteps{gap:clamp(6px,1.2vh,10px)}
  #hcPlanner .hcp-rstep{padding:clamp(10px,1.6vh,16px) 18px;font-size:clamp(15px,1.9vh,16px)}
  #hcPlanner .hcp-body:has(> .hcp-cal) > .hcp-cal{padding:clamp(12px,2vh,22px) 24px;gap:clamp(6px,1vh,12px)}
  #hcPlanner .hcp-cal-g{gap:clamp(4px,.8vh,8px)}
  #hcPlanner .hcp-day,#hcPlanner .hcp-day:hover,#hcPlanner .hcp-day:focus{height:clamp(32px,5.2vh,58px)}
  #hcPlanner .hcp-f{margin-bottom:clamp(8px,1.6vh,16px);gap:6px}
  #hcPlanner .hcp-input{min-height:clamp(42px,5.6vh,52px);padding-top:8px;padding-bottom:8px}
  #hcPlanner .hcp-body:has(> .hcp-f) > .hcp-sum{margin-bottom:clamp(10px,2vh,22px);padding:clamp(10px,1.6vh,18px) 22px}
  #hcPlanner .hcp-body:has(> .hcp-f){padding-bottom:clamp(8px,1.6vh,24px)}
  #hcPlanner .hcp-body:has(> .hcp-f) > .hcp-head{padding-bottom:clamp(8px,1.6vh,22px)}
  #hcPlanner .hcp-body:has(> .hcp-f) > .hcp-legal{gap:clamp(6px,1vh,10px)}
  #hcPlanner .hcp-done{padding-top:clamp(24px,4vh,52px)}
}
@media (min-width:1000px) and (min-height:560px) and (max-height:780px){
  #hcPlanner .hcp-hero{row-gap:6px}
  #hcPlanner .hcp-hero .hcp-herostats{display:none}
  #hcPlanner .hcp-hero p.hcp-reserve{font-size:14px}
  #hcPlanner .hcp-head p{line-height:1.4}
  #hcPlanner .hcp-lab{font-size:14px}
  #hcPlanner .hcp-body:has(> .hcp-f) > .hcp-head p{display:none}
  #hcPlanner .hcp-sum .hcp-tag{font-size:13px;padding:4px 10px}
}
@media (min-width:1600px){
  body.page-id-2390 #content > .ast-container{max-width:none}
  #hcPlanner.hcp{max-width:min(1400px,74vw)}
  #hcPlanner .hcp-body:has(> .hcp-side){grid-template-columns:minmax(0,1fr) 420px}
  #hcPlanner .hcp-body:has(> .hcp-cal){grid-template-columns:minmax(0,1fr) 400px}
  #hcPlanner .hcp-body:has(> .hcp-f){grid-template-columns:repeat(2,minmax(0,1fr)) 400px}
  #hcPlanner .hcp-head{max-width:900px}
}

/* 14 Oct 2026 (late): desktop plan screen = task list with on/off switches + credits, and a pinned credits bar */
@media (min-width:1px){ /* 15 Oct 2026: was min-width:1000px - plan screen now on every screen size */
  #hcPlanner .hcp-body:has(> .hcp-dlist){display:flex;flex-direction:column}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-head{flex:none;padding-bottom:14px}
  #hcPlanner .hcp-dlist{margin:0;padding:4px 24px 12px;border-radius:16px}
  #hcPlanner .hcp-tlist{list-style:none;margin:0;padding:0;display:block}
  #hcPlanner .hcp-dlist .hcp-tlist li{display:block;margin:0;padding:0;border:0}
  #hcPlanner .hcp-dlist .hcp-tlist li.hcp-tgrp{grid-column:1 / -1;padding:16px 0 6px;border-bottom:1px solid var(--line);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--bd)}
  #hcPlanner .hcp-trow,#hcPlanner .hcp-trow:hover,#hcPlanner .hcp-trow:focus,#hcPlanner .hcp-trow:active{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:10px 6px;border:0;border-bottom:1px solid #EFE9DE;border-radius:0;background:transparent;color:var(--n);text-align:left;cursor:pointer;font-weight:600}
  #hcPlanner .hcp-trow:hover{background:#FBF8F3}
  #hcPlanner .hcp-sw{flex:none;position:relative;width:42px;height:24px;border-radius:999px;background:var(--n);transition:background .15s}
  #hcPlanner .hcp-sw::after{content:"";position:absolute;top:3px;left:21px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .15s}
  #hcPlanner .hcp-trow.is-off .hcp-sw{background:#CFC6B6}
  #hcPlanner .hcp-trow.is-off .hcp-sw::after{left:3px}
  #hcPlanner .hcp-trow-t{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
  #hcPlanner .hcp-dlist .hcp-trow-t b{font-size:16px;line-height:1.3;font-weight:700}
  #hcPlanner .hcp-trow-t small{flex-basis:100%;font-size:13px;line-height:1.35;font-weight:500;color:var(--mut)}
  #hcPlanner .hcp-tq{font-style:normal;font-weight:800;font-size:13px;color:var(--bd)}
  #hcPlanner .hcp-tcr{flex:none;margin-left:4px;font-style:normal;font-weight:800;font-size:13px;padding:4px 10px;border-radius:999px;background:#F6EEDC;color:#5C4410;white-space:nowrap}
  #hcPlanner .hcp-trow.is-off .hcp-trow-t b{color:#7C8B99;text-decoration:line-through;text-decoration-color:#B9AE99}
  #hcPlanner .hcp-trow.is-off .hcp-tcr{background:#F1EEE8;color:#7C8B99}
  #hcPlanner .hcp-trow-t small.hcp-tyou{margin-top:2px;font-size:14px;color:#33475B}
  #hcPlanner .hcp-tyou span{font-weight:800;color:var(--bd)}
  #hcPlanner .hcp-trow.is-off small.hcp-tyou,#hcPlanner .hcp-trow.is-off .hcp-tyou span{color:#9AA5AF}
  /* the credits bar */
  #hcPlanner .hcp-dbar{position:sticky;bottom:0;z-index:3;flex:none;margin-top:14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;padding:16px 22px;border-radius:18px;background:var(--n);color:#fff;box-shadow:0 -8px 24px rgba(15,42,67,.12)}
  #hcPlanner .hcp-dbar-l{display:flex;flex-direction:column;gap:3px;min-width:112px}
  #hcPlanner .hcp-dbar-k{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
  #hcPlanner .hcp-dbar-n{font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:36px;line-height:1;color:#fff}
  #hcPlanner .hcp-dbar-n small{margin-left:6px;font-size:15px;font-weight:700;color:#D5DEE7}
  #hcPlanner .hcp-dbar-d{font-size:15px;font-weight:700;color:#fff}
  #hcPlanner .hcp-days{display:flex;gap:8px}
  #hcPlanner .hcp-dseg{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px}
  #hcPlanner .hcp-dseg-t{height:16px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
  #hcPlanner .hcp-dseg-t span{display:block;height:100%;border-radius:999px;background:#C9A15A;transition:width .25s}
  #hcPlanner .hcp-dseg.is-full .hcp-dseg-t span{background:var(--gold)}
  #hcPlanner .hcp-dseg-l{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#D5DEE7;white-space:nowrap}
  #hcPlanner .hcp-dseg-l b{color:#fff}
  #hcPlanner .hcp-dbar-h{margin:8px 0 0;font-size:13px;line-height:1.4;color:#D5DEE7}
  #hcPlanner .hcp-dbar-r{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:18px;row-gap:2px;text-align:right}
  #hcPlanner .hcp-dbar-p{grid-column:1;grid-row:1;font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:26px;line-height:1.1;color:var(--gold)}
  #hcPlanner .hcp-dbar-r > span{grid-column:1;grid-row:2;font-size:13px;color:#D5DEE7;white-space:nowrap}
  #hcPlanner .hcp-dbar-r > small{grid-column:2;grid-row:3;font-size:12px;text-align:center;color:#D5DEE7}
  #hcPlanner .hcp-dbar .hcp-btn,#hcPlanner .hcp-dbar .hcp-btn:hover,#hcPlanner .hcp-dbar .hcp-btn:focus,#hcPlanner .hcp-dbar .hcp-btn:active{grid-column:2;grid-row:1 / span 2;width:auto;min-height:52px;padding:0 26px;border-radius:12px;background:var(--gold);color:var(--n);font-size:17px;white-space:nowrap}
  #hcPlanner .hcp-dbar .hcp-btn:hover{background:#EBD3A6}
}
@media (min-width:1000px) and (min-height:560px){
  #hcPlanner .hcp-body:has(> .hcp-dlist){overflow:hidden;padding-bottom:clamp(12px,2vh,24px)}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-dlist{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  #hcPlanner .hcp-trow,#hcPlanner .hcp-trow:hover,#hcPlanner .hcp-trow:focus,#hcPlanner .hcp-trow:active{min-height:clamp(46px,6.4vh,56px);padding-top:clamp(6px,1vh,10px);padding-bottom:clamp(6px,1vh,10px)}
  #hcPlanner .hcp-dbar{padding:clamp(10px,1.8vh,16px) 22px;margin-top:clamp(8px,1.6vh,14px)}
  #hcPlanner .hcp-dbar-n{font-size:clamp(28px,4vh,36px)}
}

/* 14 Oct 2026: desktop - the customer's own requests (no catalogue match) sit in their own section, outside credits and the day price */
@media (min-width:1px){ /* 15 Oct 2026: was min-width:1000px - plan screen now on every screen size */
  #hcPlanner .hcp-dlist .hcp-tlist li.hcp-tgrp-c{margin-top:10px;color:#8A3A1C}
  #hcPlanner .hcp-dlist .hcp-tlist li.hcp-cnote{padding:10px 12px;margin:8px 0 4px;border-radius:10px;background:#FBEDE6;color:#6B2E16;font-size:14px;line-height:1.45;font-weight:600}
  #hcPlanner .hcp-tcr.is-quote{background:#FBEDE6;color:#8A3A1C}
  #hcPlanner .hcp-trow.is-off .hcp-tcr.is-quote{background:#F1EEE8;color:#7C8B99}
  #hcPlanner .hcp-dbar-c{margin-top:4px;font-size:13px;font-weight:700;color:var(--gold);line-height:1.3}
  #hcPlanner .hcp-dbar-p small{font-size:14px;font-weight:700;color:#D5DEE7}
}

/* 14 Oct 2026: desktop - half-day last day + fill-the-day suggestions in the credits bar */
@media (min-width:1px){ /* 15 Oct 2026: was min-width:1000px - plan screen now on every screen size */
  #hcPlanner .hcp-dseg.is-half{flex-grow:.5}
  #hcPlanner .hcp-dseg.is-half .hcp-dseg-t{background:rgba(255,255,255,.14) repeating-linear-gradient(90deg,transparent 0 6px,rgba(255,255,255,.05) 6px 8px)}
  #hcPlanner .hcp-dlink,#hcPlanner .hcp-dlink:hover,#hcPlanner .hcp-dlink:focus{display:inline;margin:0 0 0 4px;padding:0;border:0;background:none;color:var(--gold);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:0}
  #hcPlanner .hcp-dfill{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
  #hcPlanner .hcp-dfill > span{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
  #hcPlanner .hcp-dfill-c,#hcPlanner .hcp-dfill-c:hover,#hcPlanner .hcp-dfill-c:focus{min-height:30px;padding:0 12px;border:1px dashed rgba(226,196,140,.7);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font-size:13px;font-weight:700;cursor:pointer;line-height:1}
  #hcPlanner .hcp-dfill-c:hover{background:rgba(226,196,140,.18)}
  #hcPlanner .hcp-dfill-c em{font-style:normal;color:var(--gold);margin-left:4px}
}

/* 14 Oct 2026: desktop - "Fill your day" ideas panel (smart suggestions from the current list), full days only */
@media (min-width:1px){ /* 15 Oct 2026: was min-width:1000px - plan screen now on every screen size */
  #hcPlanner .hcp-ideas{flex:none;margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px 18px;border-radius:16px;background:#FFF8EA;border:1.5px solid #E2C48C}
  #hcPlanner .hcp-ideas-t b{display:block;font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:16px;line-height:1.25;color:var(--n)}
  #hcPlanner .hcp-ideas-t p{margin:3px 0 0;font-size:15px;line-height:1.45;color:var(--txt)}
  #hcPlanner .hcp-ideas-c{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
  #hcPlanner .hcp-idea,#hcPlanner .hcp-idea:focus,#hcPlanner .hcp-idea:active{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1.5px solid var(--b);border-radius:999px;background:#fff;color:var(--n);font-weight:700;font-size:15px;line-height:1.2;cursor:pointer}
  #hcPlanner .hcp-idea:hover{background:var(--n);border-color:var(--n);color:#fff}
  #hcPlanner .hcp-idea em{font-style:normal;font-size:12px;font-weight:800;color:var(--bd)}
  #hcPlanner .hcp-idea:hover em{color:var(--gold)}
  #hcPlanner .hcp-ideas-x,#hcPlanner .hcp-ideas-x:hover,#hcPlanner .hcp-ideas-x:focus{margin-left:auto;min-height:0;padding:4px 2px;border:0;background:none;color:var(--mut);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
}
@media (min-width:1000px) and (min-height:560px){
  #hcPlanner .hcp-ideas{padding:clamp(8px,1.4vh,14px) 18px;margin-top:clamp(8px,1.2vh,12px);gap:clamp(6px,1vh,10px)}
  #hcPlanner .hcp-idea,#hcPlanner .hcp-idea:focus,#hcPlanner .hcp-idea:active{min-height:clamp(34px,4.6vh,40px)}
}

/* 14 Oct 2026: desktop plan screen in two columns - task list left; totals, price, button and fill ideas right */
@media (min-width:1px){ /* 15 Oct 2026: was min-width:1000px - plan screen now on every screen size */
  #hcPlanner .hcp-body:has(> .hcp-dside){display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto minmax(0,1fr);column-gap:24px;align-items:start}
  #hcPlanner .hcp-body:has(> .hcp-dside) > .hcp-head{grid-column:1 / -1}
  #hcPlanner .hcp-body:has(> .hcp-dside) > .hcp-dlist{grid-column:1;grid-row:2}
  #hcPlanner .hcp-body:has(> .hcp-dside) > .hcp-dside{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:12px}
  #hcPlanner .hcp-dside .hcp-dbar{position:static;margin:0;display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:18px 20px;box-shadow:0 6px 20px rgba(15,42,67,.12)}
  #hcPlanner .hcp-dside .hcp-dbar-l{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0}
  #hcPlanner .hcp-dside .hcp-dbar-k{flex-basis:100%}
  #hcPlanner .hcp-dside .hcp-dbar-c{flex-basis:100%}
  #hcPlanner .hcp-dside .hcp-days{flex-direction:column;gap:10px}
  #hcPlanner .hcp-dside .hcp-dbar-h{margin-top:10px}
  #hcPlanner .hcp-dside .hcp-dbar-r{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14);text-align:left}
  #hcPlanner .hcp-dside .hcp-dbar .hcp-btn,#hcPlanner .hcp-dside .hcp-dbar .hcp-btn:hover,#hcPlanner .hcp-dside .hcp-dbar .hcp-btn:focus{width:100%;margin-top:10px}
  #hcPlanner .hcp-dside .hcp-dbar-r > small{text-align:center;margin-top:4px}
  #hcPlanner .hcp-dside .hcp-ideas{margin:0}
  #hcPlanner .hcp-dside .hcp-ideas-x,#hcPlanner .hcp-dside .hcp-ideas-x:hover,#hcPlanner .hcp-dside .hcp-ideas-x:focus{margin-left:0}
  #hcPlanner .hcp-ideas-min,#hcPlanner .hcp-ideas-min:hover,#hcPlanner .hcp-ideas-min:focus{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;padding:10px 16px;border:1.5px dashed #E2C48C;border-radius:14px;background:#FFF8EA;color:var(--n);font-weight:800;font-size:14px;text-align:left;cursor:pointer}
  #hcPlanner .hcp-ideas-min:hover{border-style:solid}
  #hcPlanner .hcp-ideas-min em{font-style:normal;font-weight:700;color:var(--bd);white-space:nowrap}
}
@media (min-width:1000px) and (min-height:560px){
  #hcPlanner .hcp-body:has(> .hcp-dside) > .hcp-dlist,#hcPlanner .hcp-body:has(> .hcp-dside) > .hcp-dside{height:100%;max-height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  #hcPlanner .hcp-dside .hcp-dbar{padding:clamp(12px,2vh,18px) 20px;gap:clamp(8px,1.4vh,14px)}
}
@media (min-width:1600px){
  #hcPlanner .hcp-body:has(> .hcp-dside){grid-template-columns:minmax(0,1fr) 400px}
}

/* two-column plan: keep the button near the top of the right column */
@media (min-width:1px){ /* 15 Oct 2026: was min-width:1000px - plan screen now on every screen size */
  #hcPlanner .hcp-dside .hcp-dbar-l{order:1}
  #hcPlanner .hcp-dside .hcp-dbar-r{order:2;padding-top:0;border-top:0}
  #hcPlanner .hcp-dside .hcp-dbar-m{order:3;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}
  #hcPlanner .hcp-dside .hcp-dbar .hcp-btn,#hcPlanner .hcp-dside .hcp-dbar .hcp-btn:hover,#hcPlanner .hcp-dside .hcp-dbar .hcp-btn:focus{margin-top:8px}
  #hcPlanner .hcp-dside .hcp-dbar-p{font-size:24px}
  #hcPlanner .hcp-dside .hcp-dbar-h{font-size:12.5px}
}
@media (min-width:1000px) and (min-height:560px){
  #hcPlanner .hcp-dside .hcp-dbar .hcp-btn,#hcPlanner .hcp-dside .hcp-dbar .hcp-btn:hover,#hcPlanner .hcp-dside .hcp-dbar .hcp-btn:focus{min-height:clamp(44px,6vh,52px)}
  #hcPlanner .hcp-dside .hcp-days{gap:clamp(6px,1vh,10px)}
}

/* 14 Oct 2026 (19:05): plan screen - slim one-line heading; the credits card never scrolls, only the ideas under it do */
@media (min-width:1px){ /* 15 Oct 2026: was min-width:1000px - plan screen now on every screen size */
  #hcPlanner .hcp-body:has(> .hcp-dside) > .hcp-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;max-width:none;padding:2px 0 10px}
  #hcPlanner .hcp-body:has(> .hcp-dside) > .hcp-head h2{font-size:22px;line-height:1.2;letter-spacing:0}
  #hcPlanner .hcp-body:has(> .hcp-dside) > .hcp-head p{margin:0;font-size:14px;line-height:1.4;color:var(--mut)}
  #hcPlanner .hcp-dside > .hcp-dbar{flex:none;padding:14px 18px;gap:10px}
  #hcPlanner .hcp-dside .hcp-dbar-n{font-size:30px}
  #hcPlanner .hcp-dside .hcp-dbar-p{font-size:22px}
  #hcPlanner .hcp-dside .hcp-dseg-t{height:12px}
  #hcPlanner .hcp-dside .hcp-days{gap:8px}
  #hcPlanner .hcp-dside .hcp-dseg{gap:4px}
  #hcPlanner .hcp-dside .hcp-dbar-h{margin-top:8px;line-height:1.35}
  #hcPlanner .hcp-dside .hcp-dbar-m{padding-top:10px}
  #hcPlanner .hcp-dside .hcp-dbar .hcp-btn,#hcPlanner .hcp-dside .hcp-dbar .hcp-btn:hover,#hcPlanner .hcp-dside .hcp-dbar .hcp-btn:focus{min-height:46px;margin-top:6px}
}
@media (min-width:1000px) and (min-height:560px){
  #hcPlanner .hcp-body:has(> .hcp-dside) > .hcp-dside{overflow:hidden}
  #hcPlanner .hcp-dside > .hcp-ideas{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  #hcPlanner .hcp-dside > .hcp-ideas-min{flex:none}
  #hcPlanner .hcp-body:has(> .hcp-dside){padding-top:clamp(4px,1vh,12px)}
}
@media (min-width:1px){ /* 15 Oct 2026: was min-width:1000px - plan screen now on every screen size */
  #hcPlanner .hcp-dside .hcp-dbar-l{align-items:baseline;gap:0 10px}
  #hcPlanner .hcp-dside .hcp-dbar-k{flex-basis:auto;line-height:1}
  #hcPlanner .hcp-dside .hcp-dbar-n{line-height:1}
  #hcPlanner .hcp-dside .hcp-dbar-d{line-height:1.2}
  #hcPlanner .hcp-dside .hcp-dbar-c{line-height:1.25;margin-top:2px}
  #hcPlanner .hcp-dside .hcp-dbar-r{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:10px;row-gap:4px}
  #hcPlanner .hcp-dside .hcp-dbar-p{grid-column:1;grid-row:1;line-height:1.1}
  #hcPlanner .hcp-dside .hcp-dbar-r > span{grid-column:2;grid-row:1;text-align:right;white-space:normal;line-height:1.25}
  #hcPlanner .hcp-dside .hcp-dbar .hcp-btn,#hcPlanner .hcp-dside .hcp-dbar .hcp-btn:hover,#hcPlanner .hcp-dside .hcp-dbar .hcp-btn:focus{grid-column:1 / -1;grid-row:2;margin-top:4px}
  #hcPlanner .hcp-dside .hcp-dbar-r > small{grid-column:1 / -1;grid-row:3;line-height:1.2;margin-top:0}
  #hcPlanner .hcp-dside .hcp-dseg-l{line-height:1.2}
  #hcPlanner .hcp-dside .hcp-dbar-h{font-size:12.5px}
}

/* 14 Oct 2026 (19:20): plan screen back to ONE column - slim heading, list scrolls, fill ideas then the credits bar pinned at the bottom (never scrolls) */
@media (min-width:1px){ /* 15 Oct 2026: was min-width:1000px - plan screen now on every screen size */
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;max-width:none;padding:2px 0 10px}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-head h2{font-size:22px;line-height:1.2;letter-spacing:0}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-head p{margin:0;font-size:14px;line-height:1.4;color:var(--mut)}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-ideas,#hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-ideas-min{flex:none;margin:10px 0 0}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-dbar{flex:none;position:relative;bottom:auto;margin-top:10px;gap:24px;padding:12px 20px}
  #hcPlanner .hcp-body:has(> .hcp-dlist) .hcp-dbar-n{font-size:30px}
  #hcPlanner .hcp-body:has(> .hcp-dlist) .hcp-dbar-p{font-size:22px}
  #hcPlanner .hcp-body:has(> .hcp-dlist) .hcp-dseg-t{height:12px}
  #hcPlanner .hcp-body:has(> .hcp-dlist) .hcp-dseg{gap:4px}
  #hcPlanner .hcp-body:has(> .hcp-dlist) .hcp-dbar-h{margin-top:6px;font-size:12.5px;line-height:1.35}
  #hcPlanner .hcp-body:has(> .hcp-dlist) .hcp-dbar .hcp-btn,#hcPlanner .hcp-body:has(> .hcp-dlist) .hcp-dbar .hcp-btn:hover,#hcPlanner .hcp-body:has(> .hcp-dlist) .hcp-dbar .hcp-btn:focus{min-height:46px}
}
@media (min-width:1000px) and (min-height:560px){
  #hcPlanner .hcp-body:has(> .hcp-dlist){padding-top:clamp(4px,1vh,12px)}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-ideas{max-height:28vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-dbar{padding:clamp(8px,1.4vh,12px) 20px;margin-top:clamp(6px,1.2vh,10px)}
}
@media (min-width:1px){ /* 15 Oct 2026: was min-width:1000px - plan screen now on every screen size */
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-ideas{padding:10px 14px;gap:8px}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-ideas .hcp-ideas-t{display:flex;align-items:baseline;gap:10px;margin:0}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-ideas .hcp-ideas-t b{flex:none;font-size:14px}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-ideas .hcp-ideas-t p{margin:0;font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-ideas .hcp-ideas-c{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin-top:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-ideas .hcp-idea{flex:none;width:auto;min-height:36px;padding:6px 12px;white-space:nowrap}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-ideas .hcp-ideas-x{flex:none;margin-left:auto;white-space:nowrap}
}

/* 15 Oct 2026: separate purchases shown where they change the decision */
#hcPlanner .hcp-res-buy{display:block;margin-top:3px;font-size:12.5px;line-height:1.3;font-weight:600;color:#8A5A12}
#hcPlanner .hcp-buynote{margin:14px 0 0;padding:10px 14px;border-radius:12px;background:#FFF6E5;border:1px solid #F0D9A8;font-size:14px;line-height:1.45;color:var(--n)}
#hcPlanner .hcp-buynote b{color:#8A5A12}

/* 15 Oct 2026: no total-credits / days block on the left of the desktop credits bar */
@media (min-width:1px){ /* 15 Oct 2026: was min-width:1000px - plan screen now on every screen size */
  #hcPlanner .hcp-dbar,#hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-dbar{grid-template-columns:minmax(0,1fr) auto}
  #hcPlanner .hcp-dbar-m .hcp-dbar-c{display:block;margin-top:4px;font-size:12.5px;font-weight:700;color:var(--gold)}
}

/* 15 Oct 2026: full days highlighted; credits over a full day show as a red tip on the bar */
@media (min-width:1px){ /* 15 Oct 2026: was min-width:1000px - plan screen now on every screen size */
  #hcPlanner .hcp-dseg-t{position:relative}
  #hcPlanner .hcp-dseg-x{position:absolute;top:0;right:0;bottom:0;border-radius:0 999px 999px 0;background:#E04A3A;box-shadow:-2px 0 0 rgba(15,42,67,.35)}
  #hcPlanner .hcp-dfull,#hcPlanner .hcp-dover{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.5}
  #hcPlanner .hcp-dfull{background:var(--gold);color:var(--n)}
  #hcPlanner .hcp-dover{margin-left:4px;background:#E04A3A;color:#fff}
  #hcPlanner .hcp-dseg.is-full .hcp-dseg-l b{color:var(--gold)}
}

/* 15 Oct 2026: phones and iPad portrait get the desktop plan screen (task switches, day bars, fill ideas), sized to fit */
@media (max-width:999px){
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-head{padding:0 0 8px}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-head h2{font-size:20px}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-head p{font-size:13.5px}
  #hcPlanner .hcp-dlist{padding:2px 12px 8px;border-radius:14px}
  #hcPlanner .hcp-trow,#hcPlanner .hcp-trow:hover,#hcPlanner .hcp-trow:focus,#hcPlanner .hcp-trow:active{gap:12px;min-height:52px;padding:9px 2px}
  #hcPlanner .hcp-dlist .hcp-trow-t b{font-size:15px}
  #hcPlanner .hcp-trow-t small{font-size:12.5px}
  #hcPlanner .hcp-sw{width:38px;height:22px}
  #hcPlanner .hcp-sw::after{width:16px;height:16px;left:19px}
  #hcPlanner .hcp-trow.is-off .hcp-sw::after{left:3px}
  #hcPlanner .hcp-tcr{font-size:12px;padding:3px 8px}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-ideas .hcp-ideas-t{display:block}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-ideas .hcp-ideas-t p{white-space:normal;overflow:visible;margin-top:2px}
  #hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-ideas .hcp-idea{min-height:40px}
  #hcPlanner .hcp-dbar,#hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-dbar{position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));border-radius:16px}
  #hcPlanner .hcp-days{flex-wrap:wrap;gap:8px}
  #hcPlanner .hcp-dseg{flex:1 1 30%;min-width:88px;gap:4px}
  #hcPlanner .hcp-dseg-t{height:10px}
  #hcPlanner .hcp-dseg-l{flex-wrap:wrap;gap:0 6px;font-size:12px;white-space:normal;line-height:1.3}
  #hcPlanner .hcp-dfull{margin-left:4px;padding:0 6px;font-size:10.5px}
  #hcPlanner .hcp-dbar-h{margin-top:6px;font-size:12px;line-height:1.35}
  #hcPlanner .hcp-dbar-r{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:10px;row-gap:6px;text-align:left}
  #hcPlanner .hcp-dbar-p{grid-column:1;grid-row:1;font-size:22px}
  #hcPlanner .hcp-dbar-r > span{grid-column:2;grid-row:1;text-align:right;white-space:normal;font-size:12.5px}
  #hcPlanner .hcp-dbar .hcp-btn,#hcPlanner .hcp-dbar .hcp-btn:hover,#hcPlanner .hcp-dbar .hcp-btn:focus,#hcPlanner .hcp-dbar .hcp-btn:active{grid-column:1 / -1;grid-row:2;width:100%;min-height:48px;padding:0 16px;font-size:16px}
  #hcPlanner .hcp-dbar-r > small{grid-column:1 / -1;grid-row:3;text-align:center;font-size:11.5px}
}
/* iPad portrait and large phones in landscape: day bars and price side by side */
@media (min-width:700px) and (max-width:999px){
  #hcPlanner .hcp-dbar,#hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-dbar{grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:center;padding:14px 18px}
  #hcPlanner .hcp-dlist{padding:4px 18px 10px}
  #hcPlanner .hcp-dlist .hcp-trow-t b{font-size:16px}
  #hcPlanner .hcp-dseg-l{font-size:12.5px}
}

/* 15 Oct 2026: credits bar FIXED to the bottom of the screen on phones, iPads and short windows (planner.js fixBar lines it up with the card and sets --hcp-dbar-h) */
@media (max-width:999px), (min-width:1000px) and (max-height:559px){
  #hcPlanner .hcp-dbar,#hcPlanner .hcp-body:has(> .hcp-dlist) > .hcp-dbar{position:fixed;bottom:0;left:0;width:100%;margin:0;z-index:9990;border-radius:16px 16px 0 0;box-shadow:0 -6px 24px rgba(15,42,67,.25)}
  #hcPlanner .hcp-body:has(> .hcp-dlist){padding-bottom:calc(var(--hcp-dbar-h, 200px) + 16px)}
}

/* 15 Oct 2026: phones and iPads - the date screen's 'Hold this date' button is fixed to the bottom, so no scrolling to reach it */
@media (max-width:999px), (min-width:1000px) and (max-height:559px){
  #hcPlanner .hcp-body > .hcp-cal ~ .hcp-next{position:fixed;bottom:0;left:0;width:100%;z-index:9990;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));gap:4px;background:#fff;border-top:1px solid var(--line);border-radius:16px 16px 0 0;box-shadow:0 -6px 24px rgba(15,42,67,.18)}
  #hcPlanner .hcp-body > .hcp-cal ~ .hcp-next .hcp-btn{width:100%;min-height:50px}
  #hcPlanner .hcp-body > .hcp-cal ~ .hcp-next .hcp-note{margin:0;font-size:12px;text-align:center}
  #hcPlanner .hcp-body:has(> .hcp-cal){padding-bottom:calc(var(--hcp-dbar-h, 110px) + 16px)}
}