/* School page only: photographic hero and editable fictional app previews. */
.panda-schools-page { --ps-forest:#153e31; --ps-lime:#c1f335; --ps-muted:#52655d; background:#fff; color:var(--ps-forest); }
.panda-schools-page .ps-shell { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.panda-store.panda-reference-schools .site-header-stack { position:absolute; inset:0 0 auto; background:transparent; }
.admin-bar.panda-store.panda-reference-schools .site-header-stack { top:32px; }
.panda-reference-schools .panda-content-anchor { scroll-margin-top:120px; }
.panda-schools-page .ps-hero { position:relative; isolation:isolate; min-height:670px; display:flex; align-items:flex-end; background:#153e31; overflow:hidden; color:#fff; }
.panda-schools-page .ps-hero-photo { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:65% 35%; }
.panda-schools-page .ps-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#041d15eb 0%,#041d15cf 42%,#041d1538 78%),linear-gradient(180deg,#03170ebf 0%,#03170e66 15%,transparent 30%); pointer-events:none; }
.panda-schools-page .ps-hero-inner { direction:ltr; }
.panda-schools-page .ps-copy { max-width:620px; padding-block:165px 68px; }
.panda-schools-page .ps-eyebrow { display:block; margin:0 0 16px; font-size:12px; font-weight:650; letter-spacing:.08em; }
.panda-store .panda-schools-page h1 { font-size:clamp(38px,3.7vw,52px); font-weight:500; line-height:1.12; letter-spacing:-.045em; margin:0 0 22px; color:#fff; }
.panda-schools-page .ps-copy h1 > span { display:block; color:#fff; }
.panda-schools-page .ps-copy h1 > .ps-accent { color:var(--ps-lime); }
.panda-schools-page .ps-lead { color:#fff; font-size:18px; line-height:1.6; max-width:44ch; margin:0 0 26px; }
.panda-schools-page .ps-actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px; }
.panda-schools-page .ps-actions .pc-button { gap:9px; }
.panda-schools-page .ps-email { min-height:48px; display:inline-flex; align-items:center; justify-content:center; color:inherit; text-decoration:underline; text-underline-offset:5px; font-size:15px; }
.panda-schools-page .ps-email-light { border-radius:999px; background:#fafbf8; color:#153e31; padding:12px 28px; text-decoration:none; font-weight:600; }
.panda-schools-page .ps-hero-note { font-size:12px; margin:18px 0 0; color:#f0f5ee; }
.panda-schools-page .ps-app-showcase { background:#f3f6f1; padding-block:64px 52px; }
.panda-schools-page .ps-section-intro { text-align:center; margin-bottom:34px; }
.panda-schools-page .ps-section-intro .ps-eyebrow { color:#52655d; margin-bottom:12px; }
.panda-store .panda-schools-page h2 { font-size:clamp(28px,3vw,40px); line-height:1.2; font-weight:500; letter-spacing:-.035em; }
.panda-schools-page .ps-section-intro h2 { margin:0 0 12px; }
.panda-schools-page .ps-preview-note { font-size:13px; line-height:1.6; color:#52655d; margin:0; }
.panda-schools-page .ps-app-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; align-items:stretch; }
.panda-schools-page .ps-app-panel { min-width:0; display:flex; flex-direction:column; }
.panda-schools-page .ps-app-panel:focus-visible { outline:3px solid #27704c; outline-offset:5px; border-radius:34px; }
.panda-schools-page .ps-app-panel[hidden],.panda-schools-page .ps-app-tabs[hidden] { display:none; }
/* Editable school app demonstrations: illustrations, portraits and labeled icons. */
.panda-schools-page .ps-phone { display:flex; flex-direction:column; flex:1; min-height:860px; border:7px solid #193c30; border-radius:34px; overflow:hidden; background:#f7faf7; box-shadow:0 14px 28px #153e3114; font:14px/1.5 Arial,Helvetica,sans-serif; color:#153e31; }
.panda-schools-page .ps-phone-status { display:flex; align-items:center; justify-content:space-between; padding:8px 20px 4px; background:#fff; font-size:11px; font-weight:600; }
.panda-schools-page .ps-signal { display:flex; gap:6px; }
.panda-schools-page .ps-signal svg { width:16px; height:16px; }
.panda-schools-page .ps-phone-header { display:flex; align-items:center; justify-content:space-between; padding:10px 18px 13px; background:#fff; border-bottom:1px solid #e1e8e1; }
.panda-schools-page .ps-app-logo { display:block; width:88px; height:34px; object-fit:contain; }
.panda-schools-page .ps-sample-chip { border:1px solid #c8d6c5; background:#eff5e9; color:#385345; border-radius:999px; font-size:12px; padding:3px 10px; }
.panda-schools-page .ps-phone-content { flex:1; display:flex; flex-direction:column; gap:16px; padding:20px 14px; min-width:0; }
.panda-schools-page .ps-screen-title { min-height:85px; }
.panda-store .panda-schools-page .ps-phone h3 { font-size:24px; font-weight:600; line-height:1.25; letter-spacing:-.025em; margin:0; }
.panda-schools-page .ps-screen-date { font-size:12px; line-height:1.6; color:#52655d; margin:8px 0 0; }
.panda-schools-page .ps-screen-eyebrow { color:#42614b; font-size:11px; line-height:1.4; letter-spacing:.04em; margin:0 0 8px; }
.panda-schools-page .ps-welcome-card { display:flex; align-items:center; justify-content:space-between; min-height:112px; padding:16px; background:#e7f0df; border-radius:18px; gap:8px; }
.panda-schools-page .ps-welcome-copy { display:flex; flex-direction:column; min-width:0; }
.panda-schools-page .ps-welcome-copy strong { font-size:23px; font-weight:600; line-height:1.3; }
.panda-schools-page .ps-welcome-copy > span { font-size:14px; margin-top:5px; }
.panda-schools-page .ps-welcome-art { width:112px; height:106px; flex:0 0 112px; position:relative; direction:ltr; }
.panda-schools-page .ps-school-spot { display:block; width:112px; height:106px; object-fit:contain; }
.panda-schools-page .ps-spot-band { position:absolute; bottom:0; right:-3px; width:60px; height:90px; object-fit:contain; filter:drop-shadow(0 3px 3px #24433422); }
.panda-schools-page .ps-icon-label { display:inline-flex; align-items:center; gap:7px; min-width:0; }
.panda-schools-page .ps-icon-label > svg { width:18px; height:18px; flex:0 0 18px; }
.panda-schools-page .ps-stat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.panda-schools-page .ps-stat { border-radius:15px; padding:12px 8px; display:flex; flex-direction:column; align-items:flex-start; gap:5px; min-width:0; background:#e8f1e5; }
.panda-schools-page .ps-stat-clock { background:#fff0d7; }
.panda-schools-page .ps-stat-review { background:#f6e8d9; }
.panda-schools-page .ps-stat > svg { width:22px; height:22px; margin-bottom:1px; }
.panda-schools-page .ps-stat-value { font-size:32px; font-weight:600; line-height:1.2; }
.panda-schools-page .ps-stat-label { font-size:14px; line-height:1.3; overflow-wrap:normal; }
.panda-schools-page .ps-screen-card { background:#fff; border:1px solid #dfe8db; border-radius:16px; padding:14px 12px; }
.panda-store .panda-schools-page .ps-screen-card h4 { font-size:14px; font-weight:600; letter-spacing:0; line-height:1.45; margin:0 0 10px; color:#153e31; }
.panda-schools-page .ps-student-row { display:grid; grid-template-columns:44px minmax(0,1fr) minmax(62px,88px); align-items:center; gap:9px; padding:14px 0; border-top:1px solid #e7eee4; min-width:0; }
.panda-schools-page .ps-student-row:nth-child(2) { border-top:0; }
.panda-schools-page .ps-row-review { background:#fff2dc; border-radius:12px; margin-top:5px; padding:12px 7px; }
.panda-schools-page .ps-avatar-photo { display:block; width:44px; height:44px; object-fit:cover; border-radius:50%; border:2px solid #fff; }
.panda-schools-page .ps-row-copy { min-width:0; }
.panda-schools-page .ps-row-copy strong { font-size:15px; font-weight:600; display:block; direction:ltr; unicode-bidi:isolate; }
.panda-schools-page .ps-time { display:block; font-size:14px; line-height:1.45; color:#52655d; margin-top:3px; }
.panda-schools-page .ps-status { justify-self:end; font-size:14px; line-height:1.25; gap:4px; padding:6px; border-radius:9px; background:#e6f1e0; color:#315539; }
.panda-schools-page .ps-status > svg { width:14px; height:14px; flex-basis:14px; }
.panda-schools-page .ps-status-review,.panda-schools-page .ps-status-late { background:#ffedc9; color:#72511e; }
.panda-schools-page .ps-status-pending { background:#eef1e9; color:#526044; }
.panda-schools-page .ps-class-line { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:14px; padding:11px 13px; border-radius:13px; background:#e7f0df; }
.panda-schools-page .ps-class-line .ps-icon-label { font-weight:600; }
.panda-schools-page .ps-next-session { display:flex; align-items:center; gap:12px; }
.panda-schools-page .ps-subject-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; background:#f7edcc; flex:0 0 48px; }
.panda-schools-page .ps-subject-icon svg { width:27px; height:27px; }
.panda-schools-page .ps-next-copy { display:flex; flex-direction:column; gap:5px; min-width:0; }
.panda-schools-page .ps-next-copy strong { font-size:16px; font-weight:600; }
.panda-schools-page .ps-next-copy .ps-icon-label { font-size:14px; color:#52655d; }
.panda-schools-page .ps-wallet-pilot { display:flex; gap:12px; align-items:center; padding:14px; border-radius:15px; background:#edf3e4; border:1px solid #d9e6ce; }
.panda-schools-page .ps-wallet-symbol { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:#dbea9d; flex:0 0 42px; }
.panda-schools-page .ps-wallet-symbol svg { width:24px; height:24px; }
.panda-schools-page .ps-wallet-copy { display:flex; align-items:flex-start; flex-direction:column; gap:5px; }
.panda-schools-page .ps-wallet-copy strong { font-size:15px; font-weight:600; }
.panda-schools-page .ps-wallet-copy .ps-badge { font-size:12px; padding:2px 7px; background:#fff; }
.panda-schools-page .ps-science-card { padding:18px; border-radius:18px; background:#e8f0df; }
.panda-schools-page .ps-session-heading { display:flex; align-items:center; gap:14px; }
.panda-schools-page .ps-science-icon { width:56px; height:56px; flex-basis:56px; background:#d3e69f; }
.panda-schools-page .ps-science-icon svg { width:32px; height:32px; }
.panda-schools-page .ps-session-name { display:flex; flex-direction:column; gap:3px; }
.panda-schools-page .ps-session-name strong { font-size:21px; font-weight:600; }
.panda-schools-page .ps-session-name > span { font-size:14px; }
.panda-schools-page .ps-session-time { font-size:15px; margin-top:16px; }
.panda-schools-page .ps-session-metrics { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:17px; padding-top:17px; border-top:1px solid #cad9bf; }
.panda-schools-page .ps-session-metric { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.panda-schools-page .ps-session-metric > svg { width:20px; height:20px; }
.panda-schools-page .ps-session-metric strong { font-size:28px; font-weight:600; line-height:1.2; direction:ltr; unicode-bidi:isolate; }
.panda-schools-page .ps-session-metric > span { width:100%; font-size:14px; color:#42614b; }
.panda-schools-page .ps-observation { display:flex; gap:12px; align-items:center; }
.panda-schools-page .ps-teacher-photo { width:72px; height:72px; flex:0 0 72px; object-fit:cover; border-radius:12px; }
.panda-schools-page .ps-teacher-note { font-size:14px; line-height:1.6; margin:0; color:#52655d; }
.panda-schools-page .ps-help-note { font-size:14px; line-height:1.55; color:#52655d; margin:0; }
.panda-schools-page .ps-help-note > .ps-icon-label { align-items:flex-start; }
.panda-schools-page .ps-help-note svg { margin-top:2px; }
.panda-schools-page .ps-value { direction:ltr; unicode-bidi:isolate; }
.panda-schools-page .ps-screen-note { font-size:12px; line-height:1.6; margin:0; margin-top:auto; color:#52655d; padding-top:2px; }
.panda-schools-page .ps-phone-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; background:#fff; border-top:1px solid #e1e8e1; padding:12px 8px; color:#52655d; }
.panda-schools-page .ps-nav-item { display:flex; flex-direction:column; align-items:center; gap:5px; font-size:12px; padding:7px 2px; border-radius:12px; }
.panda-schools-page .ps-nav-item > svg { width:22px; height:22px; }
.panda-schools-page .ps-nav-item.is-current { color:#153e31; font-weight:600; background:#eaf3db; }
.panda-schools-page .ps-preview-caption { text-align:center; color:#52655d; font-size:14px; line-height:1.6; margin:18px 0 0; }
.panda-schools-page .ps-app-tabs { display:flex; gap:8px; align-items:center; justify-content:center; flex-wrap:wrap; margin-bottom:25px; }
.panda-schools-page .ps-app-tab { display:inline-flex; align-items:center; justify-content:center; gap:7px; font:600 14px/1.5 Arial,sans-serif; min-height:44px; padding:9px 14px; border:1px solid #becfbd; border-radius:999px; background:#fff; color:#153e31; cursor:pointer; }
.panda-schools-page .ps-app-tab > svg { width:19px; height:19px; flex:0 0 19px; }
.panda-schools-page .ps-app-tab[aria-selected="true"] { border-color:#153e31; background:#153e31; color:#fff; }
.panda-schools-page .ps-app-tab:focus-visible { outline:3px solid #27704c; outline-offset:4px; }
.panda-schools-page .ps-features { padding-block:56px 35px; }
.panda-schools-page .ps-features > h2 { text-align:center; margin:0 0 30px; }
.panda-schools-page .ps-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.panda-schools-page .ps-feature { display:flex; gap:20px; align-items:center; min-width:0; padding:16px; border:1px solid #e0e7df; border-radius:18px; }
.panda-schools-page .ps-feature-photo { display:block; width:124px; height:114px; flex:0 0 124px; object-fit:cover; border-radius:12px; }
.panda-schools-page .ps-feature-graphic { width:124px; height:114px; flex:0 0 124px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:9px; border-radius:12px; background:#e8f1e5; color:#153e31; }
.panda-schools-page .ps-session-graphic { background:#f4f1df; }
.panda-schools-page .ps-graphic-line { width:48px; height:4px; border-radius:4px; background:#91b294; }
.panda-schools-page .ps-graphic-line-short { width:29px; opacity:.6; }
.panda-schools-page .ps-feature-copy { min-width:0; }
.panda-schools-page .ps-feature-heading { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.panda-store .panda-schools-page .ps-feature h3 { font-size:21px; font-weight:500; line-height:1.3; margin:0; letter-spacing:-.025em; }
.panda-schools-page .ps-feature p { font-size:15px; line-height:1.6; margin:6px 0 0; color:var(--ps-muted); }
.panda-schools-page .ps-badge { background:#edf1ed; color:#365343; padding:4px 9px; border-radius:999px; font-size:11px; line-height:1.4; }
.panda-schools-page .ps-note { text-align:center; color:var(--ps-muted); margin:22px 0 0; font-size:12px; line-height:1.7; }
.panda-schools-page .ps-integration { display:flex; align-items:center; gap:35px; padding:22px 40px; border-radius:20px; background:#f3f6ef; }
.panda-schools-page .ps-band { display:block; width:150px; height:200px; flex:0 0 150px; object-fit:contain; }
.panda-schools-page .ps-integration h2 { font-size:30px; margin:0 0 12px; }
.panda-schools-page .ps-integration p { font-size:15px; line-height:1.65; color:var(--ps-muted); margin:0; }
.panda-schools-page .ps-integration-labels { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.panda-schools-page .ps-integration-labels span { background:#fff; border:1px solid #dce5dc; border-radius:999px; font-size:12px; padding:7px 12px; }
.panda-schools-page .ps-final { text-align:center; padding-block:46px 52px; }
.panda-schools-page .ps-final h2 { font-size:32px; margin:0 0 22px; }
.panda-schools-page .ps-final .ps-actions { justify-content:center; gap:24px; }
.panda-schools-page .ps-email-address { direction:ltr; unicode-bidi:isolate; }
html[lang^="ar"] .panda-schools-page,html[lang^="ar"] .panda-schools-page :is(.ps-phone,.ps-app-tab) { font-family:Tahoma,Arial,sans-serif; }
html[lang^="ar"] .panda-schools-page .ps-copy { direction:rtl; }
html[lang^="ar"] .panda-schools-page .ps-row-copy strong { text-align:right; }
html[lang^="ar"] .panda-schools-page h1 { font-size:clamp(35px,3.5vw,47px); line-height:1.5; letter-spacing:0; }
html[lang^="ar"] .panda-schools-page .ps-eyebrow { letter-spacing:0; }
@media(max-width:1099px) { .panda-schools-page .ps-app-grid { grid-template-columns:minmax(0,360px); justify-content:center; gap:30px; } }
@media(max-width:1000px) { .panda-schools-page .ps-shell { width:calc(100% - 48px); } .panda-schools-page .ps-feature { gap:14px; } .panda-schools-page .ps-feature-photo,.panda-schools-page .ps-feature-graphic { width:95px; flex-basis:95px; } }
@media(min-width:768px) and (max-width:1099px) {
 .panda-schools-page .ps-copy { max-width:58%; }
 .panda-store .panda-schools-page h1 { font-size:36px; }
 html[lang^="ar"] .panda-schools-page h1 { font-size:32px; }
 .panda-schools-page .ps-lead { font-size:16px; }
 .panda-schools-page .ps-copy .ps-actions :is(.pc-button,.ps-email-light) { font-size:14px; padding-inline:18px; }
}
@media(max-width:782px) { .admin-bar.panda-store.panda-reference-schools .site-header-stack { top:46px; } }
@media(max-width:767px) {
 .panda-schools-page .ps-shell { width:calc(100% - 40px); }
 .panda-schools-page .ps-hero { min-height:760px; align-items:flex-end; }
 .panda-schools-page .ps-hero-photo { object-position:80% top; }
 .panda-schools-page .ps-hero::after { background:linear-gradient(0deg,#041d15fa 0%,#041d15ef 35%,#041d15c2 55%,#041d1510 75%),linear-gradient(180deg,#03170ebf 0%,#03170e66 15%,transparent 30%); }
 .panda-schools-page .ps-copy { padding-block:320px 42px; max-width:none; }
 .panda-store .panda-schools-page h1 { font-size:37px; line-height:1.15; }
 .panda-schools-page .ps-lead { font-size:16px; margin-bottom:20px; }
 .panda-schools-page .ps-actions { gap:10px; }
 .panda-schools-page .ps-actions .pc-button { padding-inline:20px; font-size:14px; }
 .panda-schools-page .ps-email-light { padding-inline:22px; }
 .panda-schools-page .ps-app-showcase { padding-block:42px 36px; }
 .panda-schools-page .ps-app-tab { font-size:12px; padding-inline:13px; }
 .panda-schools-page .ps-features { padding-block:40px 26px; }
 .panda-schools-page .ps-grid { grid-template-columns:1fr; gap:16px; }
 .panda-schools-page .ps-feature h3 { font-size:20px; }
 .panda-schools-page .ps-integration { gap:16px; padding:22px; align-items:center; }
 .panda-schools-page .ps-band { width:85px; flex-basis:85px; height:150px; }
 .panda-schools-page .ps-integration h2 { font-size:25px; }
 .panda-schools-page .ps-integration p { font-size:14px; }
 .panda-schools-page .ps-final { padding-block:36px 40px; }
 .panda-schools-page .ps-final h2 { font-size:28px; }
 .panda-schools-page .ps-final .ps-actions { flex-direction:column; gap:8px; }
}