:host{--ink:#13213c;--muted:#3e506c;--blue:#304bec;--line:#d7deec;background:#f1f2f6;color:var(--ink)}
body{background:radial-gradient(ellipse at 8% 12%,#e6e2f4 0,transparent 32%),#f1f2f6}
.preview-wrap{width:min(1240px,calc(100% - 72px));margin:28px auto 22px}
.review-label{display:flex;align-items:center;justify-content:space-between;margin:0 0 37px;font-size:13px;letter-spacing:.1em;font-weight:700}
.review-label b{font-weight:450;font-size:10px;letter-spacing:.08em;margin-left:10px;color:#52617a}
.review-label a{font-size:12px;font-weight:450;letter-spacing:0;text-decoration:none}
.component-intro{margin-bottom:26px;align-items:center}.component-intro h1{font-size:42px;font-weight:550;letter-spacing:-.055em}.component-intro p{font-size:15px;line-height:1.45;color:#445370}
.explainer{border:0;border-radius:7px 34px 7px 7px;box-shadow:0 24px 60px -35px #142b6466,0 4px 0 #d3d9e9;--accent:#4258ed;--accent-light:#dce2ff}
.explainer[data-active-topic=booking]{--accent:#166e63;--accent-light:#d0efe5}
.explainer[data-active-topic=backend]{--accent:#824918;--accent-light:#f9e5c5}
.explainer[data-active-topic=care]{--accent:#6942b6;--accent-light:#e8dcff}
.topics{height:92px;background:#111c35;border:0;border-radius:7px 34px 0 0;padding:0 17px;gap:0;grid-template-columns:repeat(4,1fr)}
.topics button{color:#c6d2ef;font-size:15px;font-weight:500;padding:20px 16px;gap:14px;transition:color .2s,background .2s}
.topics svg{width:26px;height:26px;color:#a6b6e4}
.topics button[aria-pressed=true]{background:var(--accent);color:white;box-shadow:inset 0 3px #aebcff}
.topics button[aria-pressed=true] svg{color:#fff}.topics button:after{display:none}.topics button:hover{background:#263558;border-radius:0}.topics button[aria-pressed=true]:hover{background:var(--accent)}
.lesson{display:grid;grid-template-columns:350px minmax(0,1fr);gap:0;padding:0;height:auto;min-height:0}
.lesson-reading{padding:32px 28px 28px 32px;background:#fff;position:relative}
.scene-heading{display:block;padding:0;margin:0;position:relative}.scene-heading>div{display:block}
.scene-heading h3{font-size:31px;font-weight:600;line-height:1.1;letter-spacing:-.045em;max-width:none;margin-bottom:22px;color:#152340}
.scene-heading p{font-size:15px;line-height:1.7;color:#354661;max-width:40ch;margin:0}
.scene-heading p strong{color:#142952;font-weight:650;box-shadow:inset 0 -6px #e7e9fa}
.topic-context{padding:19px 0 0;margin:23px 0 0;border:0;border-top:2px solid var(--accent-light);background:none;color:#52617b;font-size:13px;line-height:1.65}
.topic-context>strong:first-child{display:block;font-size:13px;color:var(--ink);margin-bottom:6px}.topic-context strong{color:#344b73}
.scene-heading>.reset{position:static;margin-top:12px;color:var(--accent);font-size:12px;min-height:32px}
.lesson-experience{padding:24px;background:#f5f6fa;min-width:0;display:flex;flex-direction:column;gap:0}
.chapters{gap:0;justify-content:space-between;margin:0 0 12px;flex-wrap:nowrap;height:auto;align-items:stretch;border-bottom:1px solid #ccd5e9}
.chapters button{font-size:12px;padding:11px 3px;min-height:39px;font-weight:500;color:#435473;border:0;border-bottom:3px solid transparent}
.chapters button[aria-pressed=true]{color:#1e359f;border-color:var(--accent);font-weight:700}.chapters>span{align-self:center;color:#7082aa;padding:0 5px;font-size:12px}
.experiment-prompt{padding:0;margin:4px 0 18px;gap:10px;font-size:13px;line-height:1.6;color:#2c405f;align-items:baseline}
.experiment-prompt strong{font-size:10px;color:#fff;background:#203653;padding:4px 7px;letter-spacing:.06em;text-transform:uppercase;border-radius:2px;flex-shrink:0}
.visual-stage{padding:26px 17px 20px;min-height:344px;flex:1 0 auto;background:radial-gradient(ellipse at 55% 15%,#344477,transparent 70%),#101b34;border:0;border-radius:4px 25px 4px 4px;box-shadow:0 5px 0 #d9deeb;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden}
.visual-stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#7b98da10 1px,transparent 1px),linear-gradient(90deg,#7b98da10 1px,transparent 1px);background-size:28px 28px;pointer-events:none;mask-image:linear-gradient(transparent,#000)}
.visual-stage>*{position:relative;z-index:1;width:100%}.visual-stage .scene{min-height:0;height:auto}
.discovery-map{grid-template-columns:1fr 28px 1.1fr 28px 1fr;padding:20px 0;align-items:center;perspective:1000px;gap:0;min-height:245px!important}
.web-page{padding:11px 12px;background:#fffdf7;border:0;border-radius:3px;box-shadow:3px 5px 0 #b9bdcf,6px 9px 0 #737f9d,0 18px 35px #0005;color:#152646}
.discovery-map .web-page{min-height:222px}.discovery-map .home-page{transform:rotateY(10deg) rotate(-3deg)}
.paper-top{margin-bottom:10px;padding-bottom:7px;border-color:#d9dce7;gap:3px}.paper-top>span{font-size:9px;color:#485a7b}.paper-top i{width:3px;height:3px;background:#8c9cb7}
.page-art{width:calc(100% + 24px);height:81px;margin:0 -12px 11px;display:block;object-fit:cover}
.web-page>strong{font-size:20px;line-height:1.1;letter-spacing:-.04em;font-weight:600;margin-bottom:9px}.paper-line{height:4px;background:#dce0e9;margin-block:5px}.paper-line.short{display:none}
.paper-link{font-size:10px;margin-top:8px;line-height:1.4;color:#304d7a}
.services-page{transform:translateY(12px) rotate(1deg)}.services-page .switch{font-size:11px;line-height:1.3;border-top:1px solid #dddde6;margin-top:10px;padding-top:8px;gap:6px;min-height:31px}
.switch input{width:31px;height:19px;border-color:#8497b6;background:#dee4ed}.switch input:checked{background:var(--accent);border-color:var(--accent)}
.new-page{transform:translateY(-8px) rotate(6deg);border:2px dashed #eabd64;background:#fff9e9;box-shadow:0 12px 30px #0003}.new-flag{background:#f5c875;color:#3b2b15;font-size:8px;letter-spacing:.1em;left:8px;top:-13px;padding:4px 7px;white-space:nowrap;border-radius:2px}
.map-path{font-size:23px;color:#96b0ec;gap:10px;overflow:visible}.map-path small{font-size:9px;color:#bdcdeb;line-height:1.35;max-width:48px}.new-path{color:#ffc672}
.is-connected .new-page{transform:rotate(0);background:#f2fff8;border:2px solid #6de0bc;box-shadow:3px 5px 0 #376b66,0 0 30px #52cea733}.is-connected .new-flag{background:#99ead0;color:#164636}.is-connected .new-path{color:#8ce4c9}.is-connected .new-path small{color:#9decda}
.outcome{font-size:13px;line-height:1.65;color:#243b5b;padding:20px 0 3px;min-height:0;gap:12px;margin-top:4px;align-items:flex-start}.outcome:before{content:'↳';color:var(--accent);font-size:28px;line-height:1.1}
.lesson-navigation{padding:13px 26px 13px 32px;margin:0;border-top:1px solid #d7dfed;min-height:57px;font-size:11px;background:white}.lesson-navigation button{padding:9px 14px;background:var(--accent);color:#fff;font-weight:500;font-size:12px;border-radius:3px 18px 3px 3px;min-height:38px}.lesson-navigation button span{font-size:17px}
.service-connection{background:#17243e;border:0;padding:20px 30px;gap:35px;color:white}.service-connection .mini-label{color:#a9c1ff;font-size:10px;font-weight:600;letter-spacing:.12em}.service-connection p{color:#f6f7ff;font-size:14px;line-height:1.6;margin-top:7px;max-width:760px}.service-connection a{color:#f4d48d;border-color:#8b784d;font-size:13px;padding:8px 0}
.component-foot{padding:5px 30px;background:#e4e9f2;border:0;min-height:40px;border-radius:0 0 7px 7px}.component-foot>span{color:#495d7a;font-size:10px}.component-foot button{font-size:11px;color:#213957;min-height:34px}.component-foot i{background:#496c61}
.preview-caption{font-size:11px;color:#52617b}
.visual-stage .mini-label,.visual-stage .model-note,.visual-stage .boundary-note,.visual-stage .rule-hint{color:#c5d4ed}
.visual-stage .switch{color:#e9efff}.visual-stage .web-page .switch,.visual-stage .enquiry-paper .switch{color:#1b3558}
.visual-stage select{background:#fffdf7;border:1px solid #a6badd;color:#18304e}
.action{background:var(--accent);box-shadow:none;min-height:42px;font-size:12px;font-weight:550}.action:not(:disabled):hover{background:#233bbb}
.index-scene{grid-template-columns:1fr 33px 1fr;gap:5px;max-width:590px}.index-source p{font-size:12px}.index-source>strong{font-size:22px}.index-source .paper-top{margin-bottom:18px}.index-arrow{color:#a8c4f9}.index-boundary{padding:18px 14px;border:1px dashed #a2b9ec;background:#34446c;border-radius:3px 15px 3px 3px}.index-boundary p,.index-boundary>small{color:#e0e8ff;font-size:12px}.index-record{color:#132642;background:#fffdf7;padding:17px 12px;box-shadow:3px 4px #8494b1}.index-record strong{font-size:13px}.index-record span{color:#405978;font-size:11px}
.intent-scene{max-width:none;padding:3px}.intent-pages{gap:17px}.intent-page{padding:18px;opacity:.75;transform:scale(.95)}.intent-page.is-relevant{opacity:1;transform:scale(1);outline:3px solid #85e0c3;box-shadow:3px 5px 0 #438879}.intent-page>strong{font-size:20px}.intent-page p{color:#3b4d67}.query-control{width:100%;margin-bottom:23px}.relevance-label{font-size:11px;color:#354d79}.sample-times>span{font-size:9px;padding:5px}.query-control select{background:white;border:0}.query-control span{color:#344d8b}
.result-control .switch{font-size:13px}.search-preview{color:#182c48;box-shadow:4px 7px 0 #778ab0;background:#fffdf8}.search-preview .mini-label{color:#4e638b}.result-part-label{color:#48627f}.search-preview p{color:#394d69}.search-preview h4{font-size:23px}
.booking-stage{background:#10362f;min-height:400px;padding:20px}.booking-workspace{gap:20px;grid-template-columns:1fr 1fr;min-height:335px}.calendar{background:#fffbef;color:#1a3c35;padding:19px 14px;border-radius:2px;box-shadow:5px 6px #648980;position:relative}.calendar:before{content:'';display:block;height:8px;background:repeating-linear-gradient(90deg,#153e36 0 3px,transparent 3px 18px);margin:-23px 4px 13px}.booking-rules{gap:7px;margin-top:14px}.booking-rules label{font-size:11px;color:#36574f}.booking-rules select{font-size:12px;padding-left:6px}.calendar .rule-hint{color:#587169;font-size:10px}.calendar-grid{height:146px}.calendar-key{font-size:9px;gap:9px;color:#46665b}.calendar .object-heading>span{font-size:10px;color:#536e65}.calendar-block{font-size:9px;background:#335e58}.time-label{font-size:10px;color:#416356}.calendar-block.new-booking{background:#288168}.calendar-block.buffer-block{background:repeating-linear-gradient(135deg,#e7c675,#e7c675 3px,#f2e2ba 3px,#f2e2ba 6px)}.customer-booking{border:0;padding:15px 0;justify-content:center;color:white}.customer-booking h4{font-size:27px}.customer-booking .mini-label{font-size:10px}.booking-slots{grid-template-columns:repeat(2,1fr);gap:6px}.booking-slots button{min-height:34px;font-size:12px;border:0;background:#fff8e9;color:#244a41}.booking-slots button[data-unavailable=true]{background:#244d44;color:#c2d4cc;border:1px dashed #75938a}.booking-slots button[aria-pressed=true]{background:#9cedd0;color:#123d32}.slot-reason{color:#e0eee8;font-size:12px;min-height:0}.customer-booking .action{background:#a5ebcf;color:#133f33;font-size:11px}.customer-booking .model-note{font-size:10px}
.backend-stage{padding:22px 16px;background:#293040;min-height:405px}.backend-workspace{grid-template-columns:1fr 20px 1fr;gap:14px}.enquiry-paper{grid-column:1;grid-row:1/3;padding:16px 13px;min-width:0;box-shadow:3px 5px #a29275;color:#26334a}.enquiry-paper h4{font-size:25px}.enquiry-paper .mini-label{color:#715235;font-size:9px}.enquiry-paper dd{font-size:11px}.server-system{grid-column:3;grid-row:1;min-width:0}.server-check{padding-top:9px;gap:4px;color:#e2d1bc;font-size:11px}.server-check strong{font-size:12px;color:#fff0d6}.saved-record{background:#efdec0;color:#20354d;border-radius:3px;box-shadow:4px 4px #a09179;padding:13px;min-height:98px}.saved-record .object-heading span{color:#172c49;font-size:12px}.saved-record .object-heading small,.empty-record,.record-row{color:#405270;font-size:10px}.record-row strong{color:#253b5c}.boundary-note{font-size:11px;line-height:1.5}.flow-arrow{color:#f6ca8b;font-size:25px;grid-column:2;grid-row:1/3}.flow-arrow:last-of-type{display:none}.connected-tool{grid-column:3;grid-row:2;border-top:1px dashed #9e8662;padding-top:13px}.connected-tool h4{color:#ffe7bb;font-size:18px}.connected-tool>.mini-label{font-size:9px}.tool-receipt{padding:12px;background:#fff8eb;border:0;min-height:0;clip-path:polygon(0 0,100% 0,100% 95%,94% 100%,88% 95%,82% 100%,76% 95%,70% 100%,64% 95%,58% 100%,52% 95%,46% 100%,40% 95%,34% 100%,28% 95%,22% 100%,16% 95%,10% 100%,0 95%)}.tool-receipt p{font-size:11px;color:#455342;margin:8px 0 9px}.receipt-stamp{color:#245741;font-size:9px}
.care-stage{background:radial-gradient(ellipse at 90% 10%,#4a376d,transparent 65%),#1d223c;padding:26px;min-height:355px}.transfer-controls label{color:#f0e9ff;font-size:13px}.transfer-controls>span{color:#cfc3ed;font-size:10px}.transfer-controls select{width:105px}.transfer-row strong{font-size:19px}.transfer-row strong small{color:#c7cbe5;font-size:11px}.transfer-row>div>span{font-size:17px;color:#ede1ff}.transfer-track{height:28px;background:#484363;border-radius:2px;overflow:hidden}.transfer-track>span{background:#b39be9}.transfer-track>.small-transfer{background:#8cdebd}.transfer-scale{color:#c9c2e0;border-color:#716488;font-size:11px}.transfer-model>small{color:#c9c5dc;font-size:11px}
.permission-scene{grid-template-columns:1fr;gap:18px}.identity-control{display:grid;grid-template-columns:1fr 1fr;gap:8px 17px;align-items:center}.identity-control>.mini-label{grid-column:1/-1;font-size:10px}.identity-control label{font-size:12px;margin:0;color:#d8cdec}.identity-control select{margin-top:6px;font-size:12px}.identity-badge{color:#b6e3cc;font-size:11px;margin-top:20px}.access-gate{display:flex;flex-direction:row;justify-content:space-between;border:0;border-top:1px dashed #8b7ca8;border-bottom:1px dashed #8b7ca8;padding:14px 0;gap:12px}.access-gate small{font-size:10px;color:#ded4f2}.access-gate strong{font-size:13px;color:#b2eed1}.protected-record,.access-refusal{padding:18px 22px;min-height:115px;background:#fcf8ef;color:#26364d;box-shadow:4px 5px #8e81a6}.protected-record .mini-label{color:#5d506f}.protected-record>strong{font-size:24px;margin-top:13px}.protected-record p,.access-refusal p{font-size:13px;color:#435572}.access-refusal strong{font-size:21px}.permission-scene[data-denied=true] .access-gate strong{color:#ffd28e}
.recovery-timeline{gap:10px}.recovery-timeline span{color:#d9c9f7}.recovery-timeline strong{color:#f6efff;font-size:12px}.recovery-timeline small{color:#c6b9df;font-size:11px}.recovery-workspace{grid-template-columns:1fr 22px 1fr;gap:10px}.backup-copy{padding:17px 13px;background:#413960;color:#f9edff}.backup-copy>.mini-label{font-size:10px}.backup-copy>strong{font-size:20px}.backup-copy .action{font-size:11px;padding:9px;gap:5px;background:#bfa3ed;color:#221936}.restore-store{padding:15px;background:#fffaef;color:#263b4f;min-height:150px}.restore-store .mini-label{font-size:9px;color:#53436b}.restore-store p{color:#5b5069;font-size:12px}.restored-row{font-size:12px}.restored-row.missing{font-size:11px}.recovery-scene>.reset{color:#e1d1fa;font-size:11px}
dialog{border-radius:4px 25px 4px 4px;border:0;box-shadow:0 20px 70px #0004}dialog::backdrop{background:#0c152caa;backdrop-filter:blur(4px)}
@media(max-width:1050px){.preview-wrap{width:calc(100% - 40px)}.lesson{grid-template-columns:300px minmax(0,1fr)}.lesson-reading{padding:25px 23px}.scene-heading h3{font-size:28px}.scene-heading p{font-size:14px}.topic-context{font-size:12px}.lesson-experience{padding:20px}.topics button{font-size:13px;gap:9px;padding-inline:8px}.topics svg{width:23px}.chapters{flex-wrap:wrap;justify-content:flex-start;gap:0 8px}.chapters>span{display:none}.discovery-map{grid-template-columns:1fr;gap:0;padding:8px 30px}.discovery-map .web-page{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:0 14px;transform:none}.page-art{grid-column:2;grid-row:1/5;width:100%;height:90px;margin:0;align-self:center}.paper-top{grid-column:1}.discovery-map .web-page strong{font-size:19px}.paper-line{display:none}.services-page .switch{grid-column:1/-1}.map-path{height:40px;flex-direction:row;gap:10px;justify-content:center}.map-path>span{transform:rotate(90deg)}.map-path small{max-width:none;font-size:10px}.new-flag{right:0;left:auto;top:-6px}.booking-workspace{grid-template-columns:1fr;gap:20px}.booking-slots{grid-template-columns:repeat(4,1fr)}.customer-booking{padding:0}.backend-workspace{grid-template-columns:1fr;gap:18px}.enquiry-paper,.server-system,.connected-tool{grid-column:1;grid-row:auto;transform:none}.flow-arrow{display:none}.enquiry-paper{display:block}.enquiry-paper dl{display:grid;grid-template-columns:65px 1fr;gap:8px}.enquiry-paper dt{font-size:11px}.enquiry-paper dd{margin:0;border:0}.enquiry-paper .action{margin-top:6px}.connected-tool{display:block}.tool-receipt{margin-top:10px}.transfer-controls{display:block}.transfer-controls>span{display:block;margin-top:8px}.transfer-controls label{display:flex;justify-content:space-between}.transfer-row>div:first-child{gap:14px}.transfer-row strong small{display:block;margin:3px 0 0}.identity-control{grid-template-columns:1fr}.identity-badge{margin:0}.recovery-workspace{grid-template-columns:1fr}.restore-arrow{transform:rotate(90deg)}.backup-copy .action{margin-top:8px}.service-connection a{max-width:210px;flex-shrink:1}}
@media(max-width:700px){.preview-wrap{width:calc(100% - 28px);margin-top:20px}.review-label{font-size:11px;margin-bottom:28px}.review-label b{display:block;font-size:8px;margin:4px 0 0}.review-label a{font-size:10px}.component-intro{display:block;margin-bottom:22px}.component-intro h1{font-size:33px}.component-intro p{font-size:14px;text-align:left;margin-top:10px}.component-intro p br{display:none}.explainer{border-radius:5px 24px 5px 5px}.topics{height:auto;grid-template-columns:1fr 1fr;padding:8px;border-radius:5px 24px 0 0;gap:3px}.topics button{padding:13px 10px;min-height:62px;justify-content:flex-start;font-size:12px;line-height:1.35;gap:9px}.topics button[aria-pressed=true]{box-shadow:inset 3px 0 #aabbff;border-radius:3px}.topics svg{width:22px;height:22px}.lesson{display:flex;flex-direction:column}.lesson-reading{padding:24px 22px 23px}.scene-heading h3{font-size:29px;margin-bottom:16px;padding:0!important}.scene-heading p{font-size:15px;line-height:1.65;max-width:none}.topic-context{font-size:13px;margin-top:18px;padding-top:16px}.lesson-experience{padding:20px 16px}.chapters{gap:0 14px;margin-bottom:16px}.chapters button{font-size:12px;min-height:42px}.experiment-prompt{font-size:13px;gap:9px;margin-bottom:18px}.experiment-prompt strong{font-size:9px;padding:3px 5px}.visual-stage{padding:24px 16px;border-radius:4px 20px 4px 4px;min-height:0}.discovery-map{padding:4px 0;min-height:0!important}.discovery-map .web-page{padding:13px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:135px}.page-art{height:94px}.discovery-map .web-page>strong{font-size:21px}.paper-top>span{font-size:9px}.discovery-map .paper-link{font-size:11px}.map-path{height:49px}.services-page .switch{position:static;font-size:12px;margin-top:8px;padding-top:8px}.new-flag{font-size:8px;top:-7px;right:5px}.outcome{font-size:14px;line-height:1.65;padding-top:23px}.lesson-navigation{display:block;padding:15px 22px}.lesson-navigation>span{font-size:11px}.lesson-navigation button{margin-top:10px;padding:11px 13px;font-size:12px;text-align:left;min-height:43px;max-width:100%}.service-connection{display:block;padding:23px}.service-connection p{font-size:14px}.service-connection a{font-size:13px;max-width:none;margin-top:13px}.component-foot{padding:8px 22px;gap:0 12px}.component-foot>span{font-size:10px}.component-foot button{font-size:11px}.index-scene{grid-template-columns:1fr;gap:14px}.index-arrow{transform:rotate(90deg);font-size:23px}.index-source{padding:18px}.index-source .paper-top{margin-bottom:12px}.index-source p{font-size:13px}.index-boundary{padding:20px}.intent-pages{grid-template-columns:1fr;gap:15px}.intent-page{padding:20px;transform:none;opacity:1}.intent-page>p{font-size:13px}.intent-page.is-relevant{transform:none}.query-control{padding-inline:8px}.query-control select{font-size:12px}.search-preview{padding:20px 16px}.search-preview h4{font-size:22px}.result-control .switch{font-size:12px}.calendar{padding:19px 14px}.booking-rules{grid-template-columns:1fr 1fr}.calendar .rule-hint{font-size:11px}.booking-rules select{font-size:12px;min-height:42px}.calendar-grid{height:160px}.calendar-block{font-size:10px}.customer-booking h4{font-size:26px}.slot-reason{font-size:13px}.booking-slots button{min-height:40px;font-size:12px}.customer-booking .action{font-size:12px}.customer-booking .model-note{font-size:11px}.enquiry-paper{padding:20px}.enquiry-paper h4{font-size:27px}.enquiry-paper dd{font-size:13px}.enquiry-paper .switch{font-size:12px}.server-check{font-size:12px;display:flex;flex-direction:column;align-items:flex-start}.server-check strong{font-size:13px}.boundary-note{font-size:12px}.connected-tool h4{font-size:22px}.connected-tool .switch{font-size:12px}.tool-receipt p{font-size:13px}.saved-record{padding:17px}.saved-record .object-heading small,.record-row{font-size:12px}.record-row strong{font-size:13px}.empty-record{font-size:12px}.transfer-row strong{font-size:18px}.transfer-row>div>span{font-size:15px}.transfer-model>small{font-size:12px}.identity-control label{font-size:13px}.identity-control select{font-size:13px}.access-gate{flex-wrap:wrap}.access-gate strong{font-size:13px}.access-gate small{font-size:10px}.recovery-timeline strong,.recovery-timeline small{font-size:11px}.recovery-workspace{gap:14px}.backup-copy{padding:20px}.backup-copy>strong{font-size:22px}.backup-copy .action{font-size:13px}.restore-store{padding:20px}.restore-store p,.restored-row{font-size:13px}.restored-row.missing{font-size:12px}.preview-caption{text-align:left;font-size:10px}}
@media(min-width:1051px){.discovery-map{grid-template-columns:1fr 49px 1.1fr 49px 1fr}.map-path{position:relative;z-index:3}.map-path small{width:47px;max-width:47px;font-size:10px}.discovery-map .web-page>strong{font-size:19px}.discovery-map .new-page{transform:translateY(-8px) rotate(3deg)}.discovery-map.is-connected .new-page{transform:none}}
.calendar-key span:first-child:before{background:#335e58}.calendar-key span:nth-child(2):before{background:repeating-linear-gradient(135deg,#c69a35,#c69a35 2px,#f2e2ba 2px,#f2e2ba 4px)}.calendar-key span:nth-child(3):before{background:#cef1e7;border:1px solid #83b5a6}.customer-booking .action:disabled{opacity:1;background:#365f55;color:#d2e5dd}
@media(min-width:1051px){.paper-top>span{font-size:10px}.discovery-map .paper-link{font-size:11px}.new-flag{font-size:9px}.calendar-key{font-size:10px}.calendar .rule-hint{font-size:11px}.calendar-block{font-size:10px}}
@media(max-width:1050px){.discovery-map .web-page{grid-template-rows:auto auto 1fr auto;align-items:start;min-height:140px}.discovery-map .paper-top{grid-column:1;grid-row:1;margin:0 0 10px;padding-bottom:6px}.discovery-map .web-page>strong{grid-column:1;grid-row:2;align-self:start}.discovery-map .paper-link{grid-column:1;grid-row:3;font-size:11px}.discovery-map .page-art{grid-column:2;grid-row:1/4;height:100px;align-self:center}.discovery-map .services-page .switch{grid-column:1/-1;grid-row:4}.discovery-map .new-flag{position:absolute;display:block;top:-9px;right:8px;left:auto;grid-column:auto;margin:0;width:auto}.discovery-map .paper-line{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}