.method-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:center}
.method-layout>div{min-width:0}
.method-layout .approach-home-head{display:block;margin:0}
.method-layout .approach-home-head>div:last-child{margin:22px 0 0}
.method-layout .approach-home-head>div:last-child>p:first-child{max-width:440px}
.method-layout .design-book{width:100%;max-width:560px}
.book-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.book-progress{font:400 13px/1.5 var(--sans);color:var(--muted);white-space:nowrap}
.book-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px;border-bottom:1px solid var(--line)}
.book-steps button{min-width:0;min-height:48px;padding:10px 4px;background:none;color:var(--muted);font:400 14px/1.5 var(--sans);border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.book-steps button:hover{color:var(--blue)}
.book-steps button[aria-current="step"]{color:var(--blue);font-weight:600;border-color:var(--blue)}
.design-book .book-hint{margin:12px 0 0;text-align:left;font-size:12px}
.book-hint-touch{display:none}
.book-cover{margin:14px 0 24px}
.book-page{align-items:stretch;justify-content:flex-start;min-height:322px;padding:26px 28px;text-align:left}
.book-page h4{font-size:34px;margin:0 0 10px}
.book-page>p{font-size:14px;line-height:1.65;max-width:440px}
.book-example{margin-top:22px;padding-top:18px;border-top:1px solid #e2e6f0}
.book-example-label{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-bottom:10px}
.book-example blockquote{margin:0;font:400 22px/1.35 var(--serif);letter-spacing:-.25px}
.book-example .book-takeaway{margin-top:14px;font-size:13px;line-height:1.65;color:var(--blue)}
.book-flow{list-style:none;padding:0;margin:15px 0 18px;display:flex;align-items:center;gap:12px;color:var(--blue);font-size:15px;line-height:1.5}
.book-flow li{display:flex;align-items:center;gap:12px}
.book-flow li+li:before{content:"→";color:#6c78a4;font-weight:400}
.book-example>p{font-size:13px;line-height:1.65;color:var(--muted)}
.book-wording{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 16px;font-size:14px;line-height:1.6}
.book-wording dt{font-size:12px;color:var(--muted);padding-top:2px}
.book-wording dd{margin:0}
.book-wording dd:last-child{color:var(--blue)}
.book-disclosure{margin-top:18px;font-size:12px;line-height:1.6;color:var(--muted)}
#book-next{min-width:0;font-size:13px;padding-inline:18px}
@media(max-width:1000px){.method-layout{gap:40px}}
@media(max-width:760px){
 .method-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .method-layout .approach-home-head>div:last-child{margin-top:16px}
 .design-book h3{font-size:24px}
 .book-steps{margin-top:14px;gap:4px}
 .book-steps button{font-size:13px}
 .book-page{min-height:330px;padding:24px 22px}
 .book-page h4{font-size:32px}
 .book-page>p{font-size:14px}
 .book-example blockquote{font-size:23px}
 .book-flow{gap:8px;font-size:14px}
 .book-flow li{gap:8px}
 .book-wording{gap:8px 12px}
 .book-disclosure{margin-top:16px}
 .book-navigation>span{min-width:0}
 #book-next{padding-inline:14px}
}
@media(hover:none) and (pointer:coarse){.book-hint-touch{display:inline}.book-hint-mouse{display:none}}
@media(prefers-reduced-motion:reduce){.book-steps button{transition:none}}
.motion-reduced .book-steps button{transition:none}
@media print{.method-layout{display:block}.book-steps,.book-progress{display:none}.book-page{min-height:0}.book-disclosure{display:block}}