.web-page{padding-top:2rem}
.web-tool>*{min-width:0}
.web-tool h1{max-width:20ch;font-size:clamp(34px,4vw,52px);line-height:1.12;overflow-wrap:anywhere}
.web-tool .result-panel{padding:0;background:#fff}
.web-tool textarea{min-height:8rem}
.web-tool [data-output]{min-height:10rem}
.web-tool .readings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:1.5rem 0}
.web-tool .readings div{min-width:0}
.web-tool dt{color:#555;font-size:.95rem}
.web-tool dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.web-tool .measurement dd{font-size:clamp(1.4rem,4vw,2.3rem);line-height:1.2;margin-top:.3rem}
.query-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.75rem;align-items:end;margin-bottom:1.25rem}
.query-row .field{min-width:0;margin:0}.query-row button{margin-bottom:0}
.web-tool .query-row textarea{min-height:3rem;height:4.5rem}
.web-tool [data-web-tool="utm-builder"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.25rem}
.web-tool [data-web-tool="utm-builder"]>.field{min-width:0}
.web-tool [data-web-tool="utm-builder"]>:not(.field),.web-tool [data-web-tool="utm-builder"]>.field:first-child,.web-tool [data-web-tool="utm-builder"]>.field:nth-child(4){grid-column:1/-1}
.web-tool [data-web-tool="browser-info"] dd{font-size:1.1rem;line-height:1.5}
.web-tool .result-panel:not([hidden]){animation:web-appear 150ms ease}
.web-tool .measurement{animation:none!important}
@keyframes web-appear{from{opacity:0;transform:translateY(.2rem)}to{opacity:1;transform:none}}
@media(max-width:44rem){.web-tool .readings,.web-tool [data-web-tool="utm-builder"]{grid-template-columns:1fr}.query-row{grid-template-columns:1fr}.query-row button{justify-self:start}}
@media(prefers-reduced-motion:reduce){.web-tool .result-panel:not([hidden]){animation:none}}