/* Tillägg för education.spekt.se. stil.css är Spekts gemensamma stil och hålls orörd. */

/* ------- märket: Spekt-loggan + "Utbildning" ------- */
.marke .tjanst {
  margin-left: 2px; padding-left: 12px; border-left: 1px solid var(--linje-stark);
  font-family: var(--font-mono); font-size: 12px; font-weight: 500;
  letter-spacing: 1.1px; text-transform: uppercase; color: var(--text-svag); line-height: 26px;
}
nav.lankar { align-items: center; }
nav.lankar a.knapp { color: var(--on-brand); padding: 8px 16px; font-size: 0.9rem; }
nav.lankar a.knapp:hover { color: var(--on-brand); }
@media (max-width: 340px) { .marke .tjanst { display: none; } }

/* ------- ämnena ------- */
.amnen { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; }
.amnen article {
  display: flex; flex-direction: column; gap: 12px; padding: 28px 26px;
  background: var(--kort); border: 1px solid var(--linje-stark); border-radius: var(--r-kort);
}
.amnen article.egen { background: var(--yta-tonad); border-color: transparent; }
.amnen .etikett { margin: 0; }
.amnen h3 { margin: 0; font-size: 1.25rem; font-weight: var(--vikt-rubrik); }
.amnen p { margin: 0; color: var(--text-svag); font-size: 0.95rem; }
.amnen .lista { margin-top: 4px; color: var(--text); }
.amnen .efter { margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--linje); font-size: 0.9rem; }
.amnen .egen a { color: var(--lank); font-weight: 600; text-underline-offset: 3px; }

/* ------- uppläggen ------- */
.tre .etikett { display: block; margin-bottom: 10px; }
.fotnot { margin: 24px 0 0; color: var(--text-svag); font-size: 0.93rem; max-width: 70ch; }

/* ------- vanliga frågor ------- */
.fragor { max-width: 780px; display: grid; gap: 10px; }
.fragor details { background: var(--kort); border: 1px solid var(--linje-stark); border-radius: var(--r-kort); }
.fragor summary {
  cursor: pointer; list-style: none; padding: 18px 22px; min-height: 44px;
  font-weight: 700; display: flex; justify-content: space-between; align-items: center; gap: 16px;
}
.fragor summary::-webkit-details-marker { display: none; }
.fragor summary::after { content: "+"; content: "+" / ""; color: var(--text-svag); font-weight: 500; font-size: 1.2rem; line-height: 1; }
.fragor details[open] summary::after { content: "–"; content: "–" / ""; }
.fragor summary:focus-visible { outline-offset: -2px; }
.fragor details p { margin: 0; padding: 0 22px 20px; color: var(--text-svag); }

/* ------- integritetssidan ------- */
.text { max-width: 70ch; }
.text h2 { font-size: 1.3rem; margin: 40px 0 10px; }
.text p, .text li { color: var(--text-svag); }
.text strong { color: var(--text); }
.text a { color: var(--lank); text-underline-offset: 3px; }

/* ------- sidfoten: mer från Spekt ------- */
.fot .mer {
  flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: baseline;
  margin-top: 6px; padding-top: 16px; border-top: 1px solid var(--linje);
}
.fot .mer .merrubrik {
  font-family: var(--font-mono); font-size: 12px; font-weight: 500;
  letter-spacing: 1.1px; text-transform: uppercase; color: var(--text-svag);
}
.fot .mer a b { font-weight: 600; color: var(--text); }
.fot .mer a:hover b { text-decoration: underline; text-underline-offset: 3px; }

/* ------- arbetssättet: fem punkter på en rad ------- */
#sa-undervisar-vi .trygg { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }