/* v1.2.5 – header login button, /login/, /parent-dashboard/, kids parent bar. Uses the site's existing colours/fonts. */
.site-header .rlr-acct{display:flex;align-items:center}
.site-header .header-login{display:inline-flex;align-items:center;gap:6px;padding:11px 18px;color:var(--site-navy,#0b2a7e);background:#fff;border:2px solid #0a66c2;border-radius:10px;font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap;transition:background .2s,color .2s}
.site-header .header-login:hover{background:#0a66c2;color:#fff}
.site-header .header-account{display:flex;align-items:center;gap:10px}
.site-header .header-login--me{padding:9px 14px}
.site-header .header-login--me .hl-name{max-width:140px;overflow:hidden;text-overflow:ellipsis}
.site-header .header-logout{color:#2d3e5b;font-size:13px;font-weight:600;text-decoration:underline!important;white-space:nowrap}
.site-header .header-logout:hover{color:#e5322d}
/* menu-drawer copy of the account links: only on phones (header bar is too narrow there) */
.nav .nav-acct{display:none}
@media (max-width:640px){
  .site-header .rlr-acct{display:none}
  .nav .nav-acct{display:block}
  .site-header .right-side{gap:8px}
  .site-header .header-login{padding:8px 10px;font-size:13px;border-width:1.5px}
  .site-header .header-login--me .hl-name{display:none}
  .site-header .header-logout{font-size:12px}
  .site-header .header-cta{padding:9px 10px;font-size:12px}
}

/* alerts */
.rlr-native .rlr-alert{border-radius:12px;padding:12px 16px;margin:0 0 16px;font-weight:600;font-size:15px;line-height:1.4}
.rlr-native .rlr-alert--ok{background:#e4f6e7;border:1px solid #9bd7a8;color:#14532d}
.rlr-native .rlr-alert--bad{background:#fde8e8;border:1px solid #f1a9a9;color:#8a1c1c}

/* login */
.rlr-login-wrap{padding:8px 0 64px}
.rlr-login-card{position:relative;max-width:460px;margin:0 auto;background:#fff;border:1px solid #dbe6fb;border-radius:24px;padding:60px 32px 28px;box-shadow:0 12px 36px rgba(11,42,126,.10)}
.rlr-login-rocky{position:absolute;top:-44px;left:50%;transform:translateX(-50%);width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:5px solid #fff;box-shadow:0 6px 16px rgba(11,42,126,.2);background:#ffe9a8}
.rlr-login-card form p{margin:0 0 16px}
.rlr-login-card label{display:block;font-weight:700;color:#0b2a7e;font-size:14px;margin-bottom:6px}
.rlr-login-card input[type=text],.rlr-login-card input[type=password]{width:100%;box-sizing:border-box;padding:13px 14px;border:1.5px solid #cfdcf5;border-radius:12px;font:inherit;font-size:16px;color:#14214a;background:#fff}
.rlr-login-card input:focus,.pd-form input:focus,.pd-form select:focus,.kids-parentbar input:focus{outline:3px solid rgba(8,121,232,.25);border-color:#0a66c2}
.rlr-login-card .login-remember label{display:flex;align-items:center;gap:8px;font-weight:500;color:#4a5263}
.rlr-login-card .login-remember input{width:18px;height:18px}
.rlr-login-card .login-submit input{width:100%;padding:14px;border:0;border-radius:12px;background:linear-gradient(135deg,#168bf4,#0864d2);color:#fff;font:inherit;font-weight:800;font-size:17px;cursor:pointer;box-shadow:0 5px 13px rgba(8,121,232,.25)}
.rlr-login-card .login-submit input:hover{filter:brightness(1.06)}
.rlr-login-links{text-align:center;margin:6px 0 0}.rlr-login-links a{color:#0a66c2;font-weight:700}
.rlr-login-card hr{border:0;border-top:1px solid #e3ebfa;margin:22px 0}
.rlr-login-help{font-size:14px;color:#4a5263;line-height:1.55;margin:0}.rlr-login-help a{color:#0a66c2;font-weight:700}

/* parent dashboard */
.rlr-pd .wrap{max-width:1040px}
.rlr-pd .pd-h{font-size:26px;color:#0b2a7e;margin:34px 0 14px}
.rlr-pd .pd-card{background:#fff;border:1px solid #dbe6fb;border-radius:22px;padding:24px;margin-bottom:20px;box-shadow:0 6px 20px rgba(11,42,126,.07)}
.rlr-pd .pd-card h3{margin:0;font-size:24px;color:#0b2a7e}.rlr-pd .pd-card h4{margin:0 0 10px;font-size:16px;color:#0b2a7e}
.rlr-pd .pd-sub{margin:6px 0;color:#4a5263;font-size:14.5px;line-height:1.5}.rlr-pd .pd-sub code{background:#eef3ff;padding:1px 6px;border-radius:6px}
.rlr-pd .pd-child-head{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.rlr-pd .pd-child-head img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:4px solid #fff;box-shadow:0 4px 12px rgba(11,42,126,.18);background:#ffe9a8}
.rlr-pd .pd-child-head>div{flex:1;min-width:220px}
.rlr-pd .pd-switch{margin:0}
.rlr-pd .btn{display:inline-block;background:var(--gold,#f2b705);color:#1d2433;font-weight:800;padding:12px 22px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;font-size:15px}
.rlr-pd .btn.alt,.rlr-pd .pd-btn-switch{background:#0a66c2;color:#fff}
.rlr-pd .pd-btn-switch{font-size:16px;padding:14px 26px;box-shadow:0 5px 0 rgba(0,0,0,.15)}
.rlr-pd .pd-demo{background:#fff4d6;border:1.5px dashed #e0a800;color:#6b4a00;border-radius:12px;padding:10px 14px;font-weight:700;font-size:14px;margin:0 0 14px}
.rlr-pd .pd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.rlr-pd .pd-grid--3{grid-template-columns:repeat(3,1fr)}
.rlr-pd .pd-box{background:#f5f8ff;border-radius:16px;padding:18px}
.rlr-pd .pd-course{margin:0 0 8px;font-weight:700;color:#14214a}.rlr-pd .pd-course a{color:#0a66c2}
.rlr-pd .pd-bar{height:10px;background:#dfe7f8;border-radius:9px;overflow:hidden;margin:6px 0}.rlr-pd .pd-bar i{display:block;height:100%;background:#1f8a4c;border-radius:9px}
.rlr-pd .pd-list,.rlr-pd .pd-skills{list-style:none;margin:0;padding:0}
.rlr-pd .pd-list li{display:flex;gap:10px;justify-content:space-between;align-items:baseline;padding:7px 0;border-bottom:1px solid #e1e9f9;font-size:14.5px}
.rlr-pd .pd-list small{color:#6a7385}
.rlr-pd .pd-skills li{display:grid;grid-template-columns:1fr 90px 42px;gap:10px;align-items:center;font-size:14.5px;padding:4px 0}.rlr-pd .pd-skills em{font-style:normal;font-weight:700;text-align:right}
.rlr-pd .pd-chip{display:inline-block;background:#e9defc;color:#4b2a8f;border-radius:99px;padding:2px 10px;font-weight:800;font-size:12px;margin-right:4px}
.rlr-pd .pd-edit{margin-top:16px}.rlr-pd .pd-edit summary{cursor:pointer;font-weight:700;color:#0a66c2}
.rlr-pd .pd-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}
.rlr-pd .pd-form label{display:block;font-weight:700;font-size:14px;color:#0b2a7e}
.rlr-pd .pd-form input,.rlr-pd .pd-form select{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:12px 13px;border:1.5px solid #cfdcf5;border-radius:12px;font:inherit;font-size:15px;background:#fff;color:#14214a}
.rlr-pd .pd-form button,.rlr-pd .pd-form small{grid-column:1/-1}.rlr-pd .pd-form button{justify-self:start}.rlr-pd .pd-form small{color:#6a7385}
.rlr-pd .pd-foot{text-align:center;margin:10px 0 40px}
.rlr-pd .pd-empty{background:#fff8e8;border-color:#f3dba0}
.rlr-adult-only{border:2px solid #e5322d;border-radius:14px;padding:14px 16px;background:#fff5f5;margin:10px 0}.rlr-adult-only>strong{display:block;color:#b3201b;margin-bottom:6px}
@media (max-width:760px){.rlr-pd .pd-grid,.rlr-pd .pd-grid--3,.rlr-pd .pd-form{grid-template-columns:1fr}.rlr-pd .pd-switch,.rlr-pd .pd-btn-switch{width:100%}.rlr-login-card{margin:0 12px;padding:60px 20px 22px}}

/* kids: parent bar when a parent switched in */
.kids-parentbar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;background:#0b2a7e;color:#fff;border-radius:16px;padding:12px 18px;margin-bottom:18px;font-size:15px}
.kids-parentbar summary{cursor:pointer;font-weight:700;text-decoration:underline}
.kids-parentbar form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.kids-parentbar input{padding:9px 10px;border-radius:10px;border:0;font:inherit}
.kids-parentbar button{background:#f2b705;color:#1d2433;font-weight:800;border:0;border-radius:99px;padding:9px 18px;cursor:pointer}
.kids-parentbar-err{color:#ffb4b0;font-weight:700}
.kids-demo{text-align:center;color:#6a7385;font-size:13px;margin-top:18px}
/* two Rocky styles */
.kids-rocky--standing{object-fit:contain;background:#fde88d;object-position:50% 50%}
.kids-rocky--storybook{object-position:50% 25%}