/* SAT Math Practice Hub 4.0.20 — frame and glue for the editable platform pages.
   The blocks reuse the platform's own styles (role-page.css, portal styles, Graph Paper skin). */

/* ---------- Role page frame ---------- */
body.smh-kit-role{margin:0;background:#100c3f}
/* Same fonts as the original page. Only the SAT blocks are styled, so ordinary Elementor
   widgets keep their own (and your Site Settings) typography and colours. */
.smh-kit-role{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#smh-main.smh-kit-role :is(.srp-top,.srp-hero,.srp-roles,.srp-how,.srp-foot,.srp-footer) :is(h1,h2,h3,h4){font-family:var(--gp-font-display,inherit)!important;font-weight:700!important;letter-spacing:-.018em!important;line-height:1.18!important;color:var(--gp-ink,inherit);text-wrap:balance}
.smh-kit-role :is(.srp-top,.srp-hero,.srp-roles,.srp-how,.srp-foot,.srp-footer) :is(p,label,small,button,a,li,dd,dt){font-family:var(--gp-font-text,inherit)!important}
/* Elementor sets every image to height:auto; keep the role card artwork at its designed size. */
.smh-kit-role .elementor .srp-card-media img{width:auto;height:176px;max-width:92%}
@media (max-width:820px){.smh-kit-role .elementor .srp-card-media img{height:150px}}
.smh-kit-role .smh-kit-content{position:relative;z-index:1;width:100%;min-width:0}
.smh-kit-role .smh-kit-content>.elementor{display:flex;flex-direction:column;gap:clamp(22px,3.2vw,40px)}
.smh-kit-role .smh-kit-content>.elementor>*{margin:0!important}
/* Elementor's default boxed width would squeeze the full-width platform blocks. */
.smh-kit-page .smh-kit-block>.elementor-container{max-width:none!important}
.smh-kit-page .smh-kit-block .elementor-widget-wrap{padding:0!important}
.smh-kit-page .elementor-widget:not(:last-child){margin-block-end:clamp(16px,2vw,24px)}
.smh-kit-page .elementor-widget-container>.srp-hero,.smh-kit-page .elementor-widget-container>.srp-roles,.smh-kit-page .elementor-widget-container>.srp-how{margin-inline:auto}
/* Normal Elementor widgets placed on the dark role page read as white text by default. */
/* (Low specificity on purpose: colours you set on a widget in Elementor still win.) */
.smh-kit-role .elementor-widget-heading .elementor-heading-title,
.smh-kit-role .elementor-widget-text-editor,
.smh-kit-role .elementor-icon-list-text{color:#fff}
.smh-kit-role .elementor-widget-text-editor a{color:#fde68a}
.smh-kit-role .elementor-widget-text-editor{max-width:1240px;margin-inline:auto}
/* Icon sizes that the app used to get from its utility classes. */
.smh-kit-role .srp-points li>span svg{width:16px;height:16px}
.smh-kit-role .srp-card-icon svg{width:24px;height:24px}
.smh-kit-role .srp-cta svg,.smh-kit-role .srp-float svg{width:20px;height:20px;flex:0 0 auto}
.smh-kit-role .srp-top-pill svg,.smh-kit-role .srp-foot svg{width:16px;height:16px;flex:0 0 auto}
.smh-kit-role .srp-lead p{margin:0 0 .6em}.smh-kit-role .srp-lead p:last-child{margin:0}
.smh-kit-role a.smh-kit-logo-link{text-decoration:none}
.smh-kit-role .smh-kit-logo-image{padding:8px 14px!important}
.smh-kit-role .smh-kit-logo-image img{display:block;max-height:52px;width:auto}
.smh-kit-role .srp-roles a.srp-card{text-decoration:none}
.smh-kit-role .srp-footer{margin-inline:calc(-1 * clamp(16px,4vw,56px));margin-bottom:-34px}
.smh-kit-role .srp-modal-card h2:first-of-type{margin-top:0}

/* ---------- Student app frame ---------- */
body.smh-kit-app{margin:0;background:#100c3f}
.smh-kit-app .smh-kit-block .elementor-widget-wrap{padding:0!important}
.smh-kit-loading{margin:0;padding:48px 24px;color:#e8ebff;text-align:center;font:600 16px/1.5 Figtree,system-ui,sans-serif}

/* ---------- Staff page frame (Print Center) ---------- */
body.smh-kit-staff{margin:0}
/* The page background (Graph Paper grid) comes from <body>, as on the original staff screens. */
body.smh-kit-staff .smh-kit-staff.smh-native-platform{min-height:100vh;background:transparent!important}
.smh-kit-staff .smh-portal-inner{max-width:1440px;margin:0 auto;padding:24px clamp(14px,3vw,30px) 48px}
.smh-kit-staff .smh-kit-banner{margin-bottom:0}
.smh-kit-staff .smh-standalone-print-content .smh-print-center{display:block!important}

/* ---------- Dashboards, quiz centers and Grade 10 (the original screens inside a page) ---------- */
body.smh-kit-portal,body.smh-kit-native{margin:0}
.smh-kit-portal .smh-kit-block .elementor-widget-wrap,.smh-kit-native .smh-kit-block .elementor-widget-wrap{padding:0!important}
.smh-kit-app.smh-native-platform{font-family:inherit;color:inherit;background:transparent}
.smh-kit-editor-note{margin:0;padding:8px 14px;background:#fef3c7;color:#713f12;font:600 13px/1.4 Figtree,system-ui,sans-serif;text-align:center}

/* ---------- Editor placeholders ---------- */
.smh-kit-placeholder{margin:24px auto;max-width:720px;padding:28px;border:2px dashed rgba(255,255,255,.45);border-radius:22px;color:#fff;background:rgba(255,255,255,.06);text-align:center;font:500 15px/1.6 Figtree,system-ui,sans-serif}
.smh-kit-placeholder strong{display:block;font-size:20px;margin-bottom:6px}
.smh-kit-placeholder-light{color:#1d1b4c;border-color:#a5b4fc;background:#eef2ff}

@media print{
  body.smh-kit-staff{background:#fff!important}
  .smh-kit-staff .smh-kit-banner{display:none!important}
}