/* Horizontal strips: preserve native scrolling, hide only its painted scrollbar. */
.cf-tabs,.cf-track,.moulteurs-track,.presence-strip,.common-project-carousel,.routine-picker-slide{scrollbar-width:none!important;-ms-overflow-style:none!important}
.cf-tabs::-webkit-scrollbar,.cf-track::-webkit-scrollbar,.moulteurs-track::-webkit-scrollbar,.presence-strip::-webkit-scrollbar,.common-project-carousel::-webkit-scrollbar,.routine-picker-slide::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.cx-screen{width:100%;max-width:920px;margin:0 auto;min-width:0;box-sizing:border-box}
.cx-screen-back{margin:0 0 12px;min-height:44px;color:#443990;background:transparent;border:0;font:inherit;text-align:left;cursor:pointer}
.cx-screen .cx-example{min-width:0}
.cx-screen .cx-example h2,.cx-screen .cx-example p{max-width:100%}
.cx-screen .cx-example>header{background:#443990;color:white;border-radius:24px}
.cx-screen .cx-example>header h2,.cx-screen .cx-example>header p{color:inherit}
.cx-screen .cx-example>nav button{background:#e3efec;color:#443990;border:1px solid #dbe3e9;min-height:46px}
.cx-screen .cx-example>nav button[aria-pressed=true]{background:#443990;color:white}
.cx-screen .cx-example article{background:white;border:1px solid #e1e5ed;border-radius:16px}
.cx-screen button:focus-visible{outline:3px solid #69a99e;outline-offset:3px}
/* The global header rule must not put preview content in columns. */
#view .cx-screen .cx-example>header{display:block!important;position:static!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden;padding:16px!important}
#view .cx-screen .cx-example>header h2{margin:8px 0 4px!important;font-size:24px!important;line-height:1.2!important;overflow-wrap:anywhere}
#view .cx-screen .cx-example>header p{margin:4px 0 12px!important;font-size:14px;line-height:1.4}
#view .cx-screen .cx-example>header small{display:inline-block;font-size:10px;padding:3px 8px;border-radius:20px;background:#ffffff25}
#view .cx-screen .cx-example>header img{display:block!important;position:static!important;transform:none!important;width:100%!important;max-width:100%!important;height:160px!important;object-fit:cover!important;object-position:center;border-radius:14px!important;margin:0!important}
#view .cx-screen .cx-example>nav{position:static!important;inset:auto!important;width:100%!important;box-sizing:border-box!important;z-index:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;overflow:visible!important;gap:7px!important;margin:12px 0!important}
#view .cx-screen .cx-example>nav button{border-radius:12px!important;white-space:normal!important;min-width:0;font-size:13px;padding:10px 6px!important}
#view .cx-screen .cx-example article{display:block!important;margin:8px 0!important;padding:12px!important;min-height:0!important}
#view .cx-screen .cx-example article b{font-size:15px}#view .cx-screen .cx-example article p{font-size:13px;margin:4px 0!important}
#view .cx-screen .cx-example label{display:flex!important;align-items:center;gap:8px;padding:6px 0!important;font-size:12px;margin:0!important}
#view .cx-screen .cx-example input[type=checkbox]{width:18px!important;height:18px!important;margin:0!important;accent-color:#443990}
#view .cx-screen .cx-example footer{display:block!important;position:static!important;margin:16px 0 0!important;padding:0!important}
.cx-days{display:flex;gap:6px;margin:12px 0}.cx-days button{min-height:40px;padding:8px 12px;border:1px solid #dedee8;border-radius:12px;background:white;color:#443990}.cx-days button[aria-pressed=true]{background:#443990;color:white}
.cx-summary{padding:10px;border-radius:12px;background:#e2f1ec;font-size:13px;color:#302b60}.cx-reminders{margin-top:12px;border-top:1px solid #dedee8;padding-top:10px}.cx-reminders summary{cursor:pointer;padding:10px 0;font-weight:600;color:#443990}


#view .cx-screen .cx-example>header img{height:clamp(180px,52vw,340px)!important}
#view .cx-screen .cx-example>header h2{font-size:clamp(25px,5vw,36px)!important}
#view .cx-screen .cx-example>footer .primary{width:100%;min-height:46px}