:root{--ink:#172c30;--green:#087c67;--lime:#dce96d;--orange:#f27a43;--paper:#f4f1e8;--card:#fffdf7;--muted:#697a78;--line:#d7ddd5;--shadow:0 18px 48px rgba(20,48,48,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans",sans-serif}button,select{font:inherit;color:inherit}aside{position:fixed;inset:0 auto 0 0;width:225px;padding:30px 23px;display:flex;flex-direction:column;background:var(--ink);color:#fff;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand b{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--lime);color:var(--ink)}nav{display:grid;gap:8px;margin-top:55px}nav button{padding:13px;border:0;border-radius:9px;background:none;color:#a8bab8;text-align:left;cursor:pointer}nav button.active{background:#ffffff12;color:#fff}.profile{margin-top:auto;padding-top:18px;border-top:1px solid #ffffff20;display:flex;gap:10px}.profile>div{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--ink);font-weight:800}.profile p{margin:0}.profile strong,.profile small{display:block}.profile small{margin-top:3px;color:#9db0ad}main{margin-left:225px}header{height:70px;padding:0 6vw;display:flex;align-items:center;justify-content:flex-end;gap:30px;border-bottom:1px solid #18353616}.language{display:flex;align-items:center;gap:7px}.language select{padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--card)}.top-progress{width:175px;color:var(--muted);font-size:9px;text-transform:uppercase}.top-progress i{display:block;height:5px;margin-top:6px;border-radius:5px;background:#d8ddd6;overflow:hidden}.top-progress b{display:block;width:0;height:100%;background:var(--green);transition:.4s}.view{display:none;padding:65px 7vw 95px}.view.active{display:block;animation:in .35s ease}@keyframes in{from{opacity:.2;translate:0 6px}}.hero{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.eyebrow{margin:0 0 14px;color:var(--green);font-size:9px;font-weight:800;letter-spacing:1.5px}.hero h1,.page-head h1{margin:0;font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-3px}.hero p:last-child,.page-head p:last-child{color:var(--muted);line-height:1.65}.hero-art{position:relative;height:260px;overflow:hidden;border-radius:25px 5px;background:linear-gradient(#a5ced0 0 55%,#6d7a72 56%);box-shadow:var(--shadow)}.worker{position:absolute;left:44%;bottom:25px;font-size:90px}.hazard{position:absolute;font-size:27px;filter:grayscale(1);opacity:.3}.h1{left:15%;top:22%}.h2{right:13%;top:25%}.h3{right:20%;bottom:18%}.scan{position:absolute;width:140px;height:140px;left:31%;top:20%;border-radius:50%;background:radial-gradient(circle,#dce96d99 0 12%,#dce96d22 13% 48%,transparent 49%);animation:scan 5s ease-in-out infinite}@keyframes scan{0%,100%{translate:-110px}50%{translate:160px}}.hero-art>span{position:absolute;left:18px;bottom:15px;padding:7px;background:#172c30dd;color:var(--lime);font-size:8px;font-weight:800}.method{max-width:1120px;margin:55px auto;display:flex;align-items:center;justify-content:space-between;padding:18px 25px;border:1px solid var(--line);background:#ffffff66}.method div{display:grid;grid-template-columns:35px auto;grid-template-rows:auto auto}.method b{grid-row:1/3;font-size:24px}.method strong{font-size:10px}.method span{color:var(--muted);font-size:8px}.section-title{max-width:1120px;margin:0 auto 22px;display:flex;justify-content:space-between;align-items:end}.section-title h2{margin:0}.section-title>span{color:var(--muted);font-size:10px}.modules{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.module{min-height:245px;padding:22px;display:flex;flex-direction:column;position:relative;border:1px solid var(--line);background:var(--card);cursor:pointer;transition:.2s}.module:hover{translate:0 -4px;box-shadow:var(--shadow)}.module.locked{opacity:.45;cursor:not-allowed}.module .icon{font-size:35px}.module small{position:absolute;right:18px;top:20px;color:var(--orange);font-weight:800}.module h3{margin:25px 0 7px;font-size:17px}.module p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.module footer{margin-top:auto;padding:0;border:0;font-size:9px;color:var(--green)}.back{margin-bottom:25px;border:0;background:none;color:var(--green);font-weight:700;cursor:pointer}.lesson-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:minmax(350px,.75fr) minmax(0,1.4fr);gap:28px;transition:.5s}.coach{position:sticky;top:20px;height:max-content;padding:25px;border:1px solid #a9bfba;border-radius:17px;background:linear-gradient(#285d57 0 125px,var(--card) 126px);opacity:.8}.slide{padding:35px;border:4px solid var(--green);background:var(--card);box-shadow:var(--shadow)}.lesson-grid.coach-focus{grid-template-columns:minmax(0,1.4fr) minmax(350px,.75fr)}.lesson-grid.coach-focus .coach{border:4px solid var(--green);opacity:1}.lesson-grid.coach-focus .slide{border:1px solid var(--line);opacity:.75}.coach-head{display:flex;gap:12px;align-items:center;color:white;min-height:76px}.coach-head>div{position:relative;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--ink);font-weight:900}.coach-head i{position:absolute;right:0;bottom:0;width:12px;height:12px;border-radius:50%;background:#57d499}.coach-head p{margin:0}.coach-head strong,.coach-head span{display:block}.coach-head span{margin-top:4px;color:#c4d8d4;font-size:8px}.tools{margin:16px 0;padding:12px;border:1px solid #b9d6ce;border-radius:10px;background:#edf6f1}.tools>span{font-size:7px;font-weight:800;color:var(--green)}.tools>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.tools button{padding:9px;border:1px solid #b9d6ce;border-radius:7px;background:white;cursor:pointer}.tools button b{display:block;font-size:8px}.coach-says{min-height:120px;padding:18px;border:1px solid #bdd8cf;border-radius:4px 15px 15px;background:#e5f2ec;font-size:14px;line-height:1.7}.coach-says.speaking{animation:speak .5s;background:#fff3c9}@keyframes speak{50%{scale:1.015}}.memory{display:none;margin-top:15px;padding:16px;border:1px solid var(--line);border-radius:10px}.coach-focus .memory{display:block}.memory>span{font-size:7px;color:var(--orange);font-weight:800}.memory>b{float:right;font-size:22px}.memory strong,.memory p{display:block}.memory strong{margin-top:8px}.memory p{font-size:10px;color:var(--muted)}.slide-meta{display:flex;justify-content:space-between;color:var(--green);font-size:9px;font-weight:800}.bar{height:5px;margin:13px 0 25px;background:#e2e5df}.bar i{display:block;height:100%;background:var(--orange)}#stage h1{font-size:clamp(34px,4vw,53px);line-height:1.05;letter-spacing:-2px}#stage>p{color:var(--muted);line-height:1.6}.visual{min-height:235px;margin:22px 0;border-radius:17px;overflow:hidden}.risk-visual{padding:27px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;background:var(--ink);color:white}.risk-visual div{padding:22px;text-align:center;border:1px solid #ffffff22;border-radius:12px}.risk-visual b{display:block;font-size:36px;color:var(--lime)}.risk-visual span{font-size:9px}.risk-visual>i{color:var(--orange);font-size:25px}.choices{display:grid;gap:8px}.choice{padding:14px;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;border:1px solid var(--line);background:white;text-align:left;cursor:pointer}.choice b{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#e8f1ec;color:var(--green)}.choice.correct{border-color:var(--green);background:#e4f1e8}.choice.wrong{border-color:var(--orange);background:#f9e6de}.nav{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}.nav button{padding:10px 14px;border:0;background:var(--green);color:white;cursor:pointer}.nav button:disabled{opacity:.3}.nav div{display:flex;gap:6px}.nav i{width:7px;height:7px;border-radius:50%;background:#d6dbd5}.nav i.active{width:20px;background:var(--orange);border-radius:5px}.page-head{max-width:850px;margin:0 auto 40px;text-align:center}.practice-card{max-width:780px;margin:auto;padding:40px;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow)}.practice-card>span{color:var(--orange);font-size:8px;font-weight:800}.practice-card h2{line-height:1.4}.practice-card button{width:100%;padding:13px;margin:5px 0;border:1px solid var(--line);background:white;text-align:left;cursor:pointer}#qFeedback{display:none;margin-top:15px;padding:15px;background:#e5f2ec}#qFeedback.show{display:block}#nextQ{display:none!important;background:var(--green);color:white!important}#nextQ.show{display:block!important}.stats{max-width:900px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stats div{padding:27px;background:var(--ink);color:white}.stats span,.stats b{display:block}.stats span{color:#9eb2ae;font-size:8px}.stats b{margin-top:15px;color:var(--lime);font-size:35px}.mastery{max-width:900px;margin:18px auto;padding:30px;background:var(--card);border:1px solid var(--line)}.mastery-row{display:grid;grid-template-columns:180px 1fr 40px;gap:15px;align-items:center;padding:13px 0;border-top:1px solid var(--line);font-size:10px}.mastery-row i{height:7px;background:#e0e5df}.mastery-row b{display:block;height:100%;background:var(--green)}footer{padding:25px 7vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.6}footer p{max-width:700px}footer a{margin-left:15px}.drawer{position:fixed;z-index:30;right:0;top:0;width:min(430px,92vw);height:100vh;padding:40px 30px;background:var(--card);transform:translateX(105%);transition:.35s;overflow:auto}.drawer.open{transform:none}.drawer>button{position:absolute;right:18px;top:15px;border:0;background:none;font-size:25px}.shade{position:fixed;z-index:29;inset:0;background:#10292b88;opacity:0;pointer-events:none}.shade.open{opacity:1;pointer-events:auto}.term{padding:13px 0;border-top:1px solid var(--line)}.term strong,.term span{display:block}.term span{margin-top:4px;color:var(--muted);font-size:10px}.toast{position:fixed;z-index:40;right:25px;bottom:25px;padding:14px 18px;display:flex;gap:10px;align-items:center;background:var(--ink);color:white;transform:translateY(100px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}.toast>b{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--ink)}.toast p{margin:0}.toast strong,.toast span{display:block}.toast span{font-size:8px;color:#aac0bd}
@media(max-width:1000px){aside{width:75px;padding:25px 12px}.brand span,nav span,.profile p{display:none}.brand{justify-content:center}nav button{text-align:center;font-size:18px}main{margin-left:75px}.modules{grid-template-columns:repeat(2,1fr)}.lesson-grid{grid-template-columns:1fr}.coach{position:static}.slide{grid-row:1}.hero{grid-template-columns:1fr}.hero-art{max-width:520px}}
@media(max-width:650px){aside{display:none}main{margin:0}header{padding:0 18px}.top-progress{display:none}.view{padding:45px 18px 70px}.modules{grid-template-columns:1fr}.method{overflow:auto;gap:18px}.method div{min-width:115px}.lesson-grid.coach-focus{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.risk-visual{grid-template-columns:1fr}.lesson-grid.coach-focus .slide{opacity:1}footer{flex-direction:column}}

/* High-contrast reading layer */
:root{
  --ink:#10282c;
  --green:#006b58;
  --orange:#c94f1d;
  --muted:#405654;
  --line:#b8c4bd;
}
nav button{color:#d1dddb}
.profile small{color:#d1dddb}
.coach{
  inset:auto;
  width:auto;
  min-width:0;
  padding:24px;
  display:block;
  color:var(--ink);
  z-index:auto;
  border-color:#779d96;
  background:linear-gradient(#214f49 0 125px,var(--card) 126px);
  opacity:1;
}
.coach-head span{color:#f0f7f5;font-size:11px}
.top-progress,.eyebrow{font-size:11px}
.hero p:last-child,.page-head p:last-child{color:#354b49;font-size:16px}
.method strong{font-size:12px}
.method span{color:#405654;font-size:11px}
.section-title>span{color:#405654;font-size:12px}
.module p{color:#405654;font-size:13px;line-height:1.6}
.module footer{font-size:11px;font-weight:700}
.tools>span{font-size:10px}
.tools button b{font-size:11px}
.memory>span{font-size:10px}
.memory p{font-size:13px;color:#405654;line-height:1.55}
.slide-meta{font-size:11px}
#stage>p{color:#354b49;font-size:16px}
.risk-visual span{font-size:12px}
.choice{font-size:15px;line-height:1.45}
.practice-card>span{font-size:11px}
.stats span{color:#e0ebe8;font-size:11px}
.mastery-row{font-size:13px}
footer{color:#405654;font-size:11px}
.term span{color:#405654;font-size:13px;line-height:1.5}
.toast span{font-size:11px;color:#e3eeec}
.language select{color:#10282c;font-weight:600}
button:focus-visible,select:focus-visible{outline:3px solid #f2a33d;outline-offset:3px}

/* Classroom access gate */
body.locked,body.profile-needed{overflow:hidden}
body.locked>aside,body.locked>main,
body.profile-needed>aside,body.profile-needed>main{
  filter:blur(7px);
  pointer-events:none;
  user-select:none;
}
.auth-gate,.learner-gate{
  position:fixed;
  z-index:100;
  inset:0;
  display:none;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 18% 18%,#dce96d55 0 17%,transparent 18%),
    radial-gradient(circle at 82% 72%,#f27a4345 0 15%,transparent 16%),
    linear-gradient(135deg,#10282cf2,#073d36f4);
}
.auth-gate.open{display:grid}
.learner-gate.open{display:grid}
.learner-gate{z-index:99}
.auth-card{
  width:min(460px,100%);
  padding:38px;
  border:1px solid #ffffff55;
  border-top:7px solid var(--lime);
  border-radius:24px 8px 24px 8px;
  background:#fffdf7;
  box-shadow:0 30px 90px rgba(0,0,0,.35);
}
.auth-mark{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  margin-bottom:20px;
  border-radius:9px 18px 9px 18px;
  background:var(--lime);
  color:#10282c;
  font-weight:900;
}
.auth-card h1{
  margin:0;
  color:#10282c;
  font-size:clamp(34px,5vw,48px);
  line-height:1;
  letter-spacing:-1.8px;
}
.auth-card>p{
  color:#405654;
  font-size:15px;
  line-height:1.6;
}
.auth-card form{display:grid;gap:12px;margin-top:26px}
.auth-card label{
  color:#173b35;
  font-size:13px;
  font-weight:800;
}
.auth-card input[type=password],
.auth-card input[type=text]{
  width:100%;
  padding:15px 16px;
  border:2px solid #a9bbb4;
  border-radius:10px;
  background:#fff;
  color:#10282c;
  font-size:18px;
}
.auth-card input[type=password]:focus,
.auth-card input[type=text]:focus{
  outline:3px solid #f2a33d;
  outline-offset:2px;
  border-color:var(--green);
}
.remember{
  display:flex;
  align-items:center;
  gap:9px;
  font-weight:700!important;
}
.auth-card button{
  margin-top:6px;
  padding:15px 18px;
  border:0;
  border-radius:10px;
  background:var(--green);
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
#authError{
  min-height:20px;
  color:#b53c12;
  font-size:13px;
  font-weight:800;
}
#learnerError{
  min-height:20px;
  color:#b53c12;
  font-size:13px;
  font-weight:800;
}
.learner-card{width:min(560px,100%)}
.auth-card small{
  display:block;
  margin-top:18px;
  color:#5b6c69;
  font-size:11px;
  line-height:1.5;
}
.logout{
  padding:8px 12px;
  border:1px solid #a9bbb4;
  border-radius:8px;
  background:#fffdf7;
  color:#10282c;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}

/* Lesson panels: readable proportions before and after an answer. */
#lessonView{padding-left:4vw;padding-right:4vw}
.lesson-grid{
  width:100%;
  max-width:1180px;
  grid-template-columns:minmax(280px,.85fr) minmax(420px,1.35fr);
  gap:24px;
  align-items:start;
}
.lesson-grid.coach-focus{
  grid-template-columns:minmax(390px,1.25fr) minmax(340px,.95fr);
}
.coach-says{
  color:#173b35;
  background:#dceee7;
  border-color:#86b4a6;
  font-size:15px;
  font-weight:600;
}
.memory{
  color:var(--ink);
  background:#fffdf7;
  border:2px solid #d9a27e;
}
.memory strong{color:#173b35;font-size:16px;line-height:1.35}
.slide{min-width:0;padding:30px}
#stage h1{font-size:clamp(32px,3.3vw,48px)}

@media(max-width:1150px){
  #lessonView{padding-left:28px;padding-right:28px}
  .lesson-grid,.lesson-grid.coach-focus{
    grid-template-columns:minmax(270px,.9fr) minmax(360px,1.1fr);
    gap:20px;
  }
}
@media(max-width:850px){
  .lesson-grid,.lesson-grid.coach-focus{grid-template-columns:1fr}
  .coach{position:static}
  .slide{grid-row:1}
  .lesson-grid.coach-focus .slide{opacity:1}
}

/* Novice-first lesson sequence */
.lesson-label{
  margin:0 0 10px!important;
  color:var(--green)!important;
  font-size:11px!important;
  font-weight:900;
  letter-spacing:1.2px;
}
.foundation{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:24px 0;
}
.foundation section{
  min-height:145px;
  padding:20px;
  border:1px solid #aebdb7;
  border-radius:12px;
  background:#fff;
}
.foundation section:nth-child(2){background:#f2f6ec}
.foundation section:nth-child(3){background:#e8f3ef}
.foundation .key-rule{
  border:3px solid var(--green);
  background:#dceee7;
}
.foundation span{
  color:var(--green);
  font-size:10px;
  font-weight:900;
  letter-spacing:.7px;
}
.foundation p{
  margin:12px 0 0;
  color:#233d3a;
  font-size:15px;
  line-height:1.6;
}
.unlock-check{
  width:100%;
  padding:16px 20px;
  border:0;
  border-radius:8px;
  background:var(--green);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.checkpoint{
  display:none;
  margin-top:28px;
  padding-top:25px;
  border-top:3px solid var(--orange);
}
.checkpoint.open{display:block;animation:in .35s ease}
.checkpoint h3{font-size:20px;line-height:1.4}
.law-visual,.safety-visual{
  padding:22px;
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:center;
  gap:10px;
  background:#10282c;
  color:#fff;
}
.law-visual div,.safety-visual div{
  min-height:115px;
  padding:20px 12px;
  display:grid;
  place-content:center;
  text-align:center;
  border:1px solid #ffffff45;
  border-radius:12px;
}
.law-visual b,.safety-visual b{color:var(--lime);font-size:22px}
.law-visual span,.safety-visual span{margin-top:8px;color:#eef5f3;font-size:12px;line-height:1.4}
.law-visual i,.safety-visual i{color:#f29a69;font-size:22px}
.safety-visual{background:linear-gradient(135deg,#0c6254,#10282c)}
.brand{align-items:flex-start}
.brand b{
  width:45px;
  min-width:45px;
  height:45px;
  border-radius:6px 14px 6px 14px;
  font-size:12px;
}
.brand span{display:block;line-height:1.15}
.brand span strong,.brand span small{display:block}
.brand span strong{font-size:14px}
.brand span small{margin-top:4px;color:#dce9e6;font-size:11px;font-weight:600;letter-spacing:.5px}
.product-name{
  margin:15px 0 0 55px;
  color:var(--lime);
  font-size:9px;
  font-weight:900;
  letter-spacing:1.5px;
}
footer{
  gap:35px;
  align-items:flex-start;
  background:#e8eee8;
  border-top:4px solid var(--green);
}
.foundation-details,.course-note{display:grid;gap:5px}
.foundation-details{max-width:520px;color:var(--ink)}
.foundation-details strong{color:var(--green);font-size:15px}
.foundation-details span{font-size:12px;line-height:1.5}
.course-note{max-width:520px;font-size:10px;line-height:1.55}
.foundation-purpose{
  max-width:1120px;
  margin:0 auto 60px;
  padding:38px;
  border:1px solid #9fb3ac;
  border-top:6px solid var(--green);
  background:var(--card);
  box-shadow:var(--shadow);
}
.purpose-intro{max-width:780px}
.purpose-intro h2{margin:0;font-size:clamp(27px,3vw,42px);line-height:1.1}
.purpose-intro>p:last-child{color:#354b49;font-size:16px;line-height:1.65}
.safe-values{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:30px 0;
}
.safe-values div{
  min-height:185px;
  padding:20px;
  display:flex;
  flex-direction:column;
  border-radius:12px;
  background:#10282c;
  color:#fff;
}
.safe-values b{color:var(--lime);font-size:38px;line-height:1}
.safe-values strong{margin-top:18px;font-size:18px}
.safe-values span{margin-top:8px;color:#e1ece9;font-size:13px;line-height:1.5}
.activities{padding-top:25px;border-top:1px solid var(--line)}
.activities h3{margin:0 0 18px;font-size:20px}
.activities>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.activities article{
  min-height:135px;
  padding:18px;
  display:grid;
  align-content:start;
  border:1px solid var(--line);
  background:#f4f7f1;
}
.activities article>b{color:var(--orange);font-size:11px}
.activities article>strong{margin-top:10px;color:var(--ink);font-size:15px}
.activities article>span{margin-top:7px;color:#405654;font-size:12px;line-height:1.5}

@media(max-width:650px){
  .foundation{grid-template-columns:1fr}
  .foundation section{min-height:0}
  .law-visual,.safety-visual{grid-template-columns:1fr}
  .law-visual div,.safety-visual div{min-height:0}
  .law-visual i,.safety-visual i{rotate:90deg;text-align:center}
  footer{gap:20px}
  .foundation-purpose{padding:24px}
  .safe-values,.activities>div{grid-template-columns:1fr}
  .safe-values div,.activities article{min-height:0}
}

.records-panel{
  max-width:900px;
  margin:18px auto;
  padding:24px;
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  border:2px solid #8ca79f;
  border-left:8px solid var(--green);
  background:#fffdf7;
  box-shadow:var(--shadow);
}
.records-panel h2{margin:0;color:var(--ink);font-size:24px}
.records-panel p:last-child{margin:8px 0 0;color:#405654;font-size:14px;line-height:1.55}
.records-panel button{
  min-width:170px;
  padding:14px 18px;
  border:0;
  border-radius:9px;
  background:var(--green);
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.records-actions{
  min-width:190px;
  display:grid;
  gap:10px;
}
.records-actions button:first-child{
  background:#fff;
  color:var(--green);
  border:2px solid var(--green);
}
.review-foundation{grid-template-columns:1fr 1fr}

@media(max-width:650px){
  .records-panel{display:grid}
  .records-panel button,.records-actions{width:100%;min-width:0}
  .review-foundation{grid-template-columns:1fr}
}