/* PrimePupil 2026 visual release — static, responsive, no runtime dependencies. */
:root {
  --navy: #13264a;
  --indigo: #147cff;
  --indigo-2: #0065e9;
  --slate: #52627d;
  --line: #dbe5f4;
  --bg: #edf4ff;
  --card: #fff;
  --good: #187b53;
  --good-bg: #e9fcf2;
  --bad: #b91c1c;
  --bad-bg: #fff0f2;
  --warn: #995a00;
}
html { scroll-behavior: smooth; }
body { background: linear-gradient(180deg,#eff5ff 0,#f8faff 38%,#f2f6ff 100%) !important; color: var(--navy); overflow-x: hidden; }
body,button,input,select {font-family: system-ui,-apple-system,"Segoe UI",sans-serif}
#app { max-width: 1360px; padding: 0 26px 38px; min-height: 100vh; }
#app a { color: #085ee1; }
#app a:hover { color: #0040ac; }
.top.pp-top { display:flex;gap:16px;align-items:center;position:sticky;top:0;z-index:30; padding:14px 18px; margin: 0 -26px 20px; border-radius:0 0 16px 16px; background:rgba(5,15,41,.98)!important; border:1px solid rgba(71,129,231,.23); border-top:none; box-shadow:0 14px 40px rgba(8,29,72,.15); backdrop-filter:blur(16px); }
.top .brand { display:inline-flex!important;gap:0;align-items:center;color:#fff!important;font-size:clamp(20px,2.3vw,28px);font-weight:850;white-space:nowrap;line-height:1.2;letter-spacing:-.06em;text-decoration:none!important; }
.top .brand span:not(.pp-brand-icon) { color:#14c4ff!important; margin:0;letter-spacing:-.06em; }
.pp-brand-icon {width:33px;height:33px;flex:none;margin-right:9px;color:#1bb9ff;letter-spacing:0; }
.pp-main-links { display:flex;align-items:center;gap:2px;margin-left:auto; }
.pp-main-links a { display:inline-block;color:#e7eeff!important;font-size:14px;font-weight:650;border-radius:11px;padding:12px 13px;text-decoration:none!important;white-space:nowrap;transition:background .16s }
.pp-main-links a:hover,.pp-main-links a:focus-visible { background:#193b70;color:#fff!important; }
.pp-header-tools{display:flex;align-items:center;gap:12px;margin-left:auto}
.pp-main-links+.pp-header-tools{margin-left:12px}
.top-meta{font-size:12px;color:#90b4e9;padding:8px 10px;white-space:nowrap}
.pp-menu-toggle {display:grid;place-items:center;min-width:46px;height:44px;font-size:22px!important;padding:0!important;border-radius:12px!important;color:#fff!important;background:linear-gradient(155deg,#2350a0,#0f2d65)!important;border:1px solid #365aa0!important;box-shadow:inset 0 1px 0 #6696df,0 4px 0 #081c41,0 8px 16px rgba(0,0,0,.2)!important;}
.pp-app-menu{display:none;position:absolute;right:18px;top:calc(100% + 8px);min-width:260px;max-width:calc(100vw - 36px);padding:10px;border-radius:18px;border:1px solid #32599a;background:#0e2044;box-shadow:0 18px 45px rgba(0,17,53,.38);z-index:31}
.pp-app-menu.open{display:grid}
.pp-app-menu a,.pp-app-menu button{padding:12px 15px!important;border:0!important;min-height:40px;text-align:left;justify-content:flex-start;display:flex;align-items:center;color:#e7f4ff!important;text-decoration:none!important;font-weight:660;font-size:14px;border-radius:10px;background:transparent!important;box-shadow:none!important;transform:none!important}
.pp-app-menu a:hover,.pp-app-menu button:hover{background:linear-gradient(120deg,#144f9c,#243c78)!important;color:#fff!important}
.pp-app-actions {margin:4px 0 18px;gap:11px}
#app .pp-app-actions .pp-app-back,#app .pp-app-actions .pp-app-home {display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:11px;padding:10px 18px;text-decoration:none!important;font-weight:750;font-size:14px;}
#app .pp-app-actions .pp-app-back {background:linear-gradient(155deg,#35527f,#203860)!important;border:1px solid #294573!important;color:white!important;box-shadow:inset 0 1px 0 #6886b3,0 4px 0 #172847,0 8px 16px rgba(16,40,82,.15)!important}
#app .pp-app-actions .pp-app-home {background:linear-gradient(160deg,#37a7ff,#0469ed)!important;border:1px solid #1677f8!important;color:white!important;box-shadow:inset 0 1px 0 #7fd0ff,0 4px 0 #0651ba,0 8px 16px rgba(0,80,190,.16)!important}
/* Tangible two-tone, raised buttons throughout practice, articles, and navigation. */
#app button:not(.exam-card):not(.pp-tool-button):not(.pp-menu-toggle):not(.opt):not(.pal-btn):not(.pp-app-menu button):not(.crumb button):not(.foot button),
#app .btn, #app label.btn, #app a.btn {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid #c3d5ee;border-radius:12px;min-height:42px;padding:10px 16px;
  color:#123367;background:linear-gradient(160deg,#ffffff 3%,#eef5ff 53%,#dfeaff 100%);
  box-shadow:inset 0 1px 0 #fff,0 4px 0 #b5c5df,0 8px 17px rgba(20,57,110,.10);
  font-weight:750;text-decoration:none;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
}
#app button.btn.primary,#app .btn.primary,#app a.btn.primary {
  color:#fff;background:linear-gradient(162deg,#39afff 0%,#147bff 51%,#075bea 100%);
  border-color:#0878f8;
  box-shadow:inset 0 1px 0 #85d6ff,0 4px 0 #0346b3,0 9px 19px rgba(0,98,224,.23);
}
#app .btn.ghost,#app .btn.outline {color:#0a61dc;background:linear-gradient(165deg,#fff,#ebf4ff);border:1px solid #b2c9eb;box-shadow:inset 0 1px 0 #fff,0 4px 0 #a8c0e1,0 8px 15px rgba(27,67,127,.13)}
#app .btn.danger {color:#a91c37;background:linear-gradient(145deg,#fff7f8,#ffe1e6);border-color:#f3b7c2;box-shadow:inset 0 1px 0 #fff,0 4px 0 #d79aa5}
#app button:not(:disabled):hover,#app a.btn:hover,#app label.btn:hover {filter:brightness(1.04);transform:translateY(-2px)}
#app button:not(:disabled):active,#app a.btn:active{transform:translateY(2px);box-shadow:inset 0 2px 5px rgba(0,0,0,.14),0 1px 0 #7e9ec7}
#app button:disabled {opacity:.46;cursor:not-allowed;filter:grayscale(.12)}
#app button:focus-visible,#app a:focus-visible,#app input:focus-visible {outline:3px solid #f6b43d!important;outline-offset:3px}
/* Hero image intentionally matches the earlier PrimePupil concept. */
.pp-hero{position:relative;overflow:hidden;border-radius:23px;min-height:478px;margin:6px 0 24px;background:#061536;isolation:isolate;display:flex;align-items:center;box-shadow:0 22px 55px rgba(2,21,67,.22)}
.pp-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-2;user-select:none}
.pp-hero-glow{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,11,39,.95) 0%,rgba(3,11,39,.90) 22%,rgba(4,15,53,.76) 37%,rgba(4,14,53,.25) 62%,rgba(4,14,53,0) 100%)}
.pp-hero-copy{width:min(620px,63%);padding:48px 0 52px clamp(25px,4.6vw,65px)}
.pp-eyebrow{font-size:12px;letter-spacing:.19em;color:#9bcdf9!important;font-weight:800;margin:0 0 18px;line-height:1.5}
.pp-eyebrow span{color:#15d6ff;padding:0 7px}
.pp-hero h1{font-size:clamp(38px,4.2vw,64px);line-height:1.08;font-weight:900;letter-spacing:-.06em;color:#fff;margin:0 0 18px;max-width:600px;text-wrap:balance}
.pp-hero h1 span{display:block;background:linear-gradient(95deg,#29d9ff,#398aff 46%,#ca52f8);-webkit-background-clip:text;background-clip:text;color:transparent}
.pp-hero-desc{max-width:490px;color:#e9f3ff!important;font-size:clamp(15px,1.45vw,18px);line-height:1.7;margin:0 0 23px}
.pp-hero-cta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:31px}
#app .pp-hero-cta .btn{min-height:49px;padding:12px 21px;font-size:15px}
.pp-hero-trust{display:flex;flex-wrap:wrap;gap:10px 19px;font-size:12px;color:#d4e4ff;font-weight:600}
.pp-hero-trust span:first-child{color:#6cfdcb}
.pp-home-metrics{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 27px}
.pp-home-metric{display:flex;align-items:center;gap:13px;flex:1 1 215px;min-height:87px;padding:16px 19px;border:1px solid #d9e7fc;border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(31,80,156,.06)}
.pp-metric-symbol{display:grid;place-items:center;flex:none;border-radius:12px;width:43px;height:43px;font-weight:900;color:#1276f2;background:linear-gradient(135deg,#e9f7ff,#ddecff);font-size:24px}
.pp-home-metric strong{display:block;font-size:23px;line-height:1.2;color:#102854}
.pp-home-metric div>span{color:#687891;font-size:12px;font-weight:650}
.pp-goal-editor{display:flex;align-items:center;gap:8px;color:#58708e;font-size:13px;font-weight:700;white-space:nowrap;padding:5px 7px}
.pp-goal-editor input{width:62px;height:39px;border:1px solid #c5d6ec;border-radius:9px;background:#fff;text-align:center;font-weight:750;color:#143565}
.pp-featured-section{padding:14px 3px 19px;scroll-margin-top:108px}
.pp-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:0 0 20px}
.pp-section-eyebrow{color:#167eff;font-size:11px;letter-spacing:.14em;font-weight:900;margin:0 0 6px}
.pp-section-heading h2,.pp-insight-grid h2,.pp-home-about h2{font-size:clamp(23px,2.8vw,32px);letter-spacing:-.04em;line-height:1.2;color:#0d2954;margin:0 0 7px}
.pp-section-heading p:not(.pp-section-eyebrow){margin:0;color:#596d8b;font-size:14px}
.pp-section-link{white-space:nowrap;font-size:13px;font-weight:750;text-decoration:none}
.pp-exams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px}
#app .exam-card{position:relative;display:block;width:100%;border:1px solid #dbe7f8;border-radius:17px;background:linear-gradient(160deg,#fff 0%,#f7fbff 100%);padding:21px;text-align:left;box-shadow:inset 0 1px 0 #fff,0 5px 0 #d1dcef,0 13px 24px rgba(15,61,128,.09);min-height:170px;transition:transform .16s,border-color .16s,box-shadow .16s}
#app .exam-card:not(.dead):hover{transform:translateY(-4px);border-color:#318aff;box-shadow:inset 0 1px 0 #fff,0 7px 0 #afd2ff,0 16px 28px rgba(9,77,171,.14)}
#app .exam-card.dead{opacity:.75;background:#f0f3f8}
#app .exam-card .exam-kicker{color:#2278d9;font-weight:850;font-size:11px;letter-spacing:.08em;margin-bottom:15px}
#app .exam-card h2{color:#112950;font-size:18px;line-height:1.25;margin:0 0 7px;padding-right:35px}
#app .exam-card .marking{color:#657793;font-size:12px;line-height:1.4;margin:0}
#app .exam-card .bar{background:#e5edfa;margin:13px 0 10px}
#app .exam-card .bar i{background:linear-gradient(90deg,#16bdff,#6d5eff)}
#app .exam-card .stats{color:#6b7990;gap:8px;font-size:11px;flex-wrap:wrap}
#app .exam-card::after{content:'↗';position:absolute;right:18px;top:18px;display:grid;place-items:center;height:35px;width:35px;border-radius:10px;background:linear-gradient(160deg,#e2f1ff,#c5dcff);color:#1269d6;font-size:19px;font-weight:800;box-shadow:0 3px 0 #b3ccef}
#app .exam-card.dead::after{content:'—'}
.pp-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:12px}
#app .pp-tool-card{display:block;min-height:232px;border:1px solid #d8e6fa;border-radius:19px;background:linear-gradient(150deg,#fff,#f7fbff);padding:23px 20px;text-decoration:none!important;text-align:left;box-shadow:0 8px 20px rgba(16,58,115,.06);transition:transform .17s,box-shadow .17s;color:#152e53;}
#app .pp-tool-button{width:100%;font:inherit;cursor:pointer}
#app .pp-tool-card:hover{transform:translateY(-4px);box-shadow:0 15px 25px rgba(16,76,155,.11)}
.pp-tool-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;margin-bottom:14px;background:linear-gradient(140deg,#d2f1ff,#bde1ff);color:#1166db;font-size:23px;box-shadow:0 4px 0 #a9d0ee}
.pp-tool-card:nth-child(2) .pp-tool-icon{background:linear-gradient(130deg,#e9dfff,#d5c8ff);color:#6251d9;box-shadow:0 4px 0 #bcb4f0}
.pp-tool-card:nth-child(3) .pp-tool-icon{background:linear-gradient(130deg,#fff0d9,#ffdfb2);color:#bb7219;box-shadow:0 4px 0 #e8c994}
.pp-tool-card:nth-child(4) .pp-tool-icon{background:linear-gradient(130deg,#dbfaed,#bbf2d8);color:#138967;box-shadow:0 4px 0 #9dddbe}
.pp-tool-card h3{font-size:19px;font-weight:830;color:#142d56;margin:0 0 8px}
.pp-tool-card p{font-size:13px;color:#60718a;line-height:1.6;margin:0 0 18px}
.pp-tool-card b{font-size:13px;color:#116be5}
.pp-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:28px 0}
.pp-insight-card{padding:30px;border-radius:18px;background:linear-gradient(135deg,#edf5ff,#fff);border:1px solid #dbe7f9;box-shadow:0 8px 20px rgba(26,66,132,.055)}
.pp-insight-card:nth-child(2){background:linear-gradient(125deg,#e8edff,#f9fbff)}
.pp-insight-card h2{font-size:24px}
.pp-insight-card>p:not(.pp-section-eyebrow){color:#5b6e88;line-height:1.6;min-height:55px}
.pp-home-about{padding:24px 26px;border:1px solid #dae6fa;border-radius:20px;background:#fff;margin:18px 0 26px}
.pp-home-about .why-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:15px 0}
#app .pp-home-about .why-card{border:1px solid #e0eafa;background:#f6faff}
#app .pp-home-about .why-card h3{color:#133963}
#app .pp-home-about .why-card p{color:#60738d;font-size:13px}
.pp-home-notice{font-size:12px;color:#75839a;margin:18px 0 0}
.pp-secondary-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 10px}
/* All interactive subviews get the same polished light surfaces. */
#app .exam-hero{padding:25px 28px;align-items:center;background:linear-gradient(135deg,#edf5ff,#f9fcff);border:1px solid #d8e6fb;border-radius:18px;margin-bottom:23px;box-shadow:0 9px 20px rgba(18,56,120,.055)}
#app .exam-hero h1,#app .done h1,#app .qtext{color:#102d5c}
#app .exam-hero p,#app .done p{color:#526c90}
#app .kicker,#app .qtag{color:#136fdf}
#app .crumb{font-size:13px;color:#647b9a;margin:2px 0 13px}
#app .crumb button{min-height:auto!important;padding:2px 3px!important;background:none!important;box-shadow:none!important;border:none!important;display:inline!important;color:#0869de!important;font-weight:700}
#app .subject,#app .qcard,#app .metric,#app .page,#app .mock-setup,#app .palette,#app .play-top,#app .streak-bar{background:#fff;color:#16345e;border:1px solid #dce8f7;box-shadow:0 9px 22px rgba(24,67,132,.065);border-radius:17px}
#app .subject{margin:15px 0;padding:19px}
#app .subject h3,#app .subject-head h3,#app .page h1{color:#102f5b}
#app .page{padding:26px 30px}
#app .marking,#app .metric span,#app .stats-row,#app .pal-legend{color:#637892}
#app .metric b{color:#0d73e9}
#app .metric{border-radius:16px;padding:22px}
#app .syl th{background:#e6f0ff;color:#133c73}
#app .syl td{color:#1a375c}
#app .syl td,#app .syl th{border-color:#d7e3f4}
#app .chip{border:1px solid #cbdbf3;border-radius:18px;background:linear-gradient(155deg,#fff,#eaf3ff);color:#23517f;box-shadow:inset 0 1px 0 white,0 3px 0 #c8d7ed,0 7px 14px rgba(32,65,115,.06);padding:9px 13px;font-size:12px}
#app .chip:hover{border-color:#3086ef;background:linear-gradient(155deg,#f7fbff,#d5e8ff)}
#app .mock-setup{max-width:620px;padding:26px}
#app .mock-setup input,#app .mock-setup select{color:#163967;background:#f9fcff;border:1px solid #c8d9ef;padding:11px 12px;border-radius:11px}
#app .play-top{top:87px;padding:17px}
#app .qnum{color:#17437e}
#app .qcard{padding:24px}
#app .qtext{font-size:19px;line-height:1.55}
#app .opt{color:#25395b;display:flex;align-items:center;gap:13px;background:linear-gradient(160deg,#fff,#f6f9ff);border:1px solid #d7e3f5;box-shadow:inset 0 1px 0 #fff,0 3px 0 #d6e0ef,0 7px 11px rgba(22,59,104,.08);border-radius:12px;min-height:57px;padding:13px}
#app .opt b{background:#e7effb;color:#175aca}
#app .opt.chosen{background:linear-gradient(155deg,#eef7ff,#dcecff);border-color:#1583ff;color:#114b8e}
#app .opt.chosen b{background:#0874ef;color:#fff}
#app .opt.good{background:linear-gradient(155deg,#eafff6,#c9f5e0);border-color:#3db986;color:#126c49}
#app .opt.good b{background:#21825b;color:#fff}
#app .opt.bad{background:linear-gradient(155deg,#fff1f2,#ffd9de);border-color:#e68a98;color:#9b263f}
#app .opt.bad b{background:#b52f44;color:#fff}
#app .qactions{background:#fff;border-top:1px solid #e2ebfa;padding:14px 3px 5px;bottom:0;z-index:3}
#app .pal-btn{background:linear-gradient(165deg,#fff,#e9f2ff);color:#3d5579;border:1px solid #c8d8ef;box-shadow:inset 0 1px 0 #fff,0 3px 0 #b3c8e2;padding:5px;min-height:35px}
#app .pal-btn.ans{background:linear-gradient(155deg,#dbfff0,#b8ecd3);color:#136b42}
#app .pal-btn.mark{background:linear-gradient(155deg,#fff4d6,#ffecaa);color:#815100}
#app .pal-btn.skip{background:linear-gradient(155deg,#ffe9ec,#ffd1d7);color:#ad2642}
#app .timer{background:#e2eeff;color:#126ee3}
#app .timer.warn{background:#fff0ef;color:#b91c1c}
#app .weak-row{background:#f8fbff;border-color:#dfe8f8;color:#263f63}
#app .note-card{background:#eff6ff}
#app .foot{border-top:1px solid #d4e1f5;margin-top:38px;padding:26px 0;color:#667b95;line-height:1.8;justify-content:center;text-align:center}
#app .foot a{color:#176cd9!important;text-decoration:none;font-size:12px}
#app .foot span{max-width:680px}
#app .ad-slot{display:none}
@media(max-width:1150px){.pp-main-links{gap:0}.pp-main-links a{padding:10px 8px;font-size:13px}.top-meta{display:none}.pp-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-home-about .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.pp-main-links{display:none}.pp-header-tools{margin-left:auto}.pp-hero{min-height:435px}.pp-hero-copy{width:71%;padding:36px 0 36px 30px}.pp-hero-glow{background:linear-gradient(90deg,rgba(3,11,39,.96),rgba(3,11,39,.89) 30%,rgba(4,15,53,.55) 58%,rgba(4,14,53,.12) 100%)}}
@media(max-width:680px){#app{padding:0 13px 30px}.top.pp-top{margin:0 -13px 14px;padding:12px 14px;border-radius:0 0 13px 13px}.top .brand{font-size:23px}.pp-brand-icon{font-size:22px}.pp-menu-toggle{min-width:44px;height:42px}.pp-hero{min-height:590px;align-items:flex-start;border-radius:16px;margin:0 0 16px}.pp-hero-art{object-position:68% 55%;opacity:.78}.pp-hero-glow{background:linear-gradient(180deg,rgba(3,11,39,.97) 0%,rgba(3,11,39,.95) 33%,rgba(4,15,53,.60) 62%,rgba(4,14,53,.07) 100%)}.pp-hero-copy{width:100%;padding:29px 23px 25px}.pp-hero h1{font-size:clamp(37px,9vw,48px);max-width:410px}.pp-hero-desc{max-width:470px;font-size:15px}.pp-hero-trust{gap:8px 12px;font-size:11px}.pp-hero-cta{gap:12px;margin-bottom:21px}.pp-home-metrics{gap:9px}.pp-home-metric{flex:1 1 150px;min-height:74px;padding:12px;gap:8px}.pp-metric-symbol{width:36px;height:36px;font-size:19px}.pp-home-metric strong{font-size:19px}.pp-section-heading{align-items:flex-start}.pp-featured-section{scroll-margin-top:83px}.pp-exams-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}#app .exam-card{padding:15px;min-height:166px}#app .exam-card h2{font-size:15px;padding-right:24px}#app .exam-card .stats{font-size:10px}#app .exam-card::after{width:26px;height:26px;right:11px;top:11px;font-size:15px}.pp-tool-grid{gap:10px}#app .pp-tool-card{padding:17px 14px;min-height:214px}.pp-tool-card h3{font-size:16px}.pp-insight-grid{grid-template-columns:1fr;margin:18px 0}.pp-home-about{padding:22px 17px}#app .pp-home-about .why-grid{grid-template-columns:1fr 1fr;gap:9px}.pp-home-about .why-card{padding:11px}.pp-hero-cta .btn{flex:1 1 auto}.play-shell{display:block}#app .play-top{top:77px}#app .qcard{padding:17px 13px}#app .palette{margin-top:18px}#app .exam-hero{padding:21px 16px}#app .page{padding:19px 16px}#app .pp-app-actions{display:flex!important;grid-template-columns:none;gap:10px}#app .pp-app-actions>*{flex:1;min-width:0}#app .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.pp-exams-grid{grid-template-columns:1fr}.pp-home-metrics .pp-home-metric{flex:1 1 145px}#app .pp-hero-cta .btn{font-size:13px;padding-inline:12px}.pp-hero{min-height:630px}.pp-hero-copy{padding:26px 17px}.pp-hero h1{font-size:36px}.pp-eyebrow{font-size:10px}.pp-goal-editor{padding:3px}.pp-tool-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#app button,#app a,#app .pp-tool-card{transition:none!important}}


/* 2026-10-13 display correction: keep the complete hero art visible and the header unclipped. */
#app { min-width:0; }
#app .top.pp-top {
  display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between;
  width:auto; min-width:0; gap:12px;
  padding:13px 18px;
}
#app .top.pp-top .brand {flex:0 0 auto;max-width:calc(100% - 64px);min-width:0;}
#app .pp-main-links {flex:0 1 auto;min-width:0;gap:0;margin-left:auto;}
#app .pp-main-links a {padding:10px 11px;}
#app .pp-header-tools,#app .pp-main-links+.pp-header-tools {flex:none;margin-left:0;}
#app .top-meta {display:none;}
#app .pp-menu-toggle {flex:none;}
#app .pp-app-menu {max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain;}
/* Copy has its own dark panel; the full image is not covered by text or a dark overlay. */
#app .pp-hero {
  position:relative; display:flex;flex-direction:column;align-items:stretch;
  min-height:0;height:auto;overflow:hidden;isolation:auto;
  border-radius:22px;background:#061536;
  border:1px solid rgba(34,110,229,.28);
}
#app .pp-hero-copy {
  position:relative; z-index:1;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);
  grid-template-areas:"eyebrow eyebrow" "heading description" "heading cta" "trust trust";
  align-items:center; gap:8px 36px;
  width:100%;max-width:none;min-width:0;
  padding:33px clamp(24px,4vw,54px) 27px;
  background:radial-gradient(750px 400px at 95% 0%,#182d70 0%,transparent 65%),linear-gradient(120deg,#061436 0%,#0b1c49 100%);
}
#app .pp-hero-copy .pp-eyebrow {grid-area:eyebrow; margin:0 0 2px;}
#app .pp-hero-copy h1 {grid-area:heading;align-self:center;font-size:clamp(34px,3.6vw,55px);margin:0;max-width:600px;}
#app .pp-hero-copy .pp-hero-desc {grid-area:description;max-width:540px;margin:0;font-size:clamp(14px,1.35vw,17px);line-height:1.55;}
#app .pp-hero-copy .pp-hero-cta {grid-area:cta;margin:7px 0 3px;gap:12px;}
#app .pp-hero-copy .pp-hero-trust {grid-area:trust;gap:10px 20px;padding-top:14px;}
#app .pp-hero-media {position:relative;display:block;width:100%;height:auto;aspect-ratio:1672 / 941;margin:0;padding:0;line-height:0;background:#061536;overflow:hidden;}
#app .pp-hero-media .pp-hero-art {
  display:block;position:static;inset:auto;width:100%;height:auto;
  max-width:100%;max-height:none;object-fit:contain;object-position:center;
  opacity:1;z-index:auto;user-select:none;
}
#app .pp-hero-glow {display:none;}
@media(max-width:1190px){
  #app .pp-main-links {display:none;}
  #app .pp-header-tools {margin-left:auto;}
}
@media(max-width:760px){
  #app .pp-hero-copy {
    display:flex;flex-direction:column;align-items:stretch;
    gap:12px;padding:27px 24px 25px;
  }
  #app .pp-hero-copy h1 {font-size:clamp(31px,7.5vw,46px);max-width:620px;align-self:stretch;}
  #app .pp-hero-copy .pp-eyebrow {margin:0;}
  #app .pp-hero-copy .pp-hero-desc {margin:0;}
  #app .pp-hero-copy .pp-hero-cta {margin:5px 0 1px;gap:12px;}
  #app .pp-hero-copy .pp-hero-trust {padding-top:6px;}
  #app .pp-hero {min-height:0;height:auto;align-items:stretch;}
  #app .pp-hero-media .pp-hero-art {object-position:center;opacity:1;}
}
@media(max-width:680px){
  #app .top.pp-top {margin:0 -13px 14px;padding:12px 14px;gap:8px;}
  #app .top.pp-top .brand {font-size:clamp(19px,5.1vw,23px);}
  #app .pp-brand-icon {width:29px;height:29px;margin-right:6px;}
  #app .pp-hero {min-height:0;margin:0 0 16px;}
  #app .pp-hero-copy {padding:24px 21px 23px;}
}
@media(max-width:390px){
  #app .pp-hero {min-height:0;}
  #app .pp-hero-copy {padding:23px 17px 20px;}
  #app .pp-hero-copy h1 {font-size:clamp(30px,9.2vw,36px);}
  #app .pp-hero-cta .btn {flex:1 1 auto;}
  #app .top.pp-top .brand {font-size:19px;}
}

/* PrimePupil v10 — practice, mock and study-plan hubs */
#app .pp-home-jump{scroll-margin-top:110px}
#app .pp-mode-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:15px 0 10px}
#app .pp-mode-tile,#app .pp-exam-mode,#app .pp-hub-card,#app .pp-plan-day{min-width:0;min-height:110px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;text-align:left;color:#152d50;background:linear-gradient(155deg,#fff 0%,#f3f8ff 63%,#e7f2ff 100%);border:1px solid #d5e3f5;border-radius:17px;padding:18px 20px;box-shadow:inset 0 1px 0 #fff,0 5px 0 #c5d8f0,0 12px 22px rgba(20,72,147,.09);transition:transform .15s,box-shadow .15s,border-color .15s;cursor:pointer}
#app .pp-mode-tile:hover,#app .pp-exam-mode:hover,#app .pp-hub-card:hover,#app .pp-plan-day:hover{transform:translateY(-3px);border-color:#58a4ff;box-shadow:inset 0 1px 0 #fff,0 7px 0 #b0cff3,0 18px 24px rgba(19,73,145,.13)}
#app .pp-mode-tile:active,#app .pp-exam-mode:active,#app .pp-hub-card:active,#app .pp-plan-day:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #fff,0 1px 0 #b0cff3}
#app .pp-mode-tile .pp-mode-emoji{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e4f1ff;font-size:24px}
#app .pp-mode-tile b{font-size:17px}#app .pp-mode-tile small{color:#657b99;font-size:12px}
#app .pp-mock-callout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);gap:32px;align-items:center;background:linear-gradient(130deg,#071a42,#163f85 75%,#12377b);border:1px solid #315aa2;color:#fff;border-radius:23px;padding:35px 42px;margin:21px 0 35px;box-shadow:0 18px 35px rgba(7,43,101,.17)}
#app .pp-mock-callout h2{font-size:clamp(27px,3.1vw,38px);letter-spacing:-.045em;line-height:1.16;margin:5px 0 14px;color:#fff}
#app .pp-mock-callout p:not(.pp-section-eyebrow){color:#c7d9ff;line-height:1.7;max-width:630px}
#app .pp-mock-callout .pp-section-eyebrow{color:#75dcff}
#app .pp-mock-sample{display:grid;gap:12px}
#app .pp-mock-sample span{display:flex;align-items:center;gap:15px;color:#38caff;font-size:20px;font-weight:900;background:rgba(255,255,255,.09);border:1px solid rgba(143,196,255,.2);border-radius:12px;padding:15px 18px}
#app .pp-mock-sample b{color:#fff;font-size:14px}
#app .pp-study-callout{margin:22px 0 32px;padding:25px 28px;background:linear-gradient(115deg,#e8f9ff,#e9eaff);border:1px solid #c7dffd;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
#app .pp-study-callout h2{font-size:clamp(24px,3vw,31px);color:#132f66;margin:0 0 9px;line-height:1.25}
#app .pp-study-callout p:not(.pp-section-eyebrow){color:#506686;margin:0;max-width:700px}
#app .pp-digital-section{margin:24px 0 40px;padding:36px 38px;border-radius:22px;background:#fff;border:1px solid #d6e4f6;box-shadow:0 12px 27px rgba(31,80,156,.06)}
#app .pp-digital-head{text-align:center;max-width:760px;margin:0 auto 26px}
#app .pp-digital-head h2{font-size:clamp(27px,3.3vw,39px);margin:0 0 13px;color:#102f5e;letter-spacing:-.045em}
#app .pp-digital-head p:not(.pp-section-eyebrow){color:#526988;line-height:1.65}
#app .pp-digital-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
#app .pp-digital-grid>div{background:linear-gradient(160deg,#f3faff,#eaf3ff);border:1px solid #dce9fb;padding:20px;border-radius:15px;min-width:0}
#app .pp-digital-grid span{font-size:28px}
#app .pp-digital-grid h3{font-size:17px;color:#163762;margin:12px 0 7px;line-height:1.3}
#app .pp-digital-grid p{font-size:13px;color:#607394;line-height:1.55;margin:0}
#app .pp-digital-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:25px;border-top:1px solid #deebf9;padding-top:22px}
#app .pp-digital-bottom p{font-size:13px;color:#586a85;max-width:700px;margin:0;line-height:1.65}
#app .pp-hub-head{padding:26px 30px;background:linear-gradient(120deg,#061b46,#123b83);border:1px solid #234c94;border-radius:20px;color:#fff;margin:0 0 24px}
#app .pp-hub-head h1{font-size:clamp(29px,3.5vw,44px);margin:0 0 11px;color:#fff;line-height:1.17;letter-spacing:-.05em}
#app .pp-hub-head .kicker{color:#69dfff}
#app .pp-hub-head p:not(.kicker){color:#cfddf6;max-width:760px;line-height:1.55;margin:0 0 13px}
#app .pp-hub-label{display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:13px;font-weight:750;color:#244b7e;margin:14px 0}
#app .pp-hub-head .pp-hub-label{color:#cbe0fc;max-width:460px}
#app .pp-hub-label select,#app .pp-hub-label input{border:1px solid #c7d9f2;border-radius:11px;background:#fff;color:#16345e;min-height:45px;max-width:100%;width:100%;padding:11px 12px;font:650 14px system-ui;box-shadow:inset 0 2px 5px rgba(21,65,130,.04)}
#app .pp-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#app .pp-hub-card{min-height:234px;align-items:flex-start;justify-content:flex-start;gap:8px}
#app .pp-hub-card>span{display:grid;place-items:center;width:49px;height:49px;font-size:27px;background:#e5f2ff;border-radius:12px;margin-bottom:5px}
#app .pp-hub-card h2{font-size:19px;line-height:1.2;color:#163b70;margin:0}
#app .pp-hub-card p{font-size:13px;color:#627b99;line-height:1.55;margin:0;flex:1}
#app .pp-hub-card>b{font-size:13px;color:#0874e9}
#app .pp-hub-note{font-size:13px;line-height:1.6;color:#657b95;margin:24px 0}
#app .pp-exam-mode-area{margin:13px 0 28px}
#app .pp-exam-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#app .pp-exam-mode{min-height:104px;padding:20px}
#app .pp-exam-mode strong{font-size:17px;color:#163760}
#app .pp-exam-mode span{font-size:13px;color:#67809e}
#app .pp-exam-assessment{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:22px;background:linear-gradient(120deg,#e8f4ff,#dae9ff);border:1px solid #c4dbf9;padding:24px;border-radius:16px}
#app .pp-exam-assessment h3{font-size:20px;color:#193f75;margin:0 0 6px}
#app .pp-exam-assessment p:not(.pp-section-eyebrow){font-size:13px;color:#576c88;margin:0}
#app .pp-exam-admin{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;border-top:1px solid #deebf8;padding-top:16px}
#app .pp-exam-admin h2{flex:1 1 100%;margin:0}
#app .pp-exam-admin p{flex:1 1 100%;margin:0 0 5px}
#app .pp-mock-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:18px}
#app .pp-mock-form,#app .pp-mock-rules,#app .pp-mock-history,#app .pp-current-day,#app .pp-plan-progress{background:#fff;border:1px solid #dce7f5;border-radius:17px;padding:26px;box-shadow:0 8px 21px rgba(16,55,111,.05)}
#app .pp-mock-form h2,#app .pp-mock-rules h2,#app .pp-mock-history h2{margin:0 0 14px;color:#13355f;font-size:23px}
#app .pp-mock-form .btn{margin:10px 10px 0 0}
#app .pp-mock-rules{background:#f4f9ff}
#app .pp-mock-rules li{margin:0 0 10px;line-height:1.65;color:#385574}
#app .pp-mock-rules p{font-size:13px;color:#536b87}
#app .pp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
#app .pp-mock-history{margin:25px 0}
#app .pp-history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
#app .pp-history-grid>div{display:flex;flex-direction:column;gap:5px;background:#eff7ff;border:1px solid #dce9f8;border-radius:13px;padding:15px}
#app .pp-history-grid span,#app .pp-history-grid small{color:#69809d;font-size:12px}
#app .pp-history-grid strong{color:#006cdf;font-size:23px}
#app .pp-plan-tabs{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:20px}
#app .pp-plan-progress{margin-bottom:18px}
#app .pp-plan-progress strong{color:#1f4779}
#app .pp-plan-progress .bar{margin:12px 0;background:#e7effb}
#app .pp-plan-progress .bar i{background:linear-gradient(90deg,#12bfea,#3d6cff)}
#app .pp-plan-progress small{color:#617995;line-height:1.6}
#app .pp-current-day{background:linear-gradient(135deg,#fff,#edf6ff)}
#app .pp-current-day h2{color:#193f75;font-size:28px;margin:0 0 10px}
#app .pp-current-day p:not(.kicker){color:#536d8b;line-height:1.65}
#app .pp-plan-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 25px}
#app .pp-plan-day{min-height:85px;padding:14px 13px;gap:5px}
#app .pp-plan-day strong{color:#2261a9;font-size:15px}
#app .pp-plan-day span{font-size:11px;color:#6c829b;line-height:1.35}
#app .pp-plan-day.active{border:2px solid #167fff;background:#e9f4ff}
#app .pp-plan-day.checked{border-color:#7bcfb0;background:linear-gradient(155deg,#f7fffc,#e5faef)}
#app .pp-results{padding-bottom:25px}
#app .pp-review-list{display:grid;gap:12px;margin:20px 0}
#app .pp-review-item{background:#fff;border:1px solid #d9e5f8;border-radius:13px;box-shadow:0 4px 0 #e6effb;overflow:hidden}
#app .pp-review-item summary{cursor:pointer;padding:17px 20px;display:flex;justify-content:space-between;gap:18px;align-items:center;color:#15375f;line-height:1.4}
#app .pp-review-item summary span{max-width:83ch;overflow-wrap:anywhere}
#app .pp-review-item summary b{flex:none;font-size:12px;border-radius:22px;padding:6px 11px}
#app .pp-review-right{background:#e4fcf1;color:#0f7952}
#app .pp-review-wrong{background:#fff2dd;color:#895300}
#app .pp-review-body{background:#f4f8ff;border-top:1px solid #dfebf9;padding:12px 20px}
#app .pp-review-body p{color:#3b5678;font-size:14px;line-height:1.6}
#app .pp-submit-test{background:linear-gradient(160deg,#13cda5,#069b88)!important;color:#fff!important;border:1px solid #079c8d!important;box-shadow:inset 0 1px 0 #a0ffe7,0 4px 0 #067468,0 9px 17px rgba(0,123,114,.16)!important}
@media(max-width:1100px){#app .pp-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#app .pp-digital-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app .pp-plan-days{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:780px){#app .pp-mode-strip{grid-template-columns:repeat(2,minmax(0,1fr))}#app .pp-mock-callout{grid-template-columns:1fr;padding:27px 25px;gap:18px}#app .pp-mock-sample{grid-template-columns:repeat(3,1fr);gap:9px}#app .pp-mock-sample span{flex-direction:column;align-items:flex-start;padding:12px;font-size:15px;gap:6px}#app .pp-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app .pp-exam-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app .pp-mock-layout{grid-template-columns:1fr}#app .pp-digital-bottom{flex-direction:column;align-items:flex-start}#app .pp-study-callout{flex-direction:column;align-items:flex-start}#app .pp-exam-assessment{flex-direction:column;align-items:flex-start}#app .pp-plan-days{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:510px){#app .pp-hub-grid{grid-template-columns:1fr 1fr;gap:10px}#app .pp-hub-card{padding:15px 13px;min-height:232px}#app .pp-hub-card h2{font-size:16px}#app .pp-hub-card p{font-size:12px}#app .pp-mode-strip{gap:10px}#app .pp-mode-tile{padding:15px;min-height:124px}#app .pp-mode-tile b{font-size:14px}#app .pp-mock-sample{grid-template-columns:1fr}#app .pp-mock-sample span{flex-direction:row}#app .pp-digital-section{padding:24px 16px}#app .pp-digital-grid{grid-template-columns:1fr 1fr;gap:9px}#app .pp-digital-grid>div{padding:13px}#app .pp-digital-grid h3{font-size:14px}#app .pp-digital-grid p{font-size:12px}#app .pp-exam-mode-grid{grid-template-columns:1fr 1fr;gap:10px}#app .pp-exam-mode{padding:14px 11px;min-height:115px}#app .pp-exam-mode strong{font-size:14px}#app .pp-exam-mode span{font-size:11px}#app .pp-mock-form,#app .pp-mock-rules,#app .pp-current-day{padding:19px 15px}#app .pp-plan-days{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#app .pp-plan-day{padding:9px 7px}#app .pp-plan-day strong{font-size:13px}#app .pp-plan-day span{font-size:10px}#app .pp-review-item summary{padding:13px 12px;flex-direction:column;align-items:flex-start}}
@media(max-width:355px){#app .pp-hub-grid{grid-template-columns:1fr}#app .pp-exam-mode-grid{grid-template-columns:1fr}#app .pp-digital-grid{grid-template-columns:1fr}#app .pp-plan-days{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Search release: visible desktop and mobile search without clipping branding. */
#app .top.pp-top{flex-wrap:wrap;gap:10px 12px}
#app .pp-header-search {display:flex;align-items:stretch;min-width:180px;flex:0 1 300px;max-width:340px;height:43px;margin-left:auto;background:#152b54;border:1px solid #355587;border-radius:13px;overflow:hidden;box-shadow:inset 0 1px 4px #07152c}
#app .pp-header-search input {width:100%;min-width:0;flex:1;border:0;background:transparent;padding:0 11px;color:#fff;font:600 13px system-ui,sans-serif;outline:0}
#app .pp-header-search input::placeholder{color:#b7cae8}
#app .pp-header-search input:focus-visible{outline:2px solid #42cfff!important;outline-offset:-2px}
#app .pp-header-search button {flex:0 0 42px;min-height:41px;min-width:42px;padding:0!important;border:0!important;border-radius:0!important;background:linear-gradient(150deg,#248eff,#1267df)!important;color:#fff!important;box-shadow:none!important;transform:none!important;font-size:23px;line-height:1}
#app .pp-header-search button:hover{filter:brightness(1.1)}
#app .pp-header-tools{margin-left:0}
#app .pp-main-links {margin-left:auto}
#app .pp-visually-hidden {position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
@media(max-width:1390px){#app .pp-main-links {display:none}}
@media(max-width:690px){
 #app .top.pp-top {flex-wrap:wrap;padding:11px 14px 13px;gap:9px}
 #app .top.pp-top .brand {order:0;max-width:calc(100% - 62px)}
 #app .pp-header-tools {order:1;margin-left:auto}
 #app .pp-header-search {order:2;flex:1 1 100%;min-width:0;max-width:none;width:100%;height:42px;margin:0}
 #app .pp-header-search input {font-size:14px}
 #app .pp-app-menu {top:calc(100% + 4px)}
}

/* V11.1 — structured chapter directory in every exam and NCERT view */
.pp-subject-section { padding: clamp(16px, 2.4vw, 24px) !important; margin: 16px 0 22px !important; }
.pp-subject-section .subject-head { border-bottom:1px solid rgba(148,163,184,.18); padding-bottom:14px; margin-bottom:16px; align-items:center; }
.pp-subject-section .subject-head h3 { font-size:clamp(19px, 2vw, 23px); color:#f8fafc; letter-spacing:-.025em; }
.pp-chapter-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr)); gap:12px; }
.pp-chapter-card.chip { width:100%; min-height:92px; display:flex; flex-direction:column; align-items:stretch; justify-content:space-between; gap:12px; border-radius:14px; padding:15px 17px; border:1px solid rgba(119,153,231,.24); background:linear-gradient(145deg,#172648,#101a33); color:#f2f6ff; box-shadow:0 4px 0 #070f23,0 9px 18px rgba(0,0,0,.20); font:inherit; text-align:left; white-space:normal; line-height:1.35; transition:transform .15s,border-color .15s,box-shadow .15s; }
.pp-chapter-card.chip:hover { background:linear-gradient(145deg,#213966,#142544); border-color:#56c5ff; transform:translateY(-2px); box-shadow:0 6px 0 #070f23,0 13px 24px rgba(0,0,0,.26); }
.pp-chapter-card.chip:active { transform:translateY(3px); box-shadow:0 1px 0 #070f23; }
.pp-chapter-card.chip:focus-visible { outline:3px solid #67e8f9; outline-offset:3px; }
.pp-chapter-title { color:#f8fafc; font-size:15px; font-weight:750; overflow-wrap:anywhere; }
.pp-chapter-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:#cbd5e1; font-size:12px; }
.pp-chapter-meta b { font-weight:650; color:#a5c7ff; }
.pp-chapter-meta small { color:#a5f3fc; font-size:12px; }
.pp-chapter-meta > span { margin-left:auto; font-weight:800; color:#60a5fa; font-size:17px; }
@media(max-width:650px) { .pp-subject-section .subject-head { flex-direction:column; align-items:stretch; } .pp-subject-section .subject-head .btn { width:100%; } .pp-chapter-list { grid-template-columns:1fr; } .pp-chapter-card.chip { min-height:78px; } }
@media(prefers-reduced-motion:reduce) { .pp-chapter-card.chip { transition:none; } }

/* Growing syllabus message — common, responsive, accessible */
.pp-syllabus-update{display:flex;align-items:flex-start;gap:14px;margin:20px 0 26px;padding:18px 20px;border:1px solid rgba(80,175,255,.35);border-radius:17px;background:linear-gradient(125deg,rgba(12,63,111,.68),rgba(49,32,107,.48));color:#eff7ff;box-shadow:0 8px 25px rgba(0,0,0,.11)}
.pp-syllabus-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#0c96d8;color:white;font-size:22px}
.pp-syllabus-update strong{font-size:1.08rem;line-height:1.35;display:block;color:#fff}
.pp-syllabus-update p{margin:5px 0 0;color:#cfdeef;line-height:1.6;font-size:.92rem}
@media(max-width:480px){.pp-syllabus-update{padding:14px;gap:10px;margin:16px 0 22px}.pp-syllabus-update strong{font-size:1rem}.pp-syllabus-update p{font-size:.86rem}}