﻿.pipe-tool-page main{color:var(--odx-ink)}.pipe-tool-page main h1{font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-.04em;margin:0 0 28px}.pipe-tool-page main h2{font-size:32px;line-height:1.23;letter-spacing:-.025em;margin:0 0 20px}.pipe-tool-page main h3{font-size:24px;line-height:1.35;margin:0 0 20px}.pipe-tool-page main h4{font-size:18px;line-height:1.4;margin:0 0 12px}.pipe-tool-page main p{font-size:17px;line-height:1.7;color:var(--odx-muted);margin:0 0 20px}.pipe-tool-page main a{color:var(--odx-accent);text-underline-offset:4px}.pipe-tool-page main :is(a,button,input,select):focus-visible{outline:2px solid var(--odx-focus);outline-offset:4px}.pipe-link{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:700}.pipe-opening{padding-block:40px 55px}.pipe-opening>.pipe-link{margin-bottom:35px}.pipe-tool-page main .pipe-kicker{font-size:13px;font-weight:700;color:var(--odx-accent);margin-bottom:18px}.pipe-tool-page main .pipe-intro{font-size:21px;color:var(--odx-ink);max-width:820px}.pipe-tool-page main .pipe-scope{font-size:15px;max-width:850px}.pipe-workspace{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;border-top:1px solid var(--odx-border);padding-top:40px;align-items:start}.pipe-workspace form{min-width:0}.pipe-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.pipe-wide{grid-column:1/-1}.pipe-field{min-width:0;margin-bottom:22px}.pipe-field label{display:block;font-size:15px;font-weight:650;line-height:1.5;margin-bottom:8px}.pipe-field label span{display:block;font-size:13px;color:var(--odx-muted);font-weight:500}.pipe-field input,.pipe-field select{width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--odx-control-border);border-radius:9px;background:var(--odx-surface);color:var(--odx-ink);font:inherit;font-size:17px}.pipe-tool-page main .pipe-help{font-size:14px}.pipe-tool-page main .pipe-input-basis{font-size:14px;color:var(--odx-ink)}.pipe-density{border:0;padding:25px 0 0;border-top:1px solid var(--odx-border);margin:30px 0}.pipe-density legend{float:left;width:100%;font-size:20px;font-weight:700;line-height:1.4;margin-bottom:20px}.pipe-density .pipe-field{max-width:260px}.pipe-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.pipe-reset{background:none;border:0;color:var(--odx-accent);font:inherit;font-size:15px;font-weight:700;min-height:44px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.pipe-tool-page main .pipe-error{font-size:14px;line-height:1.5;color:var(--odx-accent);margin-top:8px}.pipe-error:empty{display:none}.pipe-field [aria-invalid=true]{border:2px solid var(--odx-accent)}.pipe-tool-page main .pipe-status{margin-top:20px;font-size:15px}.pipe-reference{min-width:0;background:var(--odx-soft);padding:32px 34px;border-radius:22px}.pipe-reference h2{font-size:28px!important}.pipe-tool-page main .pipe-reference>p:not(.pipe-kicker){font-size:15px}.pipe-reference-value{margin:10px 0 20px}.pipe-reference-value dt{font-size:14px;color:var(--odx-muted);margin-bottom:10px}.pipe-reference-value dd{font-size:30px;line-height:1.2;font-weight:700;margin:0;overflow-wrap:anywhere}.pipe-reference-value dd span{font-size:16px;font-weight:500}.pipe-reference-button{background:var(--odx-bg);color:var(--odx-ink);border:1px solid var(--odx-control-border);border-radius:9px;min-height:48px;padding:12px 15px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;width:100%;margin-bottom:20px}.pipe-tool-page main .pipe-reference-caution{font-size:14px!important}.pipe-results{margin-block:45px 75px;border-top:2px solid var(--odx-accent);padding-top:35px}.pipe-result-heading{max-width:780px}.pipe-tool-page main #pipe-result-context{font-size:15px}.pipe-volume-results{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:30px 0 35px}.pipe-volume-results dt{font-size:16px;color:var(--odx-muted);margin-bottom:14px}.pipe-volume-results dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;min-width:0;margin:0;color:var(--odx-accent)}.pipe-volume-results output{font-size:clamp(42px,5vw,68px);line-height:1.2;font-weight:700;letter-spacing:-.04em;overflow-wrap:anywhere;min-width:0}.pipe-volume-results dd span{font-size:17px;font-weight:650}.pipe-detail-results{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:30px;border-top:1px solid var(--odx-border)}.pipe-detail-results>dl{margin:0}.pipe-detail-results>dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px}.pipe-detail-results dt{font-size:15px;color:var(--odx-muted)}.pipe-detail-results dd{font-size:23px;font-weight:650;margin:0;overflow-wrap:anywhere;min-width:0}.pipe-mass h3{font-size:18px!important;margin-bottom:12px!important}.pipe-tool-page main .pipe-mass>p:not(.pipe-help){font-size:23px;font-weight:650;color:var(--odx-ink);overflow-wrap:anywhere}.pipe-mass p span{color:var(--odx-muted);font-weight:400}.pipe-method{background:var(--odx-soft);padding-block:65px;scroll-margin-top:110px}.pipe-method-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.pipe-method a{text-decoration:underline}.pipe-source-list>div{border-top:1px solid var(--odx-border);padding-block:22px}.pipe-source-list p,.pipe-source-list a{font-size:15px!important;line-height:1.7}.pipe-source-list p{margin-bottom:10px!important}.pipe-close{padding-block:65px}.pipe-close p{max-width:700px}
@media(max-width:1100px){.pipe-workspace,.pipe-method-layout{gap:50px}.pipe-reference{padding:28px}.pipe-detail-results{gap:40px}}
@media(max-width:800px){.pipe-workspace,.pipe-method-layout{grid-template-columns:1fr}.pipe-reference{max-width:650px}.pipe-opening{padding-top:25px}.pipe-detail-results{grid-template-columns:1fr;gap:25px}}
@media(max-width:480px){.pipe-tool-page main h1{font-size:40px}.pipe-tool-page main h2{font-size:29px}.pipe-tool-page main p{font-size:16px}.pipe-tool-page main .pipe-intro{font-size:19px}.pipe-fields,.pipe-volume-results{grid-template-columns:1fr}.pipe-volume-results{gap:25px}.pipe-volume-results output{font-size:43px}.pipe-reference{padding:25px 23px}.pipe-detail-results>dl>div{display:block}.pipe-detail-results dd{margin-top:7px}.pipe-results{margin-bottom:50px}.pipe-method,.pipe-close{padding-block:50px}}
