/* PSLE MADE EASY — vNEXT SHARED DESIGN SYSTEM */
:root{
  --pme-navy:#1B2A4A;--pme-navy-deep:#142849;--pme-gold:#F4A921;
  --pme-cream:#FAF7F0;--pme-bg:#FBF8F2;--pme-paper:#FFFDFC;
  --pme-blue:#DCECF8;--pme-blue-strong:#D2E6F5;
  --pme-green:#E3F1E7;--pme-yellow:#FFF1C8;--pme-pink:#FBE6E6;
  --pme-ink:#27364F;--pme-muted:#748095;--pme-line:#DDE3EA;--pme-softline:#E8EDF2;
  --pme-radius-sm:10px;--pme-radius-md:14px;--pme-radius-lg:18px;
  --pme-shadow-soft:0 4px 14px rgba(27,42,74,.04);
  --pme-shadow-card:0 6px 18px rgba(27,42,74,.06);
  --pme-max:1180px;--pme-reading:860px;
  --pme-font:"Segoe UI",Arial,sans-serif;
  --pme-serif:Georgia,"Times New Roman",serif;
  --pme-hand:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.pme-vnext{margin:0;background:var(--pme-bg);color:var(--pme-ink);font-family:var(--pme-font);line-height:1.58}
body.pme-vnext img{max-width:100%;height:auto}
body.pme-vnext a{color:inherit}
.pme-container{width:min(var(--pme-max),calc(100% - 44px));margin-inline:auto}
.pme-reading{width:min(var(--pme-reading),100%)}
.pme-hand{font-family:var(--pme-hand);color:var(--pme-navy)}
.pme-muted{color:var(--pme-muted)}
.pme-gold-mark{background:linear-gradient(transparent 62%,rgba(244,169,33,.55) 62%)}
/* HEADER */
.pme-site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,252,.97);border-bottom:1px solid #D8DEE7;backdrop-filter:blur(8px)}
.pme-header-inner{width:min(var(--pme-max),calc(100% - 44px));min-height:70px;margin:auto;display:flex;align-items:center;gap:24px}
.pme-brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto;flex-shrink:0}
.pme-brand-mark{width:42px;height:36px;border:1.8px solid var(--pme-navy);border-radius:7px 7px 3px 3px;position:relative;background:linear-gradient(90deg,#fff 49%,rgba(244,169,33,.5) 50%,#fff 51%);flex:0 0 auto}
.pme-brand-mark:before,.pme-brand-mark:after{content:"";position:absolute;top:7px;bottom:7px;width:14px;border-top:1.6px solid var(--pme-navy);border-bottom:1.6px solid var(--pme-navy)}
.pme-brand-mark:before{left:5px}.pme-brand-mark:after{right:5px}
.pme-brand-title{display:block;font-family:var(--pme-serif);font-weight:800;font-size:23px;color:var(--pme-navy);line-height:1}
.pme-brand-sub{display:block;margin-top:4px;font-size:10px;font-weight:700;color:#48566D;line-height:1.2}
.pme-top-nav{display:flex;gap:20px;align-items:center;font-size:14px;font-weight:700}
.pme-top-nav a{text-decoration:none}.pme-top-nav a:hover{color:#B26B00}
.pme-header-button{text-decoration:none;padding:9px 15px;border-radius:11px;background:#FFF3CF;border:1px solid #EEC15A;font-weight:800;color:var(--pme-navy)}
/* BREADCRUMBS + PAGE */
.pme-breadcrumbs{font-size:12px;color:#7A8596;margin:18px 0}
.pme-breadcrumbs a{text-decoration:none}.pme-breadcrumbs a:hover{text-decoration:underline}
.pme-page{width:min(var(--pme-max),calc(100% - 44px));margin:auto;padding-bottom:60px}
.pme-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;align-items:start}
.pme-main{min-width:0}
/* SIDEBAR */
.pme-sidebar{position:sticky;top:90px;background:rgba(255,255,255,.88);border:1px solid var(--pme-line);border-radius:13px;overflow:hidden}
.pme-sidebar-title{background:#F5F7FA;color:var(--pme-navy);padding:14px 15px;font-weight:800;font-family:var(--pme-serif);font-size:17px;border-bottom:1px solid var(--pme-line)}
.pme-sidebar a{display:block;padding:10px 13px;text-decoration:none;font-size:13px;border-bottom:1px solid #F0F2F5}
.pme-sidebar a:last-child{border-bottom:0}.pme-sidebar a:hover{background:#FAFBFC}
.pme-sidebar a.is-active{background:#FFF4D8;border-left:3px solid var(--pme-gold);font-weight:800}
/* HERO */
.pme-hero{position:relative;overflow:hidden;min-height:330px;background:linear-gradient(rgba(255,255,255,.90),rgba(255,255,255,.90)),repeating-linear-gradient(0deg,transparent,transparent 34px,rgba(27,42,74,.035) 35px);border:1px solid #D9E0E8;border-radius:var(--pme-radius-lg);padding:30px 320px 28px 29px;box-shadow:var(--pme-shadow-soft)}
.pme-hero-label{margin-bottom:8px;font-size:10px;font-weight:900;letter-spacing:1.2px;color:#4F7F7C;text-transform:uppercase}
.pme-hero-title{display:inline;position:relative;margin:0;font-family:var(--pme-hand);color:var(--pme-navy);font-size:44px;line-height:1.08}
.pme-hero-title:after{content:"";position:absolute;left:2%;right:0;bottom:-7px;height:8px;background:rgba(244,169,33,.68);border-radius:10px;transform:rotate(-1deg);z-index:-1}
.pme-hero-subtitle{max-width:650px;margin:21px 0 0;color:#536074;font-size:16px}
.pme-hero-mascot{position:absolute;right:28px;bottom:-25px;width:195px;max-height:270px;object-fit:contain}
.pme-speech{position:absolute;right:182px;top:18px;width:168px;background:#FFF;border:1.5px solid var(--pme-navy);border-radius:50%;padding:13px 12px;text-align:center;font-family:var(--pme-hand);font-size:11px;transform:rotate(-2deg)}
.pme-speech:after{content:"";position:absolute;right:10px;bottom:-11px;width:18px;height:18px;background:#FFF;border-right:1.5px solid var(--pme-navy);border-bottom:1.5px solid var(--pme-navy);transform:rotate(35deg)}
/* WHAT YOU WILL LEARN */
.pme-learn{margin-top:20px;background:rgba(255,255,255,.92);border:1px solid var(--pme-line);border-radius:var(--pme-radius-md);padding:18px 21px}
.pme-learn h2{margin:0 0 10px;font-family:var(--pme-hand);color:var(--pme-navy);font-size:20px}
.pme-learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 22px;font-size:14px}
.pme-tick:before{content:"✓";color:#4D9B67;font-weight:900;margin-right:9px}
/* STEPS */
.pme-step{margin-top:18px;background:#FFF;border:1px solid #DDE5ED;border-radius:16px;overflow:hidden;box-shadow:var(--pme-shadow-soft)}
.pme-step.is-blue{background:linear-gradient(90deg,var(--pme-blue),#FFF 56%)}
.pme-step.is-green{background:linear-gradient(90deg,var(--pme-green),#FFF 56%)}
.pme-step.is-yellow{background:linear-gradient(90deg,var(--pme-yellow),#FFF 56%)}
.pme-step.is-pink{background:linear-gradient(90deg,var(--pme-pink),#FFF 56%)}
.pme-step-head{display:flex;align-items:center;gap:12px;padding:15px 19px 12px;border-bottom:1px solid var(--pme-softline)}
.pme-step-no{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#D6E8F7;border:1.5px solid #4675B0;color:#2E5B95;font-weight:900;font-size:18px}
.pme-step.is-yellow .pme-step-no{background:#FFE9AA;border-color:#D19117;color:#8D5A00}
.pme-step.is-green .pme-step-no{background:#DCEFE1;border-color:#5E9B70;color:#3D7650}
.pme-step.is-pink .pme-step-no{background:#F7DADA;border-color:#C67A7A;color:#965050}
.pme-step-title{margin:0;font-family:var(--pme-hand);color:var(--pme-navy);font-size:23px}
.pme-step-body{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:20px;padding:18px 19px 21px}
/* NOTES / EXAMPLES */
.pme-notice,.pme-warning,.pme-guide{border-radius:8px;padding:14px 15px}
.pme-notice{background:rgba(255,246,222,.96);border:1px solid #E9D59C;transform:rotate(-1.2deg)}
.pme-warning{background:rgba(253,240,240,.96);border:1px solid #E8C7C7}
.pme-guide{background:linear-gradient(135deg,#FFF6DE,#FFF 68%);border:1px solid var(--pme-line)}
.pme-notice h3,.pme-warning h3,.pme-guide h3{margin:0 0 5px;font-family:var(--pme-hand);color:var(--pme-navy);font-size:17px}
.pme-example{margin-top:13px;background:#FBFBFA;border:1px solid #E2E5E9;border-radius:9px;padding:14px}
.pme-example-label{display:block;margin-bottom:4px;font-weight:800;color:var(--pme-navy)}
.pme-annotation{margin-top:4px;color:#C84C4C;font-family:var(--pme-hand);font-size:13px}
/* TWO COLUMN BLOCKS */
.pme-two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}
.pme-card{min-height:155px;border:1px solid var(--pme-line);border-radius:13px;padding:16px;background:#FFF;box-shadow:0 3px 10px rgba(27,42,74,.025)}
.pme-card h3{margin:0 0 8px;font-family:var(--pme-hand);color:var(--pme-navy);font-size:18px}
.pme-try{background:linear-gradient(135deg,var(--pme-green),#FFF 68%)}
.pme-guide-card{position:relative;overflow:hidden;padding-right:125px;background:linear-gradient(135deg,#FFF6DE,#FFF 68%)}
.pme-guide-card img{position:absolute;right:-5px;bottom:-18px;width:124px}
/* RECAP */
.pme-recap{margin-top:26px;background:#F3F5F8;color:var(--pme-navy);border:1px solid #D6DDE6;border-radius:14px;padding:20px 22px;text-align:center}
.pme-recap:before{content:"";display:block;width:64px;height:5px;margin:0 auto 11px;background:rgba(244,169,33,.72);border-radius:5px;transform:rotate(-1deg)}
.pme-recap strong{font-family:var(--pme-hand);font-size:19px}
/* ACCORDIONS */
.pme-accordion{margin-top:14px;background:#FFF;border:1px solid var(--pme-line);border-radius:12px;overflow:hidden}
.pme-accordion summary{cursor:pointer;padding:14px 16px;font-weight:800;color:var(--pme-navy);background:#FAFBFC}
.pme-accordion-content{padding:16px;border-top:1px solid var(--pme-softline)}
/* CATEGORY HUB */
.pme-category-hero{background:#FFF;border:1px solid var(--pme-line);border-radius:var(--pme-radius-lg);padding:28px;box-shadow:var(--pme-shadow-soft)}
.pme-category-label{margin-bottom:7px;font-size:10px;font-weight:900;letter-spacing:1.2px;color:#4F7F7C;text-transform:uppercase}
.pme-category-title{margin:0;font-family:var(--pme-hand);color:var(--pme-navy);font-size:40px;line-height:1.1}
.pme-category-intro{max-width:720px;margin:14px 0 0;color:#536074}
.pme-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.pme-resource-card{display:block;text-decoration:none;background:#FFF;border:1px solid var(--pme-line);border-radius:14px;padding:18px;box-shadow:var(--pme-shadow-soft);transition:transform .16s ease,box-shadow .16s ease}
.pme-resource-card:hover{transform:translateY(-2px);box-shadow:var(--pme-shadow-card)}
.pme-resource-card-title{font-weight:800;color:var(--pme-navy)}
.pme-resource-card-meta{margin-top:6px;color:var(--pme-muted);font-size:12px}
/* SUBJECT THEMES */
.pme-theme-english .pme-category-hero,.pme-theme-english .pme-subject-wash{background:linear-gradient(135deg,var(--pme-blue),#FFF 70%)}
.pme-theme-science .pme-category-hero,.pme-theme-science .pme-subject-wash{background:linear-gradient(135deg,var(--pme-green),#FFF 70%)}
.pme-theme-maths .pme-category-hero,.pme-theme-maths .pme-subject-wash{background:linear-gradient(135deg,var(--pme-yellow),#FFF 70%)}
/* EXISTING POST SAFETY */
.pme-content{font-size:16px;line-height:1.7}
.pme-content h1,.pme-content h2,.pme-content h3{color:var(--pme-navy)}
.pme-content h2{margin-top:1.7em}
.pme-content p,.pme-content li{max-width:78ch}
.pme-content img{display:block;max-width:100%;height:auto!important;margin:18px auto;border-radius:10px}
.pme-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.pme-content iframe,.pme-content video{max-width:100%}
.pme-content blockquote{margin:18px 0;padding:14px 18px;background:#FFF9EA;border-left:4px solid var(--pme-gold);border-radius:0 10px 10px 0}
/* FOOTER */
.pme-site-footer{margin-top:50px;background:var(--pme-navy-deep);color:#D7E1EC}
.pme-footer-inner{width:min(var(--pme-max),calc(100% - 44px));margin:auto;padding:38px 0}
.pme-footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.pme-footer-title{font-family:var(--pme-serif);color:#FFF;font-weight:700}
.pme-footer-tagline,.pme-footer-note{color:#AEBBCD;font-size:13px;line-height:1.7}
.pme-footer-tagline{font-style:italic}
.pme-footer-link{display:block;margin:7px 0;color:#C9D7E5;text-decoration:none}
.pme-copyright{margin-top:30px;padding-top:18px;border-top:1px solid #41536E;color:#8190A5;font-size:11px}
/* MOBILE */
@media(max-width:900px){
  .pme-top-nav,.pme-header-button{display:none}
  .pme-layout{grid-template-columns:1fr}
  .pme-sidebar{position:static;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .pme-sidebar-title{display:none}
  .pme-sidebar a{white-space:nowrap;border-bottom:0;border-right:1px solid #EEF1F5}
  .pme-hero{padding-right:180px}
  .pme-hero-mascot{width:160px}
  .pme-speech{display:none}
}
@media(max-width:700px){
  .pme-container,.pme-page,.pme-header-inner,.pme-footer-inner{width:min(100% - 28px,var(--pme-max))}
  .pme-resource-grid{grid-template-columns:1fr}
  .pme-footer-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .pme-header-inner{min-height:60px}
  .pme-brand-title{font-size:19px}
  .pme-brand-sub{font-size:9px}
  .pme-breadcrumbs{display:none}
  .pme-hero{min-height:0;padding:23px 17px 140px}
  .pme-hero-title{font-size:35px}
  .pme-hero-subtitle{font-size:15px}
  .pme-hero-mascot{width:140px;right:13px;bottom:-10px}
  .pme-learn-grid,.pme-step-body,.pme-two-col{grid-template-columns:1fr}
  .pme-guide-card{padding-right:108px}
  .pme-guide-card img{width:112px}
  .pme-category-title{font-size:34px}
}