.demo-intro{background:#e9efdf;border:1px solid #d9e4cd;border-radius:20px;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:35px;padding:34px;margin-bottom:28px}
.demo-intro h2{font-size:30px;line-height:1.35;letter-spacing:-.8px}.demo-intro p{font-size:13px;line-height:1.85;max-width:620px;color:#5a6b51;margin-top:18px}
.demo-orbit{align-self:center;text-align:center}.demo-orbit>span{font-size:68px;line-height:1.1;font-weight:550;letter-spacing:-4px}.demo-orbit small{font-size:26px;color:#849375;letter-spacing:-1px;margin-left:8px}.demo-orbit p{font-size:11px;margin:8px auto 20px;max-width:150px}.demo-orbit>div{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#526e43}
.demo-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}
.demo-scenario{padding:23px;display:flex;flex-direction:column;min-width:0}.demo-scenario-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.demo-number{font-size:11px;color:#7a886e;font-weight:600}.demo-scenario-top>.icon{color:#738e5c;width:25px;height:25px}.demo-scenario h2{font-size:19px;line-height:1.4;letter-spacing:-.4px}.demo-scenario p{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0 22px;flex:1}
.demo-check{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;margin-top:16px;color:var(--muted);padding:8px}.demo-check:before{content:"";border:1px solid #b7c5ab;width:13px;height:13px;border-radius:3px}.demo-check.done:before{display:none}.demo-check.done{color:var(--green)}.demo-check .icon{width:15px;height:15px}
.demo-age-panel{padding:26px;display:grid;grid-template-columns:minmax(0,1.4fr) 1fr;gap:25px;margin-bottom:28px}.demo-age-panel h2{font-size:21px}.demo-age-panel p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px}.demo-age-options{display:flex;flex-wrap:wrap;align-content:center;gap:10px}.demo-age-options>.text-link{width:100%;margin-top:8px}
.demo-screen-index{padding:26px}.demo-screen-index>div:last-child{display:flex;flex-wrap:wrap;gap:10px}.demo-screen-link{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:9px 12px;font-size:11px}.demo-screen-link:hover{background:var(--sage)}.demo-screen-link .icon{width:15px;height:15px}
.demo-boundaries{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:25px 4px}.demo-boundaries h3{font-size:13px}.demo-boundaries p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:9px}
.demo-empty{text-align:center;padding:44px 24px}.demo-empty>.icon{width:34px;height:34px;color:#8ba474;margin-bottom:16px}.demo-empty h2{font-size:23px;line-height:1.5}.demo-empty p{font-size:12px;color:var(--muted);line-height:1.8;margin:14px auto 22px;max-width:420px}
.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.demo-metrics>div{padding:19px 23px;border:1px solid var(--line);border-radius:13px;background:white}.demo-metrics span{display:block;font-size:11px;color:var(--muted)}.demo-metrics strong{display:block;font-size:28px;line-height:1.4;margin-top:7px;letter-spacing:-.5px}.demo-metrics small{font-size:12px;font-weight:400}
.review-flashcard{padding:38px 30px;text-align:center;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center}.review-flashcard h2{font-size:27px;line-height:1.5;margin:18px 0 10px;max-width:500px;letter-spacing:-.5px}.review-flashcard>p{font-size:12px}.review-answer{width:100%;padding:24px 20px;background:#f0f5e7;border-radius:12px;margin:28px 0 18px}.review-answer strong{font-size:23px;line-height:1.6;font-weight:550}.review-answer p{font-size:12px;color:var(--muted);margin:12px 0}.review-answer-placeholder{padding:44px 20px;font-size:12px;color:var(--muted);font-style:italic}.review-rating{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px}.review-cycle{display:flex;gap:7px;align-items:center;margin:20px 0}.review-cycle span{display:flex;align-items:center;justify-content:center;background:var(--sage);border-radius:50%;width:29px;height:29px;font-size:12px}.review-cycle i{color:#8ea27d;font-style:normal;font-size:10px}.review-cycle small{font-size:10px;color:var(--muted);margin-left:auto}.review-schedule-row{border-bottom:1px solid var(--line);padding:14px 0}.review-schedule-row strong{display:block;font-size:12px;font-weight:500;line-height:1.7}.review-schedule-row span{display:block;font-size:10px;color:#668052;margin-top:5px}
.mentor-role-banner{display:flex;align-items:center;gap:12px;background:var(--lavender);border:1px solid #e2deeb;border-radius:10px;padding:15px 18px;font-size:11px;margin-bottom:24px;color:#695b78}.mentor-role-banner>.icon{flex-shrink:0}.mentor-role-banner>.text-link{margin-left:auto;white-space:nowrap}
.mentor-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;border-bottom:1px solid var(--line)}.mentor-tabs button{padding:14px 6px;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.mentor-tabs button.active{color:var(--green);border-bottom-color:var(--green);font-weight:650}.mentor-tabs button span{display:inline-flex;padding:0 6px;border-radius:4px;background:#edf0e6;font-size:10px;margin-left:5px}
.mentor-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}.mentor-queue{padding:22px 16px;min-width:0}.mentor-queue h2{font-size:16px;margin:0 8px}.mentor-queue>p{margin:8px;font-size:10px;line-height:1.8}.mentor-queue-item{display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:10px;padding:16px 13px;margin-top:12px}.mentor-queue-item strong{display:block;font-size:12px;line-height:1.7;font-weight:550}.mentor-queue-item small{display:block;font-size:10px;color:var(--muted);margin-top:7px;line-height:1.7}.mentor-queue-item.selected{border-color:#9bb184;background:#f0f4e8}
.mentor-rubric{border:1px solid var(--line);border-radius:10px;padding:12px 18px 18px;margin:26px 0 8px}.mentor-rubric legend{font-size:12px;padding:0 7px;font-weight:600}.mentor-rubric label{display:flex;align-items:center;gap:10px;font-size:12px;margin:14px 0 0}.mentor-rubric input[type=checkbox]{width:17px;height:17px;flex-shrink:0;accent-color:var(--green)}.mentor-review-result{padding-top:20px}.mentor-review-result h3{font-size:17px;margin-top:16px}.mentor-review-result p{white-space:pre-wrap;overflow-wrap:anywhere}.mentor-evidence-line{display:flex;gap:10px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7}.mentor-evidence-line>.icon{width:17px;height:17px;flex-shrink:0}.mentor-evidence-line>span{font-size:10px;color:var(--muted);margin-left:auto;white-space:nowrap}
.flow-form input:not([type=checkbox]){width:100%;padding:13px 14px;border:1px solid #d9e1d3;border-radius:10px;background:#fafbf8;color:var(--ink);font:inherit;font-size:13px}.support-faq details{border-bottom:1px solid var(--line);padding:15px 0}.support-faq summary{cursor:pointer;font-size:12px;font-weight:550;line-height:1.8}.support-faq details p{font-size:12px;color:var(--muted);margin:10px 0 0}.support-list-head{margin:34px 0 20px}.support-ticket-grid,.mentor-ticket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.support-ticket{padding:25px;min-width:0}.support-ticket>.section-head{align-items:flex-start;flex-wrap:wrap;gap:8px}.support-ticket .eyebrow{font-size:8px;line-height:1.8;margin:0}.support-ticket h2{font-size:19px;line-height:1.5;overflow-wrap:anywhere}.ticket-body{font-size:12px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0 20px;color:var(--muted)}.ticket-reply{border-left:3px solid #b1c49b;padding:14px 16px;background:#f3f7ec;border-radius:0 9px 9px 0;margin-top:12px}.ticket-reply strong{font-size:10px}.ticket-reply p{font-size:12px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px}.support-ticket .flow-form label{margin-top:18px}
.youth-gate>.badge{margin-bottom:18px}.youth-rules{display:flex;gap:18px;flex-wrap:wrap;padding:22px 0;font-size:11px;color:#5d7350}.youth-rules span{display:flex;align-items:center;gap:7px}.youth-rules .icon{width:16px;height:16px}.demo-student-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.demo-student-events .badge{margin-bottom:15px}
.flow-shortcuts>a.demo-hub-link{margin-right:auto;font-size:9px;letter-spacing:1px;font-weight:700}.flow-shortcuts>a.demo-hub-link .icon{width:15px;height:15px}
.mentor-comment{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1150px){.demo-scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-intro{grid-template-columns:minmax(0,1fr) 180px;padding:28px}.demo-age-panel{grid-template-columns:1fr}.mentor-layout{grid-template-columns:220px minmax(0,1fr)}.flow-shortcuts>a.demo-hub-link{flex-basis:100%;justify-content:flex-start}.mentor-role-banner{flex-wrap:wrap}.mentor-role-banner>.text-link{margin-left:0}}
@media(max-width:700px){.demo-intro{grid-template-columns:1fr;gap:25px;padding:25px 21px}.demo-intro h2{font-size:27px}.demo-orbit{display:none}.demo-scenarios{grid-template-columns:1fr;gap:16px}.demo-scenario{padding:22px}.demo-scenario-top{margin-bottom:12px}.demo-age-panel,.demo-screen-index{padding:22px 18px}.demo-boundaries{grid-template-columns:1fr;gap:22px}.demo-metrics{gap:8px}.demo-metrics>div{padding:14px 10px}.demo-metrics span{font-size:9px;line-height:1.6}.demo-metrics strong{font-size:23px}.demo-metrics small{font-size:10px}.review-flashcard{padding:30px 20px;min-height:360px}.review-flashcard h2{font-size:24px}.review-answer strong{font-size:21px}.mentor-layout{grid-template-columns:1fr}.mentor-queue{padding:20px}.mentor-queue-item{padding:12px 14px}.mentor-tabs{gap:10px}.mentor-tabs button{font-size:10px;padding:12px 2px}.mentor-tabs button span{font-size:9px}.support-ticket-grid,.mentor-ticket-grid,.demo-student-events{grid-template-columns:1fr}.support-ticket{padding:22px 18px}.mentor-evidence-line{flex-wrap:wrap}.mentor-evidence-line>span{margin-left:27px}.flow-shortcuts>a.demo-hub-link{justify-content:flex-start;font-size:9px}}