/* --- V0.3 readability + pitch packet override --- */
#packet{
  background:
    radial-gradient(circle at 12% 10%, rgba(154,132,235,.11), transparent 20rem),
    linear-gradient(90deg, rgba(23,19,17,.035) 1px, transparent 1px),
    linear-gradient(rgba(23,19,17,.035) 1px, transparent 1px),
    #f7f0e4 !important;
  background-size:auto, 28px 28px, 28px 28px, auto !important;
}
#packet .doc-grid,
#packet .packet-grid{
  margin-top: 34px !important;
}
#packet .doc-card,
#packet .doc-feature{
  background: #171311 !important;
  color: #fff9f0 !important;
  border: 1px solid rgba(23,19,17,.92) !important;
  box-shadow: 10px 10px 0 rgba(154,132,235,.18) !important;
  opacity: 1 !important;
}
#packet .doc-card strong,
#packet .doc-card h3,
#packet .doc-feature strong,
#packet .doc-feature h3{
  color:#fff9f0 !important;
}
#packet .doc-card span,
#packet .doc-card p,
#packet .doc-feature span,
#packet .doc-feature p{
  color: rgba(255,249,240,.78) !important;
}
#packet .doc-card small,
#packet .doc-feature span{
  color:#c8baff !important;
}
#packet .card{
  background:#fffaf1 !important;
  color:#171311 !important;
  border:1px solid rgba(23,19,17,.15) !important;
}
#packet .card p,
#packet .card li{
  color:#51483f !important;
}
#packet .packet-secondary .doc-small{
  color:#171311 !important;
  background:#fffaf1 !important;
  border: 1px solid rgba(23,19,17,.12) !important;
  margin-bottom:8px !important;
}
#packet .packet-secondary .doc-small:hover{
  background:#171311 !important;
  color:#fff9f0 !important;
}
#packet .packet-secondary .doc-small span{
  color:inherit !important;
}
#packet h2{
  max-width: 900px !important;
}
#packet .intro{
  color:#51483f !important;
}