/* Services: indholdslag oven på designlab-komponenterne. */
/* Bro mellem den fælles bogstavhero og det nye komponentlag. */
.sv-page .letters-hero{--gutter:var(--fc-gutter);--serif:var(--fc-serif)}
.sv-page .letters-hero :focus-visible{outline-color:var(--hero-ink)}
.sv-page .letters-hero .hero-copy{height:auto;min-height:calc(var(--letter-field-height,408px) * .75);padding-block:28px 46px}
.sv-page .letters-hero .hero-copy h1{font-size:clamp(42px,5vw,76px)}
.sv-page .letters-hero .hero-copy>.fc-actions{width:100%;margin-top:8px;gap:16px 22px;align-items:center}
.sv-page .letters-hero .fc-actions a{font-size:14px}
@media(max-width:680px){.sv-page .letters-hero{height:auto;min-height:0}.sv-page .letters-hero .hero-copy{min-height:0;padding-block:24px 8px}.sv-page .letters-hero .hero-copy h1{font-size:clamp(40px,10.5vw,56px)}}
.sv-hero{padding-top:50px;align-items:stretch;padding-bottom:0}
.sv-hero .fc-hero-copy{padding-block:30px 60px;align-self:center}
.sv-hero .fc-hero-copy>.fc-kicker{font-size:11px}
.sv-hero .fc-hero-copy>h1{font-size:clamp(48px,5.6vw,84px);margin-top:26px}
.sv-hero .fc-hero-copy>p:not(.fc-kicker){max-width:470px;font-size:18px}
.sv-hero .fc-hero-image{margin:0;min-width:0;display:flex;flex-direction:column}
.sv-hero .fc-hero-image>img{height:100%;min-height:470px;flex:1;object-position:65% center}
.sv-hero figcaption{padding:12px 20px;margin:0;background:var(--fc-mint);font-size:9px}
.sv-overview{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0;margin-top:45px;border-top:1px solid var(--fc-ink)}
.sv-overview article{padding:28px 28px 0 0;min-width:0}
.sv-overview article+article{border-left:1px solid var(--fc-line);padding-left:28px}
.sv-overview h3{font:30px/1.15 var(--fc-serif);margin:24px 0 16px}
.sv-overview p:not(.fc-kicker){font-size:16px;max-width:430px}
.sv-overview .sv-outcome{margin-top:24px;font-size:13px!important;color:var(--fc-muted)}
.sv-phase-copy{padding:42px var(--fc-gutter);display:grid;grid-template-columns:1fr 1fr;gap:40px}
.sv-phase-copy h3{font:28px/1.15 var(--fc-serif);margin-bottom:22px}
.sv-list{margin:0;padding:0;list-style:none}
.sv-list li{border-top:1px solid var(--fc-line);padding:15px 0;font-size:16px}
.sv-output{background:var(--fc-paper);padding:24px;border:1px solid var(--fc-line)}
.sv-output p{font-size:16px;line-height:1.6}
.sv-output strong{display:block;font:40px/1.15 var(--fc-serif);margin:18px 0}
.sv-next{padding:26px var(--fc-gutter);background:var(--fc-ink);color:var(--fc-paper)}
.sv-next>p:last-child{font-size:16px;margin-top:12px;max-width:720px}
.sv-workshop-intro{background:var(--fc-purple);color:var(--fc-paper)}
.sv-workshop-intro .fc-grid-8{align-items:end}
.sv-workshop-intro .fc-span-4:first-child{padding-right:var(--fc-gutter)}
.sv-workshop-intro h2{margin:25px 0}
.sv-workshop-intro p{max-width:560px}
.sv-workshop-intro .fc-copy p+p{margin-top:20px}
.sv-workshop-intro .fc-btn{margin-top:28px}
.sv-workshop-body{display:grid;grid-template-columns:1fr 1fr;gap:0}
.sv-workshop-copy{padding:48px var(--fc-gutter)}
.sv-workshop-copy h3{font:clamp(32px,3.3vw,48px)/1.15 var(--fc-serif);letter-spacing:-.03em;margin:20px 0 24px}
.sv-workshop-copy>p:not(.fc-kicker){font-size:17px;max-width:510px}
.sv-workshop-result{background:var(--fc-mint);padding:48px var(--fc-gutter)}
.sv-workshop-result h4{font:27px/1.2 var(--fc-serif);margin:24px 0}
.sv-workshop-result>p{font-size:16px}
.sv-workshop-result .sv-list{margin-bottom:24px}
.sv-workshop-brief{padding:32px var(--fc-gutter);border-top:1px solid var(--fc-line);display:grid;grid-template-columns:1fr 3fr;gap:0}
.sv-workshop-brief>p{font-size:15px;max-width:880px}
.sv-workshop-brief>.fc-kicker{font-size:11px;padding-right:25px}
.sv-source-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0;margin-top:42px}
.sv-source-grid article{border-top:1px solid var(--fc-line);padding:25px 28px 0 0;min-width:0}
.sv-source-grid article+article{padding-left:28px;border-left:1px solid var(--fc-line)}
.sv-source-grid h3{font:27px/1.2 var(--fc-serif);margin:20px 0}
.sv-source-grid p:not(.fc-kicker){font-size:15px;max-width:540px}
.sv-source-grid small{display:block;font-size:12px;color:var(--fc-muted);margin:20px 0}
.sv-source-grid a{font-size:14px}
.sv-principles{background:var(--fc-mint)}
.sv-principles .fc-step{border-color:#25232950}


.sv-page .fc-nav [aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.sv-page .fc-heading-row>p{max-width:420px}
.sv-page .fc-tabs--page-vertical>.fc-tablist>.fc-tab{text-wrap:balance}
.sv-page .fc-tabs--page-boxed>.fc-tablist>.fc-tab{font-size:18px!important}
@media(max-width:1000px){.sv-overview,.sv-source-grid{grid-template-columns:1fr 1fr}.sv-overview article:first-child,.sv-source-grid article:first-child{grid-column:1/-1;padding-bottom:30px}.sv-overview article:nth-child(2),.sv-source-grid article:nth-child(2){border-left:0;padding-left:0}.sv-source-grid article+article{border-top:1px solid var(--fc-line)}.sv-phase-copy{gap:25px}.sv-phase-copy h3{font-size:24px}.sv-workshop-copy,.sv-workshop-result{padding-block:35px}}
@media(max-width:700px){.sv-hero{padding-top:22px}.sv-hero .fc-hero-copy{padding-top:12px;padding-bottom:38px}.sv-hero .fc-hero-copy>h1{font-size:49px}.sv-hero .fc-hero-image>img{min-height:0;height:310px}.sv-hero .fc-hero-copy>p:not(.fc-kicker){font-size:16px}.sv-overview,.sv-source-grid{grid-template-columns:1fr}.sv-overview article,.sv-overview article+article,.sv-source-grid article,.sv-source-grid article+article{padding:25px 0;border-left:0;border-top:1px solid var(--fc-line)}.sv-overview article:first-child,.sv-source-grid article:first-child{border-top:0}.sv-phase-copy,.sv-workshop-body{grid-template-columns:1fr}.sv-phase-copy{padding-block:30px;gap:28px}.sv-workshop-intro .fc-grid-8{gap:25px}.sv-workshop-intro .fc-span-4:first-child{padding:0}.sv-workshop-brief{grid-template-columns:1fr;gap:15px}.sv-page .fc-tabs--page-boxed>.fc-tablist>.fc-tab{font-size:16px!important}.sv-page .fc-tabs--page-vertical>.fc-tablist>.fc-tab:last-child{grid-column:1/-1}.sv-workshop-copy h3{font-size:34px}.sv-page .fc-title{font-size:39px}}
@media(max-width:380px){.sv-hero .fc-hero-copy>h1{font-size:42px}.sv-page .fc-title{font-size:35px}}

/* Tilgangen er flyttet fra forsiden og bruger den fælles FAQ-komponent. */
.sv-approach{border-top:1px solid var(--fc-line)}
.sv-approach>.fc-title{margin-bottom:40px}
.sv-approach .fc-faq summary{display:grid;grid-template-columns:30px minmax(0,1fr);gap:22px;padding-block:30px}
.sv-approach .fc-faq summary>.fc-kicker{padding-top:8px}
.sv-approach .fc-faq summary::after{content:'↓';top:30px}
.sv-approach .fc-faq details[open] summary::after{content:'↑'}
.sv-approach-copy{max-width:760px;margin-left:25%;padding-bottom:32px;font-size:17px;line-height:1.65}
@media(max-width:700px){.sv-approach .fc-faq summary{gap:12px;grid-template-columns:22px minmax(0,1fr)}.sv-approach-copy{margin-left:0;font-size:16px}}