/* Water-kefir article compositions. All public strings stay in local manuscripts. */
.ve-water,.ve-water-journal,.ve-water-spec,.ve-water-photo{margin:2rem 0;max-width:100%;font-family:'Source Sans 3','Noto Sans TC',sans-serif;color:#231f20}
.ve-water{border-top:3px solid #233f51;border-bottom:1px solid #cdd9df;padding:1.25rem 0}
.ve-water h3,.ve-water-journal h3,.ve-water-spec h3{margin:0 0 1rem!important;font-size:clamp(1.3rem,3vw,1.7rem)!important;line-height:1.3!important}
.ve-water h4{font-size:1.25rem!important;margin:.9rem 0!important}
.ve-water p,.ve-water-journal p,.ve-water-spec p{font-size:1rem;line-height:1.65}
.ve-water-controls{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}
.ve-water [hidden]{display:none!important}
.ve-water-controls button{font:inherit;font-weight:700;border:1px solid #536977;border-radius:6px;background:#fff;color:#233f51;padding:.65rem 1.1rem;min-height:46px;cursor:pointer}
.ve-water-controls button[aria-pressed=true]{background:#233f51;color:#fff}
.ve-water-controls button:focus-visible,.ve-water input:focus-visible,.ve-water-journal-link:focus-visible{outline:3px solid #b34f27;outline-offset:4px}
.ve-water-gas-states figure{margin:0 0 1.3rem}
.ve-water-gas-states img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain;background:#f2f6f9;border-radius:12px}
.ve-water-gas-states figcaption{font-size:1.05rem;line-height:1.6;padding:.8rem 0 0}
.ve-water-key{display:grid;gap:.5rem;list-style:none!important;padding:0!important;counter-reset:water-key;margin:1rem 0!important}
.ve-water-key li{display:flex;align-items:baseline;gap:.65rem;font-size:1rem;line-height:1.5;counter-increment:water-key;margin:0!important}
.ve-water-key li:before{content:counter(water-key);display:inline-grid;place-items:center;flex:0 0 1.5rem;height:1.5rem;border:1px solid #233f51;border-radius:50%;font-weight:700;color:#233f51;font-size:.9rem}
.ve-water-note{background:#f3f5f6;padding:1rem;border-left:3px solid #697d89}
.ve-water-spec{padding:1.4rem;background:#f7f7f4;border:1px solid #d4d6d4;border-left:5px solid #ae613e}
.ve-water-spec blockquote{margin:1rem 0!important;padding:.6rem 0!important;border:0!important;font:700 1.4rem/1.4 'Source Sans 3','Noto Sans TC',sans-serif!important;color:#883d20}
.ve-water-kicker{font-weight:700;color:#52636e;font-size:.9rem!important;margin:0 0 1rem!important;line-height:1.5!important}
.ve-water-chart{display:block;width:100%;max-width:600px;height:auto;margin:1rem auto;overflow:visible}
.ve-water-selector{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;font-size:1rem;font-weight:600;margin:1rem 0}
.ve-water-selector input{font:inherit;color:#231f20;background:#fff;border:1px solid #52636e;border-radius:4px;min-height:46px;padding:.5rem .9rem;max-width:100%}
.ve-water-values{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}
.ve-water-values p{margin:0!important;padding:.8rem .4rem;border-top:3px solid #17656d}
.ve-water-values p:nth-child(2){border-color:#b14d2d}
.ve-water-values strong,.ve-water-values span{display:block}
.ve-water-values span{font-size:1.5rem;font-variant-numeric:tabular-nums;margin-top:.3rem}
.ve-water details{margin:1rem 0}
.ve-water details summary{cursor:pointer;padding:.7rem 0;min-height:44px;font-size:1rem;font-weight:600}
.ve-water details table{font-size:.95rem}
.ve-water-journal{background:#faf8f2;border:1px solid #d9d3c6;padding:1.5rem;box-shadow:5px 5px 0 #eeeae1}
.ve-water-journal-sheet{border-top:1px solid #bcb8ad;margin:1.3rem 0}
.ve-water-journal-sheet p{display:grid;grid-template-columns:minmax(0,1fr) minmax(4rem,1fr);align-items:center;gap:1rem;margin:0!important;padding:.8rem 0;border-bottom:1px solid #d9d3c6}
.ve-water-journal-sheet span{height:1.4rem;border-bottom:1px dotted #c0b9aa}
.ve-water-journal-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.ve-water-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:58% 40%;border-radius:12px}
.ve-water-photo figcaption{font-size:1rem;line-height:1.6;margin-top:.75rem}
@media(max-width:420px){.ve-water-journal,.ve-water-spec{padding:1rem}.ve-water-values{gap:.6rem}.ve-water-values strong{font-size:.9rem}.ve-water-journal-sheet p{grid-template-columns:1fr}.ve-water-journal-sheet span{height:.6rem}.ve-water-chart{width:calc(100% + 8px);max-width:none;margin-left:-4px}.ve-water-note{padding:.8rem}}
@media print{.ve-water-gas [data-water-gas-state][hidden]{display:block!important}.ve-water-controls,.ve-water-selector{display:none!important}.ve-water,.ve-water-journal,.ve-water-spec{break-inside:avoid;box-shadow:none}.ve-water-gas-states img{max-height:300px}}
.ve-water button,.ve-water input,.ve-water summary,.ve-water-journal-link{scroll-margin-top:140px}

.ve-water-selector input[type=range]{flex:1 1 180px;min-width:120px;padding:0;accent-color:#17656d;cursor:pointer}.ve-water-selector>span{font-variant-numeric:tabular-nums;min-width:4rem;font-weight:700}