#page-livslangdsjournal{padding:0 0 80px;background:linear-gradient(180deg,#f9fbfd 0,#f4f7fa 42%,#fff 100%);color:#1d1d1f;--tk-blue:#0071e3;--tk-blue-dark:#003d7a;--tk-navy:#071a2e;--tk-ink:#1d1d1f;--tk-muted:#6e6e73;--tk-line:#e3e8ef;--tk-bg:#f5f7fa;--tk-white:#fff;--tk-green:#168243;--tk-orange:#d97706;--tk-shadow:0 16px 45px rgba(7,26,46,.10)}
#page-livslangdsjournal .journal-page{display:block;padding:0 0 80px}
#page-livslangdsjournal.active .journal-page{animation:tkJournalFadein .25s ease}
@keyframes tkJournalFadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#page-livslangdsjournal .back-row{padding:24px 0 14px}
#page-livslangdsjournal .back-btn{border:0;background:#fff;border:1px solid var(--tk-line);border-radius:999px;padding:10px 15px;font:inherit;font-size:13px;font-weight:700;color:#304050;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.04)}
#page-livslangdsjournal .journal-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:28px;align-items:center;background:#fff;border:1px solid var(--tk-line);border-radius:28px;padding:clamp(26px,4vw,44px);box-shadow:var(--tk-shadow)}
#page-livslangdsjournal .journal-hero h1{font-size:clamp(31px,4.3vw,50px);line-height:1.06;letter-spacing:-.035em;margin:12px 0 16px;color:#101826}
#page-livslangdsjournal .journal-hero p{font-size:17px;line-height:1.65;color:#4c5968;margin:0}
#page-livslangdsjournal .journal-kicker{display:inline-flex;align-items:center;gap:8px;color:#006ad8;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
#page-livslangdsjournal .legal-note{margin-top:18px;padding:14px 16px;border-radius:14px;background:#fff8e8;border:1px solid #f0d795;color:#5e4a18;font-size:13px;line-height:1.55}
#page-livslangdsjournal .hero-illustration{background:linear-gradient(145deg,#eaf3ff,#f8fbff);border:1px solid #d8e6f5;border-radius:24px;padding:16px;min-height:335px;display:grid;place-items:center}
#page-livslangdsjournal .hero-illustration svg{width:100%;height:auto;display:block}
#page-livslangdsjournal .section-head{margin:58px 0 22px;text-align:center}
#page-livslangdsjournal .section-head .step-pill{display:inline-block;padding:6px 11px;border-radius:999px;background:#eaf3ff;color:#005fbf;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
#page-livslangdsjournal .section-head h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.025em;margin:10px 0 8px}
#page-livslangdsjournal .section-head p{max-width:760px;margin:auto;color:var(--tk-muted);line-height:1.6}
#page-livslangdsjournal .flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;position:relative}
#page-livslangdsjournal .flow:before{content:"";position:absolute;left:8%;right:8%;top:42px;height:2px;background:#c9d7e6;z-index:0}
#page-livslangdsjournal .flow-step{position:relative;z-index:1;text-align:center}
#page-livslangdsjournal .flow-num{width:84px;height:84px;border-radius:50%;margin:0 auto 12px;background:#fff;border:8px solid #eef4fb;box-shadow:0 5px 18px rgba(0,72,145,.09);display:grid;place-items:center;color:#006ad8;font-size:26px;font-weight:800}
#page-livslangdsjournal .flow-step strong{display:block;font-size:14px;margin-bottom:5px}
#page-livslangdsjournal .flow-step span{font-size:12px;line-height:1.45;color:var(--tk-muted)}
#page-livslangdsjournal .visual-steps{display:grid;gap:22px}
#page-livslangdsjournal .visual-card{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:28px;align-items:center;background:#fff;border:1px solid var(--tk-line);border-radius:25px;padding:22px;box-shadow:0 8px 28px rgba(7,26,46,.065)}
#page-livslangdsjournal .visual-card:nth-child(even) .visual-copy{order:2}
#page-livslangdsjournal .visual-card:nth-child(even) .visual-img{order:1}
#page-livslangdsjournal .visual-copy{padding:10px 10px 10px 14px}
#page-livslangdsjournal .visual-copy .n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0071e3;color:#fff;font-weight:800;margin-bottom:11px}
#page-livslangdsjournal .visual-copy h3{font-size:24px;letter-spacing:-.02em;margin:0 0 9px}
#page-livslangdsjournal .visual-copy p{font-size:15px;color:#566272;line-height:1.65;margin:0}
#page-livslangdsjournal .visual-copy .mini{margin-top:12px;font-size:12px;color:#748191}
#page-livslangdsjournal .visual-img{border-radius:20px;overflow:hidden;background:#f4f8fc;border:1px solid #dde7f2;min-height:260px;display:grid;place-items:center}
#page-livslangdsjournal .visual-img svg{width:100%;height:auto;display:block}
#page-livslangdsjournal .folder-panel{margin-top:28px;background:#071a2e;color:#fff;border-radius:26px;padding:clamp(24px,4vw,40px);display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
#page-livslangdsjournal .folder-panel h2{font-size:29px;margin:0 0 10px}
#page-livslangdsjournal .folder-panel p{color:#c9d7e6;line-height:1.6;margin:0 0 18px}
#page-livslangdsjournal .folder-tree{background:#0c2948;border:1px solid #264969;border-radius:16px;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.8;white-space:pre-wrap;color:#d7e9ff}
#page-livslangdsjournal .copy-btn{margin-top:14px;border:0;background:#fff;color:#072442;border-radius:11px;padding:11px 15px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
#page-livslangdsjournal .copy-btn.is-done{background:#dff7e8;color:#116336}
#page-livslangdsjournal .doc-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#page-livslangdsjournal .doc-type{background:#fff;border:1px solid rgba(255,255,255,.16);color:#102238;border-radius:15px;padding:15px;min-height:115px}
#page-livslangdsjournal .doc-type i{color:#0071e3;font-size:20px;margin-bottom:10px}
#page-livslangdsjournal .doc-type strong{display:block;font-size:13px;margin-bottom:4px}
#page-livslangdsjournal .doc-type span{display:block;color:#5f6f80;font-size:11px;line-height:1.4}
#page-livslangdsjournal .handover{margin-top:22px;background:linear-gradient(135deg,#edf7f1,#f7fcf9);border:1px solid #cfe7d7;border-radius:24px;padding:28px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}
#page-livslangdsjournal .handover-icon{width:54px;height:54px;border-radius:16px;background:#168243;color:#fff;display:grid;place-items:center;font-size:23px}
#page-livslangdsjournal .handover h3{margin:0 0 7px;font-size:21px}
#page-livslangdsjournal .handover p{margin:0;color:#4d6557;line-height:1.6;font-size:14px}
#page-livslangdsjournal .who-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
#page-livslangdsjournal .who-card{background:#fff;border:1px solid var(--tk-line);border-radius:18px;padding:20px;text-align:center}
#page-livslangdsjournal .who-card i{font-size:26px;color:#006ad8;margin-bottom:11px}
#page-livslangdsjournal .who-card strong{display:block;margin-bottom:5px}
#page-livslangdsjournal .who-card span{display:block;font-size:12px;color:var(--tk-muted);line-height:1.5}
#page-livslangdsjournal .bottom-note{margin-top:26px;color:#6a7380;font-size:12px;line-height:1.65;text-align:center}

@media(max-width:900px){
  #page-livslangdsjournal .tk-nav{display:none}
  #page-livslangdsjournal .docs-hero,#page-livslangdsjournal .journal-hero,#page-livslangdsjournal .folder-panel{grid-template-columns:1fr}
  #page-livslangdsjournal .docs-grid{grid-template-columns:1fr}
  #page-livslangdsjournal .flow{grid-template-columns:1fr;gap:8px}
  #page-livslangdsjournal .flow:before{left:41px;right:auto;top:42px;bottom:42px;width:2px;height:auto}
  #page-livslangdsjournal .flow-step{display:grid;grid-template-columns:84px 1fr;text-align:left;gap:14px;align-items:center}
  #page-livslangdsjournal .flow-num{margin:0}
  #page-livslangdsjournal .visual-card{grid-template-columns:1fr}
  #page-livslangdsjournal .visual-card:nth-child(even) .visual-copy,#page-livslangdsjournal .visual-card:nth-child(even) .visual-img{order:initial}
  #page-livslangdsjournal .doc-types,#page-livslangdsjournal .who-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  #page-livslangdsjournal .tk-wrap{width:min(100% - 20px,1160px)}
  #page-livslangdsjournal .docs-section{padding-top:28px}
  #page-livslangdsjournal .docs-hero,#page-livslangdsjournal .journal-hero{border-radius:20px;padding:22px}
  #page-livslangdsjournal .visual-card{padding:14px;border-radius:18px}
  #page-livslangdsjournal .hero-illustration{min-height:240px}
  #page-livslangdsjournal .handover{grid-template-columns:1fr}
}

#page-livslangdsjournal .tk-wrap{width:min(1160px,calc(100% - 32px));margin:auto}

#page-avsakring .av-title-icon{width:58px;height:58px;border-radius:18px;margin:0 auto 14px;display:grid;place-items:center;background:#eaf3ff;color:#0756b8;border:1px solid #c9def8;font-size:25px;box-shadow:0 8px 22px rgba(7,86,184,.10)}