/* PAG week pages and open training-day panels, with Campus type and corners. */
.co-page .co-training-days{min-width:0;max-width:100%;margin:0 0 var(--section-space,24px);touch-action:pan-y}
.co-page .co-training-week-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;min-width:0}
.co-page .co-training-week-heading h3{margin:0;font:800 var(--section-title-size,20px)/1.3 var(--display);letter-spacing:-.3px}
.co-page .co-training-week-heading p{margin:4px 0 0;font:400 var(--text-label,14px)/1.35 var(--font);color:var(--muted)}
.co-page .co-training-week-position{flex:none;font:600 var(--text-label,14px)/1.3 var(--font);font-variant-numeric:tabular-nums;color:var(--muted)}
.co-page .co-training-days-list{display:grid;gap:12px;min-width:0}
.co-page .co-training-day{min-width:0;max-width:100%;border:0;border-radius:7px;overflow:hidden;background:var(--white)}
.co-page .co-training-day-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;width:100%;margin:0;padding:18px 20px;border:0;background:var(--ink);color:var(--white);text-align:left;cursor:pointer;font-family:var(--font)}
.co-page .co-training-day-heading>span:first-child{display:grid;gap:4px;min-width:0}
.co-page .co-training-day-heading strong{font:800 21px/1.25 var(--display);overflow-wrap:anywhere}
.co-page .co-training-day-heading small{font:400 var(--text-label,14px)/1.35 var(--font);overflow-wrap:anywhere}
.co-page .co-training-day-heading.is-completed{background:var(--status-good,#168446);color:var(--white)}
.co-page .co-training-day-state{display:flex;align-items:center;gap:10px;flex:none;max-width:42%}
.co-page .co-training-day-state svg{flex:none}
.co-page .co-training-day-state small{text-align:right}
.co-page .co-training-day-heading.is-current,.co-page .co-training-day.is-open>.co-training-day-heading:not(.is-completed){background:var(--red);color:var(--white)}
.co-page .co-training-day-content{min-width:0;padding:20px}
.co-page .co-training-day-content>.co-training-title{margin-bottom:16px}
.co-page .co-training-day-content>.co-training-title h3{font-size:var(--section-title-size,20px)}
.co-page .co-training-day-content .co-perform-plan{margin-block:16px}
.co-page .co-training-preparation{min-width:0;margin:16px 0;padding:16px;border:1px solid var(--frame,#fff);border-radius:var(--radius,16px);background:var(--white);color:var(--ink)}
.co-page .co-training-preparation>header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.co-page .co-training-preparation h4{margin:0;font:800 16px/1.35 var(--display);text-transform:uppercase;letter-spacing:.3px}
.co-page .co-training-preparation>header>span{font:600 var(--text-label,14px)/1.35 var(--font);white-space:nowrap}
.co-page .co-training-preparation ol{display:grid;gap:6px;margin:0;padding-left:22px;font:400 var(--text-body,16px)/1.45 var(--font)}
.co-page .co-training-preparation li>small{display:block;margin-top:2px;color:var(--muted);font:400 var(--text-label,14px)/1.4 var(--font)}
.co-page .co-training-preparation-empty{margin:0;color:var(--muted);font:400 var(--text-label,14px)/1.45 var(--font)}
.co-page .co-training-days :is(button,[tabindex="0"]):focus-visible{outline:2px solid var(--red);outline-offset:3px}
.co-page .co-training-day-content .co-wellness-pre{margin:0 0 16px;padding:16px}
.co-page .co-training-day-content .co-wellness-values{gap:8px}
.co-page .co-training-day-content .co-wellness-values dt{display:flex;align-items:flex-end;min-height:2.8em;font-size:var(--text-label,14px);line-height:1.4}
.co-wellness-modal .co-wellness-question legend{min-height:2.8em;line-height:1.4;display:flex;align-items:flex-end}
@media(max-width:600px){
 .co-page .co-training-week-heading{gap:10px}
 .co-page .co-training-day-heading{padding:16px 14px;gap:10px}
 .co-page .co-training-day-heading strong{font-size:18px}
 .co-page .co-training-day-content{padding:14px 10px}
 .co-page .co-training-day-state small{font-size:12px}
 .co-page .co-training-preparation{padding:14px;border:1px solid var(--frame,#fff)}
 .co-page .co-training-day-content .co-wellness-pre{padding:14px}
}
@media(max-width:380px){.co-page .co-training-week-heading h3{font-size:18px}.co-page .co-training-day-state{max-width:34%}}