:root{color-scheme:light}a{color:#244d87;text-underline-offset:4px}main{min-height:65vh;outline:none}h1:focus{outline:none}.demo-bar{background:#19213d;color:#fff;padding:12px max(20px,calc((100vw - 720px)/2));font-size:15px}.demo-bar summary{cursor:pointer;min-height:24px}.demo-bar p{margin:12px 0}.demo-bar nav{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.demo-bar a,.demo-bar button{color:#fff;background:transparent;border:1px solid #939cb4;border-radius:6px;padding:8px 12px;font-size:15px;text-decoration:none}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}.button{background:var(--yellow);color:var(--ink);text-decoration:none;text-align:center;margin:18px 0 0}.button.secondary{background:white;border-color:#adb7c8}.button.dark{background:var(--ink);color:white}.button.danger{background:#fff0ed;color:#882d26;border-color:#c87770}.button:disabled{cursor:default}h1{font-size:36px}h2{font-size:25px}.lead{font-size:20px;color:var(--muted)}.eyebrow{font-size:16px}.section p:last-child{margin-bottom:0}.section ol,.section ul{padding-left:24px}.section li{margin:12px 0;padding-left:4px}.back{display:inline-block;margin-bottom:24px;min-height:30px}.subtle{color:var(--muted);font-size:17px}.notice{padding:20px;border-radius:10px;background:#edf1f7;margin:20px 0;overflow-wrap:anywhere}.notice p:last-child{margin-bottom:0}.notice.good{background:#eaf4ec;color:#215737}.notice.warn{background:#fff8df;color:#6c5214}.notice.error{background:#fff0ed;color:#882d26}.badge{display:inline-block;padding:5px 12px;border-radius:6px;background:#edf1f7;color:#465771;font-size:16px;margin-bottom:12px}.badge.good{background:#eaf4ec;color:#215737}.steps-list{list-style:none;padding:0!important;margin:0;counter-reset:steps}.steps-list li{padding:0 0 22px 50px;margin:0 0 22px;border-bottom:1px solid #e4e7ee;position:relative}.steps-list li:last-child{margin-bottom:0;padding-bottom:0;border:0}.steps-list li:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:0;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:white;font-weight:bold}.steps-list strong{display:block;margin-bottom:5px}.steps-list p{font-size:17px;color:var(--muted)}.progress-text{font-size:17px;margin-bottom:10px}.progress{height:10px;background:#dce2eb;border-radius:10px;overflow:hidden;margin-bottom:28px}.progress span{display:block;height:100%;background:#5e7f53}.course-row{padding:25px 0;border-top:1px solid var(--line)}.course-row:last-child{padding-bottom:0}.course-row h3{font-size:22px}.course-row .button{margin-top:14px}.number-caption{color:var(--muted);font-size:16px;margin-bottom:6px}.lesson-image{display:block;width:100%;height:auto;margin:24px 0;border-radius:10px}.quote{padding:22px;border-left:5px solid #dfb42b;background:#fff9e5;font-size:21px;line-height:1.8;margin:20px 0}.question{padding:26px 0;border-bottom:1px solid var(--line);margin:0}.question legend{padding-top:24px;font-size:20px}.question:last-of-type{border:0}.question .choice{font-size:18px;align-items:flex-start}.question .choice input{margin-top:4px}.feedback{padding:16px;margin-top:16px;border-radius:9px;background:#fff0ed;color:#882d26}.feedback.correct{background:#eaf4ec;color:#215737}.field select,.field input[type=date],.field input[type=time]{font:inherit;width:100%;min-height:55px;padding:12px;border:1.5px solid #bbc4d3;border-radius:8px;background:white;color:var(--ink)}.record-text{font-size:20px;line-height:1.8;padding:20px;background:#fff9e5;border-radius:8px}dl{margin:0}dt{font-size:16px;color:var(--muted);margin-top:20px}dd{margin:4px 0 0;overflow-wrap:anywhere}.message{padding:20px;border-radius:12px;background:#edf1f7;margin:14px 0;overflow-wrap:anywhere}.message.from-candidate{background:#fff8df}.message strong{display:block;margin-bottom:8px}.message p{white-space:pre-wrap}.slot{display:block;width:100%;margin:12px 0;text-align:left;background:#fff;border:1.5px solid #bcc5d3;border-radius:10px;padding:17px 20px;color:var(--ink);min-height:60px;font-size:19px}.slot:focus-visible{outline:3px solid #416dd4}.slot:hover{border-color:#8a6b11;background:#fff9e5}.slot-list{margin-top:18px}.chosen-date{font-size:24px;font-weight:bold}.bot-logo{background:var(--ink);color:white;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:22px;font-weight:bold;margin-bottom:18px}.mail-item{border:1px solid var(--line);padding:25px;border-radius:12px;background:white;margin:20px 0}.mail-item h2{font-size:23px}.mail-item .meta{font-size:16px;color:var(--muted)}.hero-art{width:145px;height:auto;display:block;margin:0 auto 20px}.center{text-align:center}.divider{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}details.help{padding:18px 0;border-top:1px solid var(--line);margin-top:24px}details.help summary{cursor:pointer;color:#244d87}details.help p{margin-top:12px}.empty{color:var(--muted)}.admin-actions{margin-top:25px}.admin-actions button{width:100%}.small-link{font-size:17px;display:inline-block;margin-top:20px}.flow-mark{font-size:16px;letter-spacing:.02em;color:var(--muted);margin-bottom:12px}button,a{touch-action:manipulation}.choice input{min-width:23px}#main>h1{overflow-wrap:anywhere}dialog{max-width:560px;width:calc(100% - 32px);padding:30px;border:1px solid #bfc6d2;border-radius:15px;color:var(--ink)}dialog::backdrop{background:#171e3c90}.inline-error{color:#882d26;font-size:17px;margin-top:12px}.inline-error:empty{display:none}.toast{padding:18px;background:#eaf4ec;color:#215737;margin:16px 0;border-radius:8px}footer{padding:25px 20px}footer p{font-size:15px}
@media(max-width:600px){h1{font-size:30px}.demo-bar{padding:12px 18px}main{padding-top:27px}.section{padding:24px 19px}.section h2{font-size:23px}.lead{font-size:19px}.quote{padding:18px;font-size:20px}.mail-item{padding:22px 19px}.hero-art{width:115px}.choice{padding:14px 12px}.steps-list li{padding-left:46px}.lesson-image{margin:20px 0}.question legend{font-size:19px}.demo-bar nav{align-items:stretch}.demo-bar nav>*{text-align:left}}

.record-button{background:var(--ink);color:white}.stop-button{background:#a2332b;color:white}.record-controls .button{margin-top:0}#record-again{margin-top:18px}