/*! NBC v7.444 · Decision Guide Family System */
@layer nbc.guide{
body.page-template-guide[data-guide-system="v7444"]{
  --guide-dark-ink:var(--nbc-dark-ink,#edf4ee);
  --guide-dark-muted:var(--nbc-dark-muted,rgba(225,237,228,.72));
  --guide-paper:var(--nbc-paper,#f1eee5);
  --guide-paper-ink:var(--nbc-paper-ink,#142017);
  --guide-paper-muted:var(--nbc-paper-muted,#536057);
  --guide-line:var(--nbc-line-dark,rgba(205,229,212,.13));
  --guide-accent:var(--nbc-accent,#9ed9ac);
}
body.page-template-guide[data-guide-system="v7444"] :is(.dg3-page,.f1-guide-folio){background:transparent!important;color:var(--guide-dark-ink)!important}
body.page-template-guide[data-guide-system="v7444"] .f1-guide-folio>.dg3-section,
body.page-template-guide[data-guide-system="v7444"] .f1-guide-folio>.dg3-access{margin:0!important;border:0!important;box-shadow:none!important}
body.page-template-guide[data-guide-system="v7444"] .f1-guide-folio .dg3-wrap{width:var(--nbc-global-rail)!important;max-width:var(--nbc-rail-visual,1680px)!important;margin-inline:auto!important}
body.page-template-guide[data-guide-system="v7444"] .dg3-section-head{position:static!important;inset:auto!important;transform:none!important}
body.page-template-guide[data-guide-system="v7444"] :is(#vorschau,#guide-access)[data-nbc-surface="dark"] :is(h2,h3,strong){color:var(--guide-dark-ink)!important;-webkit-text-fill-color:currentColor!important}
body.page-template-guide[data-guide-system="v7444"] :is(#vorschau,#guide-access)[data-nbc-surface="dark"] :is(p,li,figcaption,small){color:var(--guide-dark-muted)!important;-webkit-text-fill-color:currentColor!important}
body.page-template-guide[data-guide-system="v7444"] #nutzen[data-nbc-surface="paper"] :is(h2,h3,strong){color:var(--guide-paper-ink)!important;-webkit-text-fill-color:currentColor!important}
body.page-template-guide[data-guide-system="v7444"] #nutzen[data-nbc-surface="paper"] :is(p,li,figcaption,small){color:var(--guide-paper-muted)!important;-webkit-text-fill-color:currentColor!important}
}

@layer nbc.guide{
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio[data-guide-surface="working"]{
  width:100%;max-width:none;margin:0;padding:0;
  background:transparent!important;color:#edf4ee!important;
  border:0!important;box-shadow:none!important;border-radius:0!important;
}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio::before{display:none!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>.dg3-section,
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>.dg3-access{margin:0!important;border:0!important;box-shadow:none!important;}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio .dg3-wrap{width:var(--nbc-global-rail,min(1680px,94vw))!important;max-width:var(--nbc-width-max,1680px)!important;margin-inline:auto!important;}

/* One intentional light material: what the guide delivers. */
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#nutzen{
  padding:clamp(68px,6.6vw,96px) 0!important;background:var(--nbc-paper,#f1eee5)!important;color:var(--nbc-paper-ink,#142017)!important;
  border-block:1px solid rgba(11,23,16,.13)!important;
}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#nutzen :is(h2,h3,strong){color:var(--nbc-paper-ink,#142017)!important;-webkit-text-fill-color:currentColor!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#nutzen :is(p,li,figcaption,small){color:var(--nbc-paper-muted,#536057)!important;-webkit-text-fill-color:currentColor!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#nutzen :is(.dg3-label,.f1-guide-meta){color:var(--nbc-folio-moss)!important;-webkit-text-fill-color:currentColor!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-meta{width:100%!important;max-width:none!important;margin:0 0 clamp(38px,5vw,68px)!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio .dg3-section-head{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr)!important;gap:32px 70px!important;align-items:end!important;margin-bottom:44px!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio .dg3-section-head .nbc-folio__statement{margin:8px 0 0!important;max-width:15ch!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#nutzen .dg3-outcomes{display:block!important;margin-top:0!important;border-top:1px solid var(--nbc-folio-rule)!important;background:transparent!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#nutzen .dg3-outcome{display:grid!important;position:static!important;grid-template-columns:minmax(118px,.34fr) minmax(260px,.86fr) minmax(0,1.3fr)!important;grid-template-rows:auto!important;gap:8px clamp(28px,3vw,52px)!important;min-height:0!important;padding:27px 0!important;border:0!important;border-bottom:1px solid var(--nbc-folio-rule)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#nutzen .dg3-outcome>span{position:static!important;grid-column:1!important;grid-row:1!important;width:auto!important;margin:2px 0 0!important;color:var(--nbc-folio-moss)!important;-webkit-text-fill-color:currentColor!important;font:600 10px/1.4 "IBM Plex Mono",monospace!important;letter-spacing:.09em!important;text-transform:none!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#nutzen .dg3-outcome>strong{display:block!important;position:static!important;grid-column:2!important;grid-row:1!important;margin:0!important;color:var(--nbc-paper-ink,#142017)!important;-webkit-text-fill-color:currentColor!important;font-size:clamp(18px,1.55vw,22px)!important;line-height:1.35!important;font-weight:600!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#nutzen .dg3-outcome>p{position:static!important;grid-column:3!important;grid-row:1!important;margin:0!important;max-width:66ch!important;color:var(--nbc-paper-muted,#536057)!important;-webkit-text-fill-color:currentColor!important;font-size:15px!important;line-height:1.58!important}

/* Real working pages + complete guide return to dark canvas instead of one huge paper slab. */
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#vorschau,
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#guide-access{
  position:relative!important;padding:clamp(72px,7vw,108px) 0!important;background:transparent!important;color:#edf4ee!important;border-top:1px solid rgba(181,221,191,.11)!important;
}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#vorschau::before,
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#guide-access::before{content:"";position:absolute;pointer-events:none;inset:0;background:radial-gradient(720px 360px at 82% 12%,rgba(82,150,101,.075),transparent 70%);opacity:.9;}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#vorschau>.dg3-wrap,
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#guide-access>.dg3-wrap{position:relative;z-index:1;}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>:is(#vorschau,#guide-access) :is(h2,h3,strong){color:#edf4ee!important;-webkit-text-fill-color:currentColor!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>:is(#vorschau,#guide-access) :is(p,li,figcaption,small){color:rgba(225,237,228,.70)!important;-webkit-text-fill-color:currentColor!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>:is(#vorschau,#guide-access) :is(.dg3-label,.f1-guide-meta){color:#9ee0b1!important;-webkit-text-fill-color:currentColor!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio #vorschau .dg3-preview-grid{gap:clamp(22px,3vw,44px)!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio #vorschau .dg3-preview-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio #vorschau .dg3-preview-paper{padding:0!important;background:var(--nbc-folio-paper,#f2f1eb)!important;border:1px solid rgba(181,221,191,.18)!important;border-radius:0!important;box-shadow:none!important;overflow:hidden}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio #vorschau .dg3-preview-card figcaption{padding:16px 0 0!important;color:rgba(225,237,228,.64)!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio #guide-access .dg3-access-box{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(360px,1fr)!important;gap:48px 80px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio #guide-access .dg4-gate-card{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio #guide-access .dg4-gate-row{border-bottom:1px solid rgba(225,237,228,.42)!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio #guide-access .dg4-gate-row input{min-height:54px;padding:10px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#edf4ee!important;-webkit-text-fill-color:currentColor!important;font-size:17px!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio #guide-access .dg4-gate-row input::placeholder{color:rgba(225,237,228,.44)!important}
body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio #guide-access .dg4-gate-row button{min-height:54px;padding:0 0 0 18px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#9ee0b1!important;font-weight:700!important}

@media(max-width:760px){
  body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#nutzen,
  body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#vorschau,
  body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#guide-access{padding:68px 0!important}
  body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio .dg3-wrap{width:calc(100% - 40px)!important}
  body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-meta{width:100%!important;margin-bottom:38px!important}
  body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio .dg3-section-head{grid-template-columns:1fr!important;gap:18px!important;margin-bottom:32px!important}
  body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#nutzen .dg3-outcome{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:22px 0!important}
  body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#nutzen .dg3-outcome>:is(span,strong,p){position:static!important;grid-column:1!important;grid-row:auto!important;width:auto!important}
  body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#nutzen .dg3-outcome>span{margin:0 0 4px!important}
  body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio>#nutzen .dg3-outcome>p{margin-top:3px!important}
  body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio #vorschau .dg3-preview-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:14px!important;margin-inline:-20px!important;padding:0 20px 12px!important;scrollbar-width:none}
  body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio #vorschau .dg3-preview-card{flex:0 0 86vw!important;scroll-snap-align:start!important}
  body.page-template-guide[data-folio-migration="f1-v7011"] .f1-guide-folio #guide-access .dg3-access-box{grid-template-columns:1fr!important;gap:34px!important}
}

}