/* Mark's crayon-and-paper theme: decoration is playful; form text stays plain. */
@media screen {
#aso-root.aso-simple { background:#fffdf5; color:#233946; }
#aso-root.aso-simple[data-mode=office-login] { min-height:100vh; background:repeating-linear-gradient(0deg,#fffdf5 0 35px,#edf2f4 35px 36px); }
#aso-root.aso-simple[data-mode=office-login] .aso-card { border:3px dashed #3868a0; }
#aso-root .aso-simple-shell { min-height:100vh; background:repeating-linear-gradient(0deg,transparent 0 35px,#88afcb19 35px 36px); }
#aso-root .aso-simple-header { display:flex; gap:22px; align-items:center; padding:22px max(24px,calc((100vw - 1240px)/2)); background:#fff9df; border-bottom:3px dashed #cfad49; }
#aso-root .aso-simple-brand { margin-right:auto; color:#263e4d; font-weight:700; font-size:15px; text-decoration:none; }
#aso-root .aso-simple-brand span { display:block; font:700 27px/1.3 'Comic Sans MS','Segoe Print',cursive; }
#aso-root .aso-simple-signout { font-size:16px; text-decoration:underline; color:#244b7b; padding:12px 0; }
#aso-root .aso-simple-main { max-width:1200px; padding:32px 30px 46px; margin:auto; }
#aso-root.aso-simple h1 { font-family:'Comic Sans MS','Segoe Print',cursive; letter-spacing:-.7px; font-size:clamp(29px,3vw,40px); }
#aso-root .aso-simple-tasks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
#aso-root .aso-simple-instructions { padding:19px 22px; margin:0 0 28px; background:#eaf3fa; border:2px dashed #567fa5; border-radius:13px 8px 14px 11px; font-size:18px; color:#233f56; max-width:900px; }
#aso-root .aso-simple-task { --crayon:#3868a0; display:flex; align-items:center; gap:20px; text-align:left; border:3px solid var(--crayon); border-radius:15px 22px 17px 25px / 21px 15px 24px 17px; padding:26px; min-height:145px; color:#233946; background:#fff; box-shadow:4px 5px 0 #23394614; position:relative; }
#aso-root .aso-simple-task::after { content:''; position:absolute; inset:3px -5px -5px 2px; border:1px dashed var(--crayon); border-radius:20px 15px 25px 17px; pointer-events:none; opacity:.7; }
#aso-root .aso-simple-task:hover { background:#fffce9; box-shadow:5px 7px 0 #23394620; }
#aso-root .aso-simple-task strong { display:block; font-size:23px; line-height:1.35; font-weight:700; }
#aso-root .aso-simple-task small { display:block; font-size:16px; line-height:1.5; color:#425967; margin-top:8px; }
#aso-root .aso-simple-task.crayon-1 { --crayon:#368064; }
#aso-root .aso-simple-task.crayon-2 { --crayon:#b45d45; }
#aso-root .aso-simple-task.crayon-3 { --crayon:#8662a3; }
#aso-root .aso-doodle { width:53px; flex:0 0 53px; color:var(--crayon); }
#aso-root .aso-doodle svg { display:block; width:100%; fill:none; stroke:currentColor; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
#aso-root .aso-task-arrow { font-size:25px; margin-left:auto; color:var(--crayon); }
#aso-root .aso-simple-help { margin:34px 0 0; padding:19px 22px; background:#fff2b8; border:2px dashed #ab8631; border-radius:7px; font-size:17px; color:#50451d; }
#aso-root .aso-simple-footer { max-width:1240px; margin:auto; padding:10px 24px 30px; display:flex; gap:20px; justify-content:space-between; font-size:14px; }
#aso-root.aso-simple .aso-frame { border:3px solid #3868a0; border-radius:16px 12px 20px 14px; min-height:1050px; }
#aso-root.aso-simple .aso-button { font-size:17px; min-height:52px; border-radius:9px 13px 10px 12px; }
#aso-root.aso-simple .aso-card { border:2px solid #8ba6b2; border-radius:13px 18px 14px 20px; }
body.aso-simple-workflow { background:#fffdf5!important; }
body.aso-simple-workflow .aso-guide-head { background:#fff3bf; border-bottom:3px dashed #bc9540; }
body.aso-simple-workflow .aso-guide-head strong { font-family:'Comic Sans MS','Segoe Print',cursive; font-size:22px; color:#263d48; }
body.aso-simple-workflow .aso-guide-progress span { height:9px; border-radius:60% 25% 40% 20%; background:#dbd3b2; }
body.aso-simple-workflow .aso-guide-progress span.current:nth-child(1) { background:#396ba2; }
body.aso-simple-workflow .aso-guide-progress span.current:nth-child(2) { background:#368064; }
body.aso-simple-workflow .aso-guide-progress span.current:nth-child(3) { background:#b45d45; }
body.aso-simple-workflow .aso-guide-review { border:2px dashed #3e7767; border-radius:11px 16px 13px 19px; background:#f3f9f3; }
body.aso-simple-workflow .aso-guide-nav button { border-width:2px; border-radius:12px 8px 15px 10px; }
body.aso-simple-workflow :is(.tkh-journey,.tkh-steps,.wvas-flowbar) { display:none!important; }
body.aso-simple-workflow :is(.tmi-ops-header,.tmi-staff-stats,.tmi-ops-panel-head) { display:none!important; }
@media(max-width:760px) {
 #aso-root .aso-simple-tasks { grid-template-columns:1fr; gap:18px; }
 #aso-root .aso-simple-task { padding:22px 18px; gap:14px; min-height:125px; }
 #aso-root .aso-simple-task strong { font-size:21px; }
 #aso-root .aso-simple-header { padding:18px; flex-wrap:wrap; gap:12px; }
 #aso-root .aso-simple-brand { width:100%; }
 #aso-root .aso-simple-header .aso-button { margin-right:auto; }
 #aso-root .aso-simple-main { padding:28px 18px; }
 #aso-root .aso-simple-footer { flex-direction:column; padding:12px 18px 25px; }
}
}
/* Version 2: a picture-first workbook. Decorative lettering never applies to fields. */
@media screen {
#aso-root.aso-simple { --mark-ink:#23394e;--mark-paper:#fffef6;background:var(--mark-paper);color:var(--mark-ink);font-family:Arial,'Segoe UI',sans-serif; }
#aso-root.aso-simple :is(button,a,input,select,textarea):focus-visible { outline:3px solid #194e8d;outline-offset:5px; }
#aso-root.aso-simple .aso-simple-shell { background:linear-gradient(90deg,transparent 0 39px,#d36c6538 39px 41px,transparent 41px),repeating-linear-gradient(0deg,transparent 0 35px,#96b7ce36 35px 36px); }
#aso-root.aso-simple .aso-simple-header { padding:20px max(24px,calc((100vw - 1200px)/2));background:#fff3c7;border-bottom:4px solid #dbb35f;position:relative; }
#aso-root.aso-simple .aso-simple-header::after { content:'';position:absolute;left:0;right:0;bottom:3px;border-bottom:1px dashed #a58034;pointer-events:none; }
#aso-root.aso-simple .aso-simple-brand { color:#3b4e5b;font-size:13px;letter-spacing:.04em; }
#aso-root.aso-simple .aso-simple-brand span { font-family:'Segoe Print','Comic Sans MS',cursive;letter-spacing:-1px;color:#243f59; }
#aso-root.aso-simple h1 { font-family:'Segoe Print','Comic Sans MS',cursive;letter-spacing:-1.5px; }
#aso-root.aso-simple :is(h2,h3) { letter-spacing:-.025em; }
#aso-root.aso-simple .aso-mark-welcome { display:grid;grid-template-columns:1.35fr 1fr;gap:22px;align-items:center;position:relative;margin-bottom:25px;padding:28px 30px;background:#fffdf3;border:2px solid #dfcda2;border-radius:9px 19px 12px 15px;box-shadow:5px 6px 0 #879eba20; }
#aso-root.aso-simple .aso-mark-welcome::before { content:'';position:absolute;top:-11px;left:36%;height:23px;width:93px;transform:rotate(-4deg);background:#eac9676b;border-left:2px dashed #d4b05b66;border-right:2px dashed #d4b05b66; }
#aso-root.aso-simple .aso-mark-name-tag { display:inline-block;padding:5px 10px;color:#8b452e;background:#fce0bd;transform:rotate(-2deg);font:800 12px/1.5 Arial,sans-serif;letter-spacing:.09em; }
#aso-root.aso-simple .aso-mark-welcome h1 { color:#243c52;font-size:clamp(29px,3.3vw,41px);line-height:1.35;margin:15px 0 13px; }
#aso-root.aso-simple .aso-mark-welcome h1 span { color:#2d7250; }
#aso-root.aso-simple .aso-mark-welcome p { font-size:18px;color:#405669;line-height:1.65;max-width:430px;margin:0 0 20px; }
#aso-root.aso-simple .aso-mark-sticker { display:inline-flex;gap:9px;align-items:center;padding:8px 12px;border:2px dotted #b08d2b;border-radius:8px 12px 8px 11px;background:#fff3b8;font-size:14px;font-weight:700;color:#645019;transform:rotate(-1deg); }
#aso-root.aso-simple .aso-mark-sticker>span { color:#967021;font-size:24px; }
#aso-root.aso-simple .aso-mark-scene { align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center; }
#aso-root.aso-simple .aso-mark-scene svg { display:block;width:100%;max-width:320px; }
#aso-root.aso-simple .aso-mark-scene>span { font:700 17px/1.4 'Segoe Print','Comic Sans MS',cursive;color:#57734c;transform:rotate(-3deg);margin-top:-4px; }
#aso-root.aso-simple .aso-mark-plan { display:flex;gap:25px;align-items:center;background:#edf4fc;border:2px dashed #7394b5;border-radius:11px 7px 15px 9px;padding:17px 22px;margin-bottom:35px; }
#aso-root.aso-simple .aso-mark-plan-title { font:700 18px/1.4 'Segoe Print','Comic Sans MS',cursive;max-width:95px;color:#355d7e; }
#aso-root.aso-simple .aso-mark-plan ol { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;list-style:none;gap:19px;padding:0;margin:0; }
#aso-root.aso-simple .aso-mark-plan li { display:flex;gap:10px;align-items:center;margin:0; }
#aso-root.aso-simple .aso-mark-plan li>span { display:grid;place-items:center;flex:0 0 32px;height:32px;background:#fff;border:2px solid #477eab;border-radius:48% 55% 45% 60%;font:700 18px/1 'Segoe Print','Comic Sans MS',cursive;color:#315e82; }
#aso-root.aso-simple .aso-mark-plan li:nth-child(2)>span { color:#457451;border-color:#638f62; }
#aso-root.aso-simple .aso-mark-plan li:nth-child(3)>span { color:#a05b40;border-color:#b5795e; }
#aso-root.aso-simple .aso-mark-plan strong { display:block;font-size:16px;line-height:1.4;color:#29465c; }
#aso-root.aso-simple .aso-mark-plan small { display:block;font-size:13px;line-height:1.5;color:#4a6276;margin-top:2px; }
#aso-root.aso-simple .aso-mark-task-heading { display:flex;align-items:center;gap:24px;margin:0 0 21px; }
#aso-root.aso-simple .aso-mark-task-heading h2 { color:#243c52;font:700 28px/1.4 'Segoe Print','Comic Sans MS',cursive;margin:0 0 3px; }
#aso-root.aso-simple .aso-mark-task-heading p { margin:0;color:#4b6070;font-size:16px; }
#aso-root.aso-simple .aso-mark-pencil-line { display:block;width:63px;border-top:4px solid #bd5c4a;border-bottom:1px solid #bd5c4a;height:7px;border-radius:30%;transform:rotate(-3deg);margin-bottom:8px; }
#aso-root.aso-simple .aso-mark-note { margin-left:auto;display:block;max-width:205px;background:#fff0b4;border:1px solid #cbb25e;padding:12px 15px;transform:rotate(2deg);box-shadow:3px 3px 0 #79704717;font-size:15px;line-height:1.5;color:#5e4c22; }
#aso-root.aso-simple .aso-mark-tasks { gap:23px; }
#aso-root.aso-simple .aso-mark-task { --crayon:#3868a0;--wash:#edf4fc;gap:17px;width:100%;padding:22px 18px;min-height:170px;color:#233946;background:#fffefa;white-space:normal;cursor:pointer; }
#aso-root.aso-simple .aso-mark-task:hover { background:var(--wash); }
#aso-root.aso-simple .aso-mark-task strong { font-size:21px;line-height:1.35;font-weight:750;letter-spacing:-.025em;color:#23394d; }
#aso-root.aso-simple .aso-mark-task small { font-size:15px;line-height:1.55;color:#475d6e;margin-top:7px; }
#aso-root.aso-simple .aso-mark-task.crayon-green { --crayon:#4c805a;--wash:#f0f7ed; }
#aso-root.aso-simple .aso-mark-task.crayon-gold { --crayon:#aa7e30;--wash:#fff6d9; }
#aso-root.aso-simple .aso-mark-task.crayon-coral { --crayon:#b46651;--wash:#fff1eb; }
#aso-root.aso-simple .aso-mark-task.crayon-purple { --crayon:#8b70a6;--wash:#f4f0fa; }
#aso-root .aso-mark-task-copy { min-width:0; }
#aso-root.aso-simple .aso-mark-task-kicker { display:block;color:var(--crayon);font-size:11px;line-height:1.4;font-weight:800;letter-spacing:.04em;margin-bottom:6px; }
#aso-root.aso-simple .aso-mark-picture { width:91px;flex:0 0 91px;align-self:center;color:var(--crayon);background:var(--wash);border-radius:49% 40% 53% 38%;padding:5px; }
#aso-root .aso-mark-picture svg { display:block;width:100%;filter:drop-shadow(1px 1px 0 #42596f24); }
#aso-root.aso-simple .aso-task-arrow { font:700 24px/1 'Segoe Print','Comic Sans MS',cursive; }
#aso-root.aso-simple .aso-mark-helper { display:flex;gap:18px;align-items:center;margin:33px 0 0;padding:20px 24px;background:#fff0bc;border:2px dashed #bc9943;border-radius:12px 9px 15px 7px;color:#5b4a25; }
#aso-root.aso-simple .aso-mark-helper-star { flex:0 0 45px;color:#9b7826;font-size:56px;line-height:1;transform:rotate(-12deg); }
#aso-root.aso-simple .aso-mark-helper h2 { font:700 20px/1.5 'Segoe Print','Comic Sans MS',cursive;margin:0 0 4px;color:#5b4a25; }
#aso-root.aso-simple .aso-mark-helper p { margin:0;font-size:16px;line-height:1.6;max-width:810px;color:#5b4a25; }
#aso-root.aso-simple .aso-button { font-family:Arial,'Segoe UI',sans-serif; }
#aso-root.aso-simple .aso-mark-login-intro { text-align:center; }
#aso-root.aso-simple .aso-mark-login-picture { max-width:245px;margin:-10px auto 0; }
#aso-root.aso-simple .aso-mark-login-picture svg { width:100%;display:block; }
#aso-root.aso-simple .aso-mark-login-intro p { color:#425a6b;font-size:17px;line-height:1.65; }
/* Each embedded task is a short workbook with a visible next step. */
body.aso-simple-workflow { background:#fffef6!important; }
body.aso-simple-workflow .aso-guide-head { padding:25px 27px;background:#fff1bc;border-bottom:3px dashed #c8a34e;position:relative; }
body.aso-simple-workflow .aso-guide-head::after { content:'✎';position:absolute;top:19px;right:24px;font-size:35px;color:#9a7331;transform:rotate(-13deg); }
body.aso-simple-workflow .aso-guide-head strong { padding-right:44px;font-family:'Segoe Print','Comic Sans MS',cursive;font-size:22px;line-height:1.5;color:#263d48; }
body.aso-simple-workflow .aso-guide-head p { max-width:680px;font:400 17px/1.65 Arial,'Segoe UI',sans-serif;color:#4c563e; }
body.aso-simple-workflow .aso-guide-head .aso-guide-tip { display:flex;align-items:center;gap:7px;margin-top:11px;font:700 13px/1.5 Arial,sans-serif;color:#735b25; }
body.aso-simple-workflow .aso-guide-progress { gap:13px; }
body.aso-simple-workflow .aso-guide-progress span { height:auto;min-height:38px;padding:7px 9px;display:flex;gap:7px;align-items:center;border-radius:8px 11px 8px 13px;background:#fffae7;border:2px solid #bcae82;color:#6a6142;font:700 13px/1.4 Arial,sans-serif; }
body.aso-simple-workflow .aso-guide-progress span.current:nth-child(n) { color:#214d70;border-color:#5384af;background:#e8f2ff; }
body.aso-simple-workflow .aso-guide-progress span.complete:nth-child(n) { color:#305e3c;border-color:#709761;background:#edf5e5; }
body.aso-simple-workflow .aso-guide-progress b { font:700 16px/1 'Segoe Print','Comic Sans MS',cursive; }
body.aso-simple-workflow .aso-guide-review { margin:0 0 22px;border:2px dashed #5b8e65;border-radius:11px 16px 13px 19px;background:#f2f7eb;padding:21px; }
body.aso-simple-workflow .aso-guide-review h3 { font:700 20px/1.5 'Segoe Print','Comic Sans MS',cursive;color:#345d3d; }
body.aso-simple-workflow .aso-guide-review p { font:400 15px/1.6 Arial,sans-serif;color:#425f48; }
body.aso-simple-workflow .aso-guide-review dd { font-weight:700; }
body.aso-simple-workflow .aso-guide-nav { border-top:2px dashed #bacbd2;background:#fffdf3;flex-wrap:wrap;align-items:center; }
body.aso-simple-workflow .aso-guide-nav button { min-height:54px;border-width:2px;border-radius:12px 8px 15px 10px; }
body.aso-simple-workflow .aso-guide-nav button:not(:first-child),body.aso-simple-workflow .aso-guide-done button { background:#356d9e;border-color:#356d9e; }
body.aso-simple-workflow .aso-guide-nav-note { flex:1 0 100%;order:3;text-align:center;color:#536c76;font:400 13px/1.5 Arial,sans-serif; }
body.aso-simple-workflow .aso-guide-done { position:relative;text-align:center;background:#fff6ce;border:3px dashed #b19540;box-shadow:5px 6px 0 #b1954024;padding:33px 24px; }
body.aso-simple-workflow .aso-guide-done-star { display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;background:#fffbe7;border:2px dotted #b9973d;border-radius:48% 57% 42% 52%;font-size:58px;color:#a17c1a;transform:rotate(-10deg); }
body.aso-simple-workflow .aso-guide-done h2 { font:700 26px/1.45 'Segoe Print','Comic Sans MS',cursive;color:#345b41; }
body.aso-simple-workflow .aso-guide-done p { font:400 17px/1.65 Arial,sans-serif;color:#425d47; }
body.aso-simple-workflow :is(.tkh-section,.tmi-form-stage,.tmi-upload-stage,.wvas-setup-stage) { background:#fffefa; }
body.aso-simple-workflow :is(input,select,textarea,label) { font-family:Arial,'Segoe UI',sans-serif!important; }
@media(max-width:960px) {
 #aso-root.aso-simple .aso-mark-plan { align-items:stretch;flex-direction:column;gap:12px; }
 #aso-root.aso-simple .aso-mark-plan-title { max-width:none; }
 #aso-root.aso-simple .aso-mark-picture { width:72px;flex-basis:72px; }
 #aso-root.aso-simple .aso-mark-task { gap:12px;padding:20px 15px; }
 #aso-root.aso-simple .aso-mark-task strong { font-size:19px; }
 #aso-root.aso-simple .aso-task-arrow { display:none; }
}
@media(max-width:760px) {
 #aso-root.aso-simple .aso-mark-task { min-height:135px;padding:19px 20px;gap:17px; }
 #aso-root.aso-simple .aso-mark-task strong { font-size:21px; }
 #aso-root.aso-simple .aso-mark-picture { width:83px;flex-basis:83px; }
 #aso-root.aso-simple .aso-mark-welcome { grid-template-columns:1fr;padding:26px 23px; }
 #aso-root.aso-simple .aso-mark-scene { display:none; }
 #aso-root.aso-simple .aso-mark-welcome h1 { font-size:34px; }
 #aso-root.aso-simple .aso-simple-header { padding:18px; }
 #aso-root .aso-simple-main { padding:27px 20px; }
 #aso-root.aso-simple .aso-mark-task-heading { align-items:flex-start; }
 #aso-root.aso-simple .aso-mark-note { max-width:145px;font-size:13px;padding:9px 11px; }
 body.aso-simple-workflow .aso-guide-head { padding:22px 19px; }
 body.aso-simple-workflow .aso-guide-progress { gap:6px; }
 body.aso-simple-workflow .aso-guide-progress span { padding:7px 6px;font-size:12px; }
}
@media(max-width:480px) {
 #aso-root.aso-simple .aso-mark-plan ol { grid-template-columns:1fr;gap:12px; }
 #aso-root.aso-simple .aso-mark-plan li>div { display:flex;gap:8px;align-items:baseline;flex-wrap:wrap; }
 #aso-root.aso-simple .aso-mark-plan { padding:16px 18px;margin-bottom:27px; }
 #aso-root.aso-simple .aso-mark-task-heading { flex-direction:column;gap:14px; }
 #aso-root.aso-simple .aso-mark-note { margin-left:0;max-width:none; }
 #aso-root.aso-simple .aso-mark-task { padding:18px 13px;gap:12px; }
 #aso-root.aso-simple .aso-mark-picture { width:68px;flex-basis:68px; }
 #aso-root.aso-simple .aso-mark-task strong { font-size:19px; }
 #aso-root.aso-simple .aso-mark-task small { font-size:14px; }
 #aso-root.aso-simple .aso-mark-helper { padding:18px;gap:11px;align-items:flex-start; }
 #aso-root.aso-simple .aso-mark-helper-star { flex-basis:28px;font-size:38px; }
 body.aso-simple-workflow .aso-guide-progress span { font-size:11px;gap:5px; }
 body.aso-simple-workflow .aso-guide-review dl { grid-template-columns:1fr;gap:5px; }
 body.aso-simple-workflow .aso-guide-review dd { margin-bottom:9px; }
}
@media(prefers-reduced-motion:reduce) { #aso-root.aso-simple *,body.aso-simple-workflow * { scroll-behavior:auto!important;transition:none!important; } }
}