
/* Uses the shared Jobmonitor tokens; this page has no separate type or colour system. */
.method-page{--editorial:"Newsreader",Georgia,serif}
.method-page h2{font-family:var(--editorial);font-weight:600;letter-spacing:-.04em}
.method-page :is(.eyebrow,.source-row-head,.validation dt,.version-row>span,.version-row time){font-family:var(--sans);letter-spacing:.035em}
.method-page .version-row{grid-template-columns:125px 1fr 1.7fr auto}
.method-page .version-title{grid-row:span 3}
.method-page #besoegsdata{max-width:var(--max)!important;padding-top:60px!important}
.method-page #besoegsdata h2{font-size:clamp(34px,3.5vw,48px);line-height:1.05}
.method-page #besoegsdata p{max-width:85ch;color:#42514f;font-size:15px}
.method-page .jm-model-map{--am-role:var(--petrol);--am-person:var(--peach-strong);--am-entry:#607c73;--am-blue-soft:#f2f5f3;--am-sage:#f2f5f3}
.method-page .jm-model-map :is(h2,h3,.am-engine-node strong){font-weight:600}
.method-page .am-detail-content summary{display:flex;justify-content:space-between;gap:15px;list-style:none;padding:12px 0}
.method-page .am-detail-content summary::-webkit-details-marker{display:none}
.method-page .am-detail-content summary::after{content:'+';color:var(--petrol)}
.method-page .am-detail-content details[open]>summary::after{content:'−'}
.method-page .am-detail-content code{font-family:var(--mono)}
@media(max-width:760px){.method-page .version-row{grid-template-columns:110px 1fr}.method-page .version-row time,.method-page .version-row p{grid-column:2}}
.method-story{color:var(--ink);font-family:var(--sans);line-height:1.65}
.method-story .wrap{max-width:var(--max);width:min(var(--max),100%);margin:auto;padding-inline:var(--gutter)}
.method-story h1,.method-story h2,.method-transition h2{font-family:var(--editorial);font-weight:600;line-height:.98;letter-spacing:-.05em}
.method-story h1{font-size:clamp(48px,5.3vw,78px);margin:20px 0 28px;text-wrap:balance}
.method-story h2{font-size:clamp(36px,4.2vw,58px);margin:12px 0 22px;text-wrap:balance}
.method-story h3{font:700 20px/1.35 var(--sans);letter-spacing:-.025em;margin:16px 0 12px}
.method-story p{margin:0 0 16px}
.method-story .ey,.method-story .nr,.method-transition .eyebrow,.method-explorer-fold .ey{display:block;font:600 12px/1.5 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--petrol)}
.method-story .lead{font-size:17px;color:#42514f;max-width:62ch}
.method-story .hero{background:var(--paper);padding:70px 0 35px}
.method-story .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:65px;align-items:start}
.method-story .hero .lead{max-width:43ch}
.method-story .method-cta{display:inline-flex;gap:30px;align-items:center;margin:12px 0 25px;padding:15px 22px;background:var(--peach);color:var(--ink);text-decoration:none;border-radius:7px;font-size:15px;font-weight:700}
.method-story .hero-footnote{font-size:12px;color:var(--muted)}
.method-story .graf{min-width:0;background:var(--dark);color:var(--white);padding:30px;margin:0;border-radius:10px}
.method-story .graf .ey{color:var(--peach)}
.method-story .graf h2{font-size:34px;margin:10px 0}
.method-story figcaption p{font-size:13px;color:#bdccc8}
.method-story #method-chart svg{display:block;width:100%;height:auto;font-family:var(--sans)}
.method-story #method-chart svg path{vector-effect:non-scaling-stroke}
@media(max-width:560px){.method-story #method-chart svg text{font-size:21px}.method-story .tabel:focus-visible{outline:2px solid var(--peach-strong);outline-offset:3px}}
.method-story .leg{display:flex;flex-wrap:wrap;gap:12px 18px;font-size:12px;margin-top:10px}
.method-story .leg span{display:inline-flex;align-items:center;gap:7px}
.method-story .leg span:before{content:'';width:8px;height:8px;border-radius:50%;background:#9ebfb6}
.method-story .leg .l2:before{background:var(--peach)}
.method-story .leg .l3:before{background:var(--white)}
.method-story .chart-note{font-size:12px;color:#bdccc8;margin-top:17px}
.method-story #method-readout{font:500 13px/1.7 var(--sans);font-variant-numeric:tabular-nums;min-height:44px;padding:14px 0 0;border-top:1px solid #385159}
.method-story .method-table-wrap{margin-top:28px}
.method-story .story-nav{display:flex;gap:12px 26px;flex-wrap:wrap;padding-block:20px;border-block:1px solid var(--rule);font-size:13px;font-weight:600}
.method-story .story-nav a{color:var(--petrol);text-decoration:none;padding:5px 0}
.method-story .story-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.method-story .trin{padding:65px 0;scroll-margin-top:95px}
.method-story .trin+.trin>.wrap{border-top:1px solid var(--rule);padding-top:60px}
.method-story .trin+.trin{padding-top:0}
.method-story .trin-hoved{margin-bottom:36px;max-width:800px}
.method-story .source-principles,.method-story .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.method-story .source-principles article{padding-top:20px;border-top:2px solid var(--petrol)}
.method-story .source-principles p,.method-story .kort p,.method-story .dom p{font-size:15px;color:#42514f;line-height:1.7}
.method-story .chip{display:inline-flex;font:600 12px/1.5 var(--sans);color:var(--petrol)}
.method-story .chip-v{color:var(--peach-strong)}
.method-story .kort{min-width:0;border-top:1px solid var(--rule);padding:20px 0}
.method-story .calculations{display:block;border-top:1px solid var(--ink)}
.method-story .calculations .kort{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1fr);gap:16px 32px;padding:30px 0;border-top:0;border-bottom:1px solid var(--rule);background:transparent}
.method-story .calculations .nr{color:var(--peach-strong);max-width:130px;padding-top:5px}
.method-story .calculations h3{font:600 clamp(26px,2.4vw,34px)/1.08 var(--editorial);letter-spacing:-.035em;margin:0}
.method-story .calculations p{margin:0}
.method-story .calculations details{grid-column:2/-1;margin:0;border:0}
.method-story .calculations details p{max-width:85ch;margin:15px 0}
.method-story .liste{list-style:none;padding:0;margin:16px 0 0;font-size:14px}
.method-story .liste li{display:flex;gap:15px;justify-content:space-between;border-top:1px solid var(--rule);padding:10px 0;color:var(--muted)}
.method-story .liste b{white-space:nowrap;color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.method-story details{margin-top:24px;border-block:1px solid var(--rule)}
.method-story summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font:600 14px/1.5 var(--sans);list-style:none;padding:17px 0;color:var(--ink)}
.method-story summary::-webkit-details-marker{display:none}
.method-story summary::after{content:'+';font:400 24px/1 var(--sans);color:var(--petrol);flex:none}
.method-story details[open]>summary::after{content:'−'}
.method-story details[open]>summary{margin-bottom:12px}
.method-story details p{font-size:14px}
.method-story .formel{font:13px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:15px 0;padding:22px 26px;border-left:3px solid var(--peach-strong);background:#f2f5f3;color:var(--ink)}
.method-story .formula-label{font-size:12px;font-weight:600;color:var(--petrol)}
.method-story .weight-flow{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:center}
.method-story .weight-start{border-block:1px solid var(--rule);padding:30px 0}
.method-story .weight-start h3{font:600 36px/1.1 var(--editorial);letter-spacing:-.035em}
.method-story .weight-start p{font-size:15px;color:#42514f}
.method-story .weight-branches{display:grid;gap:0;position:relative}
.method-story .weight-branches:before{content:'';position:absolute;left:-33px;top:25%;bottom:25%;width:32px;border-left:1px solid var(--petrol);border-block:1px solid var(--petrol)}
.method-story .weight-branches article{padding:25px 30px;border-left:3px solid var(--petrol);background:#f2f5f3}
.method-story .weight-branches .weight-entry{background:#fff4ed;border-color:var(--peach-strong);margin-top:16px}
.method-story .weight-branches p{font-size:15px;color:#42514f}
.method-story .weight-branches strong{font-size:13px;font-weight:600}
.method-story .method-note{font-size:14px;color:var(--muted);max-width:85ch;margin:26px 0 0}
.method-story .g2{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.method-story .tabel{overflow:auto;max-width:100%;padding-bottom:8px}
.method-story table{width:100%;border-collapse:collapse;font:14px/1.6 var(--sans);font-variant-numeric:tabular-nums}
.method-story th,.method-story td{padding:16px;text-align:left;border-bottom:1px solid var(--rule);vertical-align:top}
.method-story thead th{font:600 12px/1.5 var(--sans);color:var(--petrol);background:#f2f5f3}
.method-story tbody th{font:600 14px/1.6 var(--sans)}
.method-story .mono{font-family:var(--sans);font-variant-numeric:tabular-nums}
.method-story caption{text-align:left;padding:0 0 18px;font-size:13px;color:var(--muted)}
.method-story .zone-pil{display:inline-block;width:9px;height:9px;margin-right:12px;border-radius:50%}
.method-story .doms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 40px}
.method-story .dom{border-top:1px solid var(--rule);padding-top:20px}
.method-story .dom h4{font-size:17px;margin:0 0 12px}
.method-story .dom h4 span{float:right;font:600 16px var(--sans);color:var(--peach-strong)}
.method-story #method-sources{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.method-story .source-record{padding:20px 0;border-top:1px solid var(--rule)}
.method-story .source-record h4{font-size:15px;margin:0 0 10px}
.method-story .source-record p{font-size:14px;color:#42514f}
.method-story .source-record a{font-size:13px;color:var(--petrol);text-underline-offset:4px}
.method-story #method-chart-table table{min-width:620px}
.method-story :is(a,summary,button,svg):focus-visible,.method-explorer-fold summary:focus-visible{outline:2px solid var(--peach-strong);outline-offset:4px;border-radius:3px}
.method-explorer-fold{padding-block:15px 65px}
.method-explorer-fold>details{border-block:1px solid var(--rule);padding-block:24px}
.method-explorer-fold>details>summary{position:relative;cursor:pointer;list-style:none;padding-right:40px}
.method-explorer-fold summary::-webkit-details-marker{display:none}
.method-explorer-fold summary strong{display:block;font:600 clamp(28px,3vw,40px)/1.1 var(--editorial);letter-spacing:-.04em;margin-top:10px}
.explorer-arrow{position:absolute;right:0;top:15px;font-size:30px;color:var(--petrol)}
.method-explorer-fold>details[open] .explorer-arrow{transform:rotate(45deg)}
.method-explorer-fold>details>p{font-size:15px;color:var(--muted);margin-top:18px}
.method-explorer-fold .method-model-map{padding-inline:0;padding-bottom:10px}
.method-transition{padding:60px 0;background:var(--dark);color:var(--white)}
.method-transition h2{font-size:clamp(38px,4vw,58px);margin:20px 0}
.method-transition p{font-size:16px;max-width:50ch}
.method-transition .eyebrow{color:var(--peach)}
.method-page #ledger-title,.method-page #model-title{scroll-margin-top:100px}
@media(max-width:1100px){.method-story .hero-grid{gap:35px}.method-story .hero h1{font-size:54px}.method-story .calculations .kort{grid-template-columns:120px 1fr 1fr;gap:16px 25px}}
@media(max-width:850px){.method-story .hero-grid{grid-template-columns:1fr}.method-story .hero .lead{max-width:60ch}.method-story .hero h1{max-width:650px}.method-story .g3,.method-story .source-principles{grid-template-columns:1fr;gap:20px}.method-story .weight-flow{grid-template-columns:1fr;gap:30px}.method-story .weight-branches:before{display:none}.method-story .doms{grid-template-columns:1fr 1fr}.method-story .g2{gap:30px}.method-story .calculations .kort{grid-template-columns:1fr 1fr}.method-story .calculations .nr{grid-column:1/-1;max-width:none}.method-story .calculations details{grid-column:1/-1}}
@media(max-width:560px){.method-story .hero h1{font-size:46px}.method-story .hero{padding:40px 0 25px}.method-story .graf{padding:22px 18px}.method-story .lead{font-size:16px}.method-story .g2,.method-story .doms,.method-story #method-sources,.method-story .calculations .kort{grid-template-columns:1fr}.method-story .story-nav{gap:6px 20px}.method-story th,.method-story td{padding:13px 10px;font-size:13px}.method-story #t7 table{min-width:560px}.method-story .weight-branches article{padding:22px}.method-story .leg{gap:9px 15px}.method-story #method-readout{font-size:12px}.method-story h2{font-size:38px}.method-story .hero-footnote{font-size:12px}.method-story .trin{padding-block:45px}.method-story .trin+.trin{padding-top:0}.method-story .trin+.trin>.wrap{padding-top:45px}.method-story .formel{padding:18px 14px;font-size:12px}}

/* Open editorial layouts: no callout boxes with a coloured left edge. */
.method-story .hero{padding-bottom:35px}
.method-story #t1{padding-top:35px}
.method-story .weight-flow{align-items:start;gap:65px}
.method-story .weight-start{border:0;padding:25px 0}
.method-story .weight-branches:before{display:none}
.method-story .weight-branches article,.method-story .weight-branches .weight-entry{background:none;border:0;border-top:1px solid var(--rule);margin:0;padding:25px 0}
.method-story .weight-branches h3{font:600 32px/1.1 var(--editorial);letter-spacing:-.035em}
.method-story .weight-branches .nr{color:var(--peach-strong)}
.method-story .formel{background:none;border:0;border-block:1px solid var(--rule);padding:20px 0}
.method-page .model-caveat{background:none;border:0;border-top:1px solid var(--rule);padding:22px 0}
.method-page .model-caveat strong{font:600 27px/1.1 var(--editorial);letter-spacing:-.025em}
.method-page .model-caveat p{font-size:14px;line-height:1.7;margin-top:12px}
.method-page .am-result{border-left-width:1px;border-left-color:var(--rule)}
.method-page .data-ledger{margin-top:0;padding-top:65px;border-top:1px solid var(--rule)}
.market-method-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:48px}
.market-method-intro h2{font:600 clamp(38px,4.4vw,62px)/1 var(--editorial);letter-spacing:-.045em;margin:15px 0 0}
.market-method-intro>p{max-width:48ch;margin:0;color:#42514f;font-size:16px;line-height:1.7}
.method-page .ledger-head{background:none;color:var(--ink);border-radius:0;padding:23px 0;border-top:1px solid var(--ink);gap:30px}
.method-page .ledger-head .eyebrow,.method-page .ledger-head>span{color:var(--muted)}
.method-page .ledger-head h2{font:600 24px/1.2 var(--editorial);margin-top:12px}
.method-page .source-table{border-radius:0;border-inline:0}
@media(max-width:760px){.market-method-intro{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.method-page .data-ledger{padding-top:45px}.method-story .weight-flow{gap:15px}.method-story .weight-branches h3{font-size:29px}.method-page .ledger-head{display:block}.method-page .ledger-head>span{display:block;margin-top:16px}}
