:root{
  --wt-ink:#183b45;
  --wt-muted:#5a737a;
  --wt-deep:#0c4a57;
  --wt-primary:#0f6b78;
  --wt-primary-hover:#0b5964;
  --wt-aqua:#9adde4;
  --wt-soft:#eaf8f8;
  --wt-soft-2:#f5fbfc;
  --wt-panel:#ffffff;
  --wt-line:#cfe5e8;
  --wt-line-strong:#9fcbd1;
  --wt-success:#16735a;
  --wt-success-soft:#e9f8f2;
  --wt-warning:#9a5a13;
  --wt-warning-soft:#fff7e8;
  --wt-danger:#a83939;
  --wt-danger-soft:#fff0f0;
  --wt-shadow:0 18px 46px rgba(23,70,79,.08);
  --wt-radius-xl:24px;
  --wt-radius-lg:20px;
  --wt-radius-md:14px;
  --wt-radius-sm:10px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.water-tool-ui-v2{margin:0;background:var(--wt-soft-2);color:var(--wt-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
html body.water-tool-ui-v2 #header{height:72px!important;min-height:72px!important;max-height:72px!important;padding:0!important;margin:0!important;background:transparent!important;overflow:visible!important}
.wt-shell{width:min(1360px,calc(100% - 40px));margin:0 auto}
.wt-hero{padding:28px 0 18px}
.wt-crumb{display:flex;gap:8px;align-items:center;margin:0 0 14px;font-size:13px;color:var(--wt-muted)}
.wt-crumb a{color:var(--wt-primary);font-weight:700;text-decoration:none}
.wt-hero-card{position:relative;overflow:hidden;padding:34px 38px;border-radius:var(--wt-radius-xl);background:linear-gradient(135deg,var(--wt-deep),#0b5964);color:#fff;box-shadow:0 18px 44px rgba(12,74,87,.16)}
.wt-hero-card:after{content:"";position:absolute;right:-80px;top:-110px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(154,221,228,.22),rgba(154,221,228,0) 70%);pointer-events:none}
.wt-eyebrow{position:relative;z-index:1;margin:0 0 11px;color:var(--wt-aqua);font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wt-hero h1{position:relative;z-index:1;margin:0;max-width:980px;color:#fff;font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.035em}
.wt-lead{position:relative;z-index:1;max-width:880px;margin:14px 0 0;color:#d8eef1;font-size:17px;line-height:1.55}
.wt-static-example{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2);font-size:13px;color:#d8eef1}
.wt-static-example strong{color:#fff}
.wt-task-shell{padding:0 0 18px}
.wt-task-nav{display:flex;gap:9px;overflow-x:auto;padding:10px;background:#fff;border:1px solid #e3eff1;border-radius:18px;box-shadow:0 10px 28px rgba(23,70,79,.05);scrollbar-width:thin}
.wt-task-nav button{flex:1 0 auto;min-height:54px;border:1px solid transparent;border-radius:12px;padding:10px 14px;background:#f0fafb;color:var(--wt-ink);font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.wt-task-nav button:hover{background:#e4f5f6;transform:translateY(-1px)}
.wt-task-nav button[aria-selected="true"]{background:var(--wt-primary);color:#fff;border-color:var(--wt-primary)}
.wt-main{padding:0 0 58px}
.wt-workspace{display:grid;grid-template-columns:minmax(0,1.82fr) minmax(330px,.98fr);gap:24px;align-items:start}
.wt-input-panel,.wt-summary-panel,.wt-content-card{background:#fff;border:1px solid #e1edef;border-radius:var(--wt-radius-lg);box-shadow:var(--wt-shadow)}
.wt-input-panel{min-width:0;padding:26px}
.wt-summary-panel{position:sticky;top:92px;padding:24px;background:linear-gradient(160deg,var(--wt-soft),#f8fdfd);border-color:#d8eded}
.wt-panel[hidden],.wt-summary-section[hidden],[hidden]{display:none!important}
.wt-panel-head{margin-bottom:20px}
.wt-panel-head h2,.wt-summary-section h2{margin:0;color:var(--wt-ink);font-size:26px;line-height:1.18;letter-spacing:-.02em}
.wt-panel-head p{max-width:780px;margin:8px 0 0;color:var(--wt-muted);font-size:15px;line-height:1.6}
.wt-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.wt-field{display:flex;min-width:0;flex-direction:column;gap:7px;padding:14px;background:#f7fbfc;border:1px solid #e7f0f2;border-radius:12px}
.wt-field.wt-full{grid-column:1/-1}
.wt-field label,.wt-inline-label{color:var(--wt-ink);font-size:13px;font-weight:800;line-height:1.35}
.wt-field input,.wt-field select,.wt-field textarea,.wt-table-input{width:100%;min-height:46px;border:1px solid var(--wt-line-strong);border-radius:10px;background:#fff;color:var(--wt-ink);font:inherit;font-size:15px;padding:10px 12px;outline:none}
.wt-field textarea{min-height:96px;resize:vertical;line-height:1.55}
.wt-field small{color:var(--wt-muted);font-size:12px;line-height:1.45}
.wt-field input:focus-visible,.wt-field select:focus-visible,.wt-field textarea:focus-visible,.wt-table-input:focus-visible,.wt-task-nav button:focus-visible,.wt-button:focus-visible,.wt-link-button:focus-visible{outline:3px solid rgba(15,107,120,.28);outline-offset:2px;border-color:var(--wt-primary)}
.wt-unit-row{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:8px}
.wt-inline-group{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.wt-advanced{margin-top:16px;border:1px solid #dfecee;border-radius:14px;background:#fbfefe}
.wt-advanced summary{cursor:pointer;padding:14px 16px;color:var(--wt-ink);font-size:14px;font-weight:800;list-style:none}
.wt-advanced summary::-webkit-details-marker{display:none}
.wt-advanced summary:after{content:"+";float:right;color:var(--wt-primary);font-size:18px}
.wt-advanced[open] summary:after{content:"−"}
.wt-advanced-body{padding:0 16px 16px}
.wt-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.wt-button,.wt-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;padding:10px 16px;font:inherit;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer}
.wt-button-primary{border:1px solid var(--wt-primary);background:var(--wt-primary);color:#fff}
.wt-button-primary:hover{background:var(--wt-primary-hover)}
.wt-button-secondary,.wt-link-button{border:1px solid var(--wt-line-strong);background:#fff;color:var(--wt-primary)}
.wt-button-quiet{border:1px solid transparent;background:#eef8f9;color:var(--wt-primary)}
.wt-summary-section h2{font-size:22px;margin-bottom:16px}
.wt-summary-metrics{display:grid;gap:11px}
.wt-summary-metric{display:flex;gap:14px;align-items:center;justify-content:space-between;min-height:68px;padding:14px 15px;background:#fff;border:1px solid #dfecee;border-radius:12px}
.wt-summary-metric strong{color:#47666e;font-size:12px;line-height:1.35}
.wt-summary-metric span{max-width:60%;color:var(--wt-primary);font-size:18px;line-height:1.15;font-weight:850;text-align:right;overflow-wrap:anywhere}
.wt-summary-note{margin:14px 0 0;padding:13px 14px;border-radius:12px;background:#fff;border-left:4px solid var(--wt-primary);color:#3f6068;font-size:13px;line-height:1.55}
.wt-summary-note.wt-warning{border-left-color:#c87a1a;background:var(--wt-warning-soft)}
.wt-summary-note.wt-danger{border-left-color:var(--wt-danger);background:var(--wt-danger-soft)}
.wt-summary-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.wt-summary-actions .wt-button{flex:1 1 130px}
.wt-subsection{margin-top:20px;padding-top:18px;border-top:1px solid #e3edef}
.wt-subsection h3{margin:0 0 10px;font-size:18px;color:var(--wt-ink)}
.wt-result-table-wrap{overflow-x:auto;margin-top:16px;border:1px solid #dcebed;border-radius:14px;background:#fff}
.wt-result-table{width:100%;min-width:720px;border-collapse:collapse}
.wt-result-table th,.wt-result-table td{padding:11px 12px;border-bottom:1px solid #e4eff1;text-align:left;font-size:13px;vertical-align:middle}
.wt-result-table th{background:#eef8f9;color:#36565f;font-weight:800}
.wt-result-table tbody tr:last-child td{border-bottom:0}
.wt-notice{margin-top:18px;padding:14px 16px;border-radius:12px;border-left:4px solid var(--wt-primary);background:#eff9fa;color:#385961;font-size:14px;line-height:1.6}
.wt-notice.wt-warning{border-left-color:#c87a1a;background:var(--wt-warning-soft)}
.wt-content{padding:0 0 66px}
.wt-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.wt-content-card{padding:24px}
.wt-content-card h2{margin:0 0 12px;font-size:23px;letter-spacing:-.015em}
.wt-content-card h3{margin:19px 0 8px;font-size:17px}
.wt-content-card p,.wt-content-card li{color:#4e6870;font-size:15px;line-height:1.7}
.wt-content-card ul,.wt-content-card ol{padding-left:20px}
.wt-content-card a{color:var(--wt-primary);font-weight:700;overflow-wrap:anywhere}
.wt-formula{padding:12px 14px;border-radius:10px;background:#f2f8f9;color:#36565f;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55}
.wt-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wt-related a{display:block;padding:13px 14px;border:1px solid #dcebed;border-radius:12px;background:#f6fbfc;color:var(--wt-primary);text-decoration:none;font-weight:800}
.wt-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1100px){.wt-workspace{grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr)}.wt-hero-card{padding:30px}}
@media(max-width:900px){html body.water-tool-ui-v2 #header{height:auto!important;min-height:0!important;max-height:none!important}.wt-shell{width:min(100% - 30px,760px)}.wt-workspace{grid-template-columns:1fr}.wt-summary-panel{position:static;top:auto}.wt-task-nav button{flex:0 0 auto}.wt-content-grid{grid-template-columns:1fr}}
@media(max-width:640px){.wt-shell{width:min(100% - 24px,620px)}.wt-hero{padding-top:18px}.wt-hero-card{padding:26px 20px;border-radius:18px}.wt-hero h1{font-size:34px}.wt-lead{font-size:15.5px}.wt-static-example{font-size:12.5px}.wt-task-shell{padding-bottom:14px}.wt-task-nav{margin-right:0;max-width:100%;border-radius:14px;padding:8px}.wt-task-nav button{min-height:48px;padding:9px 12px;font-size:13px}.wt-input-panel,.wt-summary-panel,.wt-content-card{padding:18px;border-radius:16px}.wt-field-grid{grid-template-columns:1fr}.wt-field.wt-full{grid-column:auto}.wt-unit-row{grid-template-columns:minmax(0,1fr) 104px}.wt-panel-head h2{font-size:23px}.wt-summary-section h2{font-size:20px}.wt-summary-metric{min-height:62px}.wt-summary-metric span{font-size:17px}.wt-related{grid-template-columns:1fr}.wt-actions{margin-top:16px}.wt-actions .wt-button{flex:1 1 120px}.wt-static-example span:nth-of-type(n+4){display:none}}
@media(max-width:380px){.wt-shell{width:min(100% - 18px,360px)}.wt-hero h1{font-size:30px}.wt-input-panel,.wt-summary-panel{padding:15px}.wt-field{padding:12px}.wt-summary-metric{align-items:flex-start;flex-direction:column;gap:6px}.wt-summary-metric span{max-width:100%;text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wt-task-nav button{transition:none}}
@media print{#header,#footer-placeholder,.wt-task-shell,.wt-actions,.wt-summary-actions,.wt-crumb,.wt-related{display:none!important}.wt-shell{width:100%;max-width:none}.wt-hero{padding:0 0 12px}.wt-hero-card{box-shadow:none;background:#fff;color:#000;border:1px solid #bbb}.wt-hero h1,.wt-eyebrow,.wt-lead,.wt-static-example,.wt-static-example strong{color:#000}.wt-workspace{display:block}.wt-input-panel{display:none}.wt-summary-panel{position:static;box-shadow:none}.wt-content{padding-bottom:0}.wt-content-card{box-shadow:none;break-inside:avoid}}
body.water-tool-ui-v2 .footer-bottom>div:nth-child(2){color:#64748b!important}