/* Method: one continuous teaching surface, from the map to deliberate review. */
.method-page{--mt-paper:#f7f8fb;--mt-faint:#e8edf4;color:var(--ds-ink,#121c2c);background:#fff;font:400 1rem/1.65 var(--ds-body,Inter,Arial,sans-serif);padding-bottom:0}
.method-page :is(p,h1,h2,h3,h4,figure){margin:0}
.method-page :is(h1,h2,h3){font-family:var(--ds-display,'Inter Display',Inter,Arial,sans-serif);font-weight:400;font-style:normal}
.method-page strong{font-weight:600}
.method-page em{font-style:normal}
.method-page .ds-eyebrow{font:600 .6875rem/1.5 var(--ds-body,Inter,Arial,sans-serif);letter-spacing:.13em;text-transform:uppercase;color:var(--ds-muted,#4a5769)}
.method-page .ds-ref{font:400 .75rem/1.6 var(--ds-body,Inter,Arial,sans-serif);color:var(--ds-muted,#4a5769)}
.method-page .ds-link{display:inline-flex;align-items:center;gap:22px;min-height:44px;font:500 .8125rem/1.5 var(--ds-body,Inter,Arial,sans-serif);color:var(--ds-blue,#2255f5)}
.method-page .ds-link svg,.method-page .mt-pattern-foot a svg,.method-page .mt-next-links svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.2;fill:none;flex:none;transition:transform .2s}
.method-page .ds-link:hover svg,.method-page .mt-pattern-foot a:hover svg,.method-page .mt-next-links a:hover svg{transform:translateX(3px)}
.method-page :is(a,summary):focus-visible{outline:2px solid var(--ds-blue,#2255f5);outline-offset:5px}
.method-page [id]{scroll-margin-top:35px}
.method-page summary{list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.method-page summary::-webkit-details-marker{display:none}
.method-page .mt-plus{display:block;position:relative;width:20px;height:20px;flex:0 0 20px;color:var(--ds-blue,#2255f5)}
.method-page .mt-plus:before,.method-page .mt-plus:after{content:'';position:absolute;left:3px;top:9px;width:14px;height:1px;background:currentColor}
.method-page .mt-plus:after{transform:rotate(90deg);transition:transform .18s}
.method-page details[open]>summary .mt-plus:after{transform:rotate(0)}

/* The approved opening and complete map retain their scale and space. */
.method-page .mt-opening{padding-top:52px}
.method-page .mt-opening-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:80px;align-items:end;margin-bottom:38px}
.method-page .mt-opening-grid h1{font-size:2.75rem;line-height:1.1;letter-spacing:-.04em;margin-top:20px;max-width:560px}
.method-page .mt-opening-copy{max-width:365px;justify-self:end;padding-bottom:1px}
.method-page .mt-opening-copy>p{color:var(--ds-muted,#4a5769)}
.method-page .mt-opening-scope{font-size:1rem;line-height:1.65;max-width:53ch;margin-top:25px;color:var(--ds-muted,#4a5769)}
.method-page .mt-opening-scope>.ds-eyebrow{display:block;color:var(--ds-blue,#2255f5);margin-bottom:8px}
.method-page .mt-jump{display:flex;flex-wrap:wrap;gap:0 25px;margin-top:17px;font-size:.8125rem;color:var(--ds-blue,#2255f5)}
.method-page .mt-jump a{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:22px}
.method-page .mt-jump a>span{font-size:1.125rem;font-weight:300;transition:transform .2s}
.method-page .mt-jump a:hover>span{transform:translateY(3px)}
.method-page .mt-map-lab{min-width:0}

/* Scope at left, with the book's passage progression; five previews at right. */
.method-page .mt-outline{display:grid;grid-template-columns:250px minmax(0,1fr);gap:72px;align-items:start;margin-top:70px;padding-top:60px;border-top:1px solid var(--ds-rule,#d3dbe7)}
.method-page .mt-outline-sticky{position:sticky;top:35px;min-width:0}
.method-page .mt-outline h2{min-width:0;margin-top:18px;font-size:2rem;line-height:1.15;letter-spacing:-.035em;overflow-wrap:anywhere;hyphens:auto}
.method-page .mt-outline-lead{margin-top:20px;color:var(--ds-muted,#4a5769);font-size:1rem;line-height:1.65}
.method-page .mt-learning-sequence{margin:28px 0 24px;padding:0 14px 0 0;isolation:isolate}
.method-page .mt-learning-sequence>figcaption{font-size:.75rem;line-height:1.6;margin-bottom:14px;color:var(--ds-muted,#4a5769)}
.method-page .mt-learning-leaf{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:12px;position:relative;padding:15px 14px 13px;background:#fff;border:1px solid #d9e1ee;box-shadow:0 4px 11px #172e5010;min-width:0}
.method-page .mt-learning-leaf:nth-of-type(2){margin-top:-1px;margin-left:7px;margin-right:-7px}
.method-page .mt-learning-leaf:nth-of-type(3){margin-top:-1px;margin-left:14px;margin-right:-14px}
.method-page .mt-learning-leaf:after{content:'';position:absolute;right:-1px;top:-1px;width:10px;height:10px;background:linear-gradient(45deg,#e7ecf4 49%,#fff 51%);border-left:1px solid #d9e1ee;border-bottom:1px solid #d9e1ee}
.method-page .mt-learning-count{font-size:1.25rem;line-height:1.25;font-weight:400;letter-spacing:-.04em;color:var(--ds-blue,#2255f5);font-variant-numeric:tabular-nums}
.method-page .mt-learning-caption{min-width:0;line-height:1.5}
.method-page .mt-learning-caption>strong{display:block;font-size:.8125rem;font-weight:500}
.method-page .mt-learning-caption>span:not(.mt-learning-marks){display:block;font-size:.75rem;margin-top:3px;color:var(--ds-muted,#4a5769);overflow-wrap:anywhere;hyphens:auto}
.method-page .mt-learning-marks{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.method-page .mt-learning-marks>i{display:block;width:3px;height:3px;background:#8093af;border-radius:50%;flex:none}
.method-page .mt-learning-leaf:first-of-type .mt-learning-marks>i{background:var(--ds-blue,#2255f5)}
.method-page .mt-outline-note{font-size:.8125rem;line-height:1.65;color:var(--ds-muted,#4a5769);max-width:31ch}
.method-page .mt-outline-sticky>.ds-link{margin-top:12px;gap:16px}
.method-page .mt-stages{min-width:0;border-top:1px solid var(--ds-ink,#121c2c)}
.method-page .mt-stage{border-bottom:1px solid var(--ds-rule,#d3dbe7)}
.method-page .mt-stage>details>summary{display:grid;grid-template-columns:27px minmax(0,1fr) 20px;align-items:center;gap:18px;min-height:100px;padding:22px 0}
.method-page .mt-stage-index{align-self:start;padding-top:3px;font-size:.75rem;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--ds-muted,#4a5769)}
.method-page .mt-stage-label{display:block;min-width:0}
.method-page .mt-stage-label h3{font-size:1.1875rem;line-height:1.35;letter-spacing:-.018em}
.method-page .mt-stage-label>span{display:block;margin-top:7px;font-size:.8125rem;line-height:1.5;color:var(--ds-muted,#4a5769)}
.method-page .mt-stage>details[open]>summary .mt-stage-index,.method-page .mt-stage>details[open]>summary h3{color:var(--ds-blue,#2255f5)}
.method-page .mt-stage>details>summary:hover h3{color:var(--ds-blue,#2255f5)}
.method-page .mt-stage-body{padding:1px 0 29px 45px;animation:mt-reveal .22s ease-out both}
.method-page .mt-stage-preview{max-width:58ch;font-size:1rem;line-height:1.7;color:var(--ds-muted,#4a5769)}
.method-page .mt-stage-source{display:block;margin-top:18px;padding-top:13px;border-top:1px solid var(--mt-faint);font-size:.6875rem}

/* The original mallet/scalpel illustration: tracing makes the two passes visible. */
.method-page .mt-filter-study{padding-top:54px;margin-top:70px;border-top:1px solid var(--ds-rule,#d3dbe7)}
.method-page .mt-filter-heading{display:grid;grid-template-columns:290px minmax(0,1fr);gap:17px 72px;align-items:end}
.method-page .mt-filter-heading>.ds-eyebrow{grid-column:1/-1}
.method-page .mt-filter-heading h2{font-size:2rem;line-height:1.15;letter-spacing:-.035em}
.method-page .mt-filter-heading>p:last-child{font:400 1.25rem/1.5 var(--ds-reading,Newsreader,Georgia,serif);max-width:470px;padding-bottom:3px}
.method-page .mt-filter-work{margin-top:18px;position:relative}
.method-page .mt-trace-control{display:flex;align-items:center;gap:24px;width:max-content;max-width:100%;margin-left:auto;min-height:44px;cursor:pointer;font-size:.8125rem;color:var(--ds-blue,#2255f5)}
.method-page .mt-trace-control>svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .3s}
.method-page .mt-trace-control:has(input:focus-visible){outline:2px solid var(--ds-blue,#2255f5);outline-offset:5px}
.method-page .mt-trace-after{display:none}
.method-page .mt-filter-work:has(#mt-trace-choice:checked) .mt-trace-before{display:none}
.method-page .mt-filter-work:has(#mt-trace-choice:checked) .mt-trace-after{display:inline}
.method-page .mt-filter-work:has(#mt-trace-choice:checked) .mt-trace-control>svg{transform:rotate(180deg)}
.method-page .mt-filter-figure{margin:11px -17px 0}
.method-page .mt-filter-figure>svg{display:block;width:100%;height:auto}
.method-page .mt-filter-figure>figcaption{position:relative;min-height:30px;margin-top:18px;color:var(--ds-muted,#4a5769);font-size:.75rem}
.method-page .mt-filter-figure>figcaption>span{display:flex;position:absolute;top:0;align-items:baseline;gap:10px;transform:translateX(-50%);white-space:nowrap}
.method-page .mt-mallet-label{left:40.2%}
.method-page .mt-scalpel-label{left:72.6%}
.method-page .mt-filter-figure>figcaption>span:before{content:'';position:absolute;left:50%;top:-25px;height:17px;border-left:1px solid #b8c7e2}
.method-page .mt-filter-figure>figcaption small{color:var(--ds-blue,#2255f5);font-size:.6875rem;font-variant-numeric:tabular-nums}
.method-page .mt-surviving-path{fill:none;stroke:var(--ds-blue,#2255f5);stroke-width:1.7;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:0}
.method-page .mt-filter-work:has(#mt-trace-choice:checked) .mt-surviving-path{opacity:1;stroke-dashoffset:0;animation:mt-strand-draw 1.6s cubic-bezier(.22,.05,.1,1) both}
.method-page .mt-filter-plane{fill:none;stroke:var(--ds-blue,#2255f5);stroke-width:.85;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:100;opacity:0}
.method-page .mt-filter-work:has(#mt-trace-choice:checked) .mt-filter-plane{opacity:.7;stroke-dashoffset:0;animation:mt-plane-trace .7s .22s ease-out both}
.method-page .mt-filter-work:has(#mt-trace-choice:checked) .mt-plane-second{animation-delay:.9s}
.method-page .mt-filter-proof{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:29px}
.method-page .mt-filter-proof>div{display:grid;grid-template-columns:minmax(140px,.65fr) minmax(0,1fr);gap:12px 25px;padding-top:20px;border-top:1px solid var(--ds-rule,#d3dbe7);align-items:start}
.method-page .mt-filter-proof .ds-eyebrow{grid-column:1/-1;color:var(--ds-blue,#2255f5)}
.method-page .mt-filter-proof h3{font-size:1.25rem;line-height:1.35;letter-spacing:-.025em}
.method-page .mt-filter-proof p{font-size:.9375rem;line-height:1.65;color:var(--ds-muted,#4a5769)}
.method-page .mt-filter-limit{max-width:740px;margin-top:28px;padding-left:19px;border-left:1px solid var(--ds-blue,#2255f5);font-size:.9375rem;line-height:1.65}
.method-page .mt-filter-work>.ds-link{margin-top:17px}
.method-page .mt-filter-work>.ds-ref{margin-top:7px;font-size:.6875rem}

/* The complete chapter index, with two bounded, source-faithful sample entries. */
.method-page .mt-patterns{margin-top:75px;padding-top:55px;border-top:1px solid var(--ds-rule,#d3dbe7)}
.method-page .mt-patterns-heading{display:grid;grid-template-columns:1fr .9fr;gap:85px;align-items:end}
.method-page .mt-patterns-heading h2{font-size:2rem;line-height:1.15;letter-spacing:-.035em;margin-top:18px}
.method-page .mt-patterns-heading>div:last-child>p{max-width:470px}
.method-page .mt-patterns-guidance{color:var(--ds-muted,#4a5769);font-size:.875rem;line-height:1.65;margin-top:14px}
.method-page .mt-sample-links{display:flex;flex-wrap:wrap;gap:2px 25px;margin-top:14px}
.method-page .mt-sample-links>a{display:inline-flex;align-items:center;gap:15px;min-height:44px;font-size:.8125rem;color:var(--ds-blue,#2255f5);line-height:1.5}
.method-page .mt-sample-links>a>span{font-size:1.125rem;transition:transform .2s}
.method-page .mt-sample-links>a:hover>span{transform:translateY(3px)}

.method-page .mt-pattern-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:35px;border-top:1px solid var(--ds-ink,#121c2c);border-bottom:1px solid var(--ds-rule,#d3dbe7)}
.method-page .mt-pattern-route>a{display:block;position:relative;padding:20px 25px 18px;border-right:1px solid var(--ds-rule,#d3dbe7);transition:background .2s}
.method-page .mt-pattern-route>a:first-child{padding-left:0}
.method-page .mt-pattern-route>a:last-child{padding-right:0;border-right:0}
.method-page .mt-route-top{display:flex;align-items:start;justify-content:space-between;gap:10px;font-size:.8125rem;line-height:1.5}
.method-page .mt-route-top>span{min-width:0;max-width:100%;overflow-wrap:anywhere;hyphens:auto}
.method-page .mt-route-top>b{font-size:1.75rem;line-height:1;font-weight:400;letter-spacing:-.06em;color:var(--ds-blue,#2255f5);font-variant-numeric:tabular-nums}
.method-page .mt-route-marks{display:flex;align-items:center;gap:5px;margin-top:20px;min-height:10px}
.method-page .mt-route-marks>i{display:block;width:4px;height:4px;flex:0 0 4px;background:var(--ds-blue,#2255f5);border-radius:50%;opacity:.55;transition:opacity .2s}
.method-page .mt-route-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px;font-size:.6875rem;color:var(--ds-muted,#4a5769)}
.method-page .mt-route-bottom>span{font-size:1.125rem;color:var(--ds-blue,#2255f5);transition:transform .2s}
.method-page .mt-pattern-route>a:is(:hover,:focus-visible){background:linear-gradient(180deg,#fff,#f6f8ff)}
.method-page .mt-pattern-route>a:is(:hover,:focus-visible) .mt-route-marks>i{opacity:1}
.method-page .mt-pattern-route>a:is(:hover,:focus-visible) .mt-route-bottom>span{transform:translateY(3px)}
.method-page .mt-evidence-note{max-width:780px;margin-top:18px;font-size:.8125rem;line-height:1.65;color:var(--ds-muted,#4a5769)}
.method-page .mt-pattern-group{margin-top:45px}
.method-page .mt-group-heading{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:end;margin-bottom:22px}
.method-page .mt-group-heading h3{font-size:1.5rem;line-height:1.25;letter-spacing:-.025em;margin-top:10px;max-width:31ch}
.method-page .mt-group-heading>p{font-size:.875rem;line-height:1.65;color:var(--ds-muted,#4a5769);max-width:45ch;justify-self:end}
.method-page .mt-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;border-top:1px solid var(--ds-ink,#121c2c);align-items:stretch}
.method-page .mt-pattern{min-width:0;border-bottom:1px solid var(--ds-rule,#d3dbe7)}
.method-page .mt-catalog-row{min-width:0;min-height:103px;padding:24px 0 22px}
.method-page .mt-pattern-index .mt-pattern-title{max-width:35ch}
.method-page .mt-pattern-index:target{background:linear-gradient(90deg,#f0f4ff,#fff);outline:1px solid #c2d2fa;outline-offset:-1px;padding-inline:18px}
.method-page .mt-sample-tag{display:block;margin-bottom:8px;font-size:.6875rem;line-height:1.5;color:var(--ds-blue,#2255f5);letter-spacing:.09em;text-transform:uppercase;font-weight:600}
.method-page .mt-pattern-sample>summary{padding-left:16px;background:linear-gradient(90deg,#f5f8ff00,#f8faff 70%,#fff);border-left:1px solid #a8bcf0}
.method-page .mt-sample-note{grid-column:1/-1;font-size:.75rem;line-height:1.6;color:var(--ds-muted,#4a5769);margin-bottom:-13px}

.method-page .mt-pattern>summary{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:103px;padding:21px 0;position:relative}
.method-page .mt-pattern-title-wrap{display:block;min-width:0}
.method-page .mt-pattern-title{font-size:1.0625rem;line-height:1.4;letter-spacing:-.012em;transition:color .15s}
.method-page .mt-pattern-source{display:block;margin-top:7px;font-size:.6875rem;line-height:1.5;color:var(--ds-muted,#4a5769)}
.method-page .mt-pattern>summary:hover .mt-pattern-title{color:var(--ds-blue,#2255f5)}
.method-page .mt-pattern[open]{grid-column:1/-1;position:relative;background:linear-gradient(180deg,#f7f9ff 0,#fff 115px);border-bottom-color:#9eb4e0}
.method-page .mt-pattern[open]>summary{padding:25px 24px 22px;min-height:100px}
.method-page .mt-pattern[open]>summary:before{content:'';position:absolute;left:0;top:26px;bottom:25px;width:2px;background:var(--ds-blue,#2255f5)}
.method-page .mt-pattern[open] .mt-pattern-title{color:var(--ds-blue,#2255f5);font-size:1.25rem;line-height:1.4;letter-spacing:-.02em}
.method-page .mt-pattern:target>summary{background:linear-gradient(90deg,#eef3ff,#fff);outline:1px solid #c2d2fa;outline-offset:-1px;padding-inline:18px}
.method-page .mt-pattern-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 50px;padding:10px 24px 26px;animation:mt-reveal .22s ease-out both}
.method-page .mt-component{min-width:0;padding-top:18px;border-top:1px solid #d6deeb}
.method-page .mt-component h4{font:600 .6875rem/1.6 var(--ds-body,Inter,Arial,sans-serif);text-transform:uppercase;letter-spacing:.095em;margin-bottom:13px;color:var(--ds-muted,#4a5769)}
.method-page .mt-component-text{font-size:1rem;line-height:1.7;max-width:62ch}
.method-page .mt-component-why .mt-component-text{color:var(--ds-muted,#4a5769)}
.method-page .mt-component-prevents{border-top-color:#93acf2}
.method-page .mt-component-prevents h4{color:var(--ds-blue,#2255f5)}
.method-page .mt-component-moment{border-top-color:#d8bca9}
.method-page .mt-component-moment h4{color:var(--ds-rust,#a65428)}
.method-page .mt-component-moment p{padding-left:18px;border-left:1px solid #d8bca9}
.method-page .mt-pattern-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 25px;border-top:1px solid var(--mt-faint);padding-top:15px;margin-top:3px}
.method-page .mt-pattern-foot>.ds-ref{font-size:.6875rem}
.method-page .mt-pattern-foot>a{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:.8125rem;color:var(--ds-blue,#2255f5)}
.method-page .mt-pattern-foot a svg{width:19px;height:19px}
.method-page .mt-patterns-end{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px 50px;align-items:start;border-top:1px solid var(--ds-ink,#121c2c);padding-top:28px;margin-top:48px}
.method-page .mt-patterns-end>.ds-eyebrow{padding-top:4px;color:var(--ds-blue,#2255f5)}
.method-page .mt-patterns-end>p{max-width:620px;font-size:1rem;line-height:1.7;color:var(--ds-muted,#4a5769)}
.method-page .mt-patterns-end>p strong{color:var(--ds-ink,#121c2c);white-space:normal}
.method-page .mt-patterns-end>.ds-link{grid-column:2}

/* Return to the book's perspective illustration at the foot of the page. */
.method-page .mt-next{display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;align-items:center;border-top:1px solid var(--ds-rule,#d3dbe7);margin-top:70px;padding-top:30px;padding-bottom:30px}
.method-page .mt-next-copy{position:relative;z-index:1;padding-bottom:8px}
.method-page .mt-next h2{font-size:2rem;line-height:1.15;letter-spacing:-.035em;margin-top:19px}
.method-page .mt-next-intro{font-size:1rem;line-height:1.65;color:var(--ds-muted,#4a5769);max-width:37ch;margin-top:18px}
.method-page .mt-next-links{display:flex;flex-wrap:wrap;gap:5px 30px;margin-top:18px}
.method-page .mt-next-links>a{display:inline-flex;align-items:center;gap:20px;font-size:.8125rem;min-height:44px;color:var(--ds-blue,#2255f5)}
.method-page .mt-andromeda{min-width:0;margin:-12px -20px -12px -25px;transform-origin:12% 88%;transition:transform .65s cubic-bezier(.2,.65,.2,1)}
.method-page .mt-andromeda>svg{display:block;width:100%;height:auto;overflow:visible}
.method-page .mt-perspective-mark,.method-page .mt-perspective-point{fill:none;stroke:var(--ds-blue,#2255f5);stroke-width:.8;vector-effect:non-scaling-stroke;opacity:.4}
.method-page .mt-perspective-mark{stroke-dasharray:100;stroke-dashoffset:0}
.method-page .mt-perspective-point{opacity:.22;transition:opacity .35s}
.method-page .mt-next:is(:hover,:focus-within) .mt-perspective-mark{animation:mt-strand-draw 1s ease-out both}
.method-page .mt-next:is(:hover,:focus-within) .mt-perspective-point{opacity:.7}
@media(hover:hover) and (pointer:fine){.method-page .mt-next:is(:hover,:focus-within) .mt-andromeda{transform:perspective(1300px) rotateY(-1.1deg) translateY(-3px)}}
@keyframes mt-reveal{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes mt-strand-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes mt-plane-trace{from{stroke-dashoffset:100;opacity:0}to{stroke-dashoffset:0;opacity:.7}}

@media(max-width:1100px){
 .method-page .mt-opening-grid{gap:48px}
 .method-page .mt-outline{grid-template-columns:215px minmax(0,1fr);gap:45px}
 .method-page .mt-filter-heading{grid-template-columns:260px minmax(0,1fr);column-gap:45px}
 .method-page .mt-filter-proof{gap:36px}
 .method-page .mt-filter-proof>div{display:block}
 .method-page .mt-filter-proof h3{margin-top:12px}
 .method-page .mt-filter-proof p{margin-top:13px;max-width:44ch}
 .method-page .mt-patterns-heading{gap:45px}
 .method-page .mt-pattern-route>a{padding-inline:20px}
 .method-page .mt-group-list,.method-page .mt-group-heading{column-gap:32px}
 .method-page .mt-pattern-body{column-gap:35px}
 .method-page .mt-patterns-end{grid-template-columns:215px minmax(0,1fr);gap:14px 45px}
}
@media(max-width:850px){
 .method-page .mt-opening-grid{grid-template-columns:1.2fr .8fr;gap:35px}
 .method-page .mt-opening-grid h1{font-size:2.375rem}
 .method-page .mt-outline{grid-template-columns:185px minmax(0,1fr);gap:34px}
 .method-page .mt-stage>details>summary{gap:14px;grid-template-columns:24px minmax(0,1fr) 20px}
 .method-page .mt-stage-body{padding-left:38px}
 .method-page .mt-pattern-route>a{padding-inline:15px}
 .method-page .mt-route-top{font-size:.75rem}
 .method-page .mt-pattern-body{gap:29px 28px;padding-inline:18px}
 .method-page .mt-pattern[open]>summary{padding-inline:18px}
 .method-page .mt-patterns-end{grid-template-columns:185px minmax(0,1fr);gap:14px 34px}
}
@media(max-width:760px){
 .method-page .mt-opening{padding-top:30px}
 .method-page .mt-opening-grid{display:block;margin-bottom:27px}
 .method-page .mt-opening-grid h1{font-size:2rem;line-height:1.12;letter-spacing:-.035em;margin-top:15px}
 .method-page .mt-opening-scope{margin-top:23px;max-width:none}
 .method-page .mt-opening-copy{max-width:none;margin-top:25px;padding:0}
 .method-page .mt-jump{gap:0 25px;margin-top:11px}
 .method-page .mt-jump a{gap:15px}
 .method-page .mt-outline{display:block;margin-top:45px;padding-top:34px}
 .method-page .mt-outline-sticky{position:static;display:block}
 .method-page .mt-learning-sequence{max-width:360px;margin-top:23px;margin-bottom:20px}
 .method-page .mt-outline-note{max-width:44ch}
 .method-page .mt-outline h2{font-size:1.75rem;line-height:1.15;margin-top:13px}
 .method-page .mt-outline-lead{margin-top:16px}
 .method-page .mt-stages{margin-top:29px}
 .method-page .mt-stage>details>summary{grid-template-columns:23px minmax(0,1fr) 20px;gap:13px;min-height:96px;padding-block:21px}
 .method-page .mt-stage-label h3{font-size:1.125rem;line-height:1.4}
 .method-page .mt-stage-label>span{font-size:.8125rem;margin-top:5px}
 .method-page .mt-stage-index{font-size:.6875rem;padding-top:5px}
 .method-page .mt-stage-body{padding:0 0 25px 36px}
 .method-page .mt-filter-study{margin-top:45px;padding-top:34px}
 .method-page .mt-filter-heading{display:block}
 .method-page .mt-filter-heading h2{font-size:1.75rem;line-height:1.15;letter-spacing:-.03em;margin-top:15px}
 .method-page .mt-filter-heading>p:last-child{font-size:1.25rem;line-height:1.5;margin-top:17px;padding:0;max-width:none}
 .method-page .mt-filter-work{margin-top:17px}
 .method-page .mt-filter-figure{margin:14px -24px 0}
 .method-page .mt-filter-figure>svg{width:100%;margin:0}
 .method-page .mt-filter-figure>figcaption{margin-top:18px;font-size:.6875rem;min-height:27px}
 .method-page .mt-filter-figure>figcaption>span{gap:6px}
 .method-page .mt-filter-figure>figcaption>span:before{height:12px;top:-17px}
 .method-page .mt-filter-proof{grid-template-columns:1fr 1fr;gap:24px;margin-top:23px}
 .method-page .mt-filter-proof>div{padding-top:17px}
 .method-page .mt-filter-proof h3{font-size:1.125rem;line-height:1.4;letter-spacing:-.018em}
 .method-page .mt-filter-proof p{font-size:.9375rem;line-height:1.65;margin-top:12px}
 .method-page .mt-filter-limit{font-size:.9375rem;margin-top:25px;padding-left:17px}
 .method-page .mt-filter-work>.ds-link{gap:13px;line-height:1.6}
 .method-page .mt-patterns{margin-top:47px;padding-top:34px}
 .method-page .mt-patterns-heading{display:block}
 .method-page .mt-patterns-heading h2{font-size:1.75rem;line-height:1.15;margin-top:15px}
 .method-page .mt-patterns-heading>div:last-child{margin-top:22px}
 .method-page .mt-patterns-heading>div:last-child>p{max-width:none}
 .method-page .mt-patterns-guidance{font-size:.875rem;margin-top:12px}
 .method-page .mt-pattern-route{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px}
 .method-page .mt-pattern-route>a{padding:18px 18px 15px}
 .method-page .mt-pattern-route>a:nth-child(odd){padding-left:0;border-right:1px solid var(--ds-rule,#d3dbe7)}
 .method-page .mt-pattern-route>a:nth-child(even){padding-right:0;border-right:0}
 .method-page .mt-pattern-route>a:nth-child(-n+2){border-bottom:1px solid var(--ds-rule,#d3dbe7)}
 .method-page .mt-route-top{font-size:.8125rem}
 .method-page .mt-route-top>b{font-size:1.5rem}
 .method-page .mt-route-marks{margin-top:16px}
 .method-page .mt-route-bottom{margin-top:8px}
 .method-page .mt-evidence-note{font-size:.8125rem;margin-top:16px}
 .method-page .mt-pattern-group{margin-top:35px}
 .method-page .mt-group-heading{display:block;margin-bottom:20px}
 .method-page .mt-group-heading h3{font-size:1.375rem;line-height:1.3;margin-top:9px}
 .method-page .mt-group-heading>p{max-width:45ch;margin-top:14px;font-size:.875rem;line-height:1.6}
 .method-page .mt-group-list{grid-template-columns:1fr;gap:0}
 .method-page .mt-pattern>summary{min-height:94px;padding:20px 0;gap:20px}
 .method-page .mt-catalog-row{min-height:89px;padding:22px 0 20px}
 .method-page .mt-pattern-sample>summary{padding-left:14px}
 .method-page .mt-sample-note{margin-bottom:-8px}
 .method-page .mt-sample-links{gap:1px 24px;margin-top:11px}
 .method-page .mt-pattern-title{font-size:1.0625rem;line-height:1.45}
 .method-page .mt-pattern-source{margin-top:6px}
 .method-page .mt-pattern[open]>summary{padding:22px 14px;min-height:94px}
 .method-page .mt-pattern[open] .mt-pattern-title{font-size:1.125rem;line-height:1.45}
 .method-page .mt-pattern[open]>summary:before{top:22px;bottom:22px}
 .method-page .mt-pattern:target>summary{padding-inline:14px}
 .method-page .mt-pattern-body{grid-template-columns:1fr;gap:25px;padding:6px 14px 20px}
 .method-page .mt-component{padding-top:17px}
 .method-page .mt-component h4{font-size:.6875rem;letter-spacing:.075em;margin-bottom:12px}
 .method-page .mt-component-text{font-size:1rem;line-height:1.7}
 .method-page .mt-component-moment p{padding-left:15px}
 .method-page .mt-pattern-foot{display:block;padding-top:13px;margin-top:0}
 .method-page .mt-pattern-foot>a{margin-top:5px;gap:14px}
 .method-page .mt-patterns-end{display:block;padding-top:24px;margin-top:36px}
 .method-page .mt-patterns-end>.ds-eyebrow{padding:0}
 .method-page .mt-patterns-end>p{margin-top:15px;line-height:1.7}
 .method-page .mt-patterns-end>.ds-link{margin-top:14px;gap:16px}
 .method-page .mt-next{grid-template-columns:1fr;margin-top:45px;padding-top:33px;padding-bottom:15px;gap:0}
 .method-page .mt-next h2{font-size:1.75rem;margin-top:15px}
 .method-page .mt-next-links{margin-top:12px;gap:4px 31px}
 .method-page .mt-andromeda{margin:5px -18px 0}
}
@media(max-width:380px){
 .method-page .mt-opening-grid h1{font-size:1.875rem}

 .method-page .mt-outline h2{font-size:1.625rem}
 .method-page .mt-filter-proof{grid-template-columns:1fr;gap:23px}
 .method-page .mt-filter-proof>div{display:flex;flex-wrap:wrap;gap:11px 18px}
 .method-page .mt-filter-proof h3{flex:1 1 7rem;min-width:0;margin-top:0}
 .method-page .mt-filter-proof p{flex:1.1 1 7.7rem;min-width:0;margin-top:0;overflow-wrap:anywhere;hyphens:auto}
 .method-page .mt-filter-proof .ds-eyebrow{flex:1 0 100%}
 .method-page .mt-pattern-route>a{padding-left:13px}
 .method-page .mt-route-top{font-size:.75rem}
 .method-page .mt-route-marks{gap:4px}
 .method-page .mt-stage-body{padding-left:20px}
 .method-page .mt-pattern-body{padding-inline:10px}
}
@media(max-width:350px){
 .method-page .mt-filter-figure{margin-inline:-18px}

 .method-page .mt-route-bottom{flex-wrap:wrap;gap:4px}
}
@media(prefers-reduced-motion:reduce){
 .method-page *,.method-page *:before,.method-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .method-page .mt-filter-work:has(#mt-trace-choice:checked) .mt-surviving-path,.method-page .mt-filter-work:has(#mt-trace-choice:checked) .mt-filter-plane{stroke-dashoffset:0}
 .method-page .mt-next:is(:hover,:focus-within) .mt-andromeda{transform:none}
}
@supports not selector(:has(*)){
 .method-page .mt-trace-control{display:none}
 .method-page .mt-surviving-path{opacity:1;stroke-dashoffset:0}
}