/* Calculadoras incrustadas: tipografía y colores del blog de Chekar. */
.tools-calculator { padding: clamp(1rem, 3vw, 2rem); margin-block: 2rem; border: 1px solid var(--border); border-radius: var(--r-sm); background: var(--paper); }
.tools-calculator[hidden], .tools-calculator [hidden] { display: none !important; }
.blog-prose .tools-calculator > h2:first-child { margin-top: 0; }
.tools-fields { display: grid; gap: 1.2rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block: 1.5rem; }
.tools-calculator label { display: grid; gap: .5rem; align-content: start; font-weight: 700; }
.tools-calculator input, .tools-calculator select { width: 100%; min-width: 0; min-height: 44px; font: inherit; padding: .7rem; color: var(--text); background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-sm); }
.tools-calculator input:focus-visible, .tools-calculator select:focus-visible { outline: 3px solid var(--primary); outline-offset: 3px; }
.tools-calculator [data-calculate] { margin-top: 1.2rem; }
.tools-week { border: 0; padding: 0; margin: 1.5rem 0; min-width: 0; }
.tools-week legend { font-weight: 800; }
.tools-day { display: grid; grid-template-columns: minmax(80px, 1fr) repeat(2, minmax(0, 1fr)); align-items: center; gap: .6rem; margin-block: .6rem; }
.tools-calculator .sr-only { display: block; }
.tools-day-head { font-weight: 800; }
.tools-result { margin-top: 1.5rem; padding: 1.3rem; background: var(--surface); border-left: 4px solid var(--primary); overflow-wrap: anywhere; }
.tools-result p:last-child { margin-bottom: 0; }
.tools-result ul { padding-left: 1.3rem; line-height: 1.7; }
@media (max-width: 600px) {
  .tools-fields { grid-template-columns: 1fr; }
  .tools-day { grid-template-columns: minmax(60px, 1fr) repeat(2, minmax(0, 1fr)); gap: .35rem; font-size: .9rem; }
}