/*
Theme Name: Svensk Kredit – barntema
Description: Redaktionellt barntema för Svenskkredit.nu. Aktivera först efter test och verifiering av föräldratema.
Theme URI: https://svenskkredit.nu/
Author: Svensk Kredit
Template: astra
Version: 0.1.0
Text Domain: svenskkredit-child
*/

/* Avsiktligt scoped så att befintliga WordPress-sidor inte förändras oväntat. */
.sk-editorial {
  --sk-ink: #192b3c;
  --sk-muted: #586676;
  --sk-border: #d9e0e5;
  --sk-accent: #155e78;
  --sk-paper: #fbfaf7;
  color: var(--sk-ink);
  background: var(--sk-paper);
  font: 400 1.0625rem/1.75 system-ui, -apple-system, "Segoe UI", sans-serif;
}
.sk-editorial *, .sk-editorial *::before, .sk-editorial *::after { box-sizing: border-box; }
.sk-editorial .sk-container { width: min(100% - 2.5rem, 74rem); margin-inline: auto; }
.sk-editorial .sk-article { max-width: 46rem; margin-inline: auto; padding-block: 3rem 5rem; }
.sk-editorial h1, .sk-editorial h2, .sk-editorial h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1.17;
  color: var(--sk-ink);
}
.sk-editorial h1 { font-size: clamp(2.25rem, 5vw, 4rem); margin: 0 0 1.1rem; }
.sk-editorial h2 { font-size: clamp(1.65rem, 3vw, 2.35rem); margin: 2.6rem 0 1rem; }
.sk-editorial h3 { font-size: 1.38rem; margin: 2rem 0 .65rem; }
.sk-editorial p { margin: 0 0 1.3rem; }
.sk-editorial a { color: var(--sk-accent); text-underline-offset: .18em; }
.sk-editorial a:focus-visible { outline: 3px solid var(--sk-accent); outline-offset: 3px; }
.sk-editorial .sk-eyebrow {
  font: 700 .74rem/1.3 system-ui, sans-serif;
  text-transform: uppercase; letter-spacing: .12em; color: var(--sk-accent);
}
.sk-editorial .sk-lead { font-size: clamp(1.13rem, 2vw, 1.36rem); color: var(--sk-muted); line-height: 1.6; }
.sk-editorial .sk-meta { font-size: .85rem; color: var(--sk-muted); border-block: 1px solid var(--sk-border); padding-block: .8rem; margin-block: 2rem; }
.sk-editorial .sk-content table { display: block; overflow-x: auto; width: 100%; border-collapse: collapse; font-size: .92rem; }
.sk-editorial .sk-content th, .sk-editorial .sk-content td { border: 1px solid var(--sk-border); padding: .7rem; text-align: left; }
.sk-editorial .sk-content th { background: #eef3f4; }
.sk-editorial .sk-disclosure { border-top: 1px solid var(--sk-border); margin-top: 3rem; padding-top: 1.25rem; font-size: .9rem; color: var(--sk-muted); }
@media (max-width: 600px) {
  .sk-editorial .sk-container { width: min(100% - 1.5rem, 74rem); }
  .sk-editorial .sk-article { padding-block: 2rem 3rem; }
  .sk-editorial { font-size: 1rem; }
}