/* H2A: additive method destination. Existing global and renderer geometry stay owned. */
body.method-page .method-inner{width:min(var(--cc-page-width),calc(100% - 2 * var(--cc-page-gutter)));margin-inline:auto;min-width:0}
body.method-page :is(.method-demos,.method-guides){padding-block:var(--cc-space-5)}
body.method-page :is(.method-demos,.method-guides,.method-demo,.method-guide){scroll-margin-top:calc(var(--cc-nav-h,72px) + 20px)}
body.method-page .method-intro{max-width:var(--cc-reading-measure)}
body.method-page .method-intro h2{font:650 var(--cc-type-section)/1.15 var(--font-display);letter-spacing:-.025em;margin:0 0 20px}
body.method-page .method-intro p{font:var(--cc-type-body)/1.7 var(--font-body);color:var(--cc-text-secondary);margin:0}
body.method-page .method-chooser{display:flex;flex-wrap:wrap;gap:var(--cc-space-1) var(--cc-space-3);margin:var(--cc-space-3) 0 var(--cc-space-4)}
body.method-page .method-chooser a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px;text-underline-offset:5px}
body.method-page .method-demo{min-width:0;margin-block:0 var(--cc-space-5)}
body.method-page .method-demo-title{font:650 var(--cc-type-subhead)/1.3 var(--font-display);margin:0 0 20px}
body.method-page .incident-section{margin:0}
body.method-page .demo-head{max-width:var(--cc-reading-measure);margin-bottom:24px}
body.method-page .demo-head h3{font-size:var(--cc-type-subhead)}
body.method-page .demo-head p{color:var(--cc-text-secondary);line-height:1.7}
body.method-page .incident-stage{min-width:0;max-width:100%}
body.method-page .method-demo .cc-infra-fallback{margin:0}
body.method-page section#kube-demo{position:relative;inset:auto;width:100%;max-width:100%;margin:0;border-radius:0}
body.method-page .method-next{max-width:var(--cc-reading-measure);margin:24px 0 0;color:var(--cc-text-secondary);font:var(--cc-type-body)/1.7 var(--font-body)}
body.method-page .method-guide{border-top:1px solid var(--cc-border);padding:0}
body.method-page .method-guide:last-child{border-bottom:1px solid var(--cc-border)}
body.method-page .method-guide summary{min-height:44px;padding:22px 4px;font:600 var(--cc-type-subhead)/1.4 var(--font-body);cursor:pointer}
body.method-page .method-guide-body{max-width:var(--cc-reading-measure);padding:0 4px 24px;font:var(--cc-type-body)/1.7 var(--font-body);overflow-wrap:anywhere}
body.method-page .method-guide-body p{margin:0 0 20px}
body.method-page .method-guide-body a{display:inline-block;min-height:44px;padding-block:8px}
body.method-page :is(.method-chooser a,.method-guide summary,.method-guide-body a):focus-visible{outline:3px solid var(--cc-focus);outline-offset:4px}
@media(max-width:640px){body.method-page .method-chooser{align-items:stretch;flex-direction:column;gap:6px}body.method-page .method-demo{margin-bottom:40px}}
@media(forced-colors:active){body.method-page .method-guide{border-color:CanvasText}body.method-page :is(.method-intro p,.method-next,.method-guide-body){color:CanvasText}body.method-page :is(.method-chooser a,.method-guide summary,.method-guide-body a):focus-visible{outline-color:Highlight}}
@media print{body.method-page .method-guide:not([open])>.method-guide-body{display:block}body.method-page .method-guide::details-content{content-visibility:visible!important}}

/* Method-only intrinsic-width repair: keep complete labels and native targets.
   Guide card placement is a separate renderer contract, not repaired here. */
body.method-page{overflow-wrap:anywhere}
body.method-page .nav-inner{min-width:0;flex-wrap:wrap}
body.method-page .site-nav{position:sticky;height:auto;min-height:var(--cc-nav-h);padding-block:8px}
body.method-page .nav-actions{min-width:0;max-width:100%;flex-wrap:wrap;flex-shrink:1}
body.method-page .nav-actions .btn{min-width:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
body.method-page :is(.cc-guide-meta,.cc-guide-world-badge,.cc-guide-world-badge>span,.cc-guide-clive__score,.cc-guide-clive__score>*,.cc-guide-instrument>*,.closer h2,.closer .accent-gold-italic){min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
body.method-page .cc-guide-world-badge{flex-wrap:wrap;line-height:1.4}
body.method-page .cc-guide-progress-text{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
body.method-page .cc-guide-clive__score{grid-template-columns:repeat(2,minmax(0,1fr))}
body.method-page .cc-guide-instrument{grid-template-columns:minmax(0,1fr) minmax(0,auto)}
body.method-page #kube-demo #kube-difficulty{box-sizing:border-box;min-width:44px;width:100%;max-width:100%}
body.method-page #kube-demo .kd-controls{min-width:0;max-width:100%;flex-wrap:wrap}

/* Method keeps open reading groups around its two necessary live instruments. */
body.method-page :is(.method-intro,.method-next,.method-guide,.method-guide-body){
  background:none;border-radius:0;box-shadow:none;
}
body.method-page :is(.cc-guide,.cc-infra-fallback){border-radius:var(--cc-container-radius)}