/* OnlineTools Kenya community workspaces, GPL-2.0-or-later. */
.cp-workspace{--cp-blue:#0053e2;--cp-ink:#182b49;--cp-line:#d8e2ee;color:var(--cp-ink);font-family:inherit;min-width:0}.cp-workspace *{box-sizing:border-box}.cp-top{padding:0 0 18px;border-bottom:1px solid var(--cp-line);margin-bottom:24px}.cp-top p{max-width:74ch;margin:8px 0 0;line-height:1.65}.cp-eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cp-blue)}.cp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cp-field,.cp-output label{display:flex;flex-direction:column;gap:7px;min-width:0}.cp-field label,.cp-output label{font-size:13px;font-weight:650}.cp-field small,.cp-file small{font-size:12px;line-height:1.5;color:#54667f}.cp-wide,.cp-file{grid-column:1/-1}.cp-workspace input:not([type=checkbox]):not([type=range]):not([type=color]),.cp-workspace textarea,.cp-workspace select{max-width:100%;min-width:0;width:100%;font:inherit;color:var(--cp-ink);padding:11px 12px;border:1px solid #becde0;border-radius:9px;background:#fff;line-height:1.4}.cp-workspace textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;min-height:82px}.cp-workspace input:focus-visible,.cp-workspace textarea:focus-visible,.cp-workspace select:focus-visible,.cp-workspace button:focus-visible,.cp-workspace a:focus-visible{outline:3px solid #8bbaff;outline-offset:3px}.cp-workspace .otk-actions{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 0}.cp-workspace .otk-actions>*{max-width:100%;white-space:normal;text-align:center;overflow-wrap:anywhere}.cp-main-actions{padding-top:7px}.cp-error{background:#fff2f1;border:1px solid #e7b3af;color:#932f26;border-radius:10px;padding:14px;margin-top:16px}.cp-output{margin-top:20px;padding:24px;border:1px solid var(--cp-line);background:#fff;border-radius:14px;min-width:0;overflow-wrap:anywhere}.cp-output h2{font-size:22px;line-height:1.25;letter-spacing:-.025em;margin:0 0 18px}.cp-output h2:not(:first-child){margin-top:25px}.cp-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:12px;margin:18px 0}.cp-metrics>div{background:#f0f6ff;border-radius:10px;padding:15px;min-width:0}.cp-metrics span{display:block;font-size:12px;color:#425f88;line-height:1.4}.cp-metrics strong{display:block;font-size:21px;line-height:1.35;margin-top:5px;font-variant-numeric:tabular-nums}.cp-table{width:100%;max-width:100%;overflow-x:auto;margin:16px 0;border:1px solid var(--cp-line);border-radius:9px;-webkit-overflow-scrolling:touch}.cp-table table{width:100%;border-collapse:collapse;margin:0;font-size:12px;line-height:1.55;table-layout:auto}.cp-table th,.cp-table td{padding:11px 12px;border:0;border-bottom:1px solid var(--cp-line);text-align:left;vertical-align:top;min-width:90px;max-width:500px;overflow-wrap:anywhere}.cp-table th{background:#f5f8fd;font-weight:750}.cp-table tr:last-child td{border-bottom:0}.cp-table input{min-width:90px!important}.cp-note{padding:14px 16px;border-left:3px solid #5995f5;background:#f4f8ff;color:#435974;font-size:13px;line-height:1.65;margin-top:18px}.cp-source{padding:13px 0;border-top:1px solid var(--cp-line);font-size:12px;line-height:1.6}.cp-source:first-of-type{margin-top:20px}.cp-source summary{cursor:pointer;font-weight:650}.cp-source p{margin:8px 0}.cp-source a{overflow-wrap:anywhere;color:var(--cp-blue)}.cp-file{padding:14px;background:#f5f8fd;border:1px dashed #b3c6e0;border-radius:10px}.cp-file label{display:block;font-weight:650;font-size:13px}.cp-file input{margin:8px 0}.cp-place-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:340px;overflow-y:auto;padding:3px}.cp-place-picker button{display:flex;align-items:flex-start;flex-direction:column;white-space:normal;text-align:left;gap:5px}.cp-place-picker small{font-size:11px;line-height:1.4}.cp-game-meta{font-size:12px;font-weight:750;color:#4b6385;margin-bottom:18px;text-transform:uppercase;letter-spacing:.04em}.cp-prompt{font-size:clamp(23px,4vw,38px);line-height:1.4;font-weight:700;background:#edf4ff;padding:28px 20px;border-radius:13px;margin:20px 0;text-align:center;overflow-wrap:anywhere}.cp-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.cp-answer-grid button{padding:18px 16px;min-height:70px;white-space:normal;text-align:left;line-height:1.5;justify-content:flex-start}.cp-clock{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border:1px solid var(--cp-line);border-radius:12px;margin-bottom:20px;background:#f7faff}.cp-clock [role=timer]{font-size:25px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2}.cp-game-feedback{line-height:1.65}.cp-feedback{background:#fff4db;padding:14px;border-radius:10px}.cp-correct{background:#eaf7ef;color:#1a663e}.cp-choice-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.cp-choice-pair>div{background:#f0f5ff;border:1px solid #cadaf4;border-radius:12px;padding:20px}.cp-choice-pair>div+div{background:#fff6e7;border-color:#eddec3}.cp-choice-pair span{font-size:25px;font-weight:800;color:var(--cp-blue)}.cp-choice-pair p{font-size:18px;line-height:1.6}.cp-private-form{display:grid;gap:16px}.cp-private-form textarea{font-family:inherit}.cp-emoji{font-size:clamp(38px,7vw,64px);text-align:center;letter-spacing:6px;padding:25px 5px;background:#f4f8ff;border-radius:13px;margin:20px 0}.cp-canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;border:1px solid #a5bad9;background:#fff;border-radius:10px;touch-action:none;cursor:crosshair;margin:12px 0 20px}.cp-drawing-controls{display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:12px}.cp-drawing-controls label{font-size:12px;display:flex;align-items:center;flex-direction:row;gap:7px}.cp-drawing-controls input[type=checkbox]{width:auto}.cp-drawing-controls input[type=color]{width:42px;height:36px;padding:3px}.cp-drawing-controls input[type=range]{width:110px}.cp-text-clue textarea{font-family:inherit}.cp-stop{color:#bc392a;background:#fff0ed;padding:22px;border-radius:12px}.cp-print-frame{position:fixed;left:-10000px;top:0;width:800px;height:1100px;border:0}.cp-output [hidden],.cp-workspace [hidden]{display:none!important}
@media(max-width:680px){.cp-output{padding:17px 13px}.cp-fields{grid-template-columns:1fr}.cp-answer-grid,.cp-choice-pair,.cp-place-picker{grid-template-columns:1fr}.cp-output h2{font-size:20px}.cp-metrics{gap:8px}.cp-metrics>div{padding:12px}.cp-table th,.cp-table td{padding:9px}.cp-prompt{padding:20px 13px}.cp-clock{padding:11px}.cp-main-actions>button:first-child{width:100%}.cp-workspace .otk-actions>*{font-size:12px;min-height:43px}.cp-choice-pair p{font-size:16px}.cp-game-meta{font-size:11px}}
@media print{.cp-top,.cp-form,.cp-output button,.cp-output a[download],.cp-timer-slot,.cp-error{display:none!important}.cp-output{border:0;padding:0}.cp-table{overflow:visible}.cp-table th,.cp-table td{min-width:0}.cp-output [data-otk-private]{display:none!important}}

.cp-table .cp-numeric{white-space:nowrap;font-variant-numeric:tabular-nums}

/* dark-mode:start — generated by scripts/dark-mode.py from build/community-plus-assets/styles.css; do not edit by hand */
@media screen{
 html[data-theme="dark"] .cp-workspace:not([data-otk-paper],[data-otk-paper] *){--cp-ink:#efefef;--cp-line:#373737;color:#efefef}
 html[data-theme="dark"] .cp-top:not([data-otk-paper],[data-otk-paper] *){border-bottom:1px solid #696969}
 html[data-theme="dark"] .cp-eyebrow:not([data-otk-paper],[data-otk-paper] *){color:#80abf7}
 html[data-theme="dark"] .cp-field small:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .cp-file small:not([data-otk-paper],[data-otk-paper] *){color:#aaaaaa}
 html[data-theme="dark"] .cp-workspace input:not([type=checkbox]):not([type=range]):not([type=color]):not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .cp-workspace textarea:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .cp-workspace select:not([data-otk-paper],[data-otk-paper] *){color:#efefef;border:1px solid #454545;background:#212121}
 html[data-theme="dark"] .cp-workspace input:focus-visible:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .cp-workspace textarea:focus-visible:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .cp-workspace select:focus-visible:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .cp-workspace button:focus-visible:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .cp-workspace a:focus-visible:not([data-otk-paper],[data-otk-paper] *){outline:3px solid #3c4e69}
 html[data-theme="dark"] .cp-error:not([data-otk-paper],[data-otk-paper] *){background:#201615;border:1px solid #623f3c;color:#f99f92}
 html[data-theme="dark"] .cp-output:not([data-otk-paper],[data-otk-paper] *){border:1px solid #696969;background:#212121}
 html[data-theme="dark"] .cp-metrics>div:not([data-otk-paper],[data-otk-paper] *){background:#191919}
 html[data-theme="dark"] .cp-metrics span:not([data-otk-paper],[data-otk-paper] *){color:#b1b1b1}
 html[data-theme="dark"] .cp-table:not([data-otk-paper],[data-otk-paper] *){border:1px solid #696969}
 html[data-theme="dark"] .cp-table th:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .cp-table td:not([data-otk-paper],[data-otk-paper] *){border:0;border-bottom:1px solid #696969}
 html[data-theme="dark"] .cp-table th:not([data-otk-paper],[data-otk-paper] *){background:#191919}
 html[data-theme="dark"] .cp-table tr:last-child td:not([data-otk-paper],[data-otk-paper] *){border-bottom:0}
 html[data-theme="dark"] .cp-note:not([data-otk-paper],[data-otk-paper] *){border-left:3px solid #4c5d79;background:#191919;color:#b9b9b9}
 html[data-theme="dark"] .cp-source:not([data-otk-paper],[data-otk-paper] *){border-top:1px solid #696969}
 html[data-theme="dark"] .cp-source a:not([data-otk-paper],[data-otk-paper] *){color:#80abf7}
 html[data-theme="dark"] .cp-file:not([data-otk-paper],[data-otk-paper] *){background:#191919;border:1px dashed #364963}
 html[data-theme="dark"] .cp-game-meta:not([data-otk-paper],[data-otk-paper] *){color:#adadad}
 html[data-theme="dark"] .cp-prompt:not([data-otk-paper],[data-otk-paper] *){background:#292929}
 html[data-theme="dark"] .cp-clock:not([data-otk-paper],[data-otk-paper] *){border:1px solid #696969;background:#1d1d1d}
 html[data-theme="dark"] .cp-feedback:not([data-otk-paper],[data-otk-paper] *){background:#32280f}
 html[data-theme="dark"] .cp-correct:not([data-otk-paper],[data-otk-paper] *){background:#212c26;color:#85cd9f}
 html[data-theme="dark"] .cp-choice-pair>div:not([data-otk-paper],[data-otk-paper] *){background:#292929;border:1px solid #314059}
 html[data-theme="dark"] .cp-choice-pair>div+div:not([data-otk-paper],[data-otk-paper] *){background:#1f180a;border-color:#493b1f}
 html[data-theme="dark"] .cp-choice-pair span:not([data-otk-paper],[data-otk-paper] *){color:#80abf7}
 html[data-theme="dark"] .cp-emoji:not([data-otk-paper],[data-otk-paper] *){background:#191919}
 html[data-theme="dark"] .cp-canvas:not([data-otk-paper],[data-otk-paper] *){border:1px solid #3c4e69;background:#212121}
 html[data-theme="dark"] .cp-stop:not([data-otk-paper],[data-otk-paper] *){color:#f8715d;background:#332623}
}
/* dark-mode:end */