How2Pass: Added some custom rules, code block styles, and exhibit sty…

…les.

css/how2pass/styles.css

@@ -1,3 +1,7 @@
+:root {
+  --code-block-font: 400 0.75rem / 1.5 var(--bs-font-monospace);
+}
+
 /* Custom rules. */
 p {
   margin: 0;
@@ -23,6 +27,16 @@ h6,
   display: none !important;
 }
 
+ul {
+  margin: 0;
+  padding: 0;
+  padding-left: 1rem;
+}
+
+.list__item:not(:last-child) {
+  margin-bottom: 0.5rem;
+}
+
 .btn {
   box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7) !important;
 }
@@ -61,6 +75,18 @@ h6,
   max-height: 100rem !important;
 }
 
+b,
+strong {
+  font-weight: bold !important;
+}
+
+.noStyles {
+  padding: 0 !important;
+  margin: 0 !important;
+  border: 0 !important;
+  background-color: transparent !important;
+}
+
 .closeButton {
   display: grid;
   place-items: center;
@@ -186,3 +212,49 @@ h6,
 .gr-winterneva {
   background-image: linear-gradient(120deg, #a1c4fd 0, #c2e9fb 100%);
 }
+
+/* Text-based exhibits that come with the question statements. */
+.qExhibit {
+  color: black;
+  background-color: #fff3cd;
+  padding: 1rem 1rem;
+  margin-bottom: 1rem;
+  margin-top: 0.5rem;
+  border: 1px solid transparent;
+  border-radius: 0.25rem;
+  font: var(--code-block-font) !important;
+  white-space: nowrap;
+  overflow: auto;
+}
+
+.qExhibit * {
+  font: var(--code-block-font) !important;
+}
+
+/* Terminal outputs, pre, code, blockquotes. */
+.card-body :is(.cli, blockquote) {
+  padding: 1rem;
+  margin: 1rem 0;
+  border-radius: 0.25rem;
+  border: 1px solid var(--bs-dark);
+  background-color: var(--bs-gray-dark);
+}
+
+.card-body :is(pre, blockquote) {
+  margin: 0;
+}
+
+.card-body :is(.cli, pre, code, blockquote) {
+  overflow: auto;
+  white-space: nowrap;
+  color: var(--bs-light);
+  font: var(--code-block-font) !important;
+}
+
+.card-body :is(.cli, pre, code, blockquote) * {
+  font: var(--code-block-font) !important;
+}
+
+.card-body :is(.cli, pre, code, blockquote) :is(b, strong) {
+  font-weight: 700 !important;
+}