/* Purposeful objects and distinct material palettes inside the existing lessons. */
.explainer .booking-stage{background:#e9f0e9;color:#173d35;border-color:#b6ccc2;padding:24px;box-shadow:0 5px 0 #dce6df}
.explainer .booking-stage:before{background:none}
.explainer .booking-workspace{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:24px;align-items:start;min-height:0}
.appointment-desk-heading{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid #b9cfc1}
.desk-mark{display:grid;place-items:center;flex:0 0 38px;height:38px;background:#1c5b49;color:#f1e9cd;border-radius:11px 11px 3px 11px}.desk-mark svg{width:25px;height:25px}
.appointment-desk-heading>div{display:flex;flex-direction:column;gap:3px}.appointment-desk-heading strong{font-size:19px;color:#184537;letter-spacing:-.02em}.appointment-desk-heading>div>span{font-size:11px;color:#476657}.desk-live{margin-left:auto;font-size:10px;color:#365a4a;border:1px solid #a8c0b1;border-radius:20px;padding:5px 8px;text-align:center;line-height:1.4}
.explainer .booking-stage .calendar{background:#fffdf5;border:1px solid #c4cec0;border-radius:4px 15px 4px 4px;box-shadow:3px 4px 0 #c5d5c8;padding:21px 15px 16px}
.explainer .booking-stage .calendar:before{background:repeating-linear-gradient(90deg,#527264 0 3px,transparent 3px 18px)}
.explainer .booking-stage .object-heading strong{font-size:16px;color:#214739}.explainer .booking-stage .object-heading>span,.explainer .booking-stage .rule-hint{color:#5b6c58}
.explainer .booking-stage .booking-rules label{font-size:11px;color:#365746}.explainer .booking-stage select{background:#fff;border-color:#b4c4b5;color:#294c3d}.explainer .booking-stage .calendar-grid{background-image:repeating-linear-gradient(to bottom,#c9d4c6 0 1px,transparent 1px 20px);height:160px}.explainer .booking-stage .time-label{color:#55715f}
.explainer .booking-stage .calendar-block{background:#286b56;border-radius:3px;box-shadow:inset 3px 0 #9bc2a8}.explainer .booking-stage .calendar-block.buffer-block{background:repeating-linear-gradient(135deg,#edcf89,#edcf89 3px,#fff3d4 3px,#fff3d4 6px);box-shadow:none}.explainer .booking-stage .calendar-block.new-booking{background:#b35935;color:#fff}.explainer .booking-stage .calendar-key{color:#4b6554;flex-wrap:wrap;line-height:1.5}.explainer .booking-stage .calendar-key span:first-child:before{background:#286b56}.explainer .booking-stage .calendar-key span:nth-child(2):before{background:#edcf89}.explainer .booking-stage .calendar-key span:nth-child(3):before{background:#b35935;border:0}
.explainer .booking-stage .customer-booking{color:#1b4536;padding:0;min-width:0;border:0;display:flex;flex-direction:column;gap:0}.booking-service-preview{display:flex;align-items:center;gap:10px;padding-bottom:14px;margin-bottom:15px;border-bottom:1px solid #bdcfbf}.booking-host{display:grid;place-items:center;flex:0 0 41px;height:41px;border-radius:50%;background:#d8c4a4;color:#60442e;font-family:Georgia,serif;font-size:17px}.booking-service-preview>div{display:flex;flex-direction:column;gap:5px}.booking-service-preview strong{font-size:13px;line-height:1.4;font-weight:600;color:#224d3c}.booking-service-preview>div>span{font-size:11px;line-height:1.5;color:#536950}.explainer .booking-stage .customer-booking .mini-label{color:#4f6856;font-size:9px}.explainer .booking-stage .customer-booking h4{color:#153e30;font-size:26px}.explainer .booking-stage .booking-slots{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.explainer .booking-stage .booking-slots button{background:#fffdf7;color:#285941;border:1px solid #95b49c;min-height:38px;box-shadow:0 2px 0 #d2dfd0}.explainer .booking-stage .booking-slots button[data-unavailable=true]{background:#dfe6dc;color:#61705c;border:1px dashed #a8b7a4;box-shadow:none}.explainer .booking-stage .booking-slots button[aria-pressed=true]{background:#245c43;color:white;border-color:#245c43}.explainer .booking-stage .slot-reason{color:#395b45;line-height:1.6;font-size:12px}.explainer .booking-stage .model-note{color:#596e57;line-height:1.5}
.explainer .backend-foundations{border-color:#d9c5b6;box-shadow:0 4px 0 #eadfd4;background:#fffdf9}.explainer .foundation-heading{background:#422f2a;color:#fff3e7}.explainer .foundation-heading h4{color:#fff4e9}.explainer .foundation-heading .mini-label,.explainer .foundation-heading>span{color:#edbd9a}.explainer .foundation-choices{background:#f3e9df;border-color:#dfcbbb}.explainer .foundation-choices button{border-color:#ccb39e;color:#6c4434;background:#fffdf8;box-shadow:0 2px #e1cfbe}.explainer .foundation-choices button>span{color:#aa4a27;border-color:#d7b99f}.explainer .foundation-choices button[aria-pressed=true]{background:#9d492f;border-color:#8a3c27;box-shadow:0 2px #703522;color:#fff}.explainer .foundation-choices button:hover{background:#faeadc;border-color:#a75435}.explainer .foundation-choices button[aria-pressed=true]:hover{background:#863d27}.explainer .foundation-detail{display:block;padding:22px}.explainer .foundation-explanation{display:grid;grid-template-columns:1.2fr 1fr;gap:0 24px;margin-bottom:20px}.explainer .foundation-explanation h5{grid-column:1/-1;font-size:22px;margin-bottom:12px}.explainer .foundation-explanation p{font-size:12px;line-height:1.7}.explainer .foundation-explanation .foundation-delivery{margin:0;border-top:0;border-left:2px solid #d1b29b;padding:0 0 0 16px;color:#6a4a39}.explainer .foundation-delivery strong{color:#88462d}.explainer .foundation-example{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 18px;background:#faf4ed;border:0;border-top:1px solid #dfcbbb;border-radius:0;padding:18px 0 0}.explainer .foundation-example>.mini-label{grid-column:1/-1;color:#89573b;font-size:9px}.explainer .foundation-condition{margin:0;color:#74503b;font-size:11px;grid-column:1;grid-row:2}.explainer .foundation-condition select{max-width:100%;width:100%;min-height:40px;border-color:#c6ab91;color:#583d2e;font-size:12px;background:#fffdf9}.explainer .foundation-example #foundation-test{grid-column:2;grid-row:2;align-self:end;background:#963f28;border-color:#963f28;min-height:40px}.explainer .foundation-example #foundation-test>span{color:#963f28}.explainer .foundation-example #foundation-scenario{grid-column:1/-1;margin:0;font-size:12px;color:#66503f;line-height:1.6}.explainer .foundation-example .foundation-result{grid-column:1/-1;margin:0;min-height:0;line-height:1.65;border-color:#bb9578;color:#745a45;font-size:12px}.explainer .foundation-example .foundation-result[data-complete=true]{background:#f0e3d4;border-color:#a4512c;color:#543a2c;padding:9px 12px}.explainer .foundation-model-note{grid-column:1/-1;margin:0;font-size:10px;color:#7c6654}
.foundation-illustration{grid-column:1/-1;min-width:0;margin:4px 0 8px}.system-sequence{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr);gap:5px;align-items:stretch}.system-object{min-width:0;padding:13px 11px 12px;border:1px solid #d6c1ad;border-radius:3px 13px 3px 3px;background:#fffdf7;box-shadow:0 3px 0 #e4d7c8}.system-object-label{display:block;color:#80634d;font-size:8px;font-weight:600;letter-spacing:.065em;margin-bottom:11px}.system-object-title{display:flex;align-items:center;gap:7px;min-height:33px}.system-object-title>strong{font-size:12px;line-height:1.4;color:#583b2c}.system-object-icon{display:grid;place-items:center;width:31px;height:33px;flex:0 0 31px;color:#aa5a35;background:#f4e6d4;border-radius:7px}.system-object-icon svg{width:23px;height:23px}.system-object-body{margin-top:11px;font-size:10px;line-height:1.5;color:#775b45}.system-object-body p{margin:7px 0 0;font-size:10px;line-height:1.6}.system-handover{align-self:center;justify-self:center;font-size:21px;color:#a6744c}.system-data-row{display:flex;flex-direction:column;gap:1px;padding:5px 0;border-top:1px solid #ecdfd0}.system-data-row>span{font-size:9px;color:#8b705a}.system-data-row>strong{font-size:10px;font-weight:550;overflow-wrap:anywhere}.system-data-row.is-missing{color:#a54229}.system-data-row.is-good{color:#346a4c}.system-rule-token,.system-reference,.system-private-key,.system-code-line{display:block;padding:6px 7px;border-radius:3px;background:#f0e5d8;color:#69442e;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.system-reference{border:1px dashed #c3a186;font-weight:650;letter-spacing:.05em}.system-private-key{font-size:15px;letter-spacing:.06em;background:#48382d;color:#f8dbac}.system-code-line{font-family:ui-monospace,monospace;font-size:9px;border-bottom:1px solid #e4d7c4;border-radius:0}.system-wait-mark{display:block;border:1px dashed #cbb6a0;border-radius:3px;padding:10px 7px;color:#846d56;line-height:1.6}.system-object[data-state=pass]{border-color:#98b5a0;background:#f4f8ed;box-shadow:0 3px #d4dfc9}.system-object[data-state=pass] .system-object-icon{background:#e0ecdb;color:#406947}.system-object[data-state=pass] .system-result-mark{color:#37623e}.system-object[data-state=refused],.system-object[data-state=warning]{background:#fff0e7;border-color:#d5a184;box-shadow:0 3px #ead1bc}.system-object[data-state=refused] .system-result-mark,.system-object[data-state=warning] .system-result-mark{color:#a4482a}.system-result-mark{display:block;font-size:11px;font-weight:650;line-height:1.5}.system-redacted{display:flex;flex-direction:column;gap:6px;margin-top:12px}.system-redacted i{display:block;height:6px;background:#c5b7a6;border-radius:3px;width:90%}.system-redacted i:nth-child(2){width:60%}.system-redacted i:nth-child(3){width:74%}.system-people{display:flex;gap:6px}.system-people>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#dbe6d0;color:#345d43;border:2px solid #fff}.system-people>span+span{background:#eed5c1;color:#71492e}.system-time-ticket{display:flex;justify-content:space-between;align-items:center;font-size:17px;color:#835132;padding:7px;background:#f5e6cf;border-left:3px solid #b17446}.system-time-ticket small{font-size:9px}.system-record-count{display:block;font-size:32px;color:#3d704f;line-height:1.25;margin-top:9px}.system-record-count small{font-size:10px}.system-retry-note{display:block;font-size:9px;margin-top:7px;color:#93613a}
.explainer .backend-stage{background:#49332b;border-color:#816552;box-shadow:0 5px 0 #e4d6c9}.explainer .backend-stage:before{opacity:.4}.explainer .backend-stage .mini-label,.explainer .backend-stage .boundary-note{color:#ead0b7}.explainer .backend-stage .enquiry-paper{background:#fffbef;box-shadow:3px 5px #a38a6b;border-color:#d8c7a7}.explainer .backend-stage .enquiry-paper .mini-label{color:#825b3b}.explainer .backend-stage .saved-record{background:#f4e4c9;box-shadow:4px 4px #a18967}.explainer .backend-stage .server-check{color:#e7c8a9}.explainer .backend-stage .server-check strong{color:#fff0d5}.explainer .backend-stage .connected-tool h4{color:#ffe9c2}.explainer .backend-stage .flow-arrow{color:#efb273}.explainer .backend-stage .connected-tool{border-color:#b29370}.explainer .backend-stage .tool-receipt{background:#fffae9}.explainer .backend-stage .tool-receipt p{color:#5e553a}
.explainer .care-stage{background:#eeeaf5;color:#362c50;border-color:#c9bfdd;box-shadow:0 5px 0 #e1dcec;padding:24px}.explainer .care-stage:before{background:none}.transfer-file-previews{display:grid;grid-template-columns:1fr 22px 1fr;gap:12px;align-items:center;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid #c8bfda}.transfer-file{display:flex;align-items:center;gap:12px;min-width:0;background:#fffdf7;border:1px solid #d0c4d4;border-radius:4px 14px 4px 4px;padding:13px;box-shadow:0 3px #d9d0e2}.file-picture{display:block;flex:0 0 65px;line-height:0}.file-picture svg{width:100%;height:auto;border-radius:3px}.transfer-file>div{display:flex;flex-direction:column;gap:3px;min-width:0}.transfer-file>div>span{font-size:8px;letter-spacing:.07em;color:#786178}.transfer-file strong{font-size:23px;color:#4b3552;line-height:1.2}.transfer-file small{font-size:10px;color:#745e77;line-height:1.5}.transfer-file.optimised{background:#f5f8f0;border-color:#b1c3ac;box-shadow:0 3px #d1ddc8}.transfer-file.optimised strong{color:#396047}.file-optimise-arrow{font-size:23px;color:#8b769f;text-align:center}.explainer .care-stage .transfer-controls label{color:#4e3d66;font-size:13px}.explainer .care-stage .transfer-controls>span{color:#726286;font-size:10px}.explainer .care-stage select{color:#4e3b65;border-color:#bcacd0}.explainer .care-stage .transfer-model{margin-top:20px}.explainer .care-stage .transfer-row>div>span{color:#583a76;font-size:18px;font-weight:600}.explainer .care-stage .transfer-row strong{color:#49375d}.explainer .care-stage .transfer-row strong small{color:#756184;font-weight:400}.explainer .care-stage .transfer-track{height:22px;background:#dbd3e7;box-shadow:inset 0 1px 3px #604c7515;border-radius:3px}.explainer .care-stage .transfer-track>span{background:linear-gradient(90deg,#9e85c4,#73569e);border-radius:3px}.explainer .care-stage .transfer-track>.small-transfer{background:#41795a}.explainer .care-stage .transfer-scale{border-color:#bdaeCD;color:#756188}.explainer .care-stage .transfer-model>small{color:#746183;font-size:11px;line-height:1.65}
.explainer .care-stage .mini-label{color:#766086}.explainer .care-stage .identity-control{grid-template-columns:1fr 1fr;gap:10px 18px}.account-visual{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid #cfc1df;color:#6d5588}.account-visual svg{width:41px;height:41px;background:#e0d3ee;border-radius:50%;padding:7px;flex:0 0 41px}.account-visual>span{font-size:14px;line-height:1.5;color:#645074}.account-visual strong{color:#463257}.explainer .care-stage .identity-control label{color:#5b456b;font-size:12px}.explainer .care-stage .identity-badge{color:#476a4d;font-size:11px}.explainer .care-stage .identity-badge>span{border-color:#96b595;background:#e3eedc}.explainer .care-stage .access-gate{background:#e0d6ed;border:1px solid #bfaacd;border-radius:5px;padding:13px}.explainer .care-stage .gate-icon{color:#725491}.explainer .care-stage .access-gate small{color:#6e557d}.explainer .care-stage .access-gate strong{color:#3d6247;font-weight:600}.explainer .care-stage .permission-scene[data-denied=true] .access-gate strong{color:#aa4934}.explainer .care-stage .protected-record{background:#fffdf6;border:1px solid #cdbdcd;box-shadow:3px 4px #d4c6da;padding:20px}.booking-record-art{display:flex;align-items:center;gap:9px;padding-bottom:11px;border-bottom:1px solid #e2d9df;margin-bottom:12px;color:#947553}.booking-record-art svg{width:28px;height:28px}.booking-record-art span{font-size:9px;letter-spacing:.07em;color:#8d735d}.explainer .care-stage .protected-record>.mini-label{color:#85716e;font-size:9px}.explainer .care-stage .protected-record>strong{margin-top:6px;color:#4d3e54}.explainer .care-stage .protected-record p{color:#755e79}.explainer .care-stage .access-refusal{background:#fcf2e7;border:1px solid #d3b99c;box-shadow:3px 4px #e6d6c2;padding:20px}.withheld-art{float:right;display:flex;align-items:center;gap:10px;min-width:90px;color:#a1754b;margin-left:12px}.withheld-art svg{width:34px;height:34px}.withheld-art .system-redacted{width:48px;margin:0}.explainer .care-stage .access-refusal .refusal-icon{color:#9d6a43}.explainer .care-stage .access-refusal strong{color:#80533c}.explainer .care-stage .access-refusal p{color:#876c53}.explainer .care-stage .recovery-timeline{border-color:#baa5d1;gap:16px}.explainer .care-stage .recovery-timeline>div:before{background:#9b7aba;width:8px;height:8px;top:-17px}.explainer .care-stage .recovery-timeline span{color:#78538e;font-size:12px;font-weight:600}.explainer .care-stage .recovery-timeline strong{color:#4e365f;font-size:13px}.explainer .care-stage .recovery-timeline small{color:#7a6486;font-size:11px}.explainer .care-stage .recovery-workspace{grid-template-columns:1fr 24px 1fr;gap:12px;margin-top:24px}.explainer .care-stage .backup-copy{display:block;background:#fffaf1;color:#644367;border:1px solid #ccb8cd;box-shadow:3px 4px #d8c9dd;border-radius:4px 15px 4px 4px;padding:17px}.backup-art{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #e1d3da;color:#9670a0}.backup-art svg{width:41px;height:41px}.backup-art>span{display:flex;flex-direction:column;font-size:9px;letter-spacing:.07em;color:#947288}.backup-art strong{font-size:19px;color:#705078;letter-spacing:0}.explainer .care-stage .backup-copy>.mini-label{color:#8a7385;font-size:9px}.explainer .care-stage .backup-copy>strong{font-size:21px;color:#614a61}.explainer .care-stage .restore-store{background:#fffdf8;border:1px dashed #ad97bb;border-radius:3px;padding:17px;align-self:stretch;min-height:0}.restore-art{display:flex;align-items:center;gap:9px;color:#6a4e85;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid #e0d3e6}.restore-art svg{width:28px;height:28px;flex:0 0 28px}.restore-art>span{font-size:13px;font-weight:550}.explainer .care-stage .restore-store .mini-label{color:#8b7897;font-size:9px}.explainer .care-stage .restore-store p{color:#7b6488;font-size:12px}.explainer .care-stage .restored-row{padding:8px;border-left:2px solid #608264;background:#ebf0e4;color:#49694c;font-size:12px}.explainer .care-stage .restored-row.missing{background:#f9ede2;border-color:#b98d61;color:#96663e;font-size:11px}.explainer .care-stage .restore-arrow{color:#9576ad}.explainer .care-stage .recovery-scene>.reset{color:#795c8c;font-size:12px;margin-top:14px}
@media(max-width:1050px){.explainer .booking-workspace{grid-template-columns:1fr;gap:20px}.desk-live{display:none}.explainer .booking-stage .booking-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.explainer .foundation-explanation{grid-template-columns:1fr;gap:13px}.explainer .foundation-explanation .foundation-delivery{padding-left:12px}.explainer .foundation-example{grid-template-columns:1fr}.explainer .foundation-example #foundation-test{grid-row:auto;grid-column:1;justify-self:start;min-width:210px}.system-sequence{grid-template-columns:1fr;gap:8px}.system-object{display:grid;grid-template-columns:1fr 1.1fr;gap:0 14px;padding:12px}.system-object-label{grid-column:1;grid-row:1;margin:0 0 5px;font-size:9px}.system-object-title{grid-column:1;grid-row:2}.system-object-body{grid-column:2;grid-row:1/3;margin:0}.system-object-body p,.system-object-title>strong,.system-data-row>strong{font-size:11px}.system-handover{transform:rotate(90deg);font-size:19px;height:18px;line-height:1}.system-data-row:first-child{border:0;padding-top:0}.transfer-file-previews{gap:7px}.transfer-file{gap:9px;padding:10px}.file-picture{flex-basis:44px}.transfer-file strong{font-size:20px}.transfer-file>div>span{font-size:7px}.transfer-file small{font-size:9px}.explainer .care-stage .identity-control{grid-template-columns:1fr}.explainer .care-stage .recovery-workspace{grid-template-columns:1fr}.explainer .care-stage .restore-arrow{transform:rotate(90deg)}.explainer .care-stage .backup-copy .action{max-width:260px}.explainer .care-stage .backup-copy{display:grid;grid-template-columns:1fr 1.3fr;gap:0 16px}.backup-art{grid-column:1;grid-row:1/4;padding-bottom:0;margin:0;border:0}.explainer .care-stage .backup-copy>.mini-label{grid-column:2}.explainer .care-stage .backup-copy>strong{grid-column:2;margin:6px 0 10px}.explainer .care-stage .backup-copy .action{grid-column:2;grid-row:3}}
@media(max-width:700px){.explainer .booking-stage,.explainer .care-stage{padding:20px 15px}.appointment-desk-heading{gap:10px}.appointment-desk-heading strong{font-size:19px}.appointment-desk-heading>div>span{font-size:10px}.explainer .booking-stage .booking-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.explainer .booking-stage .booking-slots button{min-height:42px}.explainer .booking-stage .booking-rules select{font-size:13px;min-height:44px}.explainer .booking-stage .customer-booking h4{font-size:28px}.explainer .booking-stage .slot-reason{font-size:13px}.explainer .foundation-detail{padding:18px 14px}.explainer .foundation-explanation h5{font-size:21px}.explainer .foundation-explanation p{font-size:13px}.explainer .foundation-example #foundation-test{min-height:44px;font-size:12px}.explainer .foundation-condition select{font-size:16px;min-height:44px}.explainer .foundation-example #foundation-scenario,.explainer .foundation-example .foundation-result{font-size:13px}.system-object{gap:0 12px;grid-template-columns:1fr 1.1fr}.system-object-label{font-size:8px}.system-object-title{gap:7px}.system-object-icon{flex-basis:26px;width:26px;height:30px}.system-object-icon svg{width:21px;height:21px}.system-object-title>strong{font-size:12px}.system-object-body p,.system-data-row>strong,.system-rule-token,.system-wait-mark{font-size:11px}.system-result-mark{font-size:11px}.transfer-file-previews{grid-template-columns:1fr 16px 1fr;gap:5px;margin-bottom:21px;padding-bottom:19px}.transfer-file{flex-direction:column;align-items:flex-start;padding:10px;gap:8px}.file-picture{flex:0 0 auto;width:100%;max-width:95px}.file-picture svg{aspect-ratio:110/70;object-fit:cover}.transfer-file>div>span{font-size:7px;letter-spacing:.04em}.transfer-file strong{font-size:24px}.transfer-file small{font-size:10px}.file-optimise-arrow{font-size:19px}.explainer .care-stage .transfer-controls>span{font-size:11px}.explainer .care-stage .transfer-model>small{font-size:12px}.explainer .care-stage .transfer-row>div>span{font-size:17px}.explainer .care-stage .identity-control select{font-size:14px;min-height:44px}.account-visual>span{font-size:13px}.explainer .care-stage .recovery-timeline{gap:9px}.explainer .care-stage .recovery-timeline strong{font-size:12px;min-height:0;line-height:1.4}.explainer .care-stage .recovery-timeline small{font-size:11px;line-height:1.5}.explainer .care-stage .backup-copy{padding:15px;display:block}.backup-art{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e1d3da}.explainer .care-stage .backup-copy .action{max-width:none}.explainer .care-stage .protected-record,.explainer .care-stage .access-refusal{padding:18px}.explainer .care-stage .access-refusal strong{display:block;margin:9px 0 0}.withheld-art{min-width:70px}.withheld-art .system-redacted{width:34px}}
@media(prefers-reduced-motion:reduce){.system-sequence *,.explainer .booking-stage *,.explainer .care-stage *{scroll-behavior:auto;transition:none;animation:none}}
.explainer .booking-stage .calendar-block.selected{background:#fff0d9;color:#814326;border:1px solid #bc784b;box-shadow:inset 3px 0 #c4744d}.explainer .booking-stage .calendar-key span:nth-child(3):before{background:#fff0d9;border:1px solid #bc784b}

/* Illustration labels remain readable at every breakpoint, including phones. */
.explainer .system-object-label{font-size:10px;line-height:1.5;letter-spacing:.035em}
.explainer .system-object-title>strong{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.explainer .system-object-body{font-size:12px;line-height:1.6;min-width:0}
.explainer .system-object-body p,
.explainer .system-data-row>strong,
.explainer .system-rule-token,
.explainer .system-reference,
.explainer .system-wait-mark{font-size:12px;line-height:1.55}
.explainer .system-result-mark{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.explainer .system-data-row>span,
.explainer .system-time-ticket small,
.explainer .system-record-count small,
.explainer .system-retry-note{font-size:11px;line-height:1.5}
.explainer .system-code-line{font-size:11px;line-height:1.6}
.explainer .system-object-title,.explainer .system-object-body{min-width:0}
.explainer .system-time-ticket{gap:6px;flex-wrap:wrap}
.explainer .foundation-heading .mini-label,
.explainer .foundation-example>.mini-label,
.explainer .foundation-model-note{font-size:11px;line-height:1.5}
.explainer .foundation-choices button{font-size:12px}
.explainer .foundation-condition{font-size:12px}
.explainer .foundation-example #foundation-test{font-size:12px;max-width:100%}
.explainer .appointment-desk-heading>div>span,
.explainer .desk-live,
.explainer .booking-service-preview>div>span{font-size:12px;line-height:1.5}
.explainer .booking-stage .customer-booking .mini-label,
.explainer .booking-stage .calendar-key,
.explainer .booking-stage .object-heading>span{font-size:11px;line-height:1.5}
.explainer .booking-stage .booking-rules label,
.explainer .booking-stage .rule-hint,
.explainer .booking-stage .model-note{font-size:12px;line-height:1.5}
.explainer .transfer-file>div>span{font-size:10px;line-height:1.5;letter-spacing:.035em;overflow-wrap:anywhere}
.explainer .transfer-file small{font-size:12px;line-height:1.5}
.explainer .care-stage .transfer-controls>span,
.explainer .care-stage .transfer-model>small,
.explainer .care-stage .identity-badge,
.explainer .care-stage .recovery-timeline small,
.explainer .care-stage .restored-row.missing{font-size:12px;line-height:1.55}
.explainer .care-stage .mini-label,
.explainer .care-stage .protected-record>.mini-label,
.explainer .care-stage .backup-copy>.mini-label,
.explainer .care-stage .restore-store .mini-label,
.explainer .care-stage .access-gate small,
.explainer .booking-record-art span,
.explainer .backup-art>span{font-size:10px;line-height:1.5;letter-spacing:.035em}
@media(max-width:1050px){
 .explainer .system-object{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
 .explainer .foundation-example #foundation-test{min-width:min(210px,100%)}
}
@media(max-width:700px){
 .explainer .system-object{gap:0 10px}
 .explainer .system-object-title{align-items:flex-start}
 .explainer .transfer-file>div{width:100%}
 .explainer .foundation-condition select{font-size:16px}
 .explainer .booking-stage .booking-rules select{font-size:14px}
 .explainer .care-stage .recovery-timeline strong{font-size:13px;line-height:1.45}
}