PdfCSS:Tools shape practice shapes tools

@page{
    size: A6; /* 105x148mm */
    
    @bottom-center{
        content: counter(page);
    }
}
@page:left{
    margin-top: 6mm;
    margin-bottom: 15mm;
    margin-left: 9mm;
    margin-right: 8mm;
}
@page:right{
    margin-top: 6mm;
    margin-bottom: 15mm;
    margin-left: 9mm;
    margin-right: 8mm;
}
@page image{
    @bottom-center{
        content: unset;
    }
}

body{
    font-family: serif;
    font-size: 9.5pt;
    line-height: 1.25;
}
h2{
    font-size: 18px;
}

div#cover{
    break-after: always;
}
div#backcover{
    break-before: always;
}
div.section{
    break-before: always;
}
div.section#references{
    columns: 2 auto;
    column-gap: 3mm;
    column-fill: auto;
    font-size: 7pt;
    line-height: 1.15;
    break-before: avoid !important;
}
div.section#references h2{
    font-size: 18px !important;
}
div.section#references p{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid;
}
div.section[data-id="references"] a{
    word-break: break-word;
    break-inside: avoid;
    font-family: monospace;
    font-size: 5.8pt;
    line-height: 1.2;
    color: inherit;
    text-decoration: none;
    margin-top: 0.5em;
    display: block;
}
div.section[data-id="references"] a i{
    font-style: normal;
}
div#toc{
    margin-top: -2em;
}
div#toc h2{
    display: none;
}
div#toc ul > li.tocsection-1,
div#toc span.tocnumber{
    display: none;
}
h2{
    margin-top: 0;
}
b{
    background-color: light-gray;
    color: black;
    border: 1px dotted;
}
/* images */
div.center{
    float: left;
    margin: 1em 1em 1em 0;
    break-inside: avoid;
}
div.thumb{
    max-width: 40mm;
    margin: 1em auto 0;
}
div[data-id="toolsshapepractice"] div.thumb{
    break-before: avoid;
    page: unset;
}
div.thumb div.thumbinner{
    width: unset !important;
}
div.thumb img{
    max-width: 100%;
    height: auto;
}
div.thumbcaption{
    font-size: 7.5pt;
    line-height: 1.1;
}