:root {
  color-scheme: dark;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", monospace;
  --font-reading: "Bitstream Charter", Charter, "Noto Serif", Georgia, serif;
  --bg: #0D1117;
  --text: #C9D1D9;
  --text-strong: #F0F6FC;
  --muted: #B1BAC4;
  --line: #30363D;
  --accent: #58A6FF;
  --list-link: #58A6FF;
  --link: #58A6FF;
  --code-keyword: #FF7B72;
  --code-string: #A5D6FF;
  --code-number: #79C0FF;
  --code-comment: #8B949E;
  --code-function: #D2A8FF;
  --code-attr: #79C0FF;
  --code-inserted: #7EE787;
  --code-deleted: #FFA198;
  --cvss-none: #292B2E;
  --cvss-low: #132C1D;
  --cvss-medium: #302A12;
  --cvss-high: #3D2110;
  --cvss-critical: #461826;
  --reader-width: 100rem;
}

* {
  box-sizing: border-box;
}

html {
  min-width: 20rem;
  background: var(--bg);
  font-size: 75%;
}

body {
  margin: 0;
  min-height: 100vh;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-mono);
}

body.landing-page {
  position: relative;
  isolation: isolate;
  background: transparent;
}

body.landing-page::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  background: var(--bg);
  content: "";
}

body.landing-page[data-landing-background="cat"]::before {
  background:
    linear-gradient(rgb(13 17 23 / 38%), rgb(13 17 23 / 38%)),
    url("assets/landing-bg.jpg") center center / cover no-repeat,
    var(--bg);
  filter: grayscale(1);
}

/* Index */

.index-page {
  overflow-x: hidden;
  font-family: var(--font-mono);
}

.site-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 2rem;
  padding: 2.5rem 2rem 4.5rem;
  zoom: 1;
}

.site-header p {
  margin: 0;
  color: var(--muted);
  font-size: 0.9rem;
  text-align: right;
}

.age-legend {
  color: #8B949E;
  font-size: 0.78rem;
}

.site-name {
  color: var(--text-strong);
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  text-decoration: none;
}

.site-name::before {
  margin-right: 0.65ch;
  color: var(--accent);
  content: ">";
}

.findings-list {
  margin: 0;
  padding: 0 2rem 4rem 0;
  zoom: 1;
}

.finding-line {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 2ch;
  overflow: visible;
  margin: 0;
  padding: 0;
  color: var(--text);
  font-size: 1rem;
  line-height: 1.7rem;
  white-space: nowrap;
}

.finding-line:hover,
.finding-line:focus-within {
  background: #161B22;
}

.day-divider {
  display: grid;
  width: 16ch;
  height: 1.7rem;
  place-items: center;
  pointer-events: none;
}

.day-divider::before {
  width: 1px;
  height: 100%;
  background: rgb(48 54 61 / 82%);
  content: "";
}

.day-divider.day-gap {
  height: 3.4rem;
}

.day-divider.day-gap::before {
  background: #484F58;
}

.finding-line a {
  color: var(--list-link);
  text-decoration: none;
}

.finding-line a:focus-visible {
  outline: none;
}

.finding-id {
  color: inherit;
}

.finding-text {
  flex: 0 1 auto;
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
}

.finding-summary {
  color: inherit;
}

.finding-record {
  flex: none;
  margin-left: 0;
  color: var(--text);
}

.cve-record:hover {
  filter: brightness(1.18);
}

.finding-line .cve-record:focus-visible {
  outline: 2px solid #58A6FF;
  outline-offset: 2px;
}

.finding-trailing {
  display: flex;
  flex: none;
  align-items: baseline;
  gap: 1.25ch;
  margin-left: auto;
}

.company-tag,
.cve-record {
  display: inline-block;
  border: 1px solid #484F58;
  border-radius: 0.25rem;
  padding: 0 0.55ch;
  background: #21262D;
  color: var(--text-strong);
  font-size: 0.8rem;
  line-height: 1.25rem;
  vertical-align: baseline;
  white-space: nowrap;
}

.company-tag[data-company="mozilla"] {
  border-color: #BD561D;
  background: #3D2110;
  color: #FFA657;
}

.disclosure-age {
  border: 1px solid #484F58;
  border-radius: 0.25rem;
  padding: 0 0.45ch;
  background: #21262D;
  color: var(--text-strong);
  font-size: 0.8rem;
  line-height: 1.25rem;
}

.cwe-tag {
  display: inline-block;
  border: 1px solid #484F58;
  border-radius: 0.25rem;
  padding: 0 0.45ch;
  background: #21262D;
  color: #B1BAC4;
  font-size: 0.8rem;
  line-height: 1.25rem;
  vertical-align: baseline;
  white-space: nowrap;
}

.finding-line a.cwe-tag {
  color: #B1BAC4;
  text-decoration: none;
}

.finding-line a.cwe-tag:hover {
  border-color: #8B949E;
  background: #30363D;
  color: #C9D1D9;
}

.finding-line a.cwe-tag:focus-visible {
  outline: 2px solid #58A6FF;
  outline-offset: 2px;
}

.cwe-tag[data-cwe="n/a"] {
  color: #8B949E;
}

.finding-timeline {
  position: relative;
  flex: none;
  line-height: normal;
}

.finding-timeline > summary {
  display: inline-block;
  list-style: none;
  cursor: pointer;
}

.finding-timeline > summary::-webkit-details-marker {
  display: none;
}

.finding-timeline[open] {
  z-index: 40;
}

.finding-timeline[open] > summary {
  border-color: #6E7681;
  background: #30363D;
}

.timeline-panel {
  position: absolute;
  top: calc(100% + 0.45rem);
  right: 0;
  width: min(35rem, calc(100vw - 2rem));
  border: 1px solid #484F58;
  border-radius: 0.4rem;
  padding: 0.8rem 0.9rem 0.7rem;
  background: #161B22;
  box-shadow: 0 0.8rem 2.4rem rgb(0 0 0 / 55%);
  color: var(--text);
  font-size: 0.78rem;
  line-height: 1.4;
  white-space: normal;
}

.timeline-heading,
.timeline-note {
  margin: 0;
}

.timeline-heading {
  color: var(--text-strong);
  font-weight: 700;
}

.timeline-panel ol {
  overflow-y: auto;
  max-height: min(30rem, 65vh);
  margin: 0.7rem 0;
  padding: 0;
  list-style: none;
  scrollbar-color: #484F58 #161B22;
}

.timeline-panel li {
  display: grid;
  grid-template-columns: 17ch minmax(0, 1fr);
  gap: 1.25ch;
  border-top: 1px solid #21262D;
  padding: 0.42rem 0;
}

.timeline-panel li:first-child {
  border-top: 0;
  padding-top: 0;
}

.timeline-panel time {
  color: #8B949E;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.timeline-note {
  color: #8B949E;
  font-size: 0.68rem;
}

.tracker-status {
  border: 1px solid #484F58;
  border-radius: 0.25rem;
  padding: 0 0.55ch;
  background: #21262D;
  color: var(--text-strong);
  font-size: 0.8rem;
  line-height: 1.25rem;
  white-space: nowrap;
}

.tracker-status[data-status="fixed"] {
  border-color: #347D39;
  background: #132C1D;
  color: #7EE787;
}

.tracker-status[data-status="open"] {
  border-color: #316DCA;
  background: #16243A;
  color: #79C0FF;
}

.tracker-status[data-status="submitted"] {
  border-color: #9E6A03;
  background: #302A12;
  color: #E3B341;
}

.tracker-status[data-status="in-progress"] {
  border-color: #8957E5;
  background: #2B1E3F;
  color: #D2A8FF;
}

.tracker-status[data-status="duplicate"],
.tracker-status[data-status="invalid"],
.tracker-status[data-status="answered"] {
  color: #8B949E;
}

.tracker-status[data-presentation="duplicate-missing-info"] {
  border-color: #9E6A03;
  background: #302A12;
  color: #E3B341;
}

.cve-disposition {
  border: 1px solid #484F58;
  border-radius: 0.25rem;
  padding: 0 0.55ch;
  background: #21262D;
  color: #8B949E;
  font-size: 0.8rem;
  line-height: 1.25rem;
  white-space: nowrap;
}

.cve-disposition[data-cve-disposition="not-found"],
.cve-disposition[data-cve-disposition="unknown"] {
  border-color: #9E6A03;
  background: #302A12;
  color: #E3B341;
}

.cve-disposition[data-cve-disposition="declined-hardening"] {
  border-color: #6E7681;
  background: #21262D;
  color: #B1BAC4;
}

.ticket-record {
  color: var(--muted);
}

.finding-title {
  color: inherit;
  font-weight: 400;
}

.title-hint {
  position: fixed;
  z-index: 1000;
  width: max-content;
  max-width: min(52rem, calc(100vw - 2rem));
  border: 1px solid #484F58;
  border-radius: 0.35rem;
  padding: 0.65rem 0.8rem;
  background: #161B22;
  box-shadow: 0 0.75rem 2rem rgb(0 0 0 / 45%);
  color: var(--text-strong);
  font-size: 0.84rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
  pointer-events: none;
  white-space: normal;
}

.title-hint[hidden] {
  display: none;
}

.cvss-score {
  padding: 0 0.25ch;
}

.cvss-authority {
  color: inherit;
}

.cvss-score[data-severity="none"] {
  background: var(--cvss-none);
}

.cvss-score[data-severity="low"] {
  background: var(--cvss-low);
}

.cvss-score[data-severity="medium"] {
  background: var(--cvss-medium);
}

.cvss-score[data-severity="high"] {
  background: var(--cvss-high);
}

.cvss-score[data-severity="critical"] {
  background: var(--cvss-critical);
}

.cvss-score[data-score-authority="cna"],
.cve-record[data-severity] {
  border: 1px solid #347D39;
  border-radius: 0.25rem;
  padding: 0 0.55ch;
  background: #132C1D;
  color: #7EE787;
}

.cvss-score[data-score-authority="llm"] {
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  color: #E3B341;
}

/* Reader */

.article-page {
  --bg: #0D1117;
  --text: #C9D1D9;
  --text-strong: #F0F6FC;
  --muted: #B1BAC4;
  --line: #30363D;
  --line-soft: #21262D;
  --surface: #161B22;
  --surface-raised: #21262D;
  --surface-soft: #161B22;
  --link: #58A6FF;
  --code-keyword: #FF7B72;
  --code-string: #A5D6FF;
  --code-number: #79C0FF;
  --code-comment: #8B949E;
  --code-function: #D2A8FF;
  --code-attr: #79C0FF;
  --code-constant: #79C0FF;
  --code-type: #FFA657;
  --code-operator: #C9D1D9;
  --code-inserted: #7EE787;
  --code-deleted: #FFA198;
  position: relative;
  isolation: isolate;
  background: transparent;
  font-family: var(--font-mono);
  font-kerning: normal;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  scrollbar-color: var(--line) var(--surface);
}

.article-page::before,
.article-page::after {
  position: fixed;
  inset: 0;
  pointer-events: none;
  content: "";
}

.article-page::before {
  z-index: -2;
  background: #090C10 url("assets/report-bg.png") center center / cover no-repeat;
  filter: grayscale(1) contrast(1.12) brightness(0.52);
}

.article-page::after {
  z-index: -1;
  background: linear-gradient(180deg, rgb(13 17 23 / 30%), rgb(13 17 23 / 62%));
}

.article-page ::selection {
  background: rgb(56 139 253 / 40%);
  color: #FFF;
}

/* Reference reader layout: 1920 × 1080. */
.reading-area {
  width: min(100%, var(--reader-width));
  min-height: 100vh;
  margin: 0 auto;
  border-right: 1px solid rgb(177 186 196 / 10%);
  border-left: 1px solid rgb(177 186 196 / 10%);
  padding: 2rem 2.5rem 5rem;
  background: linear-gradient(180deg, rgb(13 17 23 / 84%), rgb(13 17 23 / 91%));
  box-shadow: 0 0 4rem rgb(0 0 0 / 42%);
  backdrop-filter: blur(2px);
  zoom: 1.5;
}

.reading-area:focus {
  outline: none;
}

.back-link {
  display: inline-block;
  margin-bottom: 2.5rem;
  color: var(--link);
  font-family: var(--font-mono);
  font-size: 0.85rem;
  text-decoration: none;
}

.back-link:hover,
.back-link:focus-visible {
  color: var(--link);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.back-link:focus-visible,
.copy-code:focus-visible,
.reading-area summary:focus-visible {
  border-radius: 3px;
  outline: 2px solid var(--link);
  outline-offset: 0.22rem;
}

.eyebrow {
  margin: 0 0 0.75rem;
  color: var(--text);
  font-family: var(--font-mono);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.reader-header {
  margin-bottom: 2.15rem;
  border-bottom: 1px solid var(--line);
  padding-bottom: 1.6rem;
}

.reader-post {
  font-family: var(--font-reading);
  font-size: 1rem;
  letter-spacing: 0.002em;
}

.reader-header h1 {
  margin: 0 0 0.75rem;
  color: var(--text-strong);
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.article-status-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 1rem;
  font-family: var(--font-mono);
}

.reader-header p,
.reading-area p {
  margin: 0;
  color: var(--muted);
  line-height: 1.72;
}

.reading-area strong {
  color: var(--text-strong);
  font-weight: 700;
}

.post-hero {
  overflow: hidden;
  margin: 0 0 1rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #000;
}

.post-hero img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  filter: grayscale(1);
}

.post-video {
  margin: 1.25rem 0 0;
}

.post-video video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #000;
}

.post-video figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 0.6rem;
  color: var(--muted);
  font-size: 0.82rem;
}

.post-video a {
  color: var(--link);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

.reading-area p + p,
.reading-area p + .code-block,
.reading-area .code-block + p,
.reading-area blockquote + p {
  margin-top: 1rem;
}

.reading-area h2 {
  margin: 2.75rem 0 0.8rem;
  color: var(--text-strong);
  font-size: 1.5rem;
  letter-spacing: -0.015em;
  line-height: 1.2;
}

.reading-area h3 {
  margin: 2.6rem 0 0.85rem;
  border-top: 1px solid var(--line);
  padding-top: 1rem;
  color: var(--text-strong);
  font-size: 1.38rem;
  letter-spacing: -0.012em;
  line-height: 1.24;
}

.reading-area h4,
.reading-area h5,
.reading-area h6 {
  margin: 2rem 0 0.7rem;
  color: var(--text-strong);
  line-height: 1.3;
}

.reading-area h2,
.reading-area h3,
.reading-area h4,
.reading-area h5,
.reading-area h6 {
  text-wrap: balance;
}

.reading-area ul,
.reading-area ol {
  margin: 1rem 0;
  padding-left: 1.45rem;
  color: var(--muted);
  line-height: 1.68;
}

.reading-area li + li {
  margin-top: 0.42rem;
}

.reading-area li::marker {
  color: var(--link);
}

.reading-area code {
  color: var(--text);
  font-family: var(--font-mono);
  font-size: 0.92em;
}

.reader-post :not(pre) > code {
  border: 1px solid var(--line-soft);
  border-radius: 4px;
  padding: 0.08em 0.32em;
  background: var(--surface-soft);
  color: var(--text-strong);
  overflow-wrap: anywhere;
}

.reader-post a {
  color: var(--link);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

.reader-post a:hover {
  color: #79C0FF;
  text-decoration-thickness: 2px;
}

.reader-post a:focus-visible {
  outline: 1px solid var(--text);
  outline-offset: 0.18em;
}

.code-block {
  overflow: hidden;
  margin: 1.25rem 0 1.5rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 2%);
}

.code-block-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 2.25rem;
  border-bottom: 1px solid var(--line-soft);
  padding: 0.42rem 0.55rem 0.42rem 0.85rem;
  background: var(--surface-raised);
  font-family: var(--font-mono);
}

.code-language {
  color: var(--code-comment);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.055em;
  line-height: 1;
  text-transform: uppercase;
}

.copy-code {
  appearance: none;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 0.28rem 0.5rem;
  background: transparent;
  color: var(--text);
  cursor: pointer;
  font: 700 0.66rem/1 var(--font-mono);
}

.copy-code:hover {
  border-color: var(--line);
  background: rgb(255 255 255 / 5%);
  color: var(--text-strong);
}

.copy-code:disabled {
  cursor: default;
}

.copy-code.is-copied {
  color: var(--code-inserted);
}

.reading-area .code-block pre {
  overflow-x: auto;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 1.05rem 1.15rem 1.15rem;
  background: transparent;
  color: var(--text);
  tab-size: 2;
}

.reading-area pre code {
  font-size: 0.9rem;
  line-height: 1.6;
}

.reading-area blockquote {
  margin: 1.25rem 0;
  border: 1px solid var(--line-soft);
  border-left: 3px solid var(--link);
  border-radius: 0 8px 8px 0;
  padding: 0.85rem 1rem;
  background: rgb(88 166 255 / 6%);
  color: var(--text);
}

.reading-area blockquote p {
  color: inherit;
}

.reading-area hr {
  margin: 2.75rem 0;
  border: 0;
  border-top: 1px solid var(--line);
}

.reading-area details {
  margin: 1.25rem 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0.75rem 0.95rem;
  background: var(--surface-soft);
}

.reading-area summary {
  color: var(--text-strong);
  cursor: pointer;
  font-family: var(--font-mono);
  font-size: 0.8rem;
  font-weight: 700;
}

.reading-area details[open] > summary {
  margin-bottom: 0.85rem;
}

.table-wrap {
  overflow-x: auto;
  margin: 1.25rem 0 1.5rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.reading-area table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--muted);
  font-size: 0.88rem;
  font-variant-numeric: tabular-nums;
  line-height: 1.45;
}

.reading-area th,
.reading-area td {
  border-right: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
  padding: 0.58rem 0.7rem;
  text-align: left;
  vertical-align: top;
}

.reading-area th {
  background: var(--surface-raised);
  color: var(--text-strong);
  font-family: var(--font-mono);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.reading-area tbody tr:nth-child(even) td {
  background: rgb(255 255 255 / 1.8%);
}

.reading-area tr > :last-child {
  border-right: 0;
}

.reading-area tbody tr:last-child td {
  border-bottom: 0;
}

.report-media {
  overflow: hidden;
  margin: 2rem 0 0;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #000;
}

.report-media img,
.report-media video {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
}

.article-files {
  margin-top: 3rem;
  border-top: 1px solid var(--line);
  padding-top: 0.25rem;
}

.article-files ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr));
  gap: 0.55rem;
  padding: 0;
  list-style: none;
}

.article-files li + li {
  margin-top: 0;
}

.article-files a {
  display: block;
  border: 1px solid var(--line-soft);
  border-radius: 7px;
  padding: 0.65rem 0.75rem;
  background: var(--surface-soft);
  font-family: var(--font-mono);
  font-size: 0.78rem;
  overflow-wrap: anywhere;
  text-decoration: none;
}

.article-files a:hover {
  border-color: var(--line);
  background: var(--surface-raised);
  text-decoration: underline;
}

.code-keyword,
.code-tag {
  color: var(--code-keyword);
}

.code-string,
.code-inserted {
  color: var(--code-string);
}

.code-number {
  color: var(--code-number);
}

.code-comment {
  color: var(--code-comment);
  font-style: italic;
}

.code-function {
  color: var(--code-function);
}

.code-attr {
  color: var(--code-attr);
}

.code-constant {
  color: var(--code-constant);
}

.code-type {
  color: var(--code-type);
}

.code-operator {
  color: var(--code-operator);
}

.code-deleted {
  color: var(--code-deleted);
}

@media (max-width: 1899px) {
  .reading-area {
    zoom: 1.4;
  }
}

@media (max-width: 1679px) {
  .reading-area {
    zoom: 1.25;
  }
}

@media (max-width: 1499px) {
  .reading-area {
    zoom: 1;
  }
}

@media (max-width: 760px) {
  html {
    font-size: 87.5%;
  }

  .site-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.25rem 1rem 2rem;
    zoom: 1;
  }

  .site-header p {
    text-align: left;
  }

  .findings-list {
    padding: 0 1rem 3rem;
    zoom: 1;
  }

  .finding-line {
    display: grid;
    gap: 0.25rem;
    border-top: 1px solid var(--line);
    padding: 0.85rem 0;
    line-height: 1.45;
    white-space: normal;
  }

  .finding-text {
    overflow: visible;
  }

  .finding-record {
    font-size: 0.82rem;
  }

  .finding-trailing {
    flex-wrap: wrap;
    margin-left: 0;
  }

  .timeline-panel {
    right: auto;
    left: 0;
  }

  .day-divider {
    display: none;
  }

  .reading-area {
    padding: 1rem 1rem 3rem;
  }

  .back-link {
    margin-bottom: 2rem;
  }

  .reader-header h1 {
    font-size: 1.75rem;
    line-height: 1.05;
  }

  .reader-header {
    margin-bottom: 1.75rem;
    padding-bottom: 1.25rem;
  }

  .reading-area h3 {
    margin-top: 2.2rem;
  }

  .code-block-header {
    padding-left: 0.7rem;
  }

  .reading-area .code-block pre {
    padding: 0.9rem;
  }
}

@media (max-width: 420px) {
  .post-video figcaption {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.45rem;
  }
}

@media print {
  @page {
    margin: 18mm;
  }

  html {
    background: #FFF;
    font-size: 10.5pt;
  }

  .article-page {
    --bg: #FFF;
    --text: #202124;
    --text-strong: #111214;
    --muted: #303238;
    --line: rgb(17 18 20 / 32%);
    --line-soft: rgb(17 18 20 / 16%);
    --surface: #F7F7F8;
    --surface-raised: #ECEDEF;
    --surface-soft: #F2F3F4;
    --link: #164F86;
    --code-keyword: #8C3F16;
    --code-string: #28653B;
    --code-number: #086C74;
    --code-comment: #626872;
    --code-function: #145A9C;
    --code-attr: #7B3E75;
    --code-constant: #664198;
    --code-type: #176F63;
    --code-operator: #4C525B;
    background: #FFF;
    color: var(--text);
    color-scheme: light;
  }

  .article-page::before,
  .article-page::after {
    display: none;
  }

  .reading-area {
    width: auto;
    margin: 0;
    border: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    zoom: 1;
  }

  .back-link,
  .copy-code {
    display: none;
  }

  .reader-header {
    margin-bottom: 1.5rem;
  }

  .reader-header h1 {
    font-size: 22pt;
  }

  .reading-area h2,
  .reading-area h3,
  .reading-area h4,
  .reading-area h5,
  .reading-area h6 {
    break-after: avoid-page;
  }

  .code-block,
  .reading-area blockquote,
  .reading-area details,
  .table-wrap,
  .report-media {
    box-shadow: none;
    break-inside: avoid-page;
  }

  .reading-area .code-block pre {
    overflow: visible;
    white-space: pre-wrap;
    word-break: break-word;
  }

  .article-files a {
    color: var(--text);
  }
}