:root{--ink:#23483e;--muted:#78827c;--border:#e3e8e0;--paper:#fafbf8;--sage:#eff3eb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #819b74;outline-offset:5px}.center-shell{max-width:760px;margin:auto;padding:52px 28px 26px;text-align:center}.brand{display:inline-flex;align-items:center;gap:10px;text-align:left;font:800 12px 'Manrope',sans-serif;letter-spacing:1.5px}.brand-icon{font-size:39px;font-weight:400;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:3.5px;margin-top:5px}.intro{margin:64px 0 32px}.eyebrow{display:block;font-size:9px;letter-spacing:2px;font-weight:700;color:#7a8c74}h1{font:600 clamp(36px,5vw,49px)/1.16 'Manrope',sans-serif;letter-spacing:-2px;margin:18px 0 16px}.intro p{font-size:14px;color:var(--muted);margin:0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:18px}.choice{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid var(--border);border-radius:16px;padding:29px 18px 22px;color:var(--ink);transition:transform .18s,border-color .18s,box-shadow .18s}.choice:hover{transform:translateY(-3px);border-color:#afc2a4;box-shadow:0 9px 25px #284a3610}.choice-icon{height:48px;width:48px;background:var(--sage);border-radius:14px;display:grid;place-items:center;font-size:25px;margin-bottom:20px}.choice-title{font:700 19px 'Manrope',sans-serif;letter-spacing:-.5px}.choice-description{font-size:12px;color:var(--muted);margin:9px 0 27px;line-height:1.6}.choice-action{font-size:12px;font-weight:600;display:flex;gap:24px;align-items:center}.choice-action>span{font-size:19px;font-weight:400}.pending{font-size:11px;color:#899181;margin:22px 0 0;display:flex;gap:7px;align-items:center;justify-content:center}.pending>span{width:5px;height:5px;border-radius:50%;background:#b0ba9d}.result-note{border-top:1px solid var(--border);margin-top:39px;padding-top:24px}.result-note p{font-size:11px;color:var(--muted);line-height:1.8;margin:0 0 10px}.result-note button{font-size:11px;color:var(--ink);border:0;background:none;padding:8px}.result-note button span{margin-left:10px}footer{margin-top:44px;font-size:10px;color:#939b94}footer p{margin:0 0 11px}footer a{color:var(--ink);margin-left:5px}footer>span{font-size:9px}dialog{border:1px solid var(--border);border-radius:16px;padding:32px;max-width:500px;width:calc(100% - 32px);color:var(--ink);background:var(--paper);text-align:center}dialog::backdrop{background:#132e2577;backdrop-filter:blur(5px)}dialog h2{font:600 26px 'Manrope',sans-serif;letter-spacing:-1px;margin:14px 0}.close{float:right;border:0;background:none;font-size:26px;color:var(--ink);padding:0 0 10px 15px}.dialog-intro{font-size:12px;color:var(--muted)}label{display:block;text-align:left;font-size:12px;font-weight:500;margin-top:18px}.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}input{width:100%;margin-top:7px;min-width:0;font:16px 'DM Sans',sans-serif;color:var(--ink);padding:12px;border:1px solid #cbd5c5;border-radius:7px;background:white}input:focus{outline:2px solid #819b74}.empty-message{font-size:12px;line-height:1.7;background:var(--sage);padding:15px;border-radius:7px;margin:20px 0}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--ink);color:white;padding:15px 20px;border:0;border-radius:7px;font-size:12px;font-weight:600}.button:disabled{cursor:default;background:#e6ebe1;color:#7d8976}.full{width:100%}.privacy{font-size:10px;color:var(--muted);line-height:1.7}.answer{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:6px}.answer input{width:auto;margin:0}fieldset{border:1px solid var(--border);border-radius:8px;text-align:left;margin:20px 0;padding:16px}.score{font-size:60px;margin:20px 0}.result-counts{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.outline{border:1px solid var(--border);border-radius:7px;background:transparent;padding:12px;color:var(--ink)}[hidden]{display:none!important}@media(max-width:520px){.center-shell{padding:34px 22px 24px;max-width:390px}.intro{margin:43px 0 26px}h1{font-size:38px}.choices{grid-template-columns:1fr;gap:13px}.choice{padding:22px 18px 19px}.choice-icon{width:40px;height:40px;font-size:23px;margin-bottom:13px}.choice-title{font-size:18px}.choice-description{margin:7px 0 15px}.result-note{margin-top:28px;padding-top:19px}footer{margin-top:26px}dialog{padding:24px}.name-grid{grid-template-columns:1fr;gap:0}}
/* Quiet, centered interface with native system typography. */
:root{--ink:#1d1d1f;--muted:#86868b;--border:#e5e5e8;--paper:#fff;--sage:#f5f5f7}body,button,input{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.center-shell{max-width:970px;padding:38px 32px 28px}.brand{font-family:inherit;font-weight:600;letter-spacing:1.2px;font-size:11px;color:#3c3c3f}.brand small{font-size:7px;letter-spacing:3px}.brand-icon{color:#78917a;font-size:35px}.intro{margin:78px 0 43px}.eyebrow{font-size:11px;letter-spacing:.1px;font-weight:500;color:#6e6e73}h1{font-family:inherit;font-size:clamp(38px,5vw,57px);font-weight:650;line-height:1.08;letter-spacing:-2.8px;margin:19px 0 20px}.intro p{font-size:17px;line-height:1.5;color:#6e6e73}.choices{gap:22px}.choice{border:0;background:#f5f5f7;border-radius:26px;padding:38px 24px 30px;min-height:290px;transition:transform .25s,box-shadow .25s}.choice:hover{transform:scale(1.015);box-shadow:0 12px 35px #00000008}.choice-icon{width:66px;height:66px;border-radius:20px;margin-bottom:26px;color:#6c896f;background:linear-gradient(145deg,#e8eee7,#d5e1d3)}.choice-icon svg{width:42px;height:42px}.choice:nth-child(2) .choice-icon{color:#9b7b90;background:linear-gradient(145deg,#f2e9ef,#e8d8e3)}.choice-title{font-family:inherit;font-size:25px;font-weight:600;letter-spacing:-.9px}.choice-description{font-size:13px;color:#6e6e73;margin:12px 0 25px;line-height:1.5}.choice-action{font-size:13px;color:#0066cc;font-weight:400;gap:6px}.choice-action>span{font-size:17px}.pending{font-size:11px;color:#86868b;margin-top:23px}.pending>span{background:#a0aa99}.result-note{border:0;margin-top:31px;padding-top:0}.result-note p{font-size:11px;color:#86868b}.result-note button{color:#0066cc;font-size:12px;padding:5px}footer{margin-top:61px;font-size:11px}footer>span{font-size:10px;color:#a1a1a6}footer a{color:#6e6e73}dialog{background:white;border:0;border-radius:24px;padding:35px}dialog h2{font-family:inherit;font-weight:600;letter-spacing:-.8px}.empty-message{background:#f5f5f7;color:#6e6e73;border-radius:12px}.button{background:#1d1d1f;border-radius:12px}.button:disabled{background:#f0f0f2;color:#86868b}input{border:1px solid #d2d2d7;border-radius:10px}.privacy{color:#86868b}@media(max-width:600px){.center-shell{padding:30px 22px 24px;max-width:440px}.intro{margin:50px 0 28px}h1{font-size:39px;letter-spacing:-1.8px;margin:16px 0}.intro p{font-size:15px;max-width:280px;margin:auto}.choices{grid-template-columns:1fr;gap:16px}.choice{min-height:0;padding:27px 20px 24px;border-radius:22px}.choice-icon{width:52px;height:52px;border-radius:16px;margin-bottom:18px}.choice-icon svg{width:34px;height:34px}.choice-title{font-size:23px}.choice-description{margin:10px 0 18px}footer{margin-top:37px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.uploaded-brand{display:block;width:min(410px,100%);margin:0 auto;line-height:0}.uploaded-brand img{display:block;width:100%;height:auto}.intro{margin-top:34px}@media(max-width:600px){.uploaded-brand{width:min(340px,100%)}.intro{margin-top:26px}}
/* Raised assessment cards with gentle brand-color contrast. */
.choice{background:#edf3e9;border:1px solid #d7e2d0;box-shadow:0 8px 24px rgba(36,52,31,.09),0 2px 5px rgba(36,52,31,.04)}
.choice:nth-child(2){background:#f7edf2;border-color:#ead7e1;box-shadow:0 8px 24px rgba(79,42,62,.08),0 2px 5px rgba(79,42,62,.04)}
.choice:hover{transform:translateY(-4px);border-color:#afc4a3;box-shadow:0 15px 32px rgba(36,52,31,.14),0 3px 8px rgba(36,52,31,.05)}
.choice:nth-child(2):hover{border-color:#d6b4c7;box-shadow:0 15px 32px rgba(79,42,62,.13),0 3px 8px rgba(79,42,62,.05)}
.choice:focus-visible{outline:3px solid #0066cc;outline-offset:5px}
/* A welcoming home care setting. */
:root{--ink:#304337;--muted:#788075;--paper:#fcfaf6}body{background:var(--paper)}.center-shell{max-width:900px;padding-top:24px}.uploaded-brand{width:min(380px,100%)}.intro{margin:14px 0 26px}.eyebrow{color:#859277;font-size:10px;letter-spacing:1.8px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(39px,5vw,53px);letter-spacing:-1.9px;margin:14px 0 12px;color:#304337}.intro p{color:#7a8374;font-size:18px}.care-photo{margin:0 auto 28px;position:relative;border-radius:22px;overflow:hidden;height:235px;background:#e5e9df}.care-photo img{width:100%;height:100%;object-fit:cover;object-position:center 43%;display:block}.care-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(22,37,23,.4))}.care-photo figcaption{position:absolute;bottom:19px;left:0;right:0;color:white;font:italic 21px Georgia,serif;z-index:1;text-shadow:0 1px 6px #0003}.choice{min-height:245px;padding:27px 20px 25px;border-radius:22px;background:#e9efdf;border-color:#d3dec8}.choice:nth-child(2){background:#f5e8ec;border-color:#e9d3dc}.choice-icon{width:52px;height:52px;border-radius:16px;margin-bottom:19px;background:#dae6ce;color:#6d885b}.choice-icon svg{width:34px;height:34px}.choice-title{font-size:23px;font-weight:600;color:#304337}.choice-description{margin:11px 0 20px;color:#76806e}.choice-action{color:#516d45;font-weight:500}.choice:nth-child(2) .choice-action{color:#96677e}.choice:nth-child(2) .choice-icon{background:#ead6df;color:#a16e87}.result-note{margin-top:25px}footer{margin-top:34px}.pending{color:#828b7a}.intro h1{line-height:1.15}@media(max-width:600px){.center-shell{padding-top:18px}.uploaded-brand{width:min(325px,100%)}.intro{margin-top:15px;margin-bottom:24px}.intro h1{font-size:38px}.intro p{font-size:17px}.care-photo{height:190px;border-radius:18px;margin-bottom:22px}.care-photo figcaption{font-size:18px;bottom:16px}.choice{min-height:0;padding:25px 18px}.choice-title{font-size:22px}.eyebrow{font-size:8px;letter-spacing:1.4px}}
.care-photo img{object-position:center 12%}
.training-shell{max-width:850px;margin:auto;padding:26px 24px 55px;text-align:center}.training-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:43px}.training-top>span{font-size:9px;letter-spacing:1.4px;color:#819076}.text-button{background:none;border:0;padding:12px 0;color:#567748;font-size:13px;cursor:pointer}.training-shell h1{font-size:38px;line-height:1.2;margin:15px 0}.learner-name,.question-counter{font-size:13px;color:#788075;line-height:1.6}.course-progress{margin:24px auto 12px;max-width:600px}.progress-label{display:flex;justify-content:space-between;gap:14px;font-size:13px;color:#5a6d50;margin-bottom:10px}.progress-label>span{font-size:12px;color:#7b8773}progress{display:block;width:100%;height:10px;appearance:none;border:0;border-radius:20px;overflow:hidden;background:#e7ebdf}progress::-webkit-progress-bar{background:#e7ebdf;border-radius:20px}progress::-webkit-progress-value{background:#91af7f;border-radius:20px}progress::-moz-progress-bar{background:#91af7f;border-radius:20px}.save-status,.storage-note{font-size:11px;color:#87917e;line-height:1.7}.save-error{color:#b24531}.resume-button{margin:18px auto 25px;max-width:100%;white-space:normal;line-height:1.5;background:#567748}.module-list{text-align:left;display:grid;gap:12px;margin-top:10px}.module-row{display:flex;align-items:center;gap:16px;background:white;border:1px solid #e0e6d8;border-radius:14px;padding:19px}.module-number{display:grid;place-items:center;width:34px;flex-shrink:0;height:34px;background:#edf2e5;border-radius:50%;font-size:12px;color:#6c865a}.module-info{flex:1}.module-info h2{font:600 15px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0;margin:0;color:#304337}.module-info p{font-size:11px;color:#849079;line-height:1.6;margin:5px 0 0}.module-row .outline{flex-shrink:0;font-size:11px;padding:10px 13px}.training-shell .button{background:#567748}.training-shell .outline{border:1px solid #d1dcc6;border-radius:10px}.question-form{background:#fff;border:1px solid #e1e7d8;border-radius:20px;padding:26px;margin:25px 0 10px;text-align:left}.question-form fieldset{border:0;padding:0;margin:0;min-width:0}.question-form legend{font-size:20px;line-height:1.5;font-weight:600;padding:0;margin-bottom:20px;float:left;width:100%}.question-form legend+label{clear:both}.question-form .answer{font-size:15px;font-weight:400;line-height:1.6;margin-top:12px;border-radius:12px;padding:15px;border-color:#dce3d4;cursor:pointer;transition:background .12s}.question-form .answer:has(input:checked){border-color:#90a97d;background:#edf3e7}.question-form .answer input{accent-color:#567748;width:18px;height:18px;flex-shrink:0}.question-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px}.question-nav button:disabled{opacity:.4;cursor:default}.validation-error{color:#a64230;font-size:12px;line-height:1.5}.review-list{text-align:left;display:grid;gap:12px;margin:25px 0}.review-row{display:flex;gap:15px;align-items:center;background:white;border:1px solid #e1e7d8;padding:18px;border-radius:12px}.review-row>div{flex:1}.review-row strong{font-size:13px;line-height:1.6}.review-row p{font-size:12px;line-height:1.6;color:#788075;margin-bottom:0}.next-module{margin-top:14px;line-height:1.5}.all-done{color:#567748;line-height:1.6}#home-progress{margin:0 auto 26px;max-width:600px;padding:20px;background:#f1f4e9;border:1px solid #dce4cf;border-radius:15px}#home-progress>p{font-size:13px;margin:0}#home-progress .course-progress{margin:14px 0 5px}#home-progress .text-button{padding-bottom:0}.training-shell .score{color:#567748}.training-shell .result-counts{flex-wrap:wrap;font-size:13px}.training-shell .full{max-width:600px;display:flex;margin-left:auto;margin-right:auto}.training-shell .score{font-family:Georgia,serif}dialog .privacy{max-width:390px;margin-left:auto;margin-right:auto}@media(max-width:600px){.training-shell{padding:20px 18px 35px}.training-top{margin-bottom:27px;gap:8px}.training-top>span{font-size:7px;letter-spacing:.5px;max-width:100px}.text-button{font-size:12px}.training-shell h1{font-size:30px}.module-row{padding:15px 13px;gap:10px;flex-wrap:wrap}.module-number{width:29px;height:29px}.module-info h2{font-size:14px}.module-info{min-width:160px}.module-row .outline{margin-left:39px}.question-form{padding:20px 16px}.question-form legend{font-size:18px}.question-form .answer{font-size:14px;padding:13px}.question-nav button{padding:13px 14px;font-size:12px}.review-row{padding:15px}.question-counter{font-size:12px}}
.passing-note{color:#6b7a5d;font-size:13px;line-height:1.7;max-width:600px;margin:14px auto 20px}
.office-sync{font-size:12px;color:#788275;line-height:1.6;margin:15px auto;max-width:600px}.office-sync p{margin:0}
.pca-overview{max-width:600px;margin:25px auto;background:white;border:1px solid #e0e6d8;border-radius:20px;padding:30px}.pca-overview h2{font:600 23px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.5px}.pca-overview p{font-size:14px;line-height:1.7;color:#788275}.pca-overview progress{margin:22px 0}.pca-overview .button{margin-top:22px}.question-section{font-size:11px;line-height:1.6;color:#87917e;margin:7px 0 17px}.question-form legend{font-size:18px}.review-row strong{display:block}@media(max-width:600px){.pca-overview{padding:24px 20px}.question-form legend{font-size:17px}}
.card-progress-note{display:block;font-size:11px;color:#708463;margin:-8px 0 18px;line-height:1.5}.choice:nth-child(2) .card-progress-note{color:#976b82}
/* Landing page: stacked assessment cards and a welcoming care portrait. */
.center-shell{max-width:1140px;padding:25px 36px 28px}.intro{margin:10px 0 34px}.intro h1{margin-top:12px}.learning-hero{display:grid;grid-template-columns:1fr 1.08fr;align-items:stretch;gap:42px;margin:0 auto 58px}.learning-hero .choices{display:flex;flex-direction:column;gap:20px;justify-content:center}.learning-hero .choice{display:grid;grid-template-columns:55px 1fr;column-gap:19px;text-align:left;align-content:center;align-items:center;justify-items:start;padding:28px 30px;min-height:190px;border-radius:20px;width:100%}.learning-hero .choice-icon{grid-column:1;grid-row:1 / span 4;margin:0;align-self:start;width:52px;height:52px;border-radius:15px}.learning-hero .choice-title{grid-column:2;font-size:23px;letter-spacing:-.7px;line-height:1.25}.learning-hero .choice-description{grid-column:2;font-size:12px;line-height:1.65;margin:9px 0 13px}.learning-hero .card-progress-note{grid-column:2;margin:0 0 11px;font-size:10px}.learning-hero .choice-action{grid-column:2;font-size:12px;line-height:1.5}.care-visual{position:relative;padding:12px 4px 0 10px;min-height:420px;display:flex;flex-direction:column;justify-content:center}.care-visual:before{content:'';position:absolute;inset:0 -8px 36px 20px;background:#f3e3e7;border-radius:120px 80px 120px 60px;transform:rotate(3deg);z-index:0}.care-visual .care-photo{width:100%;height:390px;border-radius:100px 80px 80px 28px;margin:0;z-index:1;box-shadow:0 12px 30px #503a3c0a}.care-visual .care-photo img{object-fit:cover;object-position:center 28%}.care-visual .care-photo:after{background:linear-gradient(transparent,rgba(33,49,31,.3));inset:65% 0 0}.care-visual .care-photo figcaption{font-size:19px;bottom:22px}.visual-note{position:relative;font-size:8px;letter-spacing:1.9px;color:#8b967e;margin:22px 0 0;z-index:1}.portal-info{border-top:1px solid #e0e6d8;padding:40px 0 35px}.info-heading h2{font-family:Georgia,serif;font-size:31px;font-weight:400;letter-spacing:-1px;line-height:1.25;margin:12px 0}.info-heading p{font-size:13px;color:#8a9280;margin:0}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:left;margin:35px 0 0}.info-grid article{padding:0 10px}.info-step{font-size:10px;font-weight:600;letter-spacing:1px;color:#8fa27d;display:block;margin-bottom:16px}.info-grid h3{font:600 16px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.3px;margin:0 0 10px;color:#40543a}.info-grid p{font-size:12px;color:#7a8571;line-height:1.9;margin:0}.result-note{margin-top:5px;border-top:1px solid #e0e6d8;padding-top:23px}.center-shell footer{margin-top:30px}.center-shell .uploaded-brand{width:min(350px,100%)}@media(max-width:850px){.learning-hero{gap:25px;grid-template-columns:1fr 1fr}.learning-hero .choice{padding:24px 20px;column-gap:14px;grid-template-columns:43px 1fr}.learning-hero .choice-icon{width:42px;height:42px}.learning-hero .choice-icon svg{width:29px;height:29px}.learning-hero .choice-title{font-size:21px}.care-visual .care-photo{height:390px}.info-grid{gap:20px}.care-visual:before{right:0}}@media(max-width:650px){.center-shell{max-width:500px;padding:18px 23px 25px}.intro{margin:8px 0 27px}.intro h1{font-size:38px}.learning-hero{grid-template-columns:1fr;gap:29px;margin-bottom:33px}.learning-hero .choices{gap:16px}.learning-hero .choice{min-height:165px;padding:25px;grid-template-columns:45px 1fr;column-gap:17px}.learning-hero .choice-title{font-size:22px}.learning-hero .choice-icon{width:44px;height:44px}.learning-hero .choice-description{margin:9px 0 12px}.care-visual{min-height:0;padding:9px 4px 0 4px}.care-visual .care-photo{height:285px;border-radius:65px 65px 60px 24px}.care-visual:before{inset:0 0 32px 16px;border-radius:85px 60px 100px 30px}.care-visual .care-photo img{object-position:center 23%}.care-visual .care-photo figcaption{font-size:19px;bottom:20px}.visual-note{font-size:7px;margin-top:19px;letter-spacing:1.6px}.portal-info{padding-top:30px;padding-bottom:27px}.info-heading h2{font-size:29px}.info-grid{grid-template-columns:1fr;gap:25px;margin-top:29px}.info-grid article{padding:0}.info-step{float:left;width:32px;margin:5px 0 0}.info-grid h3,.info-grid p{margin-left:32px}.info-grid h3{font-size:16px;margin-bottom:6px}.info-grid p{font-size:12px}.center-shell .uploaded-brand{width:min(320px,100%)}}
/* Focused learning-portal design. */
:root{--ink:#24332b;--muted:#727d75;--border:#e4e9e3;--paper:#f7f8f6}body{background:var(--paper);color:var(--ink)}.portal-header{height:88px;background:#fff;border-bottom:1px solid #e6eae4}.header-inner{max-width:1120px;height:100%;margin:auto;padding:0 36px;display:flex;align-items:center;gap:22px}.portal-logo{display:flex;align-items:center;width:168px}.portal-logo img{display:block;width:100%;height:auto;max-height:56px;object-fit:contain}.header-divider{width:1px;height:26px;background:#e2e7df}.header-label{font-size:12px;font-weight:500;color:#798473;white-space:nowrap}.portal-header nav{margin-left:auto;display:flex;gap:27px;align-items:center;font-size:12px;color:#6b7764}.admin-nav{border:1px solid #e0e5db;background:#fff;border-radius:7px;padding:11px 14px;color:#42553a}.admin-nav span{margin-left:15px}.center-shell{max-width:1060px;padding:55px 36px 28px;text-align:left}.intro{margin:0 0 44px;text-align:left}.portal-kicker{font-size:9px;letter-spacing:1.8px;color:#84917a;font-weight:600}.intro h1{font:650 clamp(30px,4vw,38px)/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#26372d;letter-spacing:-1.3px;margin:13px 0 12px}.intro p{font-size:14px;line-height:1.7;color:#7a8573;max-width:none;margin:0}.course-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.course-section-heading h2{font:600 14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0;margin:0;color:#3e5136}.course-section-heading>span{font-size:10px;color:#99a18f}.choices{display:grid;grid-template-columns:1fr 1fr;gap:20px}.choice,.choice:nth-child(2){background:#fff;border:1px solid #dfe6d9;box-shadow:0 2px 4px #23312203;border-radius:12px;padding:28px;min-height:278px;display:flex;align-items:flex-start;justify-content:flex-start;text-align:left;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}.choice:hover,.choice:nth-child(2):hover{transform:translateY(-2px);border-color:#aabd9a;box-shadow:0 8px 24px #23312209}.choice-icon,.choice:nth-child(2) .choice-icon{background:#edf2e8;color:#6e8a59;width:43px;height:43px;border-radius:11px;margin:0 0 25px}.choice-icon svg{width:28px;height:28px}.choice:nth-child(2) .choice-icon{background:#f5eef1;color:#a77d90}.course-category{font-size:8px;letter-spacing:1.2px;color:#909b85;font-weight:600;margin-bottom:9px}.choice-title{font:600 23px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.7px;color:#2e4032}.choice-description{font-size:12px;line-height:1.7;color:#87917f;margin:9px 0 18px;max-width:340px}.card-progress-note,.choice:nth-child(2) .card-progress-note{font-size:10px;color:#849477;margin:0 0 16px;line-height:1.5}.choice-action,.choice:nth-child(2) .choice-action{font-size:12px;font-weight:600;color:#587a42;line-height:1.6;margin-top:auto;display:flex;align-items:center;gap:12px}.choice-action>span{font-size:16px}.learning-note{display:flex;align-items:start;gap:14px;background:#eff3e9;border:1px solid #e3e9da;border-radius:10px;padding:19px 21px;margin:24px 0 42px}.note-icon{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border-radius:50%;background:#e0e9d4;color:#6f8a59;font-size:12px}.learning-note strong{font-size:12px;font-weight:600;line-height:1.5;color:#60764e}.learning-note p{font-size:11px;line-height:1.8;color:#859176;margin:5px 0 0}.portal-resources{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #e1e7da;padding-top:25px}.portal-resources h2{font-size:13px;letter-spacing:0;font-weight:600;margin:0 0 7px;line-height:1.5;font-family:inherit;color:#56694a}.portal-resources p{font-size:11px;line-height:1.7;margin:0;color:#8a947e}.preview-button{border:1px solid #dce3d3;border-radius:7px;padding:12px 15px;background:#fff;font-size:11px;color:#6c7e5a;white-space:nowrap}.preview-button span{margin-left:14px}.center-shell footer{padding:26px 0 0;border:0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:43px;color:#9ba38f;font-size:10px}.center-shell footer>span,.center-shell footer>a{font-size:10px;color:#9ba38f}.training-shell h1{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:600;letter-spacing:-1px}.training-shell{background:var(--paper)}@media(max-width:650px){.portal-header{height:76px}.header-inner{padding:0 22px;gap:13px}.portal-logo{width:140px}.header-divider,.header-label{display:none}.portal-header nav{gap:14px}.portal-header nav>a:first-child{font-size:10px}.admin-nav{font-size:10px;padding:10px 11px}.admin-nav span{margin-left:8px}.center-shell{padding:35px 22px 24px;max-width:500px}.intro{margin:0 0 30px}.intro h1{font-size:31px;letter-spacing:-1px}.intro p{font-size:13px;max-width:320px}.choices{grid-template-columns:1fr;gap:15px}.choice,.choice:nth-child(2){min-height:0;padding:25px}.choice-icon,.choice:nth-child(2) .choice-icon{margin-bottom:21px}.choice-description{margin-bottom:18px}.choice-title{font-size:22px}.choice-action{margin-top:0}.learning-note{padding:17px;margin-bottom:30px}.portal-resources{align-items:flex-start;flex-direction:column;gap:18px;padding-top:24px}.preview-button{font-size:11px}.center-shell footer{margin-top:34px;gap:13px;padding-top:0}.course-section-heading{margin-bottom:14px}}
/* Readable text and comfortable touch targets on every screen. */
:root{--muted:#526055;--border:#ccd5c9}
body{font-size:16px;line-height:1.5}
.header-label,.portal-header nav{font-size:14px;color:#465440}
.portal-header nav a{min-height:44px;display:inline-flex;align-items:center}
.admin-nav{font-size:14px;border-color:#bcc9b5;color:#344a2b}
.portal-kicker{font-size:12px;letter-spacing:1.3px;color:#53664a}
.intro p{font-size:17px;color:#52604c;line-height:1.65}
.course-section-heading h2{font-size:18px;color:#30432b}
.course-section-heading>span{font-size:14px;color:#52604b}
.choice,.choice:nth-child(2){border-color:#c8d3c2;box-shadow:0 4px 15px #243b2910;min-height:310px;padding:28px}
.course-category{font-size:12px;letter-spacing:.7px;color:#58674f;line-height:1.5}
.choice-title{font-size:26px;color:#263a2a}
.choice-description{font-size:16px;color:#52604b;line-height:1.6;max-width:none;margin:10px 0 20px}
.card-progress-note,.choice:nth-child(2) .card-progress-note{font-size:14px;font-weight:500;color:#3e6130;line-height:1.6}
.choice-action,.choice:nth-child(2) .choice-action{font-size:15px;min-height:44px;padding:10px 16px;background:#426333;color:#fff;border-radius:8px;gap:18px}
.learning-note strong{font-size:16px;color:#354e29}
.learning-note p{font-size:14px;color:#4e6043;line-height:1.7}
.note-icon{color:#365327;background:#d6e4c8;font-size:15px;width:26px;height:26px}
.portal-resources h2{font-size:17px;color:#354a2b}
.portal-resources p{font-size:14px;color:#52604a}
.preview-button{font-size:14px;color:#36502b;border-color:#b5c5aa;min-height:46px}
.center-shell footer,.center-shell footer>span,.center-shell footer>a{font-size:14px;color:#52604a}
.center-shell footer>a{min-height:44px;display:inline-flex;align-items:center}
.button,.outline,.text-button{font-size:15px;min-height:46px;line-height:1.5}
.button{background:#426333}.training-shell .button{background:#426333}
.button:disabled{background:#e3e8df;color:#596451}
.outline{border-color:#b6c6ac;background:#fff;color:#354f29}
label,.dialog-intro{font-size:16px;color:#43533b}
.privacy,.empty-message{font-size:14px;color:#52604a}
dialog{max-height:calc(100dvh - 24px);overflow:auto}
.close{min-width:44px;min-height:44px;padding:0;display:grid;place-items:center}
input{min-height:48px;border-color:#9eaf94}
.training-top>span{font-size:12px;letter-spacing:.6px;color:#526348}
.learner-name,.question-counter,.progress-label,.progress-label>span{font-size:15px;color:#4d6042}
.save-status,.storage-note,.office-sync,.question-section,.passing-note{font-size:14px;color:#526348}
.save-error,.validation-error{color:#a12e1b;font-size:14px}
progress{height:13px;background:#dae2d3}
progress::-webkit-progress-bar{background:#dae2d3}
progress::-webkit-progress-value{background:#537d3e}
progress::-moz-progress-bar{background:#537d3e}
.module-info{min-width:0}.module-info h2{font-size:17px}.module-info p{font-size:14px;color:#526348}
.module-number{font-size:14px;color:#3d5d2d}
.module-row .outline{font-size:14px;min-height:44px}
.question-form legend{font-size:21px;line-height:1.55;color:#263a2a}
.question-form .answer{font-size:16px;line-height:1.6;min-height:56px;border-color:#b9c6b0}
.question-form .answer:has(input:checked){border:2px solid #426333;background:#eaf1e3;padding:14px}
.question-form .answer input{min-height:20px;width:20px;height:20px}
.question-nav button{font-size:15px;min-height:46px}
.review-row{flex-wrap:wrap}.review-row>div{min-width:0;flex-basis:220px}
.review-row strong{font-size:16px}.review-row p,.training-shell .result-counts{font-size:15px;color:#526348}
.pca-overview p{font-size:16px;color:#526348}
@media(max-width:650px){
 .center-shell{padding:30px 20px 24px;max-width:560px}
 .intro h1{font-size:33px}.intro p{font-size:16px;max-width:none}
 .portal-header nav>a:first-child,.admin-nav{font-size:14px}
 .course-section-heading{align-items:baseline;gap:12px;flex-wrap:wrap}
 .course-section-heading>span{font-size:13px}
 .choice,.choice:nth-child(2){padding:24px;min-height:0}
 .choice-title{font-size:25px}.choice-icon,.choice:nth-child(2) .choice-icon{margin-bottom:18px}
 .choice-action,.choice:nth-child(2) .choice-action{margin-top:0}
 .learning-note{gap:11px;padding:18px 16px}
 .preview-button{font-size:14px;width:100%;white-space:normal}
 .training-shell{padding:18px 16px 35px}
 .training-top{flex-wrap:wrap;gap:8px;margin-bottom:24px}
 .training-top>span{order:3;flex-basis:100%;max-width:none;font-size:12px}
 .training-top .text-button{font-size:15px;padding:10px 3px}
 .training-shell h1{font-size:29px;overflow-wrap:anywhere}
 .progress-label{flex-wrap:wrap;gap:5px}
 .module-row{padding:16px 14px;gap:10px}
 .module-info{min-width:0;flex:1 1 150px}.module-info h2{font-size:17px}
 .module-row .outline{margin-left:0;width:100%}
 .question-form{padding:20px 16px;border-radius:14px}
 .question-form legend{font-size:20px}
 .question-form .answer{font-size:16px;padding:14px}
 .question-form .answer:has(input:checked){padding:13px}
 .question-nav{gap:12px;flex-wrap:wrap}
 .question-nav button{font-size:15px;flex:1 1 100px;padding:12px}
 .review-row .outline{width:100%}
 dialog{padding:24px 20px}
}
@media(max-width:520px){
 .portal-header{height:auto}
 .header-inner{padding:16px 20px 12px;flex-wrap:wrap;justify-content:center;gap:10px}
 .portal-logo{width:170px}
 .portal-header nav{width:100%;margin-left:0;justify-content:space-between;gap:16px}
 .portal-header nav>a:first-child{padding:8px 0}
 .admin-nav{padding:9px 14px}
 .intro h1{font-size:31px;letter-spacing:-1px}
 .portal-kicker{font-size:11px}
 .name-grid{grid-template-columns:1fr;gap:0}
}
.question-hint{font-size:15px;color:#526348;line-height:1.6;margin:14px 0 0}
.validation-error:empty{display:none}
.review-actions{margin:20px 0 0}
.review-row .text-button{padding:10px;min-width:100px}
@media(max-width:650px){
 .quiz-active,.review-active{padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}
 .quiz-active .question-nav,.review-actions{position:fixed;bottom:0;left:0;right:0;z-index:20;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #c8d3c2;box-shadow:0 -4px 18px #243b2910}
 .quiz-active .question-nav{display:flex;flex-wrap:nowrap;align-items:stretch;gap:12px}
 .quiz-active .question-nav button{min-height:50px;padding:12px;flex:1 1 auto}
 .quiz-active .question-nav .outline{flex:0 0 auto}
 .review-actions .full{max-width:none;min-height:50px}
 .review-actions .text-button{display:block;width:100%;margin-top:4px}
 .review-row .text-button{width:100%;border:1px solid #b6c6ac;border-radius:8px}
}
@media(max-width:650px){
 .quiz-active .training-top{margin-bottom:8px}
 .quiz-active .training-top>span{display:none}
 .quiz-active>h1{font-size:26px;margin:8px 0}
 .quiz-active .question-counter{margin:8px 0 14px}
 .quiz-active .question-hint{font-size:14px;margin:10px 0 0}
 .quiz-active .question-form{margin-top:18px}
}