/* Free compositions (project and Notiz pages), shared by the website and the admin editor.
   Positions are stored as % of the page width. Sizes use cqw (1cqw = 1% of the page width), so a
   composition looks the same on every screen width, only scaled. Text is the site's small size
   (half the menu size, 0.75cqw), never below 11px. */
.comp { container-type: inline-size; }
.comp-in { position: relative; }
.kb { position: absolute; box-sizing: border-box; }
.kb img { display: block; width: 100%; height: auto; }
.kb .k-title { font-size: max(11px, .75cqw); font-weight: normal; line-height: 1.4; margin: 0 0 1.2cqw; }
.kb dl { display: grid; grid-template-columns: max-content 1fr; column-gap: 1.2cqw; row-gap: .15cqw; margin: 0; font-size: max(11px, .75cqw); line-height: 1.4; }
.kb dt { font-style: italic; }
.kb dd { margin: 0; }
.kb .k-place { font-style: italic; font-size: max(11px, .75cqw); margin: 0; }
.kb .k-text p { margin: 0; font-size: max(11px, .75cqw); line-height: 1.9; }
.kb .k-text p + p { margin-top: 1.1em; }
