/* 3.58: list/detail planning. Shared header, previews and bank remain shared components. */
.sp-forloeb-builder .spfb-workspace,
.sp-forloeb-builder:not(.is-bank-open) .spfb-workspace,
.sp-forloeb-builder.is-bank-open .spfb-workspace{display:block;max-width:1580px;margin:0 auto;padding:16px 40px 72px;overflow:visible}
.sp-forloeb-builder .spfb-selected{display:block;width:100%;min-width:0}
.sp-forloeb-builder .spfb-section-hoved{background:none;border:0;box-shadow:none;padding:0;overflow:visible;max-height:none}
.sp-forloeb-builder .spfb-section-hoved>.spfb-section-head{margin:0 0 16px;padding:0;max-width:none;width:100%;min-height:44px}
.sp-forloeb-builder .spfb-section-hoved .spfb-section-copy{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.sp-forloeb-builder .spfb-section-hoved .spfb-section-title{justify-content:flex-start;gap:16px}
.sp-forloeb-builder .spfb-section-hoved .spfb-section-title h2{font:600 26px/1.2 "Schibsted Grotesk",system-ui,sans-serif;letter-spacing:-.015em}
.sp-forloeb-builder .spfb-session-context{margin-bottom:12px}
.sp-forloeb-builder .spfb-plan-layout{display:grid;grid-template-columns:minmax(300px,32%) minmax(0,1fr);gap:45px;align-items:start}
.sp-forloeb-builder .spfb-timeline{min-width:0}
.sp-forloeb-builder .spfb-timeline>.spfb-zone{display:flex;flex-direction:column;gap:16px;padding:0 0 0 70px;background:none;border:0;min-height:0;overflow:visible;max-height:none;box-shadow:none}
.sp-forloeb-builder .spfb-timeline>.spfb-zone>.spfb-card{display:block;position:relative;padding:16px 22px;margin:0;min-height:92px;border:1px solid #d8dde1;border-radius:18px;background:#fafbfb;box-shadow:none;cursor:pointer;overflow:visible}
.sp-forloeb-builder .spfb-timeline>.spfb-zone>.spfb-card::before{content:"";position:absolute;left:-47px;top:-2px;bottom:-18px;width:2px;background:var(--phase);z-index:0}
.sp-forloeb-builder .spfb-timeline>.spfb-zone>.spfb-card:first-child::before{top:50%}
.sp-forloeb-builder .spfb-timeline>.spfb-zone>.spfb-card:last-child::before{bottom:50%}
.sp-forloeb-builder .spfb-timeline>.spfb-zone>.spfb-card.is-selected{background:#fff;border-color:var(--phase);box-shadow:inset 0 0 0 1px var(--phase),0 4px 14px #2533420a}
.sp-forloeb-builder .spfb-timeline>.spfb-zone>.spfb-card:hover{background:#fafbfc}
.sp-forloeb-builder .spfb-timeline>.spfb-zone>.spfb-card:focus-visible{outline:3px solid var(--phase-ink);outline-offset:4px}
.sp-forloeb-builder .spfb-timeline .spfb-card-main{position:static;display:block;padding:0;min-width:0}
.sp-forloeb-builder .spfb-timeline .spfb-card-sub{display:flex;align-items:center;gap:8px;padding:0;margin:0 0 6px;font-size:16px;line-height:22px;padding-right:0;gap:0;flex-wrap:nowrap}
.sp-forloeb-builder .spfb-timeline .spfb-card-sub>:not(.spfb-card-index):not(.spfb-card-phase):not(.spfb-card-duration){display:none}
.sp-forloeb-builder .spfb-timeline .spfb-card-phase{padding:0;background:none;color:var(--phase-ink);font-weight:650}
.sp-forloeb-builder .spfb-timeline .spfb-card-phase:empty{display:none}
.sp-forloeb-builder .spfb-timeline .spfb-card-index{position:absolute;top:50%;transform:translateY(-50%);left:-72px;display:flex;align-items:center;justify-content:center;width:52px;height:52px;min-width:52px;margin:0;border:0;border-radius:50%;background:var(--phase-soft);color:var(--phase-ink);font:500 22px/1 var(--spfn-head);font-family:var(--spfn-head)!important;font-variant-numeric:normal;font-feature-settings:normal;z-index:1}
.sp-forloeb-builder .spfb-timeline .is-selected .spfb-card-index{background:var(--phase-ink);color:#fff;box-shadow:0 0 0 5px var(--phase-soft)}
.sp-forloeb-builder .spfb-timeline .spfb-card-duration{display:inline-flex;align-items:center;position:static;color:#697580;font-size:16px;font-weight:400;line-height:22px;white-space:nowrap}
.sp-forloeb-builder .spfb-timeline .spfb-card-title{margin:0;font:500 clamp(20px,1.34vw,24px)/1.25 var(--spfn-head);font-family:var(--spfn-head)!important;letter-spacing:.005em;overflow-wrap:normal;word-break:normal;color:#24292d}
.sp-forloeb-builder .spfb-timeline .spfb-card>.spfb-drag{position:absolute;left:auto;right:5px;top:auto;bottom:14px;margin:0;width:24px;height:28px;opacity:0;color:#55606a;cursor:grab}
.sp-forloeb-builder .spfb-timeline .spfb-card>.spfb-drag svg{width:18px;height:24px}
.sp-forloeb-builder .spfb-timeline .spfb-card>:is(.spfb-card-actions,.spfb-card-detail,.spfb-card-workform,.spfb-card-settings){display:none!important}
.sp-forloeb-builder .spfb-timeline .spfb-sort-placeholder{margin:0;border:2px dashed var(--spf-muted,#6b7785);border-radius:16px;background:#e6ebef;min-height:0}
.sp-forloeb-builder .spfb-timeline .spfb-add-from-bank{width:calc(100% - 70px);margin:20px 0 0 70px;min-height:44px;border:1px dashed #a9b2bc;background:transparent;border-radius:12px;color:#3d4e5e;font-size:14px}
.sp-forloeb-builder .spfb-timeline .spfb-homework{margin:20px 0 0 70px;border:1px solid #d8dde1;border-radius:12px;background:#fff}
.sp-forloeb-builder .spfb-inspector{position:sticky;top:16px;min-width:0;max-height:none;overflow:visible;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#a6afb8 transparent;align-self:start;padding:28px 32px 32px;border:0;border-top:5px solid var(--phase);border-radius:20px;background:#fff;box-shadow:0 10px 36px #2028300b}
.sp-forloeb-builder .spfb-inspector-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 22px}
.sp-forloeb-builder .spfb-inspector-kicker{margin:0;font-size:13px;font-weight:550;color:var(--phase-ink)}
.sp-forloeb-builder .spfb-inspector-nav{display:flex;gap:6px}
.sp-forloeb-builder .spfb-inspector-nav .spfb-tool-btn{padding:0;min-width:36px;width:36px;min-height:36px;background:#f4f5f6;border:0;border-radius:9px}
.sp-forloeb-builder .spfb-inspector-nav button:disabled{opacity:.35;cursor:default}
.sp-forloeb-builder .spfb-inspector-title{margin:0 0 18px;font:600 clamp(23px,2.1vw,32px)/1.2 "Schibsted Grotesk",system-ui,sans-serif;letter-spacing:-.015em;color:#24292d;overflow-wrap:break-word}
.sp-forloeb-builder .spfb-inspector-description{width:100%;max-width:none;margin:0 0 24px;white-space:pre-line;font-size:16px;font-weight:400;line-height:1.65;color:#515d67;padding:12px 0 12px 18px;border-left:var(--spf-instruction-rail,4px) solid var(--phase);background:var(--spf-instruction-surface,#fff)}
.sp-forloeb-builder .spfb-inspector-meta{display:flex;flex-wrap:wrap;gap:18px 38px;margin:0 0 28px}
.sp-forloeb-builder .spfb-inspector-meta>div{display:flex;flex-direction:column;gap:4px}
.sp-forloeb-builder .spfb-inspector-meta small{font-size:12px;line-height:18px;letter-spacing:.025em;color:#5b6670}
.sp-forloeb-builder .spfb-inspector-meta span{font-size:17px;line-height:24px;color:#2e363d;font-weight:500}
.sp-forloeb-builder .spfb-inspector-materials{padding:24px 0;border-top:1px solid #e9ecef}
.sp-forloeb-builder .spfb-inspector-materials h3{margin:0 0 12px;font-size:12px;font-weight:600;line-height:18px;text-transform:uppercase;letter-spacing:.07em;color:#697580}
.sp-forloeb-builder .spfb-inspector-material-buttons{display:flex;flex-wrap:wrap;gap:10px}
.sp-forloeb-builder .spfb-detail-material{flex:0 1 auto;justify-content:center;flex-wrap:nowrap;min-height:44px;padding:10px 14px;border:1px solid var(--spf-material-border,#B8BEC6);border-radius:8px;background:var(--spf-material-surface,#F7F8F9);color:var(--spf-material-ink,#3F4852);font-size:14px;line-height:20px;white-space:nowrap;gap:8px}
.sp-forloeb-builder .spfb-detail-material:hover{background:#E5E8EC;color:#20242b}
.sp-forloeb-builder .spfb-detail-material svg{flex:0 0 16px}
.sp-forloeb-builder .spfb-detail-material span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-forloeb-builder .spfb-inspector-edition{margin-top:16px;max-width:260px}
.sp-forloeb-builder .spfb-inspector-actions{display:flex;flex-wrap:wrap;gap:12px 20px;padding-top:24px;border-top:1px solid #e9ecef}
.sp-forloeb-builder .spfb-inspector-actions .spfb-adjust{min-height:42px;border:1px solid #d6dde3;border-radius:10px;padding:10px 16px;background:#fff;color:#34424e}
.sp-forloeb-builder .spfb-inspector-actions .spfb-quick-remove{min-height:42px;padding:10px 0;border:0;background:transparent;color:#566571;white-space:normal;font-size:13px}
.sp-forloeb-builder .spfb-inspector .spfb-card-settings{margin:20px 0 0;padding:18px;border:0;border-radius:12px;background:#f3f5f7}
.sp-forloeb-builder .spfb-inspector .spfb-position-actions{display:flex;flex-wrap:wrap;gap:10px}
.sp-forloeb-builder .spfb-inspector .spfb-workform-fields{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.sp-forloeb-builder .spfb-inspector .spfb-workform-fields>label{flex:1 1 160px;min-width:0}
.sp-forloeb-builder .spfb-inspector .spfb-workform-fields>label>span{display:block;margin-bottom:6px;font-size:13px}
.sp-forloeb-builder .spfb-inspector button:focus-visible{outline:3px solid #667f93;outline-offset:3px}
@media(min-width:1101px){.sp-forloeb-builder .spf-header .spfb-header-inner{max-width:1580px;width:100%;padding-left:40px;padding-right:40px}}
@media(max-width:1000px){
 .sp-forloeb-builder .spfb-workspace,.sp-forloeb-builder.is-bank-open .spfb-workspace{padding:16px 24px 60px}
 .sp-forloeb-builder .spfb-plan-layout{grid-template-columns:minmax(230px,34%) minmax(0,1fr);gap:24px}
 .sp-forloeb-builder .spfb-inspector{padding:22px}
 .sp-forloeb-builder .spfb-timeline>.spfb-zone{padding-left:54px}
 .sp-forloeb-builder .spfb-timeline .spfb-card-index{left:-56px;width:40px;min-width:40px;height:40px;top:50%}
 .sp-forloeb-builder .spfb-timeline>.spfb-zone>.spfb-card::before{left:-37px}
 .sp-forloeb-builder .spfb-timeline .spfb-add-from-bank{margin-left:54px;width:calc(100% - 54px)}
 .sp-forloeb-builder .spfb-timeline .spfb-homework{margin-left:54px}
}
@media(max-width:760px){
 .sp-forloeb-builder .spfb-workspace,.sp-forloeb-builder.is-bank-open .spfb-workspace{padding:16px 16px 48px}
 .sp-forloeb-builder .spfb-plan-layout{display:block}
 .sp-forloeb-builder .spfb-inspector{position:relative;top:0;max-height:none;overflow:visible;margin:24px 0 0;padding:22px;border-radius:16px}
 .sp-forloeb-builder .spfb-section-hoved .spfb-section-title h2{font-size:24px}
 .sp-forloeb-builder .spfb-timeline>.spfb-zone>.spfb-card{min-height:80px;padding:14px 18px}
 .sp-forloeb-builder .spfb-timeline .spfb-card-duration{font-size:14px;line-height:20px}
 .sp-forloeb-builder .spfb-timeline .spfb-card-title{font-size:20px}
 .sp-forloeb-builder .spfb-timeline .spfb-card-index{top:50%}
 .sp-forloeb-builder .spfb-inspector-description{font-size:15px}
 .sp-forloeb-builder .spfb-detail-material{flex:0 1 auto}
}
@media(prefers-reduced-motion:reduce){.sp-forloeb-builder .spfb-timeline .spfb-card{transition:none}}

.sp-forloeb-builder .spfb-detail-return{display:none}
@media(max-width:760px){.sp-forloeb-builder .spfb-detail-return{display:inline-flex;margin-bottom:18px;background:transparent;border:0;padding:0;color:#425a6d;min-height:36px}}

.sp-forloeb-builder .spfb-timeline>.spfb-zone>.spfb-card.is-selected:focus-within{background:#fff}

/* Timeline metadata follows the reference: phase · duration on one row. */
.sp-forloeb-builder .spfb-timeline .spfb-card-duration::before{content:"·";margin:0 9px;color:#697580}
.sp-forloeb-builder .spfb-timeline .spfb-card:is(:hover,:focus-within)>.spfb-drag{opacity:.65}
.sp-forloeb-builder .spfb-section-hoved .spfb-head-actions{grid-column:auto;grid-row:auto;align-self:center;flex-wrap:nowrap}
.sp-forloeb-builder .spfb-section-hoved .spfb-section-intro{display:contents}
@media(max-width:1000px){.sp-forloeb-builder .spfb-timeline .spfb-card-sub{font-size:14px;line-height:20px}.sp-forloeb-builder .spfb-timeline .spfb-card-duration{font-size:14px;line-height:20px}}
@media(max-width:760px){.sp-forloeb-builder .spfb-section-hoved .spfb-section-copy{display:flex;flex-direction:column;align-items:stretch;gap:12px}.sp-forloeb-builder .spfb-section-hoved .spfb-head-actions{margin:0;align-self:stretch;flex-wrap:wrap}.sp-forloeb-builder .spfb-section-hoved .spfb-head-actions .spfb-btn{flex:1}.sp-forloeb-builder .spfb-timeline .spfb-card>.spfb-drag{opacity:.6}}

.sp-forloeb-builder .spfb-timeline .spfb-card.is-just-moved{animation:none}


/* Temaets tekster ligger ved tematitlen; materialelisten bruger den fælles flydende menu. */
.spfb-text-menu{display:inline-block;margin:0;position:relative}
.spfb-text-menu>summary{list-style:none;cursor:pointer;white-space:nowrap}
.spfb-text-menu>summary::-webkit-details-marker{display:none}
.spfb-text-menu>summary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.spfb-text-list{margin:0;padding:8px;background:#fff;color:var(--spf-text,#20242b);border:1px solid var(--spf-border,#c7cbd0);border-radius:10px;box-shadow:0 12px 32px #17212b26;font-family:"Schibsted Grotesk",system-ui,sans-serif;z-index:150}
.spfb-text-list>strong{display:block;padding:8px 10px;font-size:13px;color:var(--spf-muted)}
.spfb-text-list>a{display:block;padding:10px;border-radius:6px;text-decoration:none;color:inherit;font-size:14px;line-height:1.45}
.spfb-text-list>a:hover{background:#edf0f3}
.spfb-text-list>a:focus-visible{outline:2px solid #526b82;outline-offset:-2px}
.spfb-text-list>a>span{display:block;font-weight:550;overflow-wrap:anywhere}
.spfb-text-list>a>small{display:block;margin-top:3px;font-size:12px;color:var(--spf-muted)}

.sp-forloeb-builder .spfb-detail-material.is-support-material{background:var(--spf-support-surface);border-color:var(--spf-support-border);color:var(--spf-support-ink)}
.sp-forloeb-builder .spfb-detail-material .spf-material-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9}
.sp-forloeb-builder .spfb-text-list a:has(small){border-radius:6px}
.sp-forloeb-builder .spfb-text-list a[data-support-material]{background:transparent;border:0;color:var(--spf-support-ink);border-radius:6px}

.sp-forloeb-builder .spfb-text-list a[data-support-material]{padding-left:36px;position:relative}
.sp-forloeb-builder .spfb-text-list a[data-support-material]:before{content:"";position:absolute;left:12px;top:14px;width:16px;height:16px;background:currentColor;mask:var(--spf-ikon-hand-helping) center/contain no-repeat;-webkit-mask:var(--spf-ikon-hand-helping) center/contain no-repeat}

/* 3.62.3: Ordhjælp på andre sprog – én række, der folder sprogene ud */
.sp-forloeb-builder .spfb-text-list .spfb-oversat{margin:2px 0 0;border-top:1px solid var(--spf-border-soft,#e3e6ea);padding-top:2px}
.sp-forloeb-builder .spfb-oversat>summary{position:relative;display:block;list-style:none;cursor:pointer;padding:10px 34px 10px 36px;border-radius:6px;color:var(--spf-support-ink,#3f4852);font-size:14px;line-height:1.45}
.sp-forloeb-builder .spfb-oversat>summary::-webkit-details-marker{display:none}
.sp-forloeb-builder .spfb-oversat>summary:hover{background:#edf0f3}
.sp-forloeb-builder .spfb-oversat>summary:focus-visible{outline:2px solid #526b82;outline-offset:-2px}
.sp-forloeb-builder .spfb-oversat>summary::before{content:"";position:absolute;left:12px;top:13px;width:16px;height:16px;background:center/16px 16px no-repeat var(--spf-ikon-globe-graa)}
.sp-forloeb-builder .spfb-oversat>summary::after{content:"";position:absolute;right:14px;top:16px;width:7px;height:7px;border:solid #6C757D;border-width:0 1.6px 1.6px 0;transform:rotate(45deg);transition:transform .15s ease}
.sp-forloeb-builder .spfb-oversat[open]>summary::after{transform:rotate(-135deg);top:19px}
.sp-forloeb-builder .spfb-oversat>summary>span{display:block;font-weight:550}
.sp-forloeb-builder .spfb-oversat>summary>small{display:block;margin-top:3px;font-size:12px;color:var(--spf-muted)}
.sp-forloeb-builder .spfb-oversat-sprog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px 10px 10px 36px}
.sp-forloeb-builder .spfb-text-list .spfb-oversat-sprog>a{display:block;padding:7px 8px;border:1px solid var(--spf-border,#c6ccd3);border-radius:6px;background:#fff;color:var(--spf-text,#20242b);font-size:13px;font-weight:550;line-height:1.3;text-align:center;text-decoration:none;overflow-wrap:anywhere}
.sp-forloeb-builder .spfb-text-list .spfb-oversat-sprog>a::before{display:none}
.sp-forloeb-builder .spfb-text-list .spfb-oversat-sprog>a:hover{background:#f1f2f4;border-color:#9aa3ad}
.sp-forloeb-builder .spfb-text-list .spfb-oversat-sprog>a:focus-visible{outline:2px solid #526b82;outline-offset:1px}
/* 3.64.0: Facit til støttemateriale har facit-ikonet */
.sp-forloeb-builder .spfb-text-list a[data-support-material][data-material-kind="facit"]:before{mask-image:var(--spf-ikon-circle-check);-webkit-mask-image:var(--spf-ikon-circle-check)}
/* 3.65.0: Knappen »Opret og start« på én linje */
.sp-forloeb-builder .spfb-start-row button,.spfb-start-row button{white-space:nowrap;flex:none}