/* JG v568 approved landing/login concept */
body.jg-landing-active{margin:0;background:#07162b;color:#f7fbff;overflow:auto;min-height:100vh}
body.jg-landing-active>.topbar,body.jg-landing-active>.approved-bottom-nav{display:none!important}
body.jg-landing-active #app.jg-public-app{width:100%;max-width:none;padding:0;margin:0;min-height:100vh}
.jg-public-shell{min-height:100vh;background:radial-gradient(circle at 75% 4%,#245c96 0,#0a284d 25%,#061428 64%);color:#f7fbff;outline:0}
.jg-public-nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid #bcefff22;background:#06162bd9;backdrop-filter:blur(16px);position:relative;z-index:5}
.jg-public-brand{border:0;background:transparent;color:#fff;font:700 clamp(1.25rem,2vw,1.65rem)/1.1 Inter,system-ui,sans-serif;cursor:pointer}.jg-public-brand b{color:#8cefff;margin-right:6px}
.jg-public-nav nav{display:flex;align-items:center;gap:clamp(8px,2vw,26px)}.jg-public-nav nav button{border:0;background:transparent;color:#dcecff;font:700 .78rem/1 Inter,system-ui,sans-serif;cursor:pointer;padding:10px 4px}.jg-public-nav nav button:last-child{border-left:1px solid #8cefff55;padding-left:24px}
.jg-landing-hero{min-height:660px;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.68fr);align-items:center;gap:clamp(30px,5vw,80px);padding:clamp(50px,7vw,90px) clamp(22px,7vw,110px);overflow:hidden}
.jg-mountain-scene{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;opacity:.95}.jg-landing-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06162bed 0%,#06162bbf 37%,#06162b30 69%,#06162b66 100%)}
.jg-landing-copy{align-self:center;max-width:670px;text-shadow:0 3px 25px #0008}.jg-kicker{display:block;color:#8cefff;font:800 .72rem/1.4 Inter,system-ui,sans-serif;letter-spacing:.18em}.jg-landing-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.7rem,5.1vw,5.15rem);line-height:.98;letter-spacing:-.045em;margin:20px 0 22px;color:#fff}.jg-landing-copy>p{font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.55;color:#d9eafe}
.jg-proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px;max-width:560px}.jg-proof-row span{font:750 .78rem/1.35 Inter,system-ui,sans-serif;color:#eaf7ff}.jg-proof-row b{display:grid;place-items:center;width:40px;height:40px;margin-bottom:10px;border:1px solid #69e7ef66;border-radius:50%;font-size:1.15rem;color:#72e9e8;background:#082845aa}
.jg-trial-card{align-self:center;justify-self:end;width:min(100%,430px);padding:24px;border-radius:22px;background:#f9fbff;color:#0b2142;box-shadow:0 28px 80px #0008;border:1px solid #fff;position:relative}.jg-preview-badge{position:absolute;right:20px;top:17px;color:#2e628b;font:850 .57rem/1 Inter,sans-serif;letter-spacing:.1em}.jg-trial-card h2{font:800 1.38rem/1.15 Inter,system-ui,sans-serif;margin:3px 0 5px}.jg-trial-card h3{font:800 1rem/1.2 Inter,system-ui,sans-serif;margin:0 0 12px}.jg-trial-card p{margin:0 0 14px;color:#58708e;font:500 .82rem/1.4 Inter,system-ui,sans-serif}.jg-trial-choice>small,.jg-signup-dialog small{display:block;text-align:center;color:#60738c;font-size:.73rem;margin-top:8px}
.jg-plan-options{display:grid;gap:8px;margin:14px 0}.jg-plan-options label{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:11px;border:1px solid #c9d8eb;border-radius:10px;font:700 .78rem/1 Inter,system-ui,sans-serif;cursor:pointer}.jg-plan-options label.selected{border:2px solid #2776ee;background:#eef6ff;padding:10px}.jg-plan-options input{accent-color:#2878ed}.jg-plan-options b{font-size:.82rem}.jg-plan-options em{font-style:normal;font-size:.57rem;padding:5px 7px;border-radius:999px;background:#d7fff6;color:#087c69}
.jg-primary-action{width:100%;border:0;border-radius:9px;padding:12px 16px;background:linear-gradient(135deg,#2d7ff2,#1261d9);color:#fff;font:800 .86rem/1 Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 7px 18px #1261d933}.jg-primary-action:hover{filter:brightness(1.06);transform:translateY(-1px)}
.jg-card-divider{display:flex;align-items:center;gap:10px;margin:12px 0;color:#71839b;font-size:.7rem}.jg-card-divider:before,.jg-card-divider:after{content:"";height:1px;background:#d7e0ec;flex:1}.jg-login-form{display:grid;gap:9px}.jg-login-form label,.jg-signup-dialog label{display:grid;gap:5px;color:#183153;font:750 .7rem/1.2 Inter,system-ui,sans-serif}.jg-login-form input:not([type=checkbox]),.jg-signup-dialog input:not([type=checkbox]){border:1px solid #cad7e8;border-radius:8px;background:#fff;color:#10213d;padding:10px 11px;font:500 .78rem/1 Inter,system-ui,sans-serif}.jg-login-form .jg-remember,.jg-signup-dialog .jg-remember{display:flex;align-items:center;gap:7px;font-weight:600}.jg-login-form .jg-remember input,.jg-signup-dialog .jg-remember input{accent-color:#2677ed}.jg-text-action,.jg-explore{display:block;border:0;background:transparent;color:#075fd0;font:700 .7rem/1.2 Inter,system-ui,sans-serif;cursor:pointer;margin:0 auto}.jg-explore{margin-top:11px}.jg-access-note{min-height:1.2em;text-align:center!important;color:#7d4d00!important;margin:8px 0 0!important}
.jg-public-trust{display:grid;grid-template-columns:.72fr 1.45fr;gap:60px;padding:70px clamp(22px,7vw,110px);background:linear-gradient(180deg,#061326,#081b35);border-top:1px solid #8cefff22}.jg-public-trust h2{font-family:Georgia,serif;font-size:clamp(2rem,3vw,3.2rem);line-height:1.05;margin:12px 0}.jg-public-trust p{color:#c4d6ea}.jg-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:center}.jg-trust-grid span{display:grid;text-align:center;gap:7px}.jg-trust-grid b{font-size:1.8rem;color:#66e4e5}.jg-trust-grid strong{font-size:.82rem}.jg-trust-grid small{color:#a8bed6;line-height:1.4}.jg-public-footer{display:flex;justify-content:space-between;gap:20px;padding:24px clamp(22px,7vw,110px);border-top:1px solid #8cefff22;color:#b8cae0;text-transform:uppercase;letter-spacing:.16em;font-size:.65rem}.jg-public-footer strong{color:#fff;font-size:.85rem;text-transform:none;letter-spacing:0}
.jg-signup-dialog{width:min(92vw,470px);border:1px solid #cbd9ea;border-radius:20px;background:#f9fbff;color:#10213d;padding:0;box-shadow:0 30px 90px #0009}.jg-signup-dialog::backdrop{background:#031026d9;backdrop-filter:blur(5px)}.jg-signup-dialog form{display:grid;gap:13px;padding:28px;position:relative}.jg-signup-dialog h2{font:850 1.55rem/1.15 Inter,system-ui,sans-serif;margin:0}.jg-signup-dialog p{color:#5b708b;line-height:1.45;margin:0}.jg-dialog-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#38516f;font-size:1.7rem;cursor:pointer}
body.dashboard-active:not(.mock-mode-active){background:radial-gradient(circle at 72% 0,#174f82 0,#092746 29%,#061427 72%)!important}.dashboard-welcome{border:1px solid #72dfe644!important;background:linear-gradient(135deg,#08223ee8,#0a3457e8)!important;box-shadow:0 22px 48px #00102666!important}.dashboard-welcome h1{font-family:Georgia,serif!important;color:#fff!important}.dashboard-welcome p,.dashboard-welcome small{color:#b9cfe4!important}.jg-v568-grid .home-tile{background:linear-gradient(145deg,#0a2948,#082038)!important;border-color:#5cdfe344!important;box-shadow:0 18px 36px #00102255!important;color:#f5fbff!important}.jg-v568-grid .home-tile:hover{border-color:#6ee9ed!important;transform:translateY(-3px)!important}.jg-v568-grid .home-tile em,.jg-v568-grid .home-tile small{color:#a9c9de!important}.jg-v568-grid .tile-explain{color:#8feef0!important;border-color:#62dfe566!important}.jg-v568-grid .tile-mini .tile-screen{filter:hue-rotate(12deg)}
@media(min-width:701px){body.dashboard-active:not(.mock-mode-active) #app{width:min(100% - 44px,1180px)!important}.jg-v568-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(190px,1fr))!important}.jg-v568-grid .home-tile{min-height:190px!important}.jg-v568-grid .tile-progress{grid-column:auto!important}.jg-v568-grid .tile-games{display:flex!important;grid-column:auto!important;text-align:center!important;height:auto!important;min-height:190px!important;max-height:none!important;padding:18px!important}.jg-v568-grid .tile-games>.tile-games-art{width:88px!important;height:88px!important}}
@media(max-width:760px){.jg-public-nav{height:62px;padding:0 16px}.jg-public-nav nav button:not(:last-child){display:none}.jg-public-nav nav button:last-child{border:0;padding-left:4px}.jg-landing-hero{min-height:auto;display:block;padding:34px 16px 54px}.jg-landing-hero:after{background:linear-gradient(180deg,#06162bd9,#06162b80 38%,#06162be6 72%)}.jg-landing-copy{padding:0 4px}.jg-landing-copy h1{font-size:clamp(2.2rem,11vw,3.35rem);line-height:1.01;margin:14px 0}.jg-landing-copy>p{font-size:.98rem}.jg-proof-row{margin:28px 0 24px;gap:8px}.jg-proof-row span{font-size:.67rem}.jg-proof-row b{width:34px;height:34px}.jg-trial-card{justify-self:auto;width:auto;padding:19px;border-radius:18px}.jg-preview-badge{font-size:.5rem;top:14px;right:14px}.jg-public-trust{grid-template-columns:1fr;padding:48px 20px;gap:30px}.jg-trust-grid{grid-template-columns:repeat(2,1fr)}.jg-public-footer{padding:20px;flex-direction:column;align-items:flex-start}.jg-mountain-scene{height:100%;width:160%;left:-35%}}
@media(max-width:700px){body.dashboard-active:not(.mock-mode-active) #app .jg-v568-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr)) minmax(72px,.62fr)!important}.jg-v568-grid .tile-mini{grid-column:auto}.jg-v568-grid .tile-games{grid-column:auto!important;display:flex!important;grid-template-columns:none!important;grid-template-rows:none!important;grid-template-areas:none!important;height:100%!important;min-height:0!important;max-height:100%!important;padding:7px!important;text-align:center!important;overflow:hidden!important}.jg-v568-grid .tile-games>.tile-games-art{width:min(70px,8.5svh)!important;height:min(70px,8.5svh)!important;margin:0 auto 2px!important}.jg-v568-grid .tile-games>span:nth-child(2){text-align:center!important}.jg-v568-grid .tile-progress{grid-column:1/-1!important;display:grid!important;grid-template-columns:76px 1fr 28px!important;align-items:center!important;text-align:left!important}.jg-v568-grid .tile-progress .tile-bars{margin:0 auto!important}.jg-v568-grid .tile-progress .tile-explain{position:static!important}}
@media(max-width:390px){.jg-landing-copy h1{font-size:2.15rem}.jg-proof-row{display:none}.jg-trial-card{margin-top:22px}.jg-login-form{gap:7px}.jg-public-trust{padding-top:38px}}
@media(prefers-reduced-motion:reduce){.jg-primary-action:hover,.jg-v568-grid .home-tile:hover{transform:none!important}}

/* v569 mobile Home repair: eight equal full-width horizontal rows. */
@media(max-width:700px){
 body.dashboard-active:not(.mock-mode-active) #app .approved-home-grid.jg-v568-grid{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:repeat(8,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:0!important;
 }
 body.dashboard-active:not(.mock-mode-active) #app .approved-home-grid.jg-v568-grid .home-tile{
  position:relative!important;
  grid-column:1!important;
  grid-row:auto!important;
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr) 28px!important;
  grid-template-rows:1fr!important;
  grid-template-areas:none!important;
  align-content:center!important;
  align-items:center!important;
  justify-content:stretch!important;
  justify-items:stretch!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  padding:5px 9px!important;
  gap:8px!important;
  text-align:left!important;
  overflow:hidden!important;
 }
 body.dashboard-active:not(.mock-mode-active) #app .approved-home-grid.jg-v568-grid .home-tile>span:first-child{
  grid-column:1!important;
  grid-row:1!important;
  place-self:center!important;
  width:min(58px,7svh)!important;
  height:min(58px,7svh)!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  transform:none!important;
 }
 body.dashboard-active:not(.mock-mode-active) #app .approved-home-grid.jg-v568-grid .home-tile>span:nth-child(2){
  grid-column:2!important;
  grid-row:1!important;
  justify-self:stretch!important;
  align-self:center!important;
  text-align:left!important;
  overflow:hidden!important;
 }
 body.dashboard-active:not(.mock-mode-active) #app .approved-home-grid.jg-v568-grid .home-tile strong{
  margin:0!important;
  font-size:.96rem!important;
  line-height:1.06!important;
  white-space:normal!important;
 }
 body.dashboard-active:not(.mock-mode-active) #app .approved-home-grid.jg-v568-grid .home-tile em{
  margin-top:3px!important;
  font-size:.64rem!important;
  line-height:1.14!important;
  max-height:2.28em!important;
 }
 body.dashboard-active:not(.mock-mode-active) #app .approved-home-grid.jg-v568-grid .home-tile>.tile-explain{
  grid-column:3!important;
  grid-row:1!important;
  position:static!important;
  place-self:center!important;
  width:24px!important;
  height:24px!important;
 }
 body.dashboard-active:not(.mock-mode-active) #app .approved-home-grid.jg-v568-grid .tile-printables strong{font-size:.9rem!important}
}

.tile-printables-art{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 2px;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}.tile-printables-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 10px #00101f88)}.jg-printables-page{max-width:980px;margin:0 auto;padding:18px 0 118px}.jg-printables-back{border:0;background:transparent;color:#8feef0;font-weight:800;padding:8px 0;cursor:pointer}.jg-printables-hero{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:18px;margin:12px 0 18px}.jg-printables-hero>img{width:108px;height:108px;object-fit:contain;filter:drop-shadow(0 10px 22px #00101f88)}.jg-printables-hero span,.jg-printables-grid small{color:#6fe4df;font-size:.66rem;font-weight:850;letter-spacing:.12em}.jg-printables-hero h1{margin:.35rem 0;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.4rem)}.jg-printables-hero p,.jg-printables-grid p{color:#adc4d6;line-height:1.5}.jg-printables-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jg-printables-grid article{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;padding:20px;border:1px solid #5cdfe344;border-radius:18px;background:linear-gradient(145deg,#0a2948,#082038);box-shadow:0 18px 36px #00102255}.jg-printables-grid h2{margin:.3rem 0;font-size:1.16rem}.jg-printables-grid .jg-printable-icon{display:grid;place-items:center;width:72px;height:86px;border-radius:8px;background:linear-gradient(#eaffff,#bceff2);color:#07324c;box-shadow:0 10px 24px #00101f77}.jg-printables-grid .jg-printable-icon b{font-size:.8rem}.jg-printables-next{opacity:.72}@media(max-width:700px){.jg-printables-page{padding:10px 8px 104px}.jg-printables-hero{grid-template-columns:74px minmax(0,1fr);gap:10px}.jg-printables-hero>img{width:74px;height:74px}.jg-printables-hero h1{font-size:1.7rem}.jg-printables-grid{grid-template-columns:1fr}.jg-printables-grid article{grid-template-columns:68px 1fr;padding:14px;gap:11px}.jg-printables-grid .jg-printable-icon{width:58px;height:70px}.tile-printables-art{width:min(58px,7svh);height:min(58px,7svh)}}

/* v570 — Mini-Mocks is a first-class destination, not a scroll target inside Study. */
#app.jg-mini-mocks-active{width:min(100%,1020px);max-width:1020px;margin:0 auto;padding-bottom:118px}
.jg-mini-mocks-page{padding:18px 0 24px;outline:0}
.jg-mini-mocks-back{border:0;background:transparent;color:#8feef0;font-weight:800;padding:8px 0;cursor:pointer}
.jg-mini-mocks-hero{margin:10px 0 16px;padding:22px;border:1px solid #5cdfe344;border-radius:20px;background:radial-gradient(circle at 88% 12%,#1b6a8055,transparent 34%),linear-gradient(145deg,#0a2948,#082038);box-shadow:0 18px 36px #00102255}
.jg-mini-mocks-hero>span{color:#6fe4df;font-size:.66rem;font-weight:850;letter-spacing:.12em}
.jg-mini-mocks-hero h1{margin:.32rem 0;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.25rem)}
.jg-mini-mocks-hero p{max-width:760px;margin:.25rem 0 0;color:#b6cbdc;line-height:1.5}
.jg-mini-mocks-page .mini-mock-hub{margin-top:0}
@media(max-width:700px){#app.jg-mini-mocks-active{padding:0 8px 104px!important}.jg-mini-mocks-page{padding:10px 0 20px}.jg-mini-mocks-hero{padding:16px;margin:6px 0 12px}.jg-mini-mocks-hero h1{font-size:2rem}.jg-mini-mocks-page .mini-mock-hub{padding:14px}.jg-mini-mocks-page .mini-mock-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.jg-mini-mocks-page .actions{display:grid;grid-template-columns:1fr}.jg-mini-mocks-page .actions .btn{width:100%}}
