/* Checklist edition 2: one reading and action system across all courses. */
#checklist-view{max-width:1060px;padding-top:30px;padding-bottom:64px}
#checklist-view .back-link{margin-bottom:26px}
#checklist-view .checklist-intro{display:grid!important;grid-template-columns:minmax(0,1fr) 260px!important;gap:32px!important;align-items:center!important;padding:32px!important;border:1px solid #403039!important;border-radius:22px!important;background:radial-gradient(ellipse at 0 0,#321522 0,transparent 65%),#151216!important;margin-bottom:22px!important}
#checklist-view #checklist-course-title{display:inline-block;color:#ff7391!important;font-size:16px!important;line-height:1.5!important;letter-spacing:.025em!important;margin:0 0 14px!important}
#checklist-view h1{font-size:clamp(28px,3.2vw,42px)!important;line-height:1.16!important;font-weight:650!important;letter-spacing:-.025em!important;margin:0 0 18px!important;max-width:100%!important}
#checklist-view #checklist-description{font-size:18px!important;line-height:1.65!important;color:#e5dce2!important;margin:0 0 16px!important;max-width:60ch}
#checklist-view .checklist-help{font-size:16px!important;line-height:1.65!important;color:#bdb0ba!important;margin:0!important;max-width:60ch}
#checklist-view .checklist-meter{border:1px solid #4c3542!important;background:#1c151b!important;border-radius:16px!important;padding:22px!important;min-width:0!important;box-shadow:none!important}
#checklist-view #checklist-score{font-size:21px!important;line-height:1.35!important;font-weight:600!important;white-space:normal!important}
#checklist-view #checklist-meter-caption{display:block;font-size:16px!important;line-height:1.5!important;color:#c9bec7!important;margin-top:10px}
#checklist-view .checklist-meter-track{height:5px!important;margin:18px 0!important;background:#45353f!important}
#checklist-view .text-button{font-size:16px!important;min-height:44px}
#checklist-view .checklist-navigation{margin:0 0 14px!important;border:1px solid #393039!important;border-radius:14px!important;background:#141216!important}
#checklist-view .checklist-navigation summary{font-size:17px!important;padding:18px 22px!important}
#checklist-view .checklist-sync-status{font-size:16px!important;color:#bdb1bc!important;margin:0 0 24px!important}
#checklist-view .checklist-items{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;padding:0!important;margin:0!important;list-style:none!important;counter-reset:none!important}
#checklist-view .check-item{display:grid!important;grid-template-columns:46px minmax(0,1fr) 126px!important;align-items:start!important;column-gap:20px!important;row-gap:14px!important;position:relative;padding:28px!important;margin:0!important;border:1px solid #3b3039!important;border-radius:18px!important;background:#171418!important;box-shadow:none!important;transform:none!important;scroll-margin-top:24px;transition:border-color .18s,background .18s}
#checklist-view .check-item::before,#checklist-view .check-item::after{display:none!important}
#checklist-view .check-number{display:grid!important;place-items:center;width:46px!important;height:46px!important;padding:0!important;margin:0!important;border:1px solid #713247!important;border-radius:12px!important;background:#311620!important;color:#ff809b!important;font-size:17px!important;font-weight:600!important;line-height:1!important;letter-spacing:0!important;font-variant-numeric:tabular-nums}
#checklist-view .check-content{min-width:0!important}
#checklist-view .check-title{font-size:24px!important;line-height:1.35!important;font-weight:600!important;letter-spacing:-.02em!important;color:#fff!important;padding:6px 0 0!important;margin:0 0 17px!important;max-width:100%!important}
#checklist-view .check-body{max-width:68ch!important;font-size:17px!important;line-height:1.75!important;color:#ddd4dc!important}
#checklist-view .check-actions{display:grid;gap:13px;padding:0;margin:0;list-style:none}
#checklist-view .check-actions li{position:relative;padding-left:18px;margin:0;font-size:17px;line-height:1.75}
#checklist-view .check-actions li::before{content:'';position:absolute;left:0;top:.75em;width:5px;height:5px;border-radius:50%;background:#f64a6d}
#checklist-view .check-control{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;grid-column:3!important;grid-row:1!important;min-height:46px!important;width:126px!important;padding:10px!important;margin:0!important;box-sizing:border-box!important;border:1px solid #5a414e!important;border-radius:10px!important;background:#241a21!important;cursor:pointer;align-self:start!important}
#checklist-view .check-control input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;margin:0!important;cursor:pointer}
#checklist-view .check-control:focus-within{outline:2px solid #ff7190;outline-offset:4px}
#checklist-view .check-box{display:grid!important;place-items:center!important;width:20px!important;height:20px!important;min-width:20px!important;border:1px solid #a08092!important;border-radius:5px!important;background:transparent!important;margin:0!important}
#checklist-view .check-box .icon{width:15px!important;height:15px!important;opacity:0!important}
#checklist-view .check-action{font-size:16px!important;line-height:1.2!important;white-space:nowrap!important;color:#ede3ea!important}
#checklist-view .check-item.checked{border-color:#715062!important;background:#1d171d!important}
#checklist-view .check-item.checked .check-title,#checklist-view .check-item.checked .check-body{opacity:1!important;text-decoration:none!important}
#checklist-view .check-item.checked .check-box{background:#e62652!important;border-color:#e62652!important;color:white!important}
#checklist-view .check-item.checked .check-box .icon{opacity:1!important}
#checklist-view .pause-timer{display:flex!important;flex-wrap:wrap;align-items:center;gap:16px!important;margin-top:24px!important;padding:18px!important;border:1px solid #6e3347!important;border-radius:12px!important;background:#24151d!important}
#checklist-view .timer-label{font-size:16px!important;line-height:1.5!important;color:#e3becb!important;flex-basis:100%}
#checklist-view .timer-display{font-size:32px!important;line-height:1.2!important;letter-spacing:0!important;font-variant-numeric:tabular-nums}
#checklist-view .timer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0!important}
#checklist-view .timer-actions .button{font-size:16px!important;min-height:44px!important;padding:10px 15px!important}
#checklist-view .checklist-formula{margin-top:24px!important;padding:26px!important;border:1px solid #51313f!important;border-left:3px solid #e92d56!important;border-radius:14px!important;background:#1b141a!important;text-align:left!important}
#checklist-view .checklist-formula h2{font-size:18px!important;line-height:1.4!important;color:#ff7f9b!important;margin:0 0 12px!important;letter-spacing:0!important}
#checklist-view .checklist-formula p{font-size:18px!important;line-height:1.7!important;color:#eee2ea!important;margin:0!important;font-weight:400!important}
#checklist-view #course-consultation-contact{margin-top:28px}#checklist-view #course-consultation{max-width:70ch;color:#c8bcc5}
@media(max-width:760px){
 #checklist-view .checklist-intro{grid-template-columns:minmax(0,1fr)!important;padding:24px!important;gap:22px!important}
 #checklist-view .checklist-meter{padding:18px!important;width:100%!important}
 #checklist-view .check-item{grid-template-columns:40px minmax(0,1fr)!important;padding:22px!important;gap:14px!important}
 #checklist-view .check-number{width:40px!important;height:40px!important}
 #checklist-view .check-content{grid-column:1/-1!important;grid-row:2!important}
 #checklist-view .check-control{grid-column:2!important;grid-row:1!important;justify-self:end!important}
 #checklist-view .check-title{font-size:23px!important;padding-top:0!important}
 #checklist-view .check-body{max-width:100%!important}
}
@media(max-width:420px){
 #checklist-view .checklist-intro{padding:20px!important}#checklist-view h1{font-size:29px!important}
 #checklist-view #checklist-description{font-size:17px!important}
 #checklist-view .check-item{padding:20px 17px!important}#checklist-view .check-title{font-size:22px!important}
 #checklist-view .check-actions li{font-size:16px!important;line-height:1.7}
 #checklist-view .pause-timer{padding:15px!important}.checklist-formula{padding:22px!important}
}
@media(prefers-reduced-motion:reduce){#checklist-view *{transition:none!important;scroll-behavior:auto!important}}

#checklist-view .check-actions li{padding:0 0 0 18px!important;margin:0!important;border:0!important;background:none!important;border-radius:0!important;list-style:none!important}

/* Calm, consistent closing section and timer. */
#checklist-view .checklist-formula{padding:28px 30px!important;border-left-width:1px!important;border-radius:18px!important;background:#191519!important}
#checklist-view .checklist-formula h2{font-size:16px!important;text-transform:none!important;font-weight:600!important;margin-bottom:14px!important}
#checklist-view .checklist-formula p{max-width:70ch!important;font-size:17px!important;line-height:1.75!important}
#checklist-view .checklist-consultation{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:18px;padding:26px 30px;border:1px solid #393039;border-radius:18px;background:#141214}
#checklist-view .consultation-copy{min-width:0}
#checklist-view .consultation-copy h2{margin:0 0 8px!important;font-size:20px!important;line-height:1.4!important;color:#f5edf2!important;letter-spacing:0!important;text-transform:none!important}
#checklist-view #course-consultation{margin:0!important;max-width:55ch!important;font-size:16px!important;line-height:1.7!important;color:#bfb2bc!important}
#checklist-view #course-consultation-contact{margin:0!important}
#checklist-view #course-consultation-contact .button{min-height:48px!important;margin:0!important;padding:12px 20px!important;font-size:16px!important;white-space:nowrap}
#checklist-view .pause-timer{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;padding:24px!important;background:#20161d!important;border-color:#57313f!important;border-radius:16px!important}
#checklist-view .timer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#checklist-view .timer-label{flex-basis:auto;font-size:16px!important;color:#d6c4cf!important}
#checklist-view .timer-status{font-size:16px;line-height:1.5;color:#af9eaa}
#checklist-view .timer-display{font-size:clamp(40px,5vw,52px)!important;font-weight:600!important;line-height:1.1!important;letter-spacing:-.035em!important;color:#fff!important}
#checklist-view .timer-track{height:4px;background:#4b303d;border-radius:5px;overflow:hidden}
#checklist-view .timer-fill{height:100%;width:0;background:#f04a71;border-radius:inherit}
#checklist-view .timer-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;width:100%}
#checklist-view .timer-actions .button,#checklist-view .timer-actions .text-button{min-height:46px!important;margin:0!important;padding:11px 16px!important;font-size:16px!important;line-height:1.4!important;width:auto!important;border-radius:10px!important}
#checklist-view .timer-actions .text-button{border:1px solid #5b4050!important;color:#d6c4cf!important;background:transparent!important}
#checklist-view .timer-actions button:disabled{opacity:.4;cursor:default}
#checklist-view .pause-timer[data-state="complete"]{border-color:#8b536a!important}
@media(max-width:760px){#checklist-view .checklist-consultation{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px}#checklist-view #course-consultation-contact .button{width:100%!important}#checklist-view .checklist-formula{padding:24px!important}}
@media(max-width:420px){#checklist-view .checklist-consultation,#checklist-view .checklist-formula{padding:20px!important}#checklist-view .pause-timer{padding:18px!important}#checklist-view .timer-actions{grid-template-columns:minmax(0,1fr)!important}#checklist-view .timer-actions button{width:100%!important}}

/* Keep the completion control inside the same inset as the step number. */
#checklist-view .check-item{box-sizing:border-box!important;grid-template-columns:46px minmax(0,1fr) 144px!important;padding:32px!important;column-gap:24px!important}
#checklist-view .check-control{box-sizing:border-box!important;width:144px!important;min-width:0!important;max-width:100%!important;justify-self:end!important}
@media(max-width:900px){#checklist-view .check-item{grid-template-columns:46px minmax(0,1fr)!important}#checklist-view .check-content{grid-column:2!important;grid-row:1!important}#checklist-view .check-control{grid-column:2!important;grid-row:2!important;justify-self:start!important;margin-top:8px!important}}
@media(max-width:760px){#checklist-view .check-item{grid-template-columns:40px minmax(0,1fr)!important;padding:24px!important;gap:18px!important}#checklist-view .check-content{grid-column:1/-1!important;grid-row:2!important}#checklist-view .check-control{grid-column:1/-1!important;grid-row:3!important;justify-self:start!important;margin-top:0!important}}
@media(max-width:420px){#checklist-view .check-item{padding:22px!important}}