#candle-plan{--cp-ink:#234c48;--cp-paper:#f8f5ed;--cp-accent:#b75c43;color:#243c3a;line-height:1.55}#candle-plan *{box-sizing:border-box}#candle-plan [hidden]{display:none!important}#candle-plan h2{font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.15;margin:.4rem 0}#candle-plan h3{font-size:1.15rem;margin:0 0 .8rem}#candle-plan p{margin:.5rem 0 1rem}.cp-eyebrow{letter-spacing:.12em;font-size:.75rem;font-weight:750;color:#735a37}.cp-presets{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0}#candle-plan button{font:inherit;cursor:pointer;white-space:normal;border:1px solid #afbfba;border-radius:10px;background:#fff;color:var(--cp-ink);padding:.65rem .9rem}#candle-plan button:hover{background:#edf3ef}#candle-plan button[aria-pressed=true]{border-color:var(--cp-ink);background:#e4efea}#candle-plan button:disabled{opacity:.5;cursor:default}#candle-plan :is(button,input,select):focus-visible{outline:3px solid #b65b41;outline-offset:3px}.cp-presets button{text-align:left;flex:1;min-width:230px}.cp-presets small{display:block;font-size:.8rem;font-weight:400}.cp-summary{background:var(--cp-ink);color:#fff;padding:1.2rem 1.5rem;border-radius:16px;margin:1rem 0 1.4rem}.cp-summary strong{display:block;font-size:1.9rem;line-height:1.15}.cp-summary p{margin:.4rem 0 0!important}.cp-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:1.4rem;align-items:start}.cp-controls,.cp-output{min-width:0}.cp-box{background:var(--cp-paper);padding:1.2rem;border-radius:14px;margin-bottom:1rem}.cp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem .8rem}.cp-fields>label{display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:.3rem;margin-bottom:.8rem;min-width:0}.cp-fields span{align-self:end;font-weight:650}.cp-fields small{font-size:.77rem;line-height:1.4;color:#526660}#candle-plan input,#candle-plan select{min-width:0;width:100%;font:inherit;color:#203d39;background:#fff;border:1px solid #a7b7ae;border-radius:7px;padding:.6rem;height:3rem}#candle-plan input[type=color]{padding:.3rem}#candle-plan select{padding-right:1.6rem}.cp-colour{padding:1rem 0;border-top:1px solid #cbd4c9}.cp-colour-head{display:flex;gap:.4rem;justify-content:space-between;align-items:center;margin-bottom:.6rem}.cp-colour-head strong{min-width:0;overflow-wrap:anywhere}.cp-colour-head button{padding:.3rem .6rem!important}.cp-note{font-size:.85rem;color:#526660}.cp-preview{background:#f7f2e7;border-radius:14px;padding:1rem;text-align:center}.cp-preview svg{width:100%;max-height:400px;display:block}.cp-preview p{font-size:.82rem}.cp-shopping{display:grid;gap:.7rem;margin:1rem 0}.cp-purchase{border-left:7px solid var(--swatch);background:#f4f7f3;padding:1rem;border-radius:0 12px 12px 0;overflow-wrap:anywhere}.cp-purchase h4{font-size:1rem;margin:0 0 .35rem}.cp-purchase strong{font-size:1.35rem}.cp-purchase dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .7rem;font-size:.85rem;margin:.65rem 0 0}.cp-purchase dt,.cp-purchase dd{margin:0}.cp-purchase dd{text-align:right}.cp-actions{display:flex;gap:.6rem;flex-wrap:wrap}.cp-equation{font-size:.85rem;background:#fff;padding:.7rem;border-radius:8px}#cp-error{border-left:4px solid #a13926;padding:1rem;background:#fff0e7;color:#742a1c}#candle-plan details{margin:1rem 0}#candle-plan summary{cursor:pointer;font-weight:700;padding:.6rem 0}.cp-notes{margin-top:1.5rem}.cp-notes p{font-size:.9rem}#cp-status{font-size:.85rem}
@media(max-width:900px){.cp-workspace{grid-template-columns:1fr}.cp-output{order:2}.cp-preview svg{max-height:360px}}
@media(max-width:420px){.cp-fields{grid-template-columns:1fr}.cp-box{padding:1rem}.cp-summary{padding:1.1rem}.cp-purchase dl{grid-template-columns:1fr}.cp-purchase dd{text-align:left;font-weight:650}}
@media(prefers-reduced-motion:no-preference){#candle-plan button{transition:background .15s}}
#candle-plan .cp-summary p{color:#f3f7f1}#candle-plan .cp-summary a{color:#fff;text-decoration:underline;font-size:.85rem}

#candle-plan [data-focus-colour]{cursor:pointer}#candle-plan [data-focus-colour]:is(:hover,:focus){stroke:#203d39;stroke-width:3;outline:none}

.cp-group{padding:1rem 0;border-top:1px solid #cfcec1}.cp-row-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.cp-row-head h4{margin:.4rem 0}.cp-ingredients{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.cp-ingredients article{background:#f2eee0;border-radius:12px;padding:1rem;min-width:0}.cp-ingredients article:last-child{background:#f5e4cd}.cp-ingredients span,.cp-ingredients strong{display:block}.cp-ingredients strong{font-size:1.5rem;overflow-wrap:anywhere}.cp-graphic{background:#f8f5ed;border-radius:12px;padding:1rem;margin:1rem 0}.cp-graphic svg{display:block;width:100%;overflow:visible}.cp-graphic p{font-size:.85rem}.cp-legend{display:flex;flex-wrap:wrap;gap:.4rem}.cp-legend button{font-size:.85rem!important}.cp-pour article{border-left:4px solid #385c56;padding:.7rem 1rem;margin:.7rem 0;background:#f5f7f2;overflow-wrap:anywhere}.cp-pour h4{margin:0}.cp-pour p{font-size:.85rem}#cp-stock-error{background:#fff0e7;color:#742a1c;padding:.7rem}#candle-plan summary{cursor:pointer;font-weight:700}#candle-plan details{margin:1.2rem 0}#candle-plan [data-focus-group]{cursor:pointer}#candle-plan g[data-focus-group]:focus{outline:3px solid #b96643;outline-offset:2px}.cp-summary strong{overflow-wrap:anywhere}@media(max-width:420px){.cp-ingredients{grid-template-columns:1fr}}