/* 2-Cycle Gas Mix Calculator (ROADMAP-Calcs-Garden.md GT3) — only what the core stylesheet does
   not already give: the ratio row, the can, the printable chart and the maker's own words. */
.chqt-mix-ratios { flex-wrap: wrap; }
.chqt-mix-fig { margin: 1rem 0; }
.chqt-mix-fig svg { width: 100%; max-width: 280px; height: auto; display: block; margin: 0 auto; }
.chqt-mix-chart { width: 100%; border-collapse: collapse; font-size: .95rem; }
.chqt-mix-chart caption { text-align: left; font-weight: 600; padding-bottom: .5rem; }
.chqt-mix-chart th, .chqt-mix-chart td { padding: .45rem .6rem; border-bottom: 1px solid var(--chqt-line, #E4E0D5); text-align: left; }
.chqt-mix-chart tbody th { font-weight: 600; }
.chqt-mix-brand { margin: 1rem 0; padding: .85rem 1rem; background: var(--chqt-cream, #F7F5F0); border-radius: 10px; }
.chqt-mix-brand h3 { font-size: 1rem; margin: 0 0 .4rem; }
.chqt-mix-brand__q { font-style: italic; margin: 0 0 .5rem; }
.chqt-mix-brand__do { display: flex; gap: .5rem; flex-wrap: wrap; margin: .6rem 0; }
.chqt-btn--small { font-size: .85rem; padding: .35rem .7rem; }
.chqt-mix-doc { margin-top: 1rem; }
.chqt-mix-doc h3 { font-size: 1rem; margin: .9rem 0 .3rem; }
.chqt-mix-doc p { margin: 0 0 .6rem; }