/* Website Phase 16 — Professional Experience + child/CBC containment */
:root{--ce16-input-bg:#fff;--ce16-input-fg:#071426;--ce16-muted:#526174;--ce16-light:#f6f8fb;--ce16-dark:#0b1728;--ce16-dark-fg:#f7fbff;--ce16-border:#cbd5e1}
/* Immediate-surface form authority. Text must remain readable before, during and after entry. */
main input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),main textarea,main select,.ce-kids-shell input:not([type="checkbox"]):not([type="radio"]),.ce-kids-shell textarea,.ce-kids-shell select,.ce-study-room input:not([type="checkbox"]):not([type="radio"]),.ce-study-room textarea,.ce-study-room select{background:#fff!important;color:#071426!important;caret-color:#071426!important;border-color:#94a3b8!important}
main input::placeholder,main textarea::placeholder,.ce-kids-shell input::placeholder,.ce-kids-shell textarea::placeholder,.ce-study-room input::placeholder,.ce-study-room textarea::placeholder{color:#5b6778!important;opacity:1}
main input:focus,main textarea:focus,main select:focus,.ce-kids-shell input:focus,.ce-kids-shell textarea:focus,.ce-kids-shell select:focus,.ce-study-room input:focus,.ce-study-room textarea:focus,.ce-study-room select:focus{background:#fff!important;color:#071426!important;outline:3px solid #155eef!important;outline-offset:2px}
/* Nested light surfaces always own dark foregrounds; dark surfaces own light foregrounds. */
.ce16-professional .ce2-section--light,.ce16-professional .ce2-section--light :where(h1,h2,h3,h4,p,li,dt,dd,strong,span),.ce16-prof-dashboard .ce2-section--light,.ce16-prof-dashboard .ce2-section--light :where(h1,h2,h3,h4,p,li,strong,span),.ce-kids-panel,.ce-kids-card,.ce-kids-panel :where(h1,h2,h3,h4,p,li,strong,span,label),.ce-learner-panel,.ce-learner-panel :where(h1,h2,h3,h4,p,li,strong,span,label){color:#071426}
.ce16-prof-ladder,.ce16-prof-ladder :where(h1,h2,h3,h4,p,li,strong,span){color:#f7fbff}
/* Child learner chrome: navigation first, greeting quiet. */
.ce-kids-shell{max-width:1600px;margin-inline:auto}.ce-kids-shell>.ce-kids-nav{position:sticky;top:0;z-index:20;margin:0 0 .75rem;padding:.45rem max(.75rem,2vw);background:#fff;color:#071426;border:1px solid #d7e0ea;border-radius:0 0 .85rem .85rem;box-shadow:0 8px 24px rgba(7,20,38,.08);overflow-x:auto;scrollbar-width:thin}.ce-kids-shell>.ce-kids-nav a{min-height:42px;display:inline-flex;align-items:center;padding:.45rem .7rem;font-size:.9rem;font-weight:700;white-space:nowrap;color:#17324d}.ce-kids-shell>.ce-kids-nav a.is-active{background:#e9f2ff;color:#0b3b79}.ce-kids-header{padding:.65rem clamp(.85rem,2vw,1.5rem)!important;gap:.75rem!important}.ce-kids-header h1{font-size:clamp(1.05rem,1.25vw,1.3rem)!important;line-height:1.2!important;margin:.08rem 0!important}.ce-kids-header p{font-size:.9rem!important;margin:.15rem 0!important}.ce-kids-eyebrow{font-size:.72rem!important;letter-spacing:.08em}.ce-kids-safety{font-size:.82rem!important;max-width:36rem}.ce-kids-stage-note{font-size:.86rem;margin:.4rem clamp(.85rem,2vw,1.5rem) .75rem}
/* Child work stays visually child-local; no adult proof semantics. */
.ce16-child-support,.ce16-child-support *{color:#071426}.ce16-child-support .ce-kids-card{background:#fff}.ce16-child-study .ce-learner-context-card{background:#fff;color:#071426}
/* Published activities remain visible and are not replaced by generated step lists. */
.ce16-published-activities{display:grid;gap:1rem}.ce16-activity,.ce-prof-compiled-lesson .ce-prof-activity,.ce-cbc-compiled-lesson [class*="activity"]{background:#fff;color:#071426;border:1px solid #d7e0ea;border-radius:.9rem;padding:clamp(.9rem,2vw,1.25rem)}.ce16-activity-completion{display:flex;gap:.65rem;align-items:flex-start;margin-top:1rem;padding:.9rem 1rem;background:#eef7ff;color:#071426;border:1px solid #b8d7ff;border-radius:.8rem;font-weight:700}.ce16-activity-completion input{inline-size:1.25rem;block-size:1.25rem;flex:0 0 auto;margin-top:.1rem}.ce16-no-activity{background:#fff7e6!important;color:#3b2b00!important;border-color:#e9c46a!important}
/* Professional public experience: calm entry, increasingly dense professional context. */
.ce16-prof-hero h1{max-width:22ch;font-size:clamp(1.85rem,3vw,3.15rem);line-height:1.05}.ce16-prof-journey{list-style:none;padding:0;margin:2rem 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.ce16-prof-journey li{background:#fff;color:#071426;border:1px solid #d7e0ea;border-radius:.9rem;padding:1rem}.ce16-prof-journey strong,.ce16-prof-journey span{display:block;color:#071426}.ce16-prof-journey strong{margin-bottom:.35rem}.ce16-prof-start{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2rem;align-items:start}.ce16-prof-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.ce16-prof-entry-grid article{background:#fff;border:1px solid #d7e0ea;border-radius:.9rem;padding:1rem;color:#071426}.ce16-prof-entry-grid span{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#3b526b}.ce16-ladder-grid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:.7rem;overflow-x:auto;padding-bottom:.35rem}.ce16-ladder-grid article{min-width:150px;border:1px solid rgba(255,255,255,.25);border-radius:.85rem;padding:1rem;background:rgba(255,255,255,.06)}.ce16-ladder-grid article span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.ce16-prof-principles,.ce16-prof-now{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.ce16-prof-principles article,.ce16-prof-now article{background:#fff;color:#071426;border:1px solid #d7e0ea;border-radius:.9rem;padding:1rem}.ce16-prof-loop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.ce16-prof-loop article{background:#fff;color:#071426;border:1px solid #d7e0ea;border-radius:.85rem;padding:1rem}.ce16-prof-dashboard .ce16-prof-cockpit__intro{max-width:78rem}.ce16-prof-dashboard .ce16-prof-now{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.2rem}.ce16-prof-now article span,.ce16-prof-now article strong,.ce16-prof-now article a{display:block}.ce16-prof-now article span{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:#53657a}.ce16-prof-now article strong{margin:.25rem 0 .6rem}.ce16-ladder-grid--compact{grid-template-columns:repeat(4,minmax(180px,1fr));overflow:visible}.ce16-ladder-grid--compact article{background:#fff;color:#071426;border-color:#d7e0ea}.ce16-ladder-grid--compact article :where(h3,p,span){color:#071426}
@media(max-width:1180px){.ce16-prof-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.ce16-prof-start{grid-template-columns:1fr}.ce16-prof-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ce16-prof-dashboard .ce16-prof-now,.ce16-ladder-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ce-kids-shell>.ce-kids-nav{border-radius:0;margin-inline:-.1rem}.ce-kids-shell>.ce-kids-nav a{min-height:44px}.ce-kids-header{display:block!important}.ce-kids-safety{margin-top:.5rem}.ce16-prof-journey,.ce16-prof-entry-grid,.ce16-prof-principles,.ce16-prof-loop,.ce16-prof-dashboard .ce16-prof-now,.ce16-ladder-grid--compact{grid-template-columns:1fr}.ce16-prof-hero h1{font-size:clamp(1.8rem,8.5vw,2.6rem)}.ce16-ladder-grid{grid-template-columns:repeat(7,minmax(180px,1fr))}}

/* Skills-to-Income: dense enough for professionals, simple enough for a beginner. */
.ce16-sti-lifecycle{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;grid-template-columns:repeat(11,minmax(76px,1fr));gap:.4rem;overflow-x:auto}.ce16-sti-lifecycle li{min-width:76px;background:#fff;color:#071426;border:1px solid #d7e0ea;border-radius:.7rem;padding:.72rem .6rem;text-align:center}.ce16-sti-lifecycle span{font-size:.82rem;font-weight:800;color:#071426}.ce16-sti-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.ce16-sti-layers article{background:#fff;color:#071426;border:1px solid #d7e0ea;border-radius:.9rem;padding:1rem}.ce16-sti-layers article>span{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;border-radius:999px;background:#eaf2ff;color:#0b3b79;font-size:.72rem;font-weight:850}.ce16-sti-layers :where(h3,p){color:#071426}.ce16-sti-layers h3{font-size:1.05rem;margin:.55rem 0 .35rem}.ce16-sti-layers p{font-size:.94rem;margin:0}.ce16-commercial-spine{display:flex;flex-wrap:wrap;gap:.5rem}.ce16-commercial-spine span{display:inline-flex;align-items:center;min-height:36px;padding:.45rem .72rem;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#17324d;font-size:.86rem;font-weight:700}.ce16-boundary-note{max-width:78ch;margin-top:1rem;color:#42556a}.ce16-readiness-wrap .ce-readiness-workspace{margin:0}.ce16-prof-entry-grid button{appearance:none;border:0;background:transparent;color:#0b55a3;padding:0;font:inherit;font-weight:800;cursor:pointer}.ce16-prof-entry-grid button:focus-visible{outline:3px solid #155eef;outline-offset:4px;border-radius:.25rem}
@media(min-width:1600px){.ce16-sti-layers{grid-template-columns:repeat(6,minmax(0,1fr))}.ce16-sti-layers--dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1180px){.ce16-sti-lifecycle{grid-template-columns:repeat(11,minmax(110px,1fr))}.ce16-sti-layers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ce16-sti-layers{grid-template-columns:1fr}.ce16-sti-lifecycle{margin-inline:-.2rem;padding-inline:.2rem}.ce16-prof-hero h1{font-size:clamp(1.65rem,7vw,2.25rem)}}
@media(forced-colors:active){.ce16-activity,.ce16-activity-completion,.ce16-prof-journey li,.ce16-prof-entry-grid article,.ce16-prof-now article{border:1px solid CanvasText}main input,main textarea,main select{forced-color-adjust:auto!important}}