/* Presentation layer for the original, primarily prose-led articles.
   Historical text, links and artwork remain in their original documents. */
.archive-reading.archive-simple {
  box-sizing: border-box;
  width: 100%;
  max-width: 860px !important;
  background: #050b16 !important;
  transition: none !important;
  margin: 0 auto !important;
  padding: clamp(1.25rem, 5vw, 3.5rem) clamp(1.25rem, 4vw, 2.5rem) 4rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  animation: none !important;
}
.archive-reading.archive-simple::before { display: none !important; }
.archive-reading.archive-simple :is(.container, .blog-container) {
  background: transparent !important;
  color: #c4d2e7 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
  min-height: 0;
  overflow: visible;
}
.archive-reading.archive-simple :is(h1, h2, h3, .glow) {
  color: #f5f8ff !important;
  text-align: left !important;
  text-transform: none !important;
  letter-spacing: -.025em !important;
  border: 0 !important;
  padding-left: 0 !important;
  text-shadow: none !important;
  cursor: auto;
}
.archive-reading.archive-simple h1 {
  font-size: clamp(2.15rem, 4.8vw, 3.5rem) !important;
  line-height: 1.13 !important;
  margin: 0 0 2rem !important;
}
.archive-reading.archive-simple h2 {
  font-size: clamp(1.6rem, 3vw, 2rem) !important;
  line-height: 1.25 !important;
  margin: 3.5rem 0 1.1rem !important;
  padding: 0 !important;
}
.archive-reading.archive-simple h3 {
  font-size: clamp(1.25rem, 2.4vw, 1.55rem) !important;
  line-height: 1.35 !important;
  margin: 2rem 0 .9rem !important;
  padding: 0 !important;
}
.archive-reading.archive-simple :is(h1, h2, h3)::after {
  display: none !important;
}
.archive-reading.archive-simple :is(p, li, .hook, .caption, .blog-container p, .blog-container li) {
  color: #c4d2e7 !important;
  text-align: left !important;
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
  text-shadow: none !important;
}
.archive-reading.archive-simple :is(strong, b, .blog-container strong) {
  color: #eef4ff !important;
}
.archive-reading.archive-simple .hook {
  font-style: normal;
  font-size: 1.15rem !important;
  margin: 0 0 2rem !important;
}
.archive-reading.archive-simple :is(p, li, h1, h2, h3, section, .container, .blog-container, .call-to-action, .reveal, .fade-in-section, [data-aos]) {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}
.archive-reading.archive-simple :is(ul, ol) {
  margin: 1.2rem 0 1.8rem !important;
  padding-left: 1.4rem !important;
}
.archive-reading.archive-simple ul {
  list-style: disc !important;
}
.archive-reading.archive-simple :is(ul, ol) li {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 0 0 .25rem !important;
  margin: 0 0 .85rem !important;
}
.archive-reading.archive-simple li::before {
  display: none !important;
}
.archive-reading.archive-simple li::marker {
  color: #738baa;
}
.archive-reading.archive-simple :is(.list-item, .sub-list-item) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  padding: .5rem 0 !important;
  margin: 0 0 .5rem !important;
}
.archive-reading.archive-simple .sub-list-item {
  padding-left: 1.25rem !important;
}
.archive-reading.archive-simple :is(section, .section) {
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 3rem 0 !important;
  max-width: none;
}
.archive-reading.archive-simple :is(blockquote, .call-to-action, .conclusion, .cta, .toc, .season-preview) {
  border: 0 !important;
  background: #101b2b !important;
  box-shadow: none !important;
  border-radius: 1rem !important;
  color: #c4d2e7 !important;
  text-align: left !important;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  margin: 2.5rem 0 !important;
  animation: none !important;
}
.archive-reading.archive-simple :is(blockquote, .call-to-action, .conclusion, .cta, .toc, .season-preview) > :first-child,
.archive-reading.archive-simple .season-preview-content > :first-child {
  margin-top: 0 !important;
}
.archive-reading.archive-simple :is(blockquote, .call-to-action, .conclusion, .cta, .toc, .season-preview) > :last-child {
  margin-bottom: 0 !important;
}
.archive-reading.archive-simple :is(blockquote, .call-to-action) :is(p, h2, h3, strong) {
  color: #e5edf9 !important;
}
.archive-reading.archive-simple :is(a, .blog-container a, .call-to-action a) {
  color: #77deff !important;
  text-underline-offset: .2em;
}
.archive-reading.archive-simple :is(.call-to-action a, .cta button, .call-to-action button) {
  background: #172b40 !important;
  color: #bfeeff !important;
  border: 1px solid #34475f !important;
  border-radius: .6rem !important;
  box-shadow: none !important;
  padding: .75rem 1.1rem !important;
  font: inherit !important;
  transform: none !important;
  opacity: 1 !important;
  animation: none !important;
}
.archive-reading.archive-simple hr {
  border: 0 !important;
  background: #283447 !important;
  height: 1px;
  margin: 3rem 0 !important;
}
.archive-reading.archive-simple > header,
.archive-reading.archive-simple > footer {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
  padding: 0 !important;
  max-width: none;
}
.archive-reading.archive-simple > header {
  margin: 0 0 3rem !important;
}
.archive-reading.archive-simple > footer {
  margin: 4rem 0 0 !important;
}
/* Comparison tables remain horizontally scrollable on narrow screens. */
.archive-reading.archive-simple .table-container {
  background: #0f1b2c !important;
  box-shadow: none !important;
  border-radius: .8rem;
  padding: 0 !important;
  max-width: 100%;
  overflow-x: auto;
}
.archive-reading.archive-simple table {
  border-collapse: collapse;
  background: #0f1b2c !important;
  border-radius: .8rem;
  font-size: .92rem;
  line-height: 1.55;
}
.archive-reading.archive-simple :is(th, td) {
  background: transparent !important;
  color: #c4d2e7 !important;
  border: 0 !important;
  border-bottom: 1px solid #29364a !important;
  padding: 1rem !important;
  text-align: left;
  text-transform: none !important;
}
.archive-reading.archive-simple th {
  background: #18263a !important;
  color: #f2f6fd !important;
  font-weight: 600;
}
.archive-reading.archive-simple tr:nth-child(even) {
  background: #111e30 !important;
}
/* Ranked essays: open reading sections replace boxed, striped cards. */
.archive-reading[data-archive-page="top-underrated-anime"] .anime-entry {
  margin: 3.75rem 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}
.archive-reading[data-archive-page="top-underrated-anime"] .anime-entry h3 {
  font-size: clamp(1.4rem, 2.6vw, 1.85rem) !important;
  max-width: 34ch;
  margin-bottom: 1.2rem !important;
}
.archive-reading[data-archive-page="top-evil-villians-2025"] section {
  isolation: isolate;
  overflow: hidden;
  padding: 2.25rem 0 !important;
}
.archive-reading[data-archive-page="top-evil-villians-2025"] section::before {
  left: auto;
  width: 50%;
  background-position: center top;
  opacity: .1;
  filter: grayscale(100%);
  mask-image: linear-gradient(to right, transparent, black);
}
/* Keep the championship banner concept as a quiet, ordered display. */
.archive-reading[data-archive-page="jj-coaching"] .banner-container {
  position: relative !important;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .5rem;
  height: auto !important;
  width: 100% !important;
  margin: 0 0 3rem;
  overflow: visible;
  pointer-events: none;
}
.archive-reading[data-archive-page="jj-coaching"] .banner {
  position: static !important;
  transform: none !important;
  background: #201e2f !important;
  color: #e2c580 !important;
  font-family: inherit !important;
  font-size: .58rem !important;
  letter-spacing: .04em;
  padding: .8rem .2rem !important;
  border-radius: .2rem .2rem .6rem .6rem;
  box-shadow: none !important;
  opacity: 1 !important;
  white-space: normal;
}
/* Existing Chargers motifs remain subtle and stationary. */
.archive-reading[data-archive-page="jim-harb-s2"] .lightning-bolt {
  position: fixed;
  opacity: .045 !important;
  animation: none !important;
  filter: none !important;
  z-index: -1;
}
.archive-reading[data-archive-page="jherb-mvp"] .parallax-background {
  pointer-events: none;
  z-index: -1;
}
.archive-reading[data-archive-page="reaves-contract"] .header-particles {
  opacity: .2;
  pointer-events: none;
}
.archive-reading[data-archive-page="reaves-contract"] .particle {
  animation-iteration-count: 1 !important;
}
.archive-reading[data-archive-page="ladd-and-joe"] #football-icon {
  position: absolute;
  width: 3rem;
  height: 3rem;
  top: 1.5rem;
  right: 1.5rem;
  animation: none;
  opacity: .25;
  filter: none;
  z-index: 0;
  pointer-events: none;
}
.archive-reading[data-archive-page="ladd-and-joe"] #bolt-button {
  position: static !important;
  display: block;
  margin: 2rem 0;
  width: 4rem;
  height: 3rem;
  animation: none !important;
  transform: none !important;
  filter: none;
}
.archive-reading[data-archive-page="ladd-and-joe"] .touchdown-text {
  display: none !important;
}
.archive-reading[data-archive-page="ladd-and-joe"] .player-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 2.5rem 0;
}
.archive-reading[data-archive-page="ladd-and-joe"] .player-card {
  background: #101c2d;
  width: auto;
  max-width: none;
  border: 0;
  border-radius: .9rem;
  box-shadow: none !important;
  padding: 1.5rem;
  text-align: left;
  cursor: auto;
  transform: none !important;
}
.archive-reading[data-archive-page="ladd-and-joe"] .player-card h3 {
  margin-top: 0 !important;
}
.archive-reading[data-archive-page="ladd-and-joe"] .player-card p,
.archive-reading[data-archive-page="ladd-and-joe"] .player-stats {
  padding: 0;
}
.archive-reading[data-archive-page="ladd-and-joe"] .stat-item {
  background: transparent;
  padding: .5rem 0;
}
.archive-reading[data-archive-page="ladd-and-joe"] .stat-item strong {
  color: #82dcfa !important;
}
.archive-reading.archive-simple .season-preview::before {
  animation: none;
}
.archive-reading.archive-simple .season-preview-description {
  max-width: none;
}
.archive-reading.archive-simple .toc ul {
  list-style: none !important;
  padding-left: 0 !important;
}
.archive-reading.archive-simple .toc li {
  margin-bottom: .55rem !important;
}
.archive-reading[data-archive-page="black-clover-2026-anime-style"] table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
.archive-reading.archive-simple iframe {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  border: 0;
  border-radius: .8rem;
}
@media (max-width: 600px) {
  .archive-reading.archive-simple h2 { margin-top: 2.5rem !important; }
  .archive-reading.archive-simple .sub-list-item { padding-left: .75rem !important; }
  .archive-reading[data-archive-page="ladd-and-joe"] .player-cards { grid-template-columns: 1fr; }
  .archive-reading[data-archive-page="jj-coaching"] .banner-container { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .archive-reading.archive-simple *,
  .archive-reading.archive-simple *::before,
  .archive-reading.archive-simple *::after {
    animation: none !important;
    transition: none !important;
  }
}