/* Aha! – startsidan. Grunden står i ../delat/aha.css. */

.portal-lista { display: flex; flex-direction: column; gap: 12px; padding-left: 1.2em; }
.portal-lista b { font-family: var(--typ-rubrik); }

.delkort {
  display: flex; flex-direction: column; overflow: hidden;
  background: var(--yta); border: var(--kantbredd) solid var(--kant); border-radius: var(--radie);
  color: var(--text); text-decoration: none;
}
.delkort-bild { height: 112px; display: flex; align-items: center; justify-content: center; }
.delkort-bild svg { width: 160px; max-width: 70%; height: auto; fill: none; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; }
.delkort-matte .delkort-bild { background: var(--sol); }
.delkort-matte .delkort-bild svg { stroke: var(--sol-text); }
.delkort-foto .delkort-bild { background: var(--accent); }
.delkort-foto .delkort-bild svg { stroke: var(--accent-text); }
.delkort-text { padding: 20px; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; flex: 1; }
.delkort-text strong { font-family: var(--typ-rubrik); font-weight: var(--rubrik-vikt); font-size: 1.7rem; line-height: 1.1; }
.delkort-text .knapp { margin-top: auto; }
.delkort:hover .knapp { filter: brightness(0.94); }

.portal-kommer { padding: 0; list-style: none; }
.portal-profiler { padding: 0; list-style: none; }
.portal-profil { display: flex; align-items: center; gap: 14px; }
.portal-profil .ikon-stor { font-family: var(--typ-rubrik); font-weight: 800; font-size: 1.5rem; }
.portal-profil .text { display: flex; flex-direction: column; min-width: 0; }
.portal-profil strong { font-family: var(--typ-rubrik); font-size: 1.25rem; overflow-wrap: anywhere; }

@media (prefers-reduced-motion: no-preference) {
  .delkort { transition: transform 0.15s ease; }
  .delkort:hover { transform: translateY(-2px); }
}

.portal-formular { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; }
.portal-formular .falt-etikett { flex: 1 1 12em; }

/* Kontosidorna (konto/) */
.konto-yta { min-height: 60vh; }
.konto-kort { max-width: 34em; margin-inline: auto; }
.konto-kort .falt { width: 100%; }
.konto-falla { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.konto-uppgifter { display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; margin: 0; }
.konto-uppgifter dt { font-weight: 700; }
.konto-uppgifter dd { margin: 0; overflow-wrap: anywhere; }
.konto-kort h2 { font-size: 1.3rem; }
.konto-ta-bort summary { min-height: 44px; display: flex; align-items: center; font-weight: 700; cursor: pointer; }

/* Integritet och kakor (integritet/) */
.integritet { padding-block: clamp(24px, 4vw, 48px) 64px; }
.integritet-lista { display: flex; flex-direction: column; gap: 8px; padding-left: 1.2em; margin: 0; max-width: 62ch; }
.integritet-tabell { overflow-x: auto; }
.integritet-tabell table { width: 100%; border-collapse: collapse; }
.integritet-tabell th, .integritet-tabell td { padding: 10px 8px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--linje); }
.integritet-tabell th { font-size: 0.85em; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-2); }