:root{
  --orange: #FC7D14;
  --orange-deep: #E06A0A;
  --cream: #FFF1D8;
  --cream-soft: #FFF9EE;
  --brown-deep: #3E1608;
  --ink: #3A1408;
}
*{ margin:0; padding:0; box-sizing:border-box; }
body{
  font-family: "Montserrat", Arial, sans-serif;
  color: var(--ink);
  background: var(--cream-soft);
  line-height:1.65;
}
a{ color: var(--orange-deep); }
.wrap{ max-width: 780px; margin: 0 auto; padding: 0 24px; }
header{
  background: rgba(255,241,216,0.92);
  border-bottom: 1px solid rgba(58,20,8,0.08);
  padding: 18px 0;
}
header .wrap{ display:flex; align-items:center; justify-content:space-between; }
header a.home{ font-weight:700; color: var(--brown-deep); text-decoration:none; font-size:15px; }
main{ padding: 56px 0 90px; }
h1{ font-size: 32px; color: var(--brown-deep); margin-bottom: 8px; }
.updated{ font-size: 13px; color:#8A5B3E; margin-bottom: 36px; }
h2{ font-size: 20px; color: var(--brown-deep); margin: 34px 0 12px; }
p{ margin-bottom: 14px; font-size: 15px; }
ul{ margin: 0 0 14px 22px; font-size: 15px; }
li{ margin-bottom: 6px; }
.placeholder{
  background: rgba(252,125,20,0.14);
  border: 1px dashed var(--orange-deep);
  padding: 2px 6px;
  border-radius: 4px;
  font-weight:600;
  color: var(--orange-deep);
}
.note-box{
  background: rgba(39,132,59,0.08);
  border-left: 4px solid #27843B;
  padding: 14px 18px;
  font-size: 13.5px;
  margin: 30px 0;
  border-radius: 6px;
}
footer{ padding: 30px 0; text-align:center; font-size:13px; color:#8A5B3E; }