#kp-web-tools{box-sizing:border-box;display:flex;align-items:center;gap:12px;min-height:42px;padding:7px max(16px,calc((100vw - 1180px)/2));background:#13224b;color:#e7edff;font:500 12px/1.5 system-ui,-apple-system,sans-serif;letter-spacing:.01em}#kp-web-tools a{color:inherit;text-decoration:none}#kp-web-tools a:hover{text-decoration:underline}#kp-web-tools .kp-web-label{margin-right:auto;color:#c1ceef}#kp-web-tools button{font:inherit;font-weight:650;color:#13224b;border:0;border-radius:7px;background:#fff;padding:5px 10px;cursor:pointer;min-height:30px}#kp-web-tools button:hover{background:#e7edff}#kp-web-tools [hidden]{display:none!important}#kp-web-tools a:focus-visible,#kp-web-tools button:focus-visible{outline:3px solid #ffc76e;outline-offset:3px}.kp-web-opening{display:grid;place-content:center;min-height:65vh;text-align:center;color:#13224b;font:600 16px/1.5 system-ui,sans-serif}.kp-web-opening span{font-size:48px;color:#3169f5}.kp-web-opening p{margin:12px}.kp-web-install-dialog{border:0;border-radius:20px;max-width:min(460px,calc(100vw - 32px));padding:28px;color:#13224b;font:16px/1.6 system-ui,-apple-system,sans-serif;box-shadow:0 20px 80px #13224b33}.kp-web-install-dialog::backdrop{background:#07163280}.kp-web-install-dialog h2{margin:0 0 12px;font-size:23px}.kp-web-install-dialog p{margin:12px 0}.kp-web-install-dialog button{font:inherit;background:#13224b;color:white;border:0;padding:10px 20px;border-radius:10px;cursor:pointer}.kp-web-installed #kp-web-tools{display:none}.kp-web-status{color:#ffdb9e}.kp-web-platform-root .app-root,.kp-web-platform-root .shell{min-height:calc(100dvh - 44px)}.kp-web-installed.kp-web-platform-root .app-root,.kp-web-installed.kp-web-platform-root .shell{min-height:100dvh}@media(max-width:500px){#kp-web-tools{gap:10px;padding-inline:12px;font-size:11px}#kp-web-tools .kp-web-label{font-size:10px}#kp-web-tools button{padding:5px 8px}#kp-web-tools .kp-web-about{display:none}}@media(prefers-reduced-motion:reduce){.kp-web-opening{scroll-behavior:auto}}
.kp-preview-gate{border:0;border-radius:22px;max-width:min(510px,calc(100vw - 30px));padding:32px;color:#13224b;font:16px/1.8 system-ui,sans-serif;box-shadow:0 20px 90px #06153355}.kp-preview-gate::backdrop{background:#071632cc}.kp-preview-gate h2{font-size:28px;line-height:1.2;margin:0 0 18px}.kp-preview-gate p{color:#586b8a;margin:0 0 24px}.kp-preview-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.kp-preview-actions a{color:#245ac9;font-weight:700;text-decoration:none}.kp-preview-actions .kp-preview-primary{background:#245ac9;color:white;border-radius:11px;padding:11px 18px}

/* One learning navigation across all five KinPilot experiences. */
#kp-web-tools{flex-wrap:wrap;gap:10px 20px;padding-block:8px}#kp-web-tools .kp-brand-home{font-size:17px;font-weight:800;display:flex;align-items:center;gap:7px;min-height:38px;flex-shrink:0}#kp-web-tools .kp-brand-home span{color:#ffca72}#kp-web-tools .kp-learning-links{display:flex;gap:7px 17px;align-items:center;flex:1;flex-wrap:wrap}#kp-web-tools .kp-learning-links a{min-height:40px;display:flex;align-items:center;font-size:12px;font-weight:650;white-space:nowrap}#kp-web-tools .kp-learning-links a[aria-current=page]{color:#ffdc9e;text-decoration:underline;text-underline-offset:6px}#kp-web-tools .kp-web-more{position:relative}#kp-web-tools summary{padding:9px 11px;border:1px solid #c1ceef77;border-radius:6px;cursor:pointer;min-height:40px;box-sizing:border-box}#kp-web-tools .kp-web-more>div{position:absolute;right:0;top:48px;z-index:10000;display:grid;gap:7px;min-width:180px;padding:14px;background:#13224b;border:1px solid #52628c;border-radius:9px;box-shadow:0 10px 30px #13224b33}#kp-web-tools .kp-web-more a{min-height:35px;display:flex;align-items:center}.kp-web-installed #kp-web-tools{display:flex}.kp-web-installed #kp-web-install{display:none}#kp-web-tools summary:focus-visible{outline:3px solid #ffc76e;outline-offset:3px}
@media(max-width:700px){#kp-web-tools{gap:5px 12px;padding-inline:14px}#kp-web-tools .kp-learning-links{order:3;flex-basis:100%;flex-wrap:nowrap;overflow-x:auto;gap:22px;padding-bottom:2px}#kp-web-tools .kp-brand-home{margin-right:auto}#kp-web-tools .kp-web-more>div .kp-web-about{display:flex}}

#kp-web-tools .kp-collection-time{position:static;box-shadow:none;margin-top:5px;white-space:normal;border-radius:7px;max-width:none}

#kp-web-tools .kp-web-more{border:0;margin:0;padding:0}#kp-web-tools summary{color:#e7edff;background:transparent;font:inherit;line-height:20px}#kp-web-tools summary:hover{background:#263963}

#kp-web-tools .kp-learning-links{scrollbar-width:thin;scrollbar-color:#657aa8 transparent}#kp-web-tools .kp-learning-links::-webkit-scrollbar{height:4px}#kp-web-tools .kp-learning-links::-webkit-scrollbar-track{background:transparent}#kp-web-tools .kp-learning-links::-webkit-scrollbar-thumb{background:#657aa8;border-radius:4px}

@media(min-width:701px){.subjects-hero .subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.subject-card.code{text-decoration:none;color:inherit}

.kp-update-notice{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:20000;box-sizing:border-box;width:min(520px,calc(100% - 24px));display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:16px;border:1px solid #adc4b8;border-radius:16px;background:#fffdf6;color:#193f43;box-shadow:0 6px 30px #193f4326;font:14px/1.5 system-ui}.kp-update-notice p{flex:1 1 100%;margin:0}.kp-update-notice button{font:700 14px system-ui;padding:10px 16px;min-height:44px;border:1px solid #17695c;border-radius:9px;background:#17695c;color:#fff;cursor:pointer}.kp-update-notice button:last-child{background:transparent;color:#17695c}

/* Deliberately separate skipping from answer and navigation controls. */
html[data-kp-module=olympix] .task-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:24px}
html[data-kp-module=olympix] .task-actions:has(.kp-task-skip){justify-content:space-between}
html[data-kp-module=olympix] .task-actions .kp-task-skip{flex:0 0 auto;width:auto;min-width:60px;margin-right:auto}
html[data-kp-module=olympix] .kp-task-primary-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
html[data-kp-module=olympix] .task-actions .kp-task-primary-actions button{flex:0 1 auto;width:auto;min-width:0;min-height:48px}
@media(max-width:400px){html[data-kp-module=olympix] .task-actions{gap:24px;padding-inline:8px}html[data-kp-module=olympix] .task-actions button{font-size:13px;padding-inline:12px}html[data-kp-module=olympix] .kp-task-primary-actions{gap:6px}}