html[data-template-id="simplemag"] {
  --tf-accent: #5c806c;
  --tf-accent-deep: #355846;
  --tf-mint: #edf4ee;
  --tf-display: Georgia, "Times New Roman", serif;
  --tf-serif: Georgia, "Times New Roman", serif;
  --tf-radius: 2px;
}
html[data-template-id="simplemag"] .reader-frontpage { max-width: 1160px; --rf-accent: #5c806c; --rf-accent-dark: #355846; }
html[data-template-id="simplemag"] .rf-lead h2 { font-family: Georgia, serif; font-weight: 700; }
html[data-template-id="simplemag"] .rf-rail-block { background: #f3f7f4; padding: 16px; }
html[data-template-id="simplemag"] .rf-article h1 { font-family: Georgia, serif; font-weight: 700; }
html[data-template-id="simplemag"] .rf-article-header { text-align: left; }
html[data-template-id="simplemag"] .rf-article-kicker,
html[data-template-id="simplemag"] .rf-article-dek,
html[data-template-id="simplemag"] .rf-article-byline { justify-content: flex-start; margin-left: 0; }
html[data-template-id="simplemag"] .article-body { max-width: 710px; }
/* periodicoIA · Simple Magazine: navegación heredada saneada. */
body.pia-tpl-simplemag #sub-nav { display: none !important; }
body.pia-tpl-simplemag #network { background: #0b6b61 !important; }
body.pia-tpl-simplemag #site h1 a, body.pia-tpl-simplemag #site h1 span { color: #0b6b61 !important; }
body.pia-tpl-simplemag #main-nav { background: #dff3ea !important; }
body.pia-tpl-simplemag #main-nav a { color: #0b4f43 !important; }
@media (max-width: 760px) {
  body.pia-tpl-simplemag #main-left, body.pia-tpl-simplemag #sidebar-1, body.pia-tpl-simplemag #sidebar-2 { float: none !important; width: 100% !important; }
}

/* La retícula original usaba cuatro anchos fijos de 244 px. En pantallas
   estrechas eso partía el texto en columnas de tres o cuatro caracteres. */
body.pia-tpl-simplemag #dashboard {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  background: #f7fbf9 !important;
  border-color: #cde7dc !important;
}
body.pia-tpl-simplemag #dashboard .column {
  float: none !important;
  width: auto !important;
  min-width: 0;
  border-right: 1px solid #cde7dc;
  background: transparent !important;
  box-sizing: border-box;
}
body.pia-tpl-simplemag #dashboard .column:last-child { border-right: 0; }
body.pia-tpl-simplemag #dashboard .column-content { padding: 18px !important; overflow-wrap: anywhere; }
body.pia-tpl-simplemag #dashboard .column-title { color: #174d40 !important; }
body.pia-tpl-simplemag #dashboard a { color: #0b6b61 !important; }
body.pia-tpl-simplemag #main-left > .post .post-body > p:first-child img,
body.pia-tpl-simplemag #main-left > .post .post-body img { display: block; width: 100%; height: auto; max-height: 320px; object-fit: cover; margin: 0 0 14px; }
body.pia-tpl-simplemag #main-left > .post .post-body .more { display: inline-block; width: auto; height: auto; margin-top: 6px; padding: 7px 10px; background: #0b6b61; color: #fff !important; font-size: 12px; font-weight: 700; text-indent: 0; }
@media (max-width: 980px) {
  body.pia-tpl-simplemag #dashboard { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.pia-tpl-simplemag #dashboard .column:nth-child(2) { border-right: 0; }
  body.pia-tpl-simplemag #dashboard .column:nth-child(n+3) { border-top: 1px solid #cde7dc; }
}
@media (max-width: 760px) {
  body.pia-tpl-simplemag .center-wrapper { width: 100% !important; max-width: 100% !important; padding: 0 12px; box-sizing: border-box; }
  body.pia-tpl-simplemag .main#main-three-columns { background: none !important; }
  body.pia-tpl-simplemag #main-left,
  body.pia-tpl-simplemag #sidebar-1,
  body.pia-tpl-simplemag #sidebar-2 { float: none !important; width: 100% !important; margin: 0 0 20px !important; }
  body.pia-tpl-simplemag #main-left .col3,
  body.pia-tpl-simplemag #main-left .col3-mid { float: none !important; width: 100% !important; margin: 0 0 16px !important; }
  body.pia-tpl-simplemag #main-left .post-body,
  body.pia-tpl-simplemag #main-left .post-body p,
  body.pia-tpl-simplemag #main-left .post-body div { max-width: 100% !important; overflow-wrap: anywhere; }
  body.pia-tpl-simplemag #main-left .post-body img,
  body.pia-tpl-simplemag #main-left .post img { max-width: 100% !important; height: auto !important; }
  body.pia-tpl-simplemag #main-left .post-body .large { font-size: 1em !important; line-height: 1.5 !important; }
  body.pia-tpl-simplemag #sidebar-1 { margin-left: 0 !important; }
  body.pia-tpl-simplemag #dashboard { grid-template-columns: 1fr; }
  body.pia-tpl-simplemag #dashboard .column { border-right: 0 !important; border-top: 1px solid #cde7dc; }
  body.pia-tpl-simplemag #dashboard .column:first-child { border-top: 0; }
  body.pia-tpl-simplemag #network .center-wrapper { padding: 0 10px; }
  body.pia-tpl-simplemag #network .left,
  body.pia-tpl-simplemag #network .right { float: none !important; text-align: center; }
  body.pia-tpl-simplemag #footer .center-wrapper { padding: 0 10px; }
  body.pia-tpl-simplemag #footer .left,
  body.pia-tpl-simplemag #footer .right { float: none !important; text-align: center; line-height: 1.8; }
}