/* The public demonstration uses the same paper, typography and illustrations. */
.demo-entry{padding:20px;border:1px solid #b7cdc2;border-radius:16px;background:#e0eeec;margin:22px 0;max-width:470px}.demo-entry h2{font-size:24px;margin:0 0 8px}.demo-entry p{font-size:15px;margin:0 0 15px}.demo-entry .button{width:100%}.demo-entry small{display:block;font-size:12px;margin-top:10px;color:#45616a}
.is-demo main{max-width:1240px}.is-demo .topbar{gap:14px}.demo-content p,.demo-content li{overflow-wrap:anywhere}.demo-content .panel{min-width:0}.demo-content h2{font-size:24px}.demo-content h3{font-size:20px}.demo-content p{line-height:1.65}.demo-content .button{font-size:14px}.demo-content .page-heading{margin-top:30px}
.demo-toolbar{padding:18px 22px;border:1px solid #b8cdc4;border-radius:17px;background:#eaf2ed;margin-bottom:25px}.demo-toolbar-top,.demo-perspectives,.demo-section-title,.demo-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.demo-toolbar-top>div{min-width:0}.demo-toolbar-top strong{display:block;font-size:16px}.demo-toolbar-top small{display:block;font-size:13px;color:#48636b;line-height:1.5;margin-top:4px}.demo-toolbar .text-button{white-space:nowrap}.demo-perspectives{border-top:1px solid #cddbd3;margin-top:12px;padding-top:13px;flex-wrap:wrap}.demo-role-tabs{display:flex;gap:4px;padding:4px;background:#fffdf6;border:1px solid #d1dcd3;border-radius:12px}.demo-role-tabs a{display:grid;place-items:center;padding:10px 23px;border-radius:9px;min-height:44px;text-decoration:none;font-size:14px;font-weight:750;color:var(--navy)}.demo-role-tabs a.selected{background:#173e49;color:#fffdf6}.demo-identity{font-size:14px;margin:0}.demo-pupil-picker{display:flex;align-items:center;gap:10px;font-size:14px}.demo-pupil-picker select{padding:10px 30px 10px 12px;min-height:44px;font-size:16px;color:var(--navy);border:1px solid #acbeb5;border-radius:9px;background:#fffdf6;max-width:180px}.demo-footnote{color:#50676c;font-size:13px;line-height:1.7;margin:28px 0 14px;max-width:900px}.demo-footnote a{color:inherit;text-underline-offset:4px}.demo-chip{display:inline-block;font-size:12px;font-weight:750;line-height:1.5;padding:6px 10px;background:#e3ece5;border-radius:8px}.demo-section-title{margin:0 0 14px}.demo-section-title h2{margin:0}
.demo-landing{display:grid;grid-template-columns:1.4fr .7fr;align-items:center;gap:30px;margin:24px 0 40px}.demo-landing h1{font-size:clamp(40px,5.5vw,64px);line-height:1.1;letter-spacing:-1.8px;margin:12px 0 22px}.demo-landing-copy>p:not(.eyebrow){line-height:1.65;font-size:18px;color:#41606b}.demo-landing-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.demo-landing-tags span{padding:7px 11px;background:#e3ece4;border-radius:20px;font-size:12px;font-weight:700}.demo-landing-mascot{position:relative;background:#e1ede8;border-radius:48% 48% 16% 16%;text-align:center;padding:12px 10px 22px;max-width:320px}.demo-landing-mascot .demo-racek{width:230px;height:230px;max-width:100%}.demo-landing-mascot p{margin:0;font-size:16px;line-height:1.5;font-weight:700}.demo-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.demo-role-card{display:flex;flex-direction:column;padding:24px!important}.demo-card-art{width:100%;height:165px;object-fit:contain;margin-bottom:18px}.demo-role-card h2{font-size:26px;line-height:1.2;margin:0 0 14px}.demo-role-card .eyebrow{font-size:11px}.demo-role-card>p:not(.eyebrow){font-size:15px;line-height:1.65;color:#45616b;flex:1}.demo-role-card .button{font-size:14px;margin-top:10px}
.demo-greeting{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 30px;margin-bottom:24px;border-radius:19px;background:#dcebe3;overflow:hidden}.demo-greeting h1{font-size:clamp(28px,4vw,40px);line-height:1.2;margin:8px 0 10px;letter-spacing:-.7px}.demo-greeting p:last-child{font-size:15px;margin:0;color:#41606b}.demo-greeting .eyebrow{font-size:11px}.demo-greeting>a{flex-shrink:0}.demo-racek{display:block;position:relative;width:160px;height:160px;max-width:none}.demo-racek.demo-motion-off,.demo-racek.demo-motion-off .racek-sprite{animation:none!important}.demo-board-grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);align-items:start;gap:24px}.demo-column{display:grid;gap:22px;min-width:0}.demo-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.demo-stat{display:flex;flex-direction:column;text-decoration:none;background:#e3edf0}.demo-stat span{font-size:14px;font-weight:700}.demo-stat>strong{font-size:44px;line-height:1.4}.demo-stat small{font-size:12px;color:#3c5f67}.demo-stat-gold,.demo-wallet{background:#f3e2b5!important}.demo-goal{background:#e5eee5}.demo-goal .eyebrow,.demo-challenge .eyebrow{font-size:11px}.demo-goal p:not(.eyebrow){font-size:14px}.demo-progress{margin:20px 0 13px}.demo-progress>div{display:flex;justify-content:space-between;gap:14px;font-size:13px;margin-bottom:8px}.demo-progress progress{display:block;width:100%;height:12px;border:0;border-radius:20px;overflow:hidden;appearance:none;background:#c7d7cd;accent-color:#33776d}.demo-progress progress::-webkit-progress-bar{background:#c7d7cd;border-radius:20px}.demo-progress progress::-webkit-progress-value{background:#33776d;border-radius:20px}.demo-progress progress::-moz-progress-bar{background:#33776d;border-radius:20px}.demo-timetable{list-style:none;padding:0;margin:16px 0}.demo-timetable li{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid #173e4910;font-size:14px}.demo-timetable li span{color:#6b8286;font-weight:750}.demo-duty{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px;padding-top:12px}.demo-duty strong{display:block;font-size:14px;margin-top:5px}.demo-challenge{background:#f5ecd4}.demo-challenge p{font-size:15px}.demo-post-meta{display:flex;gap:10px;align-items:center;margin-bottom:20px}.demo-post-meta strong{font-size:13px}.demo-post-meta small{font-size:11px;display:block;color:#526b73;margin-top:3px}.demo-post>p{font-size:15px;white-space:pre-wrap}.demo-post figure{margin:15px 0;background:#e9f0e9;border-radius:12px}.demo-post-art{width:100%;height:205px;object-fit:contain}.demo-post figcaption{font-size:11px;color:#5c716c;text-align:center;padding:0 12px 12px}.demo-comments{list-style:none;margin:0 0 16px;padding:0}.demo-comments li{padding:10px 13px;background:#edf1e9;border-radius:9px;margin:8px 0}.demo-comments strong{font-size:12px}.demo-comments p{font-size:14px;margin:4px 0;white-space:pre-wrap}.demo-poll-option{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;width:100%;min-height:50px;padding:13px 14px;margin:10px 0;font:inherit;font-size:14px;border:1px solid #c7d3c7;border-radius:11px;color:var(--navy);background:#faf9f1}.demo-poll-option b{font-size:12px;white-space:nowrap}.demo-poll-option[aria-pressed=true]{background:#dfede3;border:2px solid #33776d}
.demo-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.demo-card-top{margin-bottom:18px}.demo-card-top small{font-size:12px}.demo-task h2{font-size:24px;margin-bottom:13px}.demo-task>p{font-size:15px;white-space:pre-wrap}.demo-reward-hint{display:block;font-size:12px;color:#696044;margin:18px 0}.demo-task>.button{margin-top:12px}.demo-status{display:inline-block;padding:5px 9px;font-size:12px;font-weight:700;border-radius:7px;background:#e8ede7}.demo-status-pending{background:#f4e3b4;color:#765727}.demo-status-reviewed,.demo-status-approved{background:#dcecdf;color:#285b47}.demo-status-rejected{background:#f0e0d8;color:#864a35}.demo-submitted{margin-top:18px;border-top:1px dashed #c9d3c7;padding-top:18px;font-size:14px}.demo-submitted p{font-size:14px;white-space:pre-wrap}.demo-feedback{padding:14px 16px;border-radius:10px;background:#e4eee3;font-size:14px;line-height:1.6}.demo-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:23px 0}.demo-team>div{display:flex;align-items:center;gap:13px}.demo-team h2{font-size:21px;margin:0 0 6px}.demo-team strong{font-size:15px;color:#52736e}.demo-team p{font-size:13px;margin:17px 0 0}.demo-team-logo{object-fit:contain;flex-shrink:0}.demo-pupil-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.demo-pupil{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #cbd7ce}.demo-pupil>div{flex:1;min-width:0}.demo-pupil strong{font-size:14px}.demo-pupil small{display:block;font-size:12px;color:#536e75;margin-top:3px}.demo-pupil .text-button{font-size:12px;padding:8px 4px}.demo-avatar{display:grid;place-items:center;width:41px;height:41px;flex-shrink:0;font-weight:800;border-radius:42% 50% 42% 45%;background:#dce9de}.demo-color-1{background:#e4dfef}.demo-color-2{background:#f3dfb0}.demo-color-3{background:#d8e9ef}
.demo-ticket-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:25px}.demo-wallet>strong{font-size:64px;line-height:1.2}.demo-wallet>strong span{font-size:16px;font-weight:500}.demo-wallet>p:last-child{font-size:15px}.demo-request-list,.demo-ledger{list-style:none;margin:0;padding:0}.demo-request-list>li{padding:17px 0;border-bottom:1px solid #ccd6cc;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}.demo-request-list>li:last-child{border:0}.demo-request-list small{display:block;font-size:12px;margin:5px 0 9px;color:#586d6f}.demo-request-buttons{display:flex;gap:8px;flex-wrap:wrap}.demo-request-buttons .button{padding:9px 12px}.demo-ledger li{display:flex;gap:16px;justify-content:space-between;padding:13px 0;border-bottom:1px solid #cdd5cb;font-size:13px}.demo-ledger li strong{font-size:16px;white-space:nowrap}.demo-reward{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.demo-reward-number{display:grid;place-items:center;width:45px;height:45px;font-size:27px;color:#8a6935;border:1px dashed #bc9e63;background:#f6e8c4;border-radius:11px}.demo-reward>div{flex:1;min-width:160px}.demo-reward h3{font-size:18px;margin:0}.demo-reward p{font-size:13px;margin:7px 0}.demo-reward strong{font-size:13px}.demo-reward button{margin-left:auto}.demo-reward button:disabled{opacity:.6;cursor:default}
.demo-game-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.demo-game-card .demo-card-art{height:210px;background:#edf1e7;border-radius:13px}.demo-game-card .eyebrow{font-size:11px}.demo-game-card>p:not(.eyebrow){font-size:15px}.demo-quiz-results{margin-top:25px}.demo-results-table{overflow:auto}.demo-results-table table{width:100%;text-align:left;border-collapse:collapse;font-size:14px}.demo-results-table td,.demo-results-table th{padding:13px 15px;border-bottom:1px solid #d5dcd1}.demo-results-table th{background:#e8eee4}.demo-quiz-choice{display:flex;align-items:center;gap:12px;min-height:46px;padding:12px 14px;border:1px solid #ced9cc;border-radius:10px;margin:7px 0;font-size:15px;background:#fafaf2}.demo-quiz-choice input{accent-color:#33776d;flex-shrink:0;width:18px;height:18px}.demo-review-list{display:grid;gap:18px;margin:20px 0}.demo-review-list article{padding:18px;border-radius:12px;border:1px solid #ced9cd;background:#f7f7ed}.demo-review-list h3{font-size:18px;line-height:1.4}.demo-review-list p{font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.demo-case-art{display:block;object-fit:contain;width:100%;height:210px;background:#edf1e7;border-radius:14px;margin-bottom:20px}
.demo-racek-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:25px;align-items:start}.demo-racek-intro{background:#e2ede5;text-align:center}.demo-racek-intro .demo-racek{margin:0 auto;width:210px;height:210px;max-width:100%}.demo-racek-intro p{font-size:15px}.demo-racek-intro .check-option{font-size:12px;text-align:left;border:0;padding:8px 0}.demo-conversation>.demo-chip{margin:0 0 10px}.demo-chat-topics{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.demo-chat-topics .button{justify-content:flex-start;text-align:left;font-size:13px;padding:12px 15px}.demo-chat-topics .button[aria-pressed=true]{border-color:#33776d;background:#e2eee5}.demo-chat-question,.demo-chat-answer{padding:18px 20px;border-radius:15px;margin-top:17px}.demo-chat-question{margin-left:35px;background:#e4e9ed}.demo-chat-answer{margin-right:25px;background:#f1f1e4}.demo-chat-question>strong,.demo-chat-answer>strong{font-size:12px;color:#527078}.demo-chat-question p,.demo-chat-answer p{font-size:15px;margin:8px 0}.demo-chat-choices{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
@media(max-width:1000px){.demo-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-role-card{padding:20px!important}.demo-role-card h2{font-size:23px}.demo-role-card .button{padding:12px}.demo-role-card .demo-card-art{height:140px}}
@media(max-width:760px){.demo-landing{grid-template-columns:1fr;margin:14px 0 24px;gap:15px}.demo-landing-mascot{display:none}.demo-landing-copy>p:not(.eyebrow){font-size:16px}.demo-landing h1{font-size:42px}.demo-role-grid{grid-template-columns:1fr;gap:16px}.demo-role-card{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:0 12px}.demo-role-card .demo-card-art{grid-column:2;grid-row:1/4;height:110px;margin:0}.demo-role-card h2,.demo-role-card .eyebrow{grid-column:1}.demo-role-card>p:not(.eyebrow),.demo-role-card .button{grid-column:1/-1}.demo-role-card .eyebrow{font-size:10px}.demo-role-card h2{font-size:26px}.demo-toolbar{padding:14px}.demo-toolbar-top{gap:5px;align-items:flex-start}.demo-toolbar-top .text-button{font-size:12px;padding:7px 2px}.demo-toolbar-top small{font-size:12px}.demo-role-tabs{width:100%;justify-content:space-between}.demo-role-tabs a{flex:1;padding:10px 17px}.demo-pupil-picker{width:100%;justify-content:space-between}.demo-identity{font-size:13px}.demo-greeting{padding:20px;gap:0}.demo-greeting>a .demo-racek{width:90px;height:110px}.demo-greeting h1{font-size:28px}.demo-greeting p:last-child{font-size:14px}.demo-board-grid,.demo-task-grid,.demo-ticket-layout,.demo-game-grid,.demo-racek-layout{grid-template-columns:1fr;gap:20px}.demo-pupil-grid{grid-template-columns:1fr}.demo-team-grid{gap:12px}.demo-team{padding:18px!important}.demo-team>div{gap:9px}.demo-team h2{font-size:18px}.demo-team-logo{width:40px;height:40px}.demo-racek-intro{display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 12px;text-align:left}.demo-racek-intro .demo-racek{grid-column:1;grid-row:1/4;width:110px;height:130px}.demo-racek-intro h2{grid-column:2;font-size:21px}.demo-racek-intro p{grid-column:2;font-size:13px;margin-bottom:6px}.demo-racek-intro .check-option{grid-column:2}.demo-chat-question{margin-left:15px}.demo-chat-answer{margin-right:0}.is-demo .brand small{display:none}.is-demo .header-controls{gap:8px}.is-demo .header-controls .text-button{font-size:12px;padding:7px 0}.is-demo .brand{font-size:20px}.is-demo .bottom-nav a{min-width:0;padding-left:8px;padding-right:8px}}
@media(max-width:390px){.demo-greeting>a{display:none}.demo-team>div{flex-direction:column;align-items:flex-start}.demo-toolbar-top strong{font-size:14px}.demo-role-card{grid-template-columns:minmax(0,1fr) 75px}.is-demo .demo-badge{display:none}}
@media(prefers-reduced-motion:reduce){.demo-racek .racek-sprite{animation:none!important}}