.bpc{--navy:#112f5f;--orange:#ef7d17;--cream:#fff7e8;max-width:900px;margin:30px auto;color:#293241;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}.bpc *{box-sizing:border-box}.bpc-hero{padding:34px 25px;text-align:center;background:linear-gradient(135deg,#fff0d2,#fff);border:3px solid var(--navy);border-radius:20px}.bpc-hero>span{display:inline-block;padding:7px 15px;color:#fff;background:var(--orange);border-radius:999px;font-weight:800}.bpc-hero h2{margin:12px 0 8px;color:var(--navy);font-size:clamp(27px,5vw,42px);line-height:1.3}.bpc-hero p{margin:0}.bpc-progress{margin:20px 0;padding:19px;color:#fff;background:var(--navy);border-radius:14px}.bpc-progress>div{display:flex;justify-content:space-between}.bpc-progress>i{display:block;height:13px;margin-top:10px;overflow:hidden;background:rgba(255,255,255,.2);border-radius:99px}.bpc-progress>i span{display:block;width:0;height:100%;background:#ffd166;transition:width .25s}.bpc-progress p{margin:8px 0 0;font-size:12px}.bpc-day{margin-top:12px;background:#fff;border:2px solid #e1e6ed;border-radius:12px;box-shadow:0 4px 13px rgba(17,47,95,.07)}.bpc-day summary{display:flex;align-items:center;gap:13px;padding:18px;cursor:pointer;list-style:none}.bpc-day summary::-webkit-details-marker{display:none}.bpc-day summary>span{padding:7px 10px;color:#fff;background:var(--orange);border-radius:8px;font-weight:900}.bpc-day summary div b,.bpc-day summary div small{display:block}.bpc-day summary div b{color:var(--navy);font-size:19px}.bpc-day summary div small{margin-top:3px;color:#687386}.bpc-body{padding:4px 20px 20px;border-top:1px solid #e6eaf0}.bpc-body p{line-height:1.85}.bpc-body h3{color:var(--orange)}.bpc-body label{display:block;margin-top:9px;padding:12px;background:#f7f9fc;border-radius:8px}.bpc-body input{width:19px;height:19px;margin-right:7px;vertical-align:middle}.bpc-body .bpc-complete{margin-top:17px;color:#fff;background:var(--navy);font-weight:800}.bpc-day.is-complete{border-color:#56a66a}.bpc-day.is-complete summary{background:#f1fbf3}.bpc-finish{margin-top:20px;padding:24px;background:var(--cream);border:3px solid var(--orange);border-radius:14px}.bpc-finish h3{margin-top:0;color:var(--navy)}@media(max-width:650px){.bpc-day summary{align-items:flex-start;padding:15px}.bpc-day summary div b{font-size:17px}.bpc-body{padding:4px 15px 16px}}