:root{
  --ink:#1f2a37;
  --muted:#6b7280;
  --paper:#fbfaf7;
  --card:#ffffff;
  --accent:#2f6f63;
  --accent2:#d8ebe5;
  --line:#e5e7eb;
  --gold:#c79a3b;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:var(--ink);
  background:var(--paper);
}
a{color:inherit;text-decoration:none}
.site-header{
  position:sticky; top:0; z-index:10;
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 36px;
  background:rgba(251,250,247,.96);
  border-bottom:1px solid var(--line);
}
.brand{font-size:24px;font-weight:700;letter-spacing:.2px}
.brand span{color:var(--accent)}
nav{display:flex;gap:22px;align-items:center;font-size:14px}
.nav-btn,.primary-btn,.secondary-btn{
  display:inline-block;padding:11px 16px;border-radius:10px;font-weight:700;
}
.nav-btn,.primary-btn{background:var(--accent);color:#fff}
.secondary-btn{border:1px solid var(--accent);color:var(--accent);background:#fff}
.hero{
  max-width:1180px;margin:0 auto;padding:80px 36px 60px;
  display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;
}
.eyebrow{color:var(--accent);font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:1.4px}
h1{font-family:Georgia, 'Times New Roman', serif;font-size:58px;line-height:1.04;margin:14px 0 20px}
h2{font-family:Georgia, 'Times New Roman', serif;font-size:36px;margin:0 0 14px}
h3{margin:0 0 8px}
.lead{font-size:20px;line-height:1.6;color:#475569;max-width:720px}
.cta-row{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.hero-card{
  background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;
  box-shadow:0 16px 45px rgba(31,42,55,.08)
}
.mini-label{font-size:12px;color:var(--muted);text-transform:uppercase;font-weight:700;letter-spacing:1px}
.sample-story{padding:18px 0;border-bottom:1px solid var(--line)}
.sample-story:last-child{border-bottom:0}
.sample-story strong{display:block;margin-bottom:6px}
.tag{display:inline-block;background:var(--accent2);color:var(--accent);padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;margin-right:6px}
.section{max-width:1180px;margin:0 auto;padding:60px 36px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature-card,.grade-card,.resource-card{
  background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px
}
.feature-card p,.resource-card p,.grade-card p{color:var(--muted);line-height:1.5}
.grade-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.grade-card{text-align:center;padding:22px 14px}
.grade-num{font-family:Georgia,serif;font-size:34px;color:var(--accent);font-weight:700}
.footer{padding:30px 36px;border-top:1px solid var(--line);color:var(--muted);text-align:center}
.page-wrap{max-width:1180px;margin:0 auto;padding:42px 36px 70px}
.page-title{font-family:Georgia,serif;font-size:44px;margin-bottom:8px}
.subtle{color:var(--muted)}
.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:26px 0}
.search{
  width:100%;max-width:420px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff
}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:13px}
.resource-list{display:grid;gap:14px}
.resource-card{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.resource-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.downloads{display:flex;gap:8px;flex-wrap:wrap}
.small-btn{padding:9px 11px;border-radius:8px;border:1px solid var(--line);background:#fff;font-weight:700;font-size:13px;cursor:pointer}
.small-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.login-shell{max-width:430px;margin:70px auto;background:#fff;padding:30px;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 45px rgba(31,42,55,.08)}
label{display:block;font-size:13px;font-weight:700;margin:16px 0 6px}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;font:inherit}
.admin-grid{display:grid;grid-template-columns:240px 1fr;gap:24px}
.sidebar{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;height:max-content}
.sidebar a{display:block;padding:10px 9px;border-radius:8px;margin-bottom:4px}
.sidebar a.active,.sidebar a:hover{background:var(--accent2);color:var(--accent);font-weight:700}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}
.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.stat strong{font-size:30px;display:block;margin-top:5px}
.notice{background:#fff7df;border:1px solid #efdca7;border-radius:12px;padding:14px;color:#7a5b17}
@media(max-width:900px){
  .hero{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .grade-grid{grid-template-columns:repeat(2,1fr)}
  .admin-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
  nav{gap:10px}
}

.pricing-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-top:28px}
.price-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 10px 30px rgba(31,42,55,.06)}
.price{font-family:Georgia,serif;font-size:48px;font-weight:700;color:var(--accent);margin:8px 0}
.price small{font-family:Arial,sans-serif;font-size:16px;color:var(--muted);font-weight:400}
.checklist{padding-left:18px;color:#475569;line-height:1.7}
.inquiry-form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}
.inquiry-form button{border:0;cursor:pointer}
@media(max-width:900px){.pricing-wrap{grid-template-columns:1fr}}

/* The Erudite Reader brand refinement */
.brand{
  font-family:Georgia, 'Times New Roman', serif;
  font-size:21px;
  letter-spacing:1.1px;
  text-transform:uppercase;
}
.brand .brand-the{
  font-size:11px;
  letter-spacing:2px;
  margin-right:4px;
  color:var(--muted);
}
.hero h1{font-size:64px}
.hero-card{border-top:4px solid var(--gold)}
.page-title{letter-spacing:-.5px}