/* ===========================
   🌙 DARK THEME BASE STYLES
   =========================== */

   @font-face {
  font-family: octicons-link;
  src: url(data:font/woff;charset=utf-8;base64,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) format('woff');
}

html {
  max-width: 1400px;
  margin: 25px auto 125px auto;
  padding: 45px;
  border: 1px solid #444;
  border-radius: 3px;
  background-color: #1e1e1e;
  color: #c9d1d9;
  box-sizing: border-box;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
}

body {
  margin: 0;
  background-color: #1e1e1e;
}

/* ===========================
   🧩 CODE STYLES
   =========================== */

/* Remove highlight background from inline code tokens */
.token,
code span {
  background-color: transparent !important;
}

/* Inline code */
code {
  background-color: #2d2d2d;
  color: #f0f6fc;
  padding: 0.2em 0.4em;
  border-radius: 3px;
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

/* Block code */
pre {
  background-color: #0d1117;
  color: #c9d1d9;
  padding: 16px;
  border-radius: 6px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

/* Optional: remove selection highlight background for code */
code::selection, pre::selection {
  background: rgba(255, 255, 255, 0.1);
}

/* === REMOVE HIGHLIGHTING COMPLETELY === */
pre code,
pre .token,
code .token {
  all: unset;
  color: #c9d1d9 !important;
  background: none !important;
  font-family: inherit !important;
}

/* ===========================
   🧱 STRUCTURE
   =========================== */
.main, .page, .content, .site-content, .container {
  width: min(1100px, 95%) !important;
  margin: 0 auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  box-sizing: border-box;
}

.wrapper, .site-wrapper {
  margin-left: auto !important;
  margin-right: auto !important;
}

.sidebar, .left-column {
  display: none !important;
}

/* ===========================
   📘 TEXT ELEMENTS
   =========================== */
p, blockquote, ul, ol, dl, table, pre {
  margin-top: 0;
  margin-bottom: 16px;
}

blockquote {
  padding: 0 1em;
  color: #8b949e;
  border-left: 0.25em solid #444;
  background: #2d2d2d;
  border-radius: 4px;
}

a {
  color: #58a6ff;
  text-decoration: none;
}

a:hover,
a:active {
  text-decoration: underline;
}

hr {
  height: 1px;
  background-color: #444;
  border: none;
  margin: 24px 0;
}

/* ===========================
   🪟 TABLES
   =========================== */
table {
  display: block;
  width: 100%;
  overflow: auto;
  border-collapse: collapse;
  margin-bottom: 16px;
}

th, td {
  padding: 6px 13px;
  border: 1px solid #444;
}

tr:nth-child(2n) {
  background-color: #161b22;
}

tr {
  background-color: #0d1117;
}

table th {
  background-color: #161b22;
}

table th:first-child {
  border-top-left-radius: 6px;
}

table th:last-child {
  border-top-right-radius: 6px;
}

table td:first-child {
  border-bottom-left-radius: 6px;
}

table td:last-child {
  border-bottom-right-radius: 6px;
}

/* ===========================
   🔠 HEADINGS + ANCHORS
   =========================== */
h1, h2, h3, h4, h5, h6 {
  position: relative;
  scroll-margin-top: 80px;
  color: #f0f6fc;
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

h1, h2 {
  border-bottom: 1px solid #30363d;
  padding-bottom: 0.3em;
  font-weight: 700;
}

h3, h4, h5, h6 {
  color: #c9d1d9;
  font-weight: 600;
}

/* ===========================
   🎨 MAIN TITLE STYLE (h3)
   =========================== */
h3 {
  font-size: 40px;
  font-weight: 700;
  color: #f0f6fc;
  margin-top: 2.5em;
  margin-bottom: 1em;
  border-bottom: 2px solid #30363d;
  padding-bottom: 0.4em;
  letter-spacing: 0.5px;
  line-height: 1.3;
  position: relative;
  padding-left: 0.75em;
}

h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: #58a6ff;
  border-radius: 2px;
}

/* optional accent color variation (comment out if not needed)
h3 {
  color: #79c0ff;
  text-shadow: 0 0 8px rgba(88, 166, 255, 0.3);
}
*/

h3 + * {
  margin-top: 1em;
}

/* Anchor links (GitHub-style # on hover) */
h1:hover .anchor,
h2:hover .anchor,
h3:hover .anchor,
h4:hover .anchor,
h5:hover .anchor,
h6:hover .anchor {
  opacity: 1;
}

.anchor {
  position: absolute;
  left: -1.4em;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  text-decoration: none;
  font-size: 0.85em;
  color: #58a6ff;
  transition: opacity 0.2s;
}

.anchor:hover {
  text-decoration: underline;
}

/* ===========================
   🧮 OTHER ELEMENTS
   =========================== */
ul, ol {
  padding-left: 2em;
}

li+li {
  margin-top: 0.25em;
}

kbd {
  background-color: #161b22;
  color: #c9d1d9;
  border: solid 1px #444;
  border-bottom-color: #555;
  box-shadow: inset 0 -1px 0 #555;
  padding: 0.1em 0.4em;
  border-radius: 3px;
}

.task-list-item input {
  margin: 0 0.2em 0.25em -1.6em;
  vertical-align: middle;
}

.task-list-item {
  list-style-type: none;
}

img {
  max-width: 100%;
  box-sizing: content-box;
  background-color: #0d1117;
  border-radius: 6px;
}

/* Opt-out for specific images */
img.no-style {
  all: unset;
  display: inline-block;
  max-width: none;
}