/* DANWI Make handoff 2026-10-12, adapted to existing server templates. */
.uc-v5{--uc-blue:#174db3;--uc-violet:#6c3bf5;--uc-violet-dark:#5527d9;--uc-violet-soft:#f4f1ff;--uc-text:#171719;--uc-muted:#667085;--uc-line:#e1e5ea;--uc-bg:#fff;font-size:15px;line-height:1.7}
.uc-v5 #uc-main{max-width:1120px;padding:56px 24px 100px}
.uc-v5 :focus-visible,.uc-v5 .uc-field input:focus-visible,.uc-v5 .uc-search-input:focus-visible{outline:3px solid #6c3bf5;outline-offset:2px;box-shadow:none}
.uc-v5 .uc-header{height:64px;padding:0 max(24px,calc((100% - 1072px)/2));gap:12px;z-index:50;background:#fff}
.uc-v5 .uc-brand,.uc-v5 .uc-main-nav a{min-height:44px;display:flex;align-items:center}
.uc-v5 .uc-main-nav{display:flex;gap:6px}
.uc-v5 .uc-main-nav a{font-size:14px;padding:0 14px;border-radius:10px;color:var(--uc-muted)}
.uc-v5 .uc-main-nav a:hover,.uc-v5 .uc-main-nav a[aria-current]{color:var(--uc-text);background:#f8f9fb;text-decoration:none}
.uc-v5 .uc-home-intro{max-width:690px;padding:22px 0 6px;text-align:left}
.uc-v5 .uc-home-intro h1{font-size:52px;line-height:1.22;letter-spacing:-.045em}
.uc-v5 .uc-home-intro>p:not(.uc-eyebrow){font-size:17px;line-height:1.7;margin-top:20px}
.uc-v5 .uc-eyebrow{color:var(--uc-violet);font-size:13px;line-height:1.5;letter-spacing:.02em;font-weight:700;margin:0 0 10px;background:none;padding:0;display:block}
.uc-v5 .uc-home-search{max-width:600px;margin-top:28px;position:relative}
.uc-v5 .uc-home-search h2{font-size:16px;margin-bottom:4px}
.uc-v5 .uc-home-search>label{display:block;font-size:13px;color:var(--uc-muted)}
.uc-v5 .uc-search-input{min-height:56px;padding-right:56px;border-radius:13px;border-color:#cbd1d9}
.uc-v5 .uc-search-glyph{top:18px;font-size:24px}
.uc-v5 .uc-search-clear{position:absolute;right:6px;top:6px;min-width:44px;min-height:44px;border:0;background:#fff;border-radius:8px;font-size:22px;cursor:pointer;color:var(--uc-muted)}
.uc-v5 .uc-search-results{top:100%;padding:8px;max-height:390px;box-shadow:0 16px 40px #11182718;z-index:25}
.uc-v5 .uc-search-results a{align-items:flex-start;border:0;padding:14px 10px;min-height:60px;font-size:14px;color:var(--uc-text);gap:10px}
.uc-v5 .uc-search-results a:hover{background:#f8f9fb;border-radius:10px}
.uc-v5 .uc-result-kind{font-size:11px;color:var(--uc-muted);border:1px solid var(--uc-line);border-radius:99px;padding:3px 6px;white-space:nowrap}
.uc-v5 .uc-search-results p{margin:12px}
.uc-v5 .uc-featured-types,.uc-v5 .uc-v5-quick,.uc-v5 .uc-life-section,.uc-v5 .uc-v5-support{margin-top:72px}
.uc-v5 h2{font-size:25px;line-height:1.4;letter-spacing:-.025em}
.uc-v5 .uc-type-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.uc-v5 .uc-type-card{min-height:158px;height:auto;border-radius:14px;padding:18px}
.uc-v5 .uc-all-card{background:#f8f9fb}
.uc-v5 .uc-type-card:hover{transform:none}
.uc-v5 .uc-life-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.uc-v5 .uc-life-grid>a{background:#f8f9fb;min-height:182px;border-radius:14px;padding:20px;display:flex;flex-direction:column;color:var(--uc-text);gap:10px}
.uc-v5 .uc-life-grid>a:hover{background:var(--uc-violet-soft);text-decoration:none}
.uc-v5 .uc-life-grid strong{font-size:16px;color:var(--uc-violet-dark)}
.uc-v5 .uc-life-grid span{font-size:13px;color:var(--uc-muted);word-break:keep-all;overflow-wrap:anywhere}
.uc-v5 .uc-life-grid span:last-child{margin-top:auto;align-self:flex-end;color:var(--uc-violet-dark)}
.uc-v5 .uc-intro{max-width:808px;padding:0;margin:24px 0 28px}
.uc-v5 .uc-home-intro{margin-top:0;margin-bottom:0}
.uc-v5 .uc-intro h1,.uc-v5-detail .uc-intro h1{font-size:42px;line-height:1.25;letter-spacing:-.04em}
.uc-v5 .uc-home-intro h1{font-size:52px}
.uc-v5 .uc-intro>p{margin-top:12px;line-height:1.7}
.uc-v5 .uc-calculator{padding:26px;border-radius:16px;box-shadow:0 12px 34px #1118270b;margin-top:28px;max-width:808px}
.uc-v5 .uc-v5-quick .uc-calculator{background:var(--uc-blue);border-color:var(--uc-blue);color:#fff;max-width:none;border-radius:18px;padding:28px}
.uc-v5 .uc-v5-quick .uc-calculator label,.uc-v5 .uc-v5-quick .uc-calculator summary,.uc-v5 .uc-v5-quick .uc-calculator .uc-muted,.uc-v5 .uc-v5-quick .uc-summary{color:#fff}
.uc-v5 .uc-v5-quick .uc-quick-heading{display:block;margin-bottom:20px}
.uc-v5 .uc-quick-heading h2{display:none}
.uc-v5 .uc-quick-heading .uc-field{width:min(300px,100%)}
.uc-v5 .uc-field label:nth-of-type(2){position:static;width:auto;height:auto;overflow:visible;clip:auto;display:block;margin-top:14px}
.uc-v5 .uc-field input,.uc-v5 .uc-field select{min-height:48px;font-size:15px;border-radius:10px;line-height:1.5}
.uc-v5 .uc-field select{margin:0}
.uc-v5 .uc-field output{height:auto;min-height:48px;line-height:1.4;overflow-wrap:anywhere;white-space:normal;overflow:visible;font-size:24px;padding:8px 12px;max-width:100%}
.uc-v5 .uc-result-line{display:flex;align-items:center;border:1px solid #dcd2ff;border-radius:10px;background:var(--uc-violet-soft);min-width:0;min-height:48px}
.uc-v5 .uc-result-line output{min-width:0;width:auto;flex:1;border:0;background:transparent;color:var(--uc-violet-dark)}
.uc-v5 #uc-result-unit{padding-right:12px;color:#625788;font:14px DanwiMono,monospace;flex-shrink:0}
.uc-v5 .uc-grid{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);align-items:start}
.uc-v5 #uc-swap{margin-top:91px;width:46px;height:46px}
.uc-v5 .uc-presets button{min-height:44px;height:44px;min-width:44px}
.uc-v5 .uc-presets>span{color:var(--uc-muted)}
.uc-v5 .uc-v5-quick .uc-presets>span{color:#fff}
.uc-v5 .uc-secondary{border:1px solid var(--uc-line);border-radius:10px;padding:8px 16px;min-height:44px;background:#fff;color:var(--uc-text);font:600 13px DanwiNoto,sans-serif;cursor:pointer}
.uc-v5 .uc-secondary:disabled{color:#667085;background:#f8f9fb;cursor:default}
.uc-v5 .uc-process{margin-top:16px;color:var(--uc-violet-dark);font-size:13px}
.uc-v5 .uc-process summary,.uc-v5 details>summary{min-height:44px;cursor:pointer;padding:10px 0}
.uc-v5 #uc-copy{margin-top:18px}
.uc-v5 .uc-v5-quick .uc-process{color:#fff}
.uc-v5 .uc-field-error,.uc-v5 #uc-error{color:#b42318;font-size:12px;line-height:1.6;margin:6px 0;white-space:normal}
.uc-v5 .uc-v5-quick #uc-error{color:#fff;background:#b42318;border-radius:8px;padding:8px}
.uc-v5 [aria-invalid=true]{border-color:#b42318}
.uc-v5 .uc-guide-answer{max-width:808px;margin:24px 0;padding:22px;border-left:3px solid var(--uc-blue);background:#f8f9fb;border-radius:0 14px 14px 0;font-size:17px}
.uc-v5 .uc-guide-answer p{margin:0;white-space:pre-line;overflow-wrap:anywhere}
.uc-v5 .uc-info-article{max-width:808px;margin-top:32px;border:0;padding:0;line-height:1.85}
.uc-v5 .uc-info-article p{max-width:680px}
.uc-v5 .uc-info-article h2{margin-top:48px;font-size:23px}
.uc-v5 .uc-info-article .uc-worked-example{background:var(--uc-violet-soft);border:1px solid #ded4ff;border-radius:14px;padding:18px}
.uc-v5 .uc-worked-example a{min-height:44px;display:inline-flex;align-items:center;color:var(--uc-violet-dark);font-weight:600}
.uc-v5 .uc-tank-diagram{max-width:520px;margin:24px 0}
.uc-v5 .uc-tank-diagram svg{width:100%;height:auto}
.uc-v5 .uc-tank-diagram figcaption{color:var(--uc-muted);font-size:13px}
.uc-v5 .uc-life-tabs{display:flex;gap:6px;max-width:808px;overflow-x:auto;padding:4px 3px;overscroll-behavior-x:contain}
.uc-v5 .uc-life-tabs a{flex:0 0 auto;min-height:44px;padding:10px 15px;border:1px solid var(--uc-line);border-radius:99px;font-size:13px;color:var(--uc-text)}
.uc-v5 .uc-life-tabs a[aria-current]{background:var(--uc-text);color:#fff;border-color:var(--uc-text)}
.uc-v5 .uc-life-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.uc-v5 .uc-life-field{display:block}
.uc-v5 .uc-life-field input{font-size:17px}
.uc-v5 .uc-life-field label{min-height:22px;line-height:1.6;white-space:normal}
.uc-v5 .uc-life-field small{display:block}
.uc-v5 .uc-life-result{margin-top:22px;padding:22px;background:var(--uc-violet-soft);border-radius:14px;color:var(--uc-violet-dark)}
.uc-v5 .uc-life-result>span{font-size:13px;font-weight:600}
.uc-v5 .uc-life-result strong{display:block;font:500 30px/1.5 DanwiMono,monospace;overflow-wrap:anywhere;white-space:normal;margin-top:8px}
.uc-v5 .uc-life-result p{font-size:13px;margin:10px 0 0;color:#625788}
.uc-v5 .uc-life-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.uc-v5 .uc-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.uc-v5 .uc-product{border:1px solid var(--uc-line);border-radius:12px;padding:18px;min-width:0;display:grid;gap:12px}
.uc-v5 .uc-product legend{padding:0 7px;font-weight:700}
.uc-v5 .uc-price-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.uc-v5 .uc-price-results>div{border:1px solid var(--uc-line);border-radius:12px;background:#f8f9fb;padding:18px;display:flex;flex-direction:column;gap:8px}
.uc-v5 .uc-price-results strong{font:500 24px/1.5 DanwiMono,monospace;overflow-wrap:anywhere}
.uc-v5 .uc-price-results span{font-size:13px;color:var(--uc-muted)}
.uc-v5 .uc-price-results .uc-winner{background:var(--uc-violet-soft);border-color:#d9ceff}
.uc-v5 .uc-winner strong,.uc-v5 .uc-winner small{color:var(--uc-violet-dark)}
.uc-v5 .uc-related{margin:40px 0}
@media(max-width:900px){.uc-v5 .uc-type-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.uc-v5 .uc-life-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){
 .uc-v5 #uc-main{padding:38px 16px 70px}.uc-v5 .uc-header{padding:0 16px;align-items:center;flex-direction:row}
 .uc-v5 .uc-main-nav{gap:2px}.uc-v5 .uc-main-nav a{font-size:12px;padding:0 8px}.uc-v5 .uc-main-nav a:first-child{display:none}
 .uc-v5 .uc-home-intro{padding-top:12px}.uc-v5 .uc-home-intro h1{font-size:36px}.uc-v5 .uc-home-intro>p:not(.uc-eyebrow){font-size:15px}
 .uc-v5 .uc-intro h1,.uc-v5-detail .uc-intro h1{font-size:32px}.uc-v5 .uc-home-intro h1{font-size:36px}
 .uc-v5 .uc-featured-types,.uc-v5 .uc-v5-quick,.uc-v5 .uc-life-section,.uc-v5 .uc-v5-support{margin-top:56px}
 .uc-v5 .uc-grid{grid-template-columns:minmax(0,1fr)}.uc-v5 #uc-swap{margin:0;justify-self:center;transform:rotate(90deg)}
 .uc-v5 .uc-calculator,.uc-v5 .uc-v5-quick .uc-calculator{padding:18px}.uc-v5 .uc-life-grid{grid-template-columns:minmax(0,1fr)}.uc-v5 .uc-life-grid>a{min-height:118px}
 .uc-v5 .uc-life-fields,.uc-v5 .uc-products,.uc-v5 .uc-price-results{grid-template-columns:minmax(0,1fr)}
 .uc-v5 .uc-life-result strong{font-size:25px}.uc-v5 .uc-guide-answer{font-size:16px;padding:18px}
 .uc-v5 .uc-life-actions>*{flex:1}.uc-v5 .uc-footer{padding:32px 16px}.uc-v5 .uc-v5-support{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:370px){.uc-v5 .uc-type-cards{grid-template-columns:minmax(0,1fr)}.uc-v5 .uc-main-nav a{padding:0 6px}.uc-v5 .uc-brand{font-size:16px}.uc-v5 .uc-presets{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.uc-v5 *,.uc-v5 *::before,.uc-v5 *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}