@import url("cut54.css");
@import url("cut60.css");
@import url("history58.css");
/* History is a complete passage; the economic mechanisms introduce the model. */
.edition39 .m51-history-wrap{padding:42px var(--pad) 48px;background:#efede2}
.edition39 .m51-history-wrap>.h39-history{margin:0}
.edition39 #mechanisms{padding:64px var(--pad) 0;background:#071219;color:#eef1e7}
.edition39 #mechanisms .m51-preface{max-width:1060px;margin:0 0 32px}
.edition39 #mechanisms .m51-preface h2{font-size:clamp(32px,4vw,52px);line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:0 0 22px;max-width:1000px}
.edition39 #mechanisms .m51-preface p{font-size:clamp(18px,1.65vw,22px);line-height:1.8;margin:0;color:#c9d6d2;max-width:1000px}
.edition39 #mechanisms .m51-tosim{padding:30px 0 46px;max-width:1060px}
.edition39 #mechanisms .m51-tosim p{font-size:18px;line-height:1.85;margin:0 0 18px;color:#bccdc7;max-width:none}
.edition39 #mechanisms .m51-tosim p:last-child{font-size:clamp(20px,2vw,26px);line-height:1.7;color:#eff0e4;margin:0}
.m51-tosim a{color:inherit;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){
 .edition39 .m51-history-wrap{padding:30px 22px}
 .edition39 #mechanisms{padding:40px 22px 0}
 .edition39 #mechanisms .m51-preface{margin-bottom:25px}
 .edition39 #mechanisms .m51-preface h2{font-size:31px}
 .edition39 #mechanisms .m51-preface p,.edition39 #mechanisms .m51-tosim p{font-size:17px}
 .edition39 #mechanisms .m51-tosim{padding:25px 0 35px}
 .edition39 #mechanisms .m51-tosim p:last-child{font-size:21px}
}