/* Shared narrow offer column at both device sizes. */
body:has(.wc-off){background:linear-gradient(180deg,#e7e6da 0,#f7f1e9 225px);color:#292722}
#app:has(.wc-off)>.top{display:none}
#app:has(.wc-off)>#main{width:min(384px,calc(100% - 32px));padding:38px 0 20px;min-height:0;margin:auto}
#app:has(.wc-off)>.footer{width:min(384px,calc(100% - 32px));display:flex;flex-wrap:wrap;justify-content:center;text-align:center;border-color:#ded9ce}
.wc-off,.wc-order{--wc-green:#375d49;--wc-deep:#2f5140;--wc-text:#292620;--wc-muted:#514d46;--wc-border:#dfd9cc;--wc-card:#fdfaf4;--wc-red:#b7584e;font-family:ui-rounded,"Avenir Next","Trebuchet MS",system-ui,sans-serif;color:var(--wc-text);line-height:1.45}
.wc-off h1,.wc-off h2,.wc-off h3,.wc-order h2{font-family:inherit;font-weight:700;letter-spacing:-.028em;line-height:1.23;margin:0;color:var(--wc-text)}
.wc-off h1,.wc-off h2{font-size:24px}.wc-off h3{font-size:16px}.wc-off p,.wc-order p{margin:0;line-height:1.55}
.wc-off-head{text-align:center}.wc-off-brand{font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--wc-muted);font-weight:650}.wc-off-brand img{border-radius:5px}
.wc-special{display:flex;justify-content:center;align-items:center;gap:7px;font-size:16px;font-weight:700;margin:14px 0}
.wc-special b,.wc-phase b{display:inline-block;color:#fff;background:var(--wc-green);padding:4px 10px;border-radius:10px;font-size:14px}
.wc-off-head h1{color:var(--wc-green)}.wc-owner{display:inline-block;max-width:100%;margin:12px auto 0;border:1px solid #a8b0a1;padding:4px 16px;border-radius:99px;color:var(--wc-green);font-weight:650;overflow-wrap:anywhere}
.wc-compare{margin-top:30px}.wc-phase,.wc-chart,.wc-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.wc-phase{justify-items:center;align-items:center;gap:8px;text-align:center}.wc-phase b{padding:4px 13px}
.wc-off-art{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}
.wc-compare>.wc-off-art{margin:8px 0 11px}
.wc-chart-col{padding:0 12px 0 0}.wc-chart-col+.wc-chart-col{padding:0 0 0 15px;border-left:1px solid #e3dfd6}
.wc-chart-col>div:not(.wc-meter){padding:5px 0 12px}.wc-chart-col>div:first-child{border-bottom:1px solid #e5e0d8;margin-bottom:9px}
.wc-chart-col b,.wc-chart-col span{display:block;font-size:14px}.wc-chart-col span{color:var(--wc-muted)}
.wc-meter{display:flex;gap:4px}.wc-meter i{height:7px;flex:1;background:#e78075;border-radius:10px}.wc-chart-col:first-child .wc-meter i:nth-child(2){opacity:.35}.wc-chart-col:first-child .wc-meter i:last-child{opacity:.14}.wc-chart-col:last-child .wc-meter i{background:var(--wc-green)}
.wc-off-section{margin:50px 0 0}.wc-off-section>h2{text-align:center;margin:0 0 20px}
.wc-personal>h2{font-size:22px;margin-bottom:12px}.wc-goals{background:#f8f9f9;border-radius:12px;text-align:center;padding:12px;gap:8px}
.wc-goals i{width:32px;height:32px;display:grid;place-items:center;background:#ebe9e1;border-radius:50%;font-style:normal;margin:0 auto 5px}.wc-goals small,.wc-goals b{display:block;overflow-wrap:anywhere}.wc-goals small{font-size:11px;color:var(--wc-muted)}.wc-goals b{font-size:13px}
.wc-card,.wc-order-card{border:1px solid var(--wc-border);border-radius:12px;background:var(--wc-card);overflow:hidden}
.wc-walk{margin:12px 0 0;text-align:center;padding-top:12px}.wc-walk>img:first-child{display:block;margin:auto}.wc-walk p{margin:7px 16px 14px;font-size:15px}
.wc-price-alert{border-radius:10px;background:#e5ebdd;border:1px dashed #aebda5;padding:12px 15px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--wc-deep);margin-bottom:15px}
.wc-plan-list{display:grid;gap:14px}.wc-plan{appearance:none;position:relative;display:grid;width:100%;min-height:105px;grid-template-columns:20px minmax(0,1fr) minmax(84px,.48fr);align-items:center;gap:10px;padding:22px 13px 14px;border:2px solid var(--wc-border);background:var(--wc-card);border-radius:12px;text-align:left;color:var(--wc-text);line-height:1.22;cursor:pointer}
.wc-plan.wc-active{border-color:#75a27a;background:#fbfaf1}.wc-plan:hover{border-color:#86a58b}.wc-discount{position:absolute;top:7px;left:12px;background:var(--wc-red);color:white;border-radius:10px;font-size:11px;line-height:1;padding:3px 8px;font-weight:700}
.wc-radio{display:block;width:20px;height:20px;border:2px solid #d0cfd0;border-radius:50%}.wc-active .wc-radio{border-color:#72a175;background:radial-gradient(circle,#729e75 0 42%,transparent 46%)}
.wc-plan-name>b{display:block;font-weight:700;font-size:15px;line-height:1.2;text-transform:uppercase}.wc-plan-name>span{display:block;margin-top:4px;font-size:13px;line-height:1.3}.wc-plan del,.wc-lines del{color:var(--wc-muted)}
.wc-day-tag{min-height:62px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6px 4px 6px 12px;background:#eeeae4;clip-path:polygon(13% 0,100% 0,100% 100%,13% 100%,0 50%);text-align:center;white-space:nowrap}
.wc-day-tag del,.wc-day-tag small{font-size:10px}.wc-day-tag b{font-size:clamp(17px,4.5vw,24px);line-height:1.08;letter-spacing:-.06em}
.wc-off-cta,.wc-order form button[type=submit]{display:block;width:100%;border:0;border-radius:12px;color:#fff;background:var(--wc-green);font-size:16px;line-height:1.2;font-family:inherit;font-weight:700;cursor:pointer}
.wc-off-cta{min-height:55px;margin:16px 0 13px;text-transform:uppercase;padding:12px 15px}.wc-off-cta:hover,.wc-order form button[type=submit]:enabled:hover{background:var(--wc-deep)}
.wc-off .wc-disclose,.wc-estimate{display:block;text-align:center;color:var(--wc-muted);font-size:11px;line-height:1.48}.wc-estimate{font-size:10px;margin-top:5px}.wc-disclose a,.wc-access a,.wc-terms a{color:inherit;text-underline-offset:2px}
.wc-daily>div{padding:16px}.wc-card h3{margin:0 0 6px}.wc-card p,.wc-check-section li,.wc-faq p,.wc-access p{color:var(--wc-muted);font-size:14px;line-height:1.58}
.wc-mini{display:grid;grid-template-columns:96px 1fr;align-items:start;gap:12px;padding:12px;margin-top:12px}.wc-mini h3{font-size:15px}.wc-thumb{display:block;width:100%;aspect-ratio:96 / 74;border-radius:8px}.wc-bonus-list,.wc-check-section ul{padding:0;list-style:none;margin:0}
.wc-bonus-list li{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--wc-muted);margin:.45em 0}.wc-bonus-list .wc-thumb{flex:0 0 24px;width:24px;border-radius:4px}
.wc-check-section+.wc-check-section{margin-top:32px}.wc-check-section ul{display:grid;gap:15px}.wc-check-section li,.wc-faq article{display:flex;gap:12px;align-items:flex-start}
.wc-check-section li>span,.wc-faq article>span{width:22px;height:22px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#dfebde;color:var(--wc-green);font-weight:700}
.wc-example{padding:17px 18px;margin-top:12px}.wc-example>span{display:block;color:#bc9558;font-size:22px;line-height:1;margin:0 0 7px}
.wc-faq article{margin-top:23px}.wc-faq h3{font-size:15px;margin:1px 0 4px}.wc-access{text-align:center}.wc-access>h2{margin:10px 0}.wc-access p+p{margin-top:10px;font-size:12px}
.wc-access-icon{width:74px;height:74px;display:grid;place-items:center;margin:auto;border-radius:50%;border:3px double #b99b65;background:#e9dfbc;color:#55775a;font-size:33px;font-weight:bold}
.wc-order{box-sizing:border-box;position:fixed;padding:20px;width:min(448px,calc(100% - 32px));border:0;border-radius:16px;max-height:calc(100dvh - 30px);overflow:auto;overscroll-behavior:contain;margin:auto;background:var(--wc-card);box-shadow:0 15px 40px #211e1824}
.wc-order::backdrop{background:rgba(38,35,31,.70)}body:has(.wc-order[open]){overflow:hidden}.wc-order header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.wc-order h2{font-size:18px}.wc-close{border:0;background:transparent;color:#534d45;padding:0;width:30px;height:30px;cursor:pointer;font-size:24px;line-height:1}
.wc-order-card{padding:16px}.wc-charge,.wc-saving{display:flex;align-items:center;justify-content:space-between;gap:9px}.wc-charge>b{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--wc-muted)}.wc-charge>strong{font-weight:700;font-size:25px;line-height:1.35}
.wc-saving{padding:8px 12px;border-radius:9px;margin:13px 0 12px;background:#e6eae1;color:var(--wc-green);font-size:14px;font-weight:680}
.wc-lines{border-top:1px solid var(--wc-border);padding-top:6px}.wc-ledger-line{display:flex;align-items:baseline;gap:6px;margin-top:7px;font-size:13px;line-height:1.36}.wc-ledger-line:first-child>span{font-weight:700;text-transform:uppercase}.wc-ledger-line i{border-bottom:1px dotted #d6d1c7;flex:1;align-self:flex-end;margin-bottom:.3em}.wc-ledger-line strong{white-space:nowrap}.wc-ledger-line del{font-weight:400}
.wc-order form{margin-top:17px}.wc-order label{display:block;font-size:13px;font-weight:600}.wc-order input{box-sizing:border-box;display:block;width:100%;border:1px solid var(--wc-border);background:white;border-radius:11px;height:48px;font:inherit;font-size:16px;padding:10px 14px;margin-top:6px}
.wc-order form fieldset{padding:0;margin:0;border:0}.wc-order p.wc-order-help,.wc-order p.wc-terms{font-size:11px;color:var(--wc-muted);line-height:1.45;margin:6px 0}.wc-order p.wc-terms{margin:8px 0 10px}.wc-order form button[type=submit]{min-height:48px;padding:10px}.wc-order fieldset:disabled button,.wc-order form button[type=submit]:disabled{background:#e6e7e9;color:#6b7075;cursor:default}.wc-order .status:empty{display:none}
@media(max-width:600px){#app:has(.wc-off)>#main,#app:has(.wc-off)>.footer{width:min(320px,calc(100% - 32px))}#app:has(.wc-off)>#main{padding-top:24px}.wc-off h1,.wc-off h2{font-size:20px}.wc-off .wc-personal h2{font-size:18px}.wc-owner{font-size:14px}.wc-plan{min-height:105px;grid-template-columns:20px minmax(0,1fr) minmax(84px,.64fr);gap:8px}.wc-day-tag b{font-size:21px}.wc-order{width:100%;max-width:100%;max-height:calc(100dvh - 12px);inset:auto 0 0;margin:0;border-radius:16px 16px 0 0;padding:18px 20px max(20px,env(safe-area-inset-bottom))}.wc-mini{gap:11px}}
@media(max-width:340px){.wc-order{padding:14px}.wc-order-card{padding:12px}.wc-mini{grid-template-columns:74px 1fr}.wc-plan{grid-template-columns:16px minmax(0,1fr) 79px;padding-inline:9px}.wc-radio{width:16px;height:16px}.wc-plan-name>b{font-size:13px}.wc-day-tag b{font-size:18px}}

.wc-chart-col{display:grid;grid-template-rows:subgrid;grid-row:span 3}.wc-order form button:disabled,.wc-order fieldset:disabled button{opacity:1}.wc-order input{font-weight:400}