/* M3: monograph, proposal A tidied. Same frame as the consultation / profile pages (text.css): the text box is centred on the window, the left column (180px) sits at 4vw. */
.m3-copy{font-size:12px;line-height:1.9;min-width:0}
.m3-copy p{margin:0;text-indent:0}
.book-body{display:flex;flex-wrap:wrap;gap:24px 32px;align-items:flex-start}
.book-cover{flex:0 1 33%;max-width:280px;margin:0!important}
.book-cover a{display:block}
.book-cover img{display:block;width:100%;height:auto}
.book-info{flex:1 1 0;min-width:260px}
/* title: as the title of a work page (style.css .project-title) */
.book-title{font-size:20px;line-height:1.3;font-weight:400;margin:0 0 .8em;overflow-wrap:normal;word-break:normal}
.book-lead{margin:0 0 .6em!important}
.book-meta{margin:.9em 0 0!important;font-size:11px;line-height:1.9;color:#666}
.book-meta span{display:block}
/* links: one row (may wrap), text colour, thin underline always, a little darker on hover, thin ring from the keyboard */
.book-links{display:flex;flex-wrap:wrap;gap:0 20px;margin:1em 0 0;padding:0;list-style:none}
.book-links li{margin:0}
.m3-copy .book-info a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:#aaa}
.m3-copy .book-info a:hover:not(:active){text-decoration-color:#222}
.m3-copy .book-info a:focus-visible,.m3-copy summary:focus-visible{outline:1px solid #555;outline-offset:3px}
.m3-copy .book-cover a{text-decoration:none}
/* open/close: "more" and the table of contents */
.book-more,.book-toc{margin:.9em 0 0}
.book-more summary,.book-toc summary{cursor:pointer;list-style:none;display:inline-block}
.book-more summary::-webkit-details-marker,.book-toc summary::-webkit-details-marker{display:none}
.book-more summary::before,.book-toc summary::before{content:"+";display:inline-block;width:1.1em;color:#666}
.book-more[open] summary::before,.book-toc[open] summary::before{content:"\2212"}
.book-more summary:hover,.book-toc summary:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.book-more p{margin:.5em 0 0}
.book-toc p{margin:.5em 0 0}
.book-toc .plain-list{margin:0;padding:0;list-style:none}
.book-toc .plain-list li{margin:0}
.book-toc p strong{font-weight:400}
/* both books one under the other (without JS); with JS only the chosen one */
.m3-copy .book+.book{margin-top:3.8em;padding-top:3.8em;border-top:1px solid #ddd}
.m3-js .m3-copy .book+.book{margin-top:0;padding-top:0;border-top:0}
.m3 .drawing-button{text-decoration:none}
@media(max-width:600px){.book-title{font-size:18px}.book-cover{flex:0 0 min(280px,70%)}.book-info{flex:1 1 100%;min-width:0}}

/* gap and a fixed text column (1030px and wider): cover 220px + 48px + text column 466px (the longest data line, 462px, fits without wrapping), the whole group centred on the window.
   From 1260px the cover and the text sit side by side; below that the text goes under the cover (the group would run into the left column). */
.m3 .drawing-button,.m3-copy .book-info a{font-feature-settings:"halt" 1}
@media(min-width:1030px){
 .m3 .text-layout{--m3-w:466px;grid-template-columns:minmax(0,1fr) var(--m3-w) minmax(0,1fr)}
 .m3 .book-body{display:block}
 .m3 .book-cover{width:220px;max-width:220px;margin:0 0 24px!important}
 .m3 .book-info{width:466px;max-width:100%;min-width:0}
}
@media(min-width:1260px){
 .m3 .text-layout{--m3-w:734px}
 .m3 .book-body{display:flex;flex-wrap:nowrap;gap:0 48px;align-items:flex-start}
 .m3 .book-cover{flex:0 0 220px;margin:0!important}
 .m3 .book-info{flex:0 0 466px}
}