*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:radial-gradient(circle at 50% 0,#2e8b46,#1b5e20 75%) fixed;
  color:#fff;
  min-height:100vh;
  display:flex;flex-direction:column;align-items:center;
  padding:18px 14px 40px;
}
header{
  width:min(94vw,680px);
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:18px;
}
header .home{
  color:#fff;text-decoration:none;font-weight:800;font-size:1.3rem;letter-spacing:-.5px;
  text-shadow:0 2px 6px rgba(0,0,0,.3);
}
.play-btn{
  display:inline-block;background:#fff;color:#1b5e20;font-weight:800;
  text-decoration:none;border-radius:999px;padding:10px 24px;font-size:.95rem;
  box-shadow:0 3px 0 rgba(0,0,0,.25);
}
.play-btn:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.25)}
main{
  width:min(94vw,680px);
  background:#fff;color:#2d2a26;border-radius:20px;
  padding:26px 22px 22px;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
main h1{font-size:1.7rem;line-height:1.25;color:#1b5e20;margin-bottom:6px}
main .byline{font-size:.85rem;color:#777;margin-bottom:16px}
main h2{font-size:1.2rem;color:#1b5e20;margin:22px 0 8px}
main h3{font-size:1rem;color:#2d5a2d;margin:16px 0 6px}
main p,main li{font-size:.95rem;line-height:1.6}
main ul,main ol{padding-left:22px;margin:8px 0}
main li{margin:5px 0}
main a{color:#1b5e20;font-weight:600}
main strong{color:#1b5e20}
table{border-collapse:collapse;margin:12px 0;width:100%;max-width:340px}
th,td{border:1px solid #d8e5d8;padding:7px 12px;font-size:.9rem;text-align:left}
th{background:#e8f5e9;color:#1b5e20}
.words{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.words span{
  background:#f1efe8;border-radius:999px;padding:5px 12px;
  font-size:.85rem;font-weight:700;letter-spacing:.5px;
}
.cta{
  text-align:center;margin:26px 0 4px;padding-top:18px;border-top:1px solid #eee;
}
.cta p{margin-bottom:12px}
.cta .play-btn{font-size:1.05rem;padding:13px 34px}
nav.guides{
  width:min(94vw,680px);
  margin-top:22px;text-align:center;font-size:.85rem;line-height:2;
}
nav.guides a{color:rgba(255,255,255,.85);text-decoration:none;margin:0 9px;white-space:nowrap}
nav.guides a:hover{color:#fff;text-decoration:underline}