@font-face { font-family: "Bliss 2"; src: url("assets/fonts/bliss-2-bold.woff") format("woff"); font-style: normal; font-weight: 700; font-display: block; }
@font-face { font-family: "Bliss 2"; src: url("assets/fonts/bliss-2-regular.woff") format("woff"); font-style: normal; font-weight: 400; font-display: block; }
@font-face { font-family: "Helvetica Neue Condensed"; src: url("assets/fonts/helvetica-neue-condensed-bold.woff") format("woff"); font-style: normal; font-weight: 700; font-display: block; }
@font-face { font-family: "Helvetica Neue Condensed"; src: url("assets/fonts/helvetica-neue-condensed-regular.woff") format("woff"); font-style: normal; font-weight: 400; font-display: block; }

:root { color-scheme: light; --ink: #261b06; --paper-width: 654.48pt; }
* { box-sizing: border-box; }
body { margin: 0; background: #ededed; color: var(--ink); }
main { padding: 28px 0; }
.leaflet { width: var(--paper-width); max-width: 100%; margin: 0 auto 28px; padding: 55pt 91.13pt 45pt 79.73pt; background: #fff; font-size: 10pt; line-height: 12pt; }
.liquid { font-family: "Bliss 2", sans-serif; }
.powder { font-family: "Helvetica Neue Condensed", sans-serif; }
.columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 9.62pt; align-items: start; }
.column { min-width: 0; }
.leaflet-header { margin-bottom: 22pt; text-align: center; }
.leaflet-header h1 { font-size: 14.05pt; line-height: 16pt; margin: 5pt 0 0; font-weight: 700; }
.leaflet-header p { font-size: 12.31pt; line-height: 14pt; margin: 0; }
.powder .leaflet-header { margin-inline: auto; width: calc((100% - 9.62pt) / 2); }
.icon { display: inline-block; flex: none; vertical-align: middle; object-fit: contain; }
.logo { display: block; margin: 0 auto; max-width: 100%; }
p, h2, h3 { font-size: inherit; line-height: inherit; margin: 0; }
h2, h3 { font-weight: 700; }
h2 { margin-top: 6pt; }
.source-block { margin: 0 0 4.5pt; }
.source-block p + p, .source-block p + h3, .source-block ul + h3, .source-block ol + h3 { margin-top: 4.5pt; }
.source-block h3:first-child, .source-block h2:first-child { margin-top: 0; }
.source-block h3 + p, .source-block h2 + p { margin-top: 0; }
strong { font-weight: 700; }
sup { font-size: 7.5pt; line-height: 0; vertical-align: baseline; position: relative; top: -2.5pt; }
.text-list { list-style: none; padding: 0; margin: 0; }
.text-list li { padding-left: 7pt; text-indent: -7pt; margin: 0; }
.icon-text { display: flex; align-items: flex-start; gap: 5pt; margin-bottom: 4.5pt; }
.icon-text > .source-block { flex: 1; min-width: 0; margin-bottom: 0; }
.certification { margin: 7pt 0; }
.manufacturer-row { display: flex; align-items: flex-start; gap: 7pt; margin: 5pt 0; }
.manufacturer-row > .icon-text { flex: 1; gap: 5pt; }
.device-label { display: flex; align-items: flex-start; gap: 4pt; font-size: 9pt; line-height: 10pt; }
.device-label .source-block { margin: 0; }
.temperature-max { margin-left: 3pt; }
@media (max-width: 720px) {
 main { padding: 12px; }
 .leaflet { padding: 28px 22px; margin-bottom: 16px; }
 .columns { grid-template-columns: 1fr; gap: 4.5pt; }
 .powder .leaflet-header { width: 100%; }
 .leaflet-header { margin-bottom: 22pt; }
}
@media print {
 @page { size: 654.48pt 1800pt; margin: 0; }
 body, main { margin: 0; padding: 0; background: #fff; }
 .leaflet { max-width: none; margin: 0; break-after: page; }
 .leaflet:last-child { break-after: auto; }
}