.sfj{--max:1480px;--radius:28px;--space:90px;--bg:#f7f9fd;--heading:#071b45;--accent:#1266ff;--body:#53627c;--count:6;--heading-d:64px;--heading-t:52px;--heading-m:40px;--intro-d:20px;--intro-m:17px;--mile-title-d:48px;--mile-title-m:34px;--mile-body-d:18px;--mile-body-m:16px;--year-size:22px;--nav-size:14px;--body-lh:1.65;--body-max:620px;--paragraph-gap:18px;--title-body-gap:18px;--content-media-gap:44px;--quote-size:15px;--quote-source-size:13px;--quote-gap:28px;background:radial-gradient(circle at 85% 15%,rgba(42,105,255,.08),transparent 28%),linear-gradient(180deg,#fff 0%,var(--bg) 100%);padding:var(--space) 20px;font-family:Inter,system-ui,sans-serif}.sfj *{box-sizing:border-box}.sfj-inner{max-width:var(--max);margin:auto}.sfj-header{text-align:center;max-width:900px;margin:0 auto 52px}.sfj-header span,.sfj-copy>b{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.07em}.sfj-header h2{margin:14px 0 18px;color:var(--heading);font-size:var(--heading-d);line-height:1.01;letter-spacing:-.05em}.sfj-header p{margin:0;color:var(--body);font-size:var(--intro-d);line-height:1.65}.sfj-overview{position:relative;margin-bottom:44px;padding:26px 20px 56px;border:1px solid rgba(117,143,188,.16);border-radius:var(--radius);background:#ffffffc7;box-shadow:0 18px 50px rgba(31,67,128,.06);overflow:hidden}.sfj-overview-scroll{position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--count),minmax(135px,1fr));gap:8px;overflow-x:auto;padding-bottom:4px}.sfj-line{position:absolute;left:5%;right:5%;top:78px;height:2px;background:linear-gradient(90deg,#1266ff59,#1266ffcc,#1266ff59)}.sfj-top{display:flex;flex-direction:column;align-items:center;gap:12px;border:0;background:transparent;color:var(--heading);cursor:pointer;padding:0 8px;text-align:center;min-width:135px}.sfj-top strong{color:var(--accent);font-size:var(--year-size)}.sfj-top i{width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:#b8c7df;box-shadow:0 0 0 2px #d6e1f1}.sfj-top.is-active i{background:var(--accent);box-shadow:0 0 0 3px #1266ff33}.sfj-overview small{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);text-align:center;color:var(--body);white-space:nowrap}.sfj-story{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px}.sfj-nav{display:flex;flex-direction:column;gap:4px}.sfj-nav-item{display:grid;grid-template-columns:56px 18px 1fr;gap:10px;align-items:center;min-height:72px;padding:10px 8px;border:0;background:transparent;color:var(--body);cursor:pointer;text-align:left;border-radius:16px}.sfj-nav-item i{width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#c2cfe2;box-shadow:0 0 0 2px #d7e1ef}.sfj-nav-item.is-active{background:#fff;box-shadow:0 14px 34px rgba(31,67,128,.08);color:var(--accent)}.sfj-nav-item.is-active i{background:var(--accent)}.sfj-stage{position:relative}.sfj-panel{display:none;grid-template-columns:.92fr 1.15fr;gap:var(--content-media-gap);padding:44px;border:1px solid rgba(117,143,188,.16);border-radius:var(--radius);background:#fffffff0;box-shadow:0 24px 70px rgba(31,67,128,.1);animation:in .35s ease}.sfj-panel.is-active{display:grid}@keyframes in{from{opacity:0;transform:translateY(16px)}to{opacity:1}}.sfj-copy{align-self:center}.sfj-copy h3{margin:12px 0 var(--title-body-gap);color:var(--heading);font-size:var(--mile-title-d);line-height:1.02;letter-spacing:-.045em}.sfj-copy>p{margin:0;color:var(--body);font-size:var(--mile-body-d);line-height:var(--body-lh);max-width:var(--body-max);white-space:pre-line}.sfj-copy blockquote{margin:var(--quote-gap) 0 22px;padding:24px 26px;border:1px solid #e3eaf5;border-radius:18px;background:#f7f9fd;color:var(--heading)}.sfj-copy blockquote p{margin:8px 0;font-size:var(--quote-size);line-height:1.55}.sfj-copy cite{font-style:normal;font-weight:700;font-size:var(--quote-source-size)}.sfj-logo{max-width:180px;max-height:70px}.sfj-media{min-height:460px}.sfj-media img,.sfj-media>div{width:100%;height:100%;min-height:460px;border-radius:22px;object-fit:cover}.sfj-media>div{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#eaf1ff,#f9fbff);border:1px dashed #b8c8e1;color:var(--heading)}.sfj-media span{color:var(--accent);font-size:54px;font-weight:800}.sfj-controls{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.sfj-controls button{width:48px;height:48px;border:1px solid #dce5f3;border-radius:50%;background:#fff;color:var(--accent);font-size:22px;cursor:pointer}.sfj-controls .primary{background:var(--accent);color:#fff}.sfj-counter{text-align:center;margin-top:-42px;color:var(--body);pointer-events:none}.sfj-counter strong{color:var(--accent)}@media(max-width:980px){.sfj-header h2{font-size:var(--heading-t)}.sfj-story{display:block}.sfj-nav{flex-direction:row;overflow-x:auto;gap:8px;margin-bottom:16px}.sfj-nav-item{flex:0 0 165px;grid-template-columns:1fr;gap:4px;min-height:auto;padding:14px}.sfj-nav-item i{display:none}.sfj-panel{grid-template-columns:1fr;gap:28px;padding:34px}.sfj-media{min-height:360px;order:-1}.sfj-media img,.sfj-media>div{min-height:360px}}@media(max-width:640px){.sfj{padding:58px 14px}.sfj-header{margin-bottom:34px}.sfj-header h2{font-size:var(--heading-m)}.sfj-header p{font-size:var(--intro-m)}.sfj-overview-scroll{grid-template-columns:repeat(var(--count),150px)}.sfj-line{display:none}.sfj-nav-item{flex-basis:145px}.sfj-panel{padding:22px;border-radius:22px}.sfj-copy h3{font-size:var(--mile-title-m)}.sfj-copy>p{font-size:var(--mile-body-m)}.sfj-media{min-height:250px}.sfj-media img,.sfj-media>div{min-height:250px}.sfj-controls{justify-content:center}.sfj-counter{margin-top:12px}}

.sfj-copy>p br+br{display:block;content:'';margin-top:var(--paragraph-gap)}


/* v1.5.0 – dedikeret mobiloplevelse */
@media (max-width:768px){
  /* Den store vandrette desktop-tidslinje fjernes helt på mobil. */
  .sfj-overview{
    display:none!important;
  }

  .sfj{
    padding-top:44px;
    padding-bottom:48px;
  }

  .sfj-header{
    margin-bottom:26px;
    padding-inline:4px;
  }

  .sfj-header h2{
    line-height:1.08;
  }

  .sfj-header p{
    line-height:1.6;
  }

  /* Kun den kompakte milepælsnavigation beholdes. */
  .sfj-nav{
    gap:7px;
    margin:0 -14px 14px;
    padding:4px 14px 8px;
    scroll-padding-inline:14px;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .sfj-nav::-webkit-scrollbar{
    display:none;
  }

  .sfj-nav-item{
    flex:0 0 132px;
    min-height:76px;
    padding:11px 12px;
    border:1px solid rgba(117,143,188,.13);
    border-radius:15px;
    background:rgba(255,255,255,.54);
    scroll-snap-align:center;
  }

  .sfj-nav-item.is-active{
    background:#fff;
    box-shadow:0 10px 25px rgba(31,67,128,.09);
  }

  .sfj-nav-item strong{
    font-size:15px;
    line-height:1.2;
  }

  .sfj-nav-item span{
    font-size:12px!important;
    line-height:1.3;
  }

  .sfj-panel{
    gap:20px;
    padding:18px;
    border-radius:20px;
    box-shadow:0 16px 42px rgba(31,67,128,.09);
  }

  .sfj-media{
    min-height:220px;
  }

  .sfj-media img,
  .sfj-media>div{
    min-height:220px;
    border-radius:16px;
  }

  .sfj-copy h3{
    margin-top:8px;
  }

  .sfj-copy blockquote{
    margin-top:20px;
    padding:18px;
    border-radius:15px;
  }

  .sfj-controls{
    justify-content:center;
    gap:14px;
    margin-top:16px;
  }

  .sfj-controls button{
    width:44px;
    height:44px;
  }

  .sfj-counter{
    margin-top:10px;
    font-size:13px;
  }
}