/* ===== För mäklare – innehållssida ===== */

/* Snabbmeny */
.anchor-list a { text-decoration: none; }

.doc-article { padding-block: 0 var(--padding-normal); }


/* Brödtext och rubriker */
.subpage-header .copy,
.doc-article p,
.doc-article li,
.doc-article ol,
.doc-article ul {
  color: var(--clr-copy);
}
.doc-article h3 {
  color: var(--clr-black);
}

/* ===== Vertikal tidslinje ===== */
.timeline {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 1.75rem 0 0;
}

.timeline::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 21px;
  bottom: 21px;
  width: 2px;
  background: #CBD8E6;
}

.timeline__item {
  position: relative;
  padding-left: 64px;
  padding-bottom: 2rem;
}

.timeline__item:last-child {
  padding-bottom: 0;
}

.timeline__dot {
  position: absolute;
  left: 0;
  top: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #0D3E6C;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.88rem;
  font-weight: 700;
  z-index: 1;
}

.timeline__title {
  font-weight: 700;
  color: var(--clr-black);
  margin: 0 0 .4rem;
  font-size: 1rem;
  line-height: 1.3;
  padding-top: .55rem;
}

.copy.timeline__body {
  margin: 0;
  line-height: 1.5;
    color: var(--clr-mediumgray);
}

.timeline__note {
  margin-top: .7rem;
  padding: .65rem .9rem;
  background: #EEF4FA;
  border-left: 3px solid #0D3E6C;
  border-radius: 0 6px 6px 0;
  font-size: .92rem;
  line-height: 1.6;

}

@media (max-width: 480px) {
  .timeline__item { padding-left: 54px; }
  .timeline__dot  { width: 36px; height: 36px; font-size: .8rem; }
  .timeline::before { left: 17px; top: 18px; bottom: 18px; }
}

/* Ankarlänkar – kompensera för sticky navbar */
#om-tjansten,
#sa-fungerar-det,
#prisavtalet,
#kvalitet,
#tips,
#forbinder,
#om-oss,
#forsta-gangen {
  scroll-margin-top: 90px;
}

/* Hjälpklasser (ersätter inline-stilar) */
.doc-after-list {
  margin-top: var(--padding-normal);
}

.steps-ol {
  padding-left: 1.4rem;
  display: flex;
  flex-direction: column;
  gap: .4rem;
}

.card-note {
  margin-top: .75rem;
}

.sidebar-btn-top {
  margin-top: .9rem;
}