:root {
  --brand:#a6776a;
  --paper:#eee4db;;
  --ink:#472115;
  --accent:#a6776a;
}
*{box-sizing:border-box;}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:var(--paper);color:var(--ink);}
.container{max-width:900px;margin:2rem auto;padding:0 1rem;}
.nav{display:flex;justify-content:space-between;align-items:center;background:var(--brand);color:#fff;padding:.8rem 1rem;}
.nav a{color:#fff;text-decoration:none;margin-left:1rem;}
.brand{font-weight:700;}
.btn{display:inline-block;background:var(--accent);color:#fff;border:none;padding:.6rem 1rem;border-radius:.5rem;text-decoration:none;cursor:pointer;}
label{display:block;margin-top:1rem;}
input{width:100%;padding:.5rem;border-radius:.4rem;border:1px solid #ccc;}
.flashes{margin-bottom:1rem;}
.flash{padding:.5rem .8rem;border-radius:.4rem;margin:.3rem 0;background:#fff;}
.flash.success{border-left:4px solid #34a853;}
.flash.error{border-left:4px solid #ea4335;}
.card{background:#fff;padding:1rem;border-radius:.6rem;box-shadow:0 1px 4px rgba(0,0,0,.08);}
.modules{background:#fff;padding:1rem;border-radius:.6rem;box-shadow:0 1px 4px rgba(0,0,0,.08);}
ul {list-style-type: none}
ul.modules a{text-decoration: underline; color: var(--ink); list-style-type: none;}
.modules li{margin:.5rem 0;}
.card p:first-child {
  margin-top: 0;
}
.card ul {
  list-style: none;
  padding-left: 1.2rem;
  margin: 1rem 0;
}

.card ul li::before {
  content: "• ";
  color: var(--ink);
  font-weight: bold;
}

.card ul li {
  margin-bottom: 0.6rem;
  line-height: 1.5;
}

.video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:.6rem;box-shadow:0 1px 4px rgba(0,0,0,.08);background:#000;}
.video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;}