/* ===== /sammenlign/: 2014 og i dag ===== */
.cmp-places{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem}
.cmp-places button{
  padding:.45rem 1rem;border-radius:999px;border:1px solid var(--border);
  background:var(--surface);color:var(--text-muted);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;
  transition:color .2s,border-color .2s,background .2s;
}
.cmp-places button:hover{color:var(--text)}
.cmp-places button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.cmp{
  position:relative;aspect-ratio:3/2;overflow:hidden;user-select:none;max-width:1000px;margin-inline:auto;
  border-radius:var(--radius-lg);border:1px solid var(--border);background:#3c5bb3;
  box-shadow:0 12px 40px rgba(0,0,0,.35);
}
.cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cmp-then{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.cmp-line{
  position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;
  background:#fff;box-shadow:0 0 8px rgba(0,0,0,.6);pointer-events:none;
}
.cmp-line span{
  position:absolute;top:50%;left:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#fff;color:#0d1117;box-shadow:0 2px 12px rgba(0,0,0,.45);
}
.cmp-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.cmp:has(.cmp-range:focus-visible) .cmp-line span{outline:3px solid var(--accent);outline-offset:2px}
.cmp-tag{
  position:absolute;top:.75rem;padding:.25rem .65rem;border-radius:6px;pointer-events:none;
  background:rgba(13,17,23,.78);color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.04em;
}
.cmp-tag-then{left:.75rem}
.cmp-tag-now{right:.75rem}
.cmp-caption{text-align:center;color:var(--text-muted);font-size:.86rem;margin-top:.7rem}

.cmp--wide{aspect-ratio:16/9;max-width:1100px}
.cmp-group + .cmp-group{margin-top:4rem}
.cmp-heading{text-align:center;font-size:1.4rem;margin-bottom:1rem}