/* Aquarium: a water-blue variation inside the Volume family. */
.aq-page .hero{background:linear-gradient(150deg,#f3fbff,#dceff7)}.aq-page .hero-grid{align-items:start}.aq-page .intro{align-self:start}.aq-page .eyebrow,.aq-page a{color:#245f85}.aq-page .button{background:#245f85}.aq-page .button:hover{background:#164e72}.aq-page .tool-panel{border-color:#b7d8e8}.aq-page .result{background:#eaf7fc;border-color:#a7cfe1}.aq-page .result-label,.aq-page .result-extra,.aq-page .aq-conversions{color:#164e72}.aq-page .aq-conversions>div{border-color:#badbe9}
.aq-figure-note{font-size:.86rem;color:var(--muted);max-width:40ch;margin:12px 0 0}.aq-dimensions{display:grid;gap:0}.aq-allowance{min-width:0;border:1px solid #badbe9;padding:14px 14px 0;border-radius:12px;margin:18px 0;background:#f6fbfe}.aq-allowance legend{padding:0 6px;font-size:.91rem;font-weight:750;color:#245f85}.aq-options{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}.aq-options .field{min-width:0}.aq-water-change{padding:16px;margin-top:18px;border:1px solid #a7cfe1;border-radius:11px;background:#fff}.aq-change-value{font-size:1.5rem;line-height:1.2;font-weight:800;color:#164e72;margin:5px 0 7px;overflow-wrap:anywhere}.aq-water-change .result-extra{margin:0}.aq-breakdown{margin:18px 0 0;font-size:.85rem;color:#164e72}.aq-breakdown>div{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;border-top:1px solid #badbe9;padding:8px 0}.aq-breakdown dt{font-weight:700}.aq-breakdown dd{margin:0;text-align:right;overflow-wrap:anywhere}.aq-content-heading{margin-top:34px}.aq-table-wrap{overflow-x:auto}.aq-reference-table{width:100%;max-width:680px;border-collapse:collapse;text-align:left;font-size:.92rem;margin-top:20px}.aq-reference-table caption{text-align:left;margin-bottom:10px;color:var(--muted)}.aq-reference-table th,.aq-reference-table td{padding:10px 14px;border-bottom:1px solid #badbe9}.aq-reference-table thead{background:#eaf7fc;color:#164e72}
/* Nine volume links; three columns on tablets, a single row on wide screens. */
@media(min-width:700px){.shape-links-scroll{grid-template-columns:repeat(3,minmax(0,1fr))}.home-category-volume .home-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:980px){.shape-links-scroll{grid-template-columns:repeat(9,minmax(0,1fr))}.shape-links-scroll .shape-link{padding-inline:6px}.shape-links-scroll .shape-link img{max-width:100%}}