.archive-notice{margin:20px 0 28px;padding:16px 20px;border-left:3px solid #9fb9f5;background:#112044;color:#d2dcf2;line-height:1.65}.post-shell>.post{max-width:900px;margin:auto}.post__text img{max-width:100%;height:auto}.post__text table{display:block;overflow-x:auto}.post__text a{color:#a8c7ff;text-decoration:underline}.archive-list{list-style:none;padding:0;display:grid;gap:12px;margin:20px 0 40px}.archive-list li{padding:18px;border:1px solid #28385e;border-radius:10px;background:#0d1935}.archive-list time{display:block;font-size:.85rem;color:#b3bfd8;margin-bottom:6px}.archive-list a{color:#fff;text-decoration:underline}.archive-list a:focus-visible{outline:2px solid #a8c7ff;outline-offset:4px}

/* Lectura del archivo: texto grande, blanco y ancho de línea contenido. */
.post-shell > .post {
  max-width: 820px;
  color: #dce1ea;
}
.post-shell > .post .post__text {
  font-family: "Inter", system-ui, sans-serif;
  font-size: var(--article-reading-size);
  line-height: 1.85;
  color: #dce1ea;
  overflow-wrap: anywhere;
}
.post-shell > .post .post__text :where(p, div, span, li, td, th, blockquote, figcaption, a, strong, em, b, i) {
  color: #dce1ea;
}
.post-shell > .post .post__text :where(p, blockquote, ul, ol, figure, table, pre) {
  margin-block: 0 1.25em;
}
.post-shell > .post .post__text > div + div {
  margin-top: 1em;
}
.post-shell > .post .post__text :where(ul, ol) {
  padding-left: 1.5em;
}
.post-shell > .post .post__text li + li {
  margin-top: .5em;
}
.post-shell > .post .post__text :where(h2, h3, h4, h5, h6) {
  font-family: "Inter", system-ui, sans-serif;
  font-size: clamp(25px, 2.5vw, 32px);
  font-weight: 700;
  line-height: 1.35;
  color: #dce1ea;
  margin: 1.6em 0 .65em;
}
.post-shell > .post .post__title {
  color: #dce1ea;
  -webkit-text-fill-color: #dce1ea;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.25;
}
.post-shell > .post .post__head > p {
  color: #dce1ea;
  font-size: 17px;
  line-height: 1.6;
}
.post-shell > .post .post__text a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
}
.post-shell > .post .post__text img {
  display: block;
  margin: 1.2em auto;
}
.archive-notice {
  max-width: 820px;
  margin: 24px auto 32px;
  font-size: 17px;
  color: #dce1ea;
}
.archive-image-unavailable {
  display: block;
  padding: 16px;
  border: 1px solid #52638c;
  border-radius: 8px;
}