/* A connected four-stage method, with a different reading pattern for each stage. */
body[data-page-type="method"] .method-hero{align-items:center}
.method-map{position:relative;z-index:1;align-self:stretch;display:grid;align-content:center;padding:clamp(24px,3vw,42px);background:var(--navy);color:var(--cloud);border-radius:22px 22px 52px 22px}
.method-map-title{margin:0 0 10px;color:var(--sky);font-size:14px;font-weight:600}
.method-map a{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:16px;align-items:baseline;padding:16px 0;border-top:1px solid rgba(250,247,239,.25);color:inherit;text-decoration:none}
.method-map a:hover strong,.method-map a:focus-visible strong{text-decoration:underline;text-underline-offset:5px}
.method-map a:focus-visible{outline-color:var(--cloud)}
.method-map a span{grid-row:span 2;color:var(--sky);font-size:15px;font-weight:700}
.method-map a strong{font-family:'Overpass',Arial,sans-serif;font-size:23px;line-height:1.1}
.method-map a small{font-size:14px;opacity:.78}

.method-chapter{scroll-margin-top:24px}
.method-chapter-heading h2{max-width:19ch;margin:0 0 20px;font-size:clamp(40px,4.4vw,64px)}
.method-chapter-heading>p:last-child{max-width:56ch;font-size:19px;line-height:1.5}
.method-phase{margin:0 0 20px;font-size:15px;font-weight:700;letter-spacing:.02em}

.method-understand{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,108px);align-items:center;margin-block:28px;padding:clamp(42px,6vw,82px);background:var(--inner-white);border:1px solid rgba(23,58,82,.13);border-radius:30px;box-shadow:0 22px 60px rgba(23,58,82,.07)}
.method-evidence{padding:clamp(25px,3vw,42px);background:var(--inner-mist);border-radius:20px}
.method-evidence-title{margin:0 0 18px;font-family:'Overpass',Arial,sans-serif;font-size:23px;font-weight:700;line-height:1.15}
.method-evidence dl{margin:0}
.method-evidence dl>div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:20px;padding:15px 0;border-top:1px solid rgba(23,58,82,.23)}
.method-evidence dt{font-weight:700}
.method-evidence dd{margin:0}
.method-evidence-foot{margin:20px 0 0;padding-top:18px;border-top:2px solid var(--navy);font-weight:600}

.method-design{margin-block:28px;padding-block:clamp(54px,7vw,96px);background:var(--cloud)}
.method-design .method-chapter-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:0 clamp(40px,7vw,100px);align-items:end;margin-bottom:40px}
.method-design .method-phase{grid-column:1/-1}
.method-design .method-chapter-heading>p:last-child{margin-bottom:22px}
.method-boundary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid rgba(23,58,82,.2);border-radius:20px;overflow:hidden}
.method-boundary>div{min-width:0;min-height:265px;padding:clamp(25px,3vw,40px)}
.method-boundary>div+div{border-left:1px solid rgba(23,58,82,.2)}
.method-boundary-ai{background:var(--sky)}
.method-boundary-human{background:var(--gold)}
.method-boundary-record{background:var(--inner-white)}
.method-boundary-label{margin:0 0 35px;font-size:13px;font-weight:700}
.method-boundary h3{font-size:clamp(25px,2.5vw,36px)}
.method-boundary p:last-child{margin:0;font-size:17px}
.method-it{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,100px);margin-top:24px;padding:clamp(28px,4vw,50px);background:var(--navy);color:var(--cloud);border-radius:20px}
.method-it h3{max-width:18ch;font-size:clamp(26px,3vw,37px)}
.method-it p{font-size:16px}
.method-it .text-link{color:var(--cloud)}
.method-it .text-link:focus-visible{outline-color:var(--cloud)}

.method-build{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(40px,7vw,110px);align-items:start;margin-block:28px;padding:clamp(45px,6vw,80px);background:var(--navy);color:var(--cloud);border-radius:30px;box-shadow:0 22px 60px rgba(23,58,82,.14)}
.method-build .method-phase{color:var(--sky)}
.method-build .method-chapter-heading>p:last-child{font-size:18px}
.method-build-board{display:grid;gap:18px}
.method-build-main{padding:clamp(25px,3vw,40px);background:var(--cloud);color:var(--navy);border-radius:18px}
.method-build-main h3{font-size:30px}
.method-build-main p:last-child{margin-bottom:0}
.method-build-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.method-build-checks li{padding:20px 18px;border:1px solid rgba(250,247,239,.35);border-radius:14px}
.method-build-checks strong{display:block;margin-bottom:10px;color:var(--sky);font-family:'Overpass',Arial,sans-serif;font-size:23px}
.method-build-checks span{display:block;font-size:15px;line-height:1.4}

.method-improve{margin-block:28px;padding:clamp(46px,6vw,80px);background:var(--inner-white);border:1px solid rgba(23,58,82,.13);border-radius:30px}
.method-improve .method-chapter-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:0 clamp(40px,7vw,100px);align-items:end}
.method-improve .method-phase{grid-column:1/-1}
.method-improve .method-chapter-heading>p:last-child{margin-bottom:24px}
.method-improve-loop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:35px;border-top:2px solid var(--navy)}
.method-improve-loop>div{padding:27px 30px 12px 0}
.method-improve-loop>div+div{padding-left:30px;border-left:1px solid rgba(23,58,82,.2)}
.method-improve-loop span{display:block;margin-bottom:16px;font-family:'Overpass',Arial,sans-serif;font-size:30px;font-weight:700;letter-spacing:-.035em}
.method-improve-loop p{font-size:17px}
.method-improve-note{max-width:none;margin:23px 0 0;padding:20px 24px;background:var(--inner-mist);font-size:16px}

@media(max-width:1100px){.method-understand,.method-build{grid-template-columns:1fr;gap:25px}.method-build-checks{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:840px){.method-understand,.method-build,.method-improve{padding:38px 25px;border-radius:24px}.method-design{padding-block:58px}.method-design .method-chapter-heading,.method-improve .method-chapter-heading{grid-template-columns:1fr;gap:0}.method-design .method-chapter-heading>p:last-child,.method-improve .method-chapter-heading>p:last-child{margin:0}.method-boundary{grid-template-columns:1fr}.method-boundary>div{min-height:0;padding:27px}.method-boundary>div+div{border-left:0;border-top:1px solid rgba(23,58,82,.2)}.method-boundary-label{margin-bottom:16px}.method-it{grid-template-columns:1fr;gap:16px}.method-build-checks{grid-template-columns:1fr}.method-build-checks li{padding:18px 22px}.method-improve-loop{grid-template-columns:1fr}.method-improve-loop>div,.method-improve-loop>div+div{padding:20px 0;border-left:0;border-top:1px solid rgba(23,58,82,.2)}.method-improve-loop>div:first-child{border-top:0}.method-improve-loop span{margin-bottom:5px}}
@media(max-width:480px){.method-hero .method-map{padding:25px}.method-chapter-heading h2{font-size:39px}.method-understand,.method-build,.method-improve{padding:32px 20px}.method-evidence{padding:22px 19px}.method-evidence dl>div{grid-template-columns:58px minmax(0,1fr);gap:10px}.method-it{padding:27px 20px}.method-improve-note{padding:18px}}
@media print{.method-map{background:white;color:var(--navy);border:1px solid var(--navy);box-shadow:none}.method-map a{border-color:var(--navy)}.method-map a span,.method-map-title{color:var(--navy)}.method-understand,.method-design,.method-build,.method-improve{display:block;margin-block:14px;padding:22px;background:white;color:var(--navy);border:1px solid var(--navy);border-radius:0;box-shadow:none;break-inside:avoid}.method-evidence,.method-boundary>div,.method-it,.method-build-main,.method-improve-note{background:white;color:var(--navy);border:1px solid var(--navy);border-radius:0}.method-boundary{grid-template-columns:repeat(3,1fr)}.method-boundary>div{min-height:0}.method-build-checks li{border-color:var(--navy)}.method-build-checks strong,.method-build .method-phase{color:var(--navy)}.method-it .text-link{color:var(--navy)}}