/* DynamiqNotes Unit Converter 2.0 — Option 2 Workbench. All selectors are component-scoped. */
.dqn-uc{--dqn-navy:#0b1a34;--dqn-ink:#10223e;--dqn-muted:#72819d;--dqn-line:#e1e8f1;--dqn-soft:#f5f8fc;--dqn-accent:#0c968e;--dqn-teal:#12bcb5;--dqn-cyan:#36cbea;--dqn-radius:15px;width:100%;max-width:100%;margin:0 auto;color:var(--dqn-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;line-height:1.52;text-rendering:optimizeLegibility;isolation:isolate;position:relative}
.dqn-uc,.dqn-uc *,.dqn-uc *:before,.dqn-uc *:after{box-sizing:border-box}
.dqn-uc h2,.dqn-uc h3,.dqn-uc h4,.dqn-uc p{margin:0!important;padding:0;font:inherit;line-height:inherit}
.dqn-uc input,.dqn-uc select,.dqn-uc button{font:inherit!important;letter-spacing:normal!important;text-transform:none!important;box-shadow:none;min-width:0;line-height:1.4!important}
.dqn-uc button{cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.dqn-uc button:disabled{opacity:.5;cursor:not-allowed}
.dqn-uc button:focus-visible,.dqn-uc select:focus-visible,.dqn-uc input:focus-visible{outline:3px solid color-mix(in srgb,var(--dqn-teal) 48%,transparent)!important;outline-offset:2px}
.dqn-uc .dqn-uc__sr-only{position:absolute!important;height:1px!important;width:1px!important;overflow:hidden!important;white-space:nowrap!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important}
.dqn-uc--wide{width:min(1520px,calc(100vw - 44px));max-width:none;position:relative;left:50%;transform:translateX(-50%);margin-left:0;margin-right:0}
.dqn-uc__frame{background:#f8fafd;border:1px solid #e9edf4;border-radius:18px;box-shadow:0 9px 36px rgba(30,49,78,.055);overflow:hidden}
.dqn-uc__hero{background:radial-gradient(ellipse at 75% 10%,#143b55 0,transparent 45%),linear-gradient(123deg,#08192f 0%,#0c2443 56%,#0d3146 100%);color:white;min-height:278px;padding:24px clamp(22px,4.2vw,60px) 30px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,440px);align-items:center;gap:20px;overflow:hidden}
.dqn-uc__hero:before{content:"";position:absolute;inset:0;opacity:.17;pointer-events:none;background-image:linear-gradient(#4fa8c71c 1px,transparent 1px),linear-gradient(90deg,#4fa8c71c 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to right,transparent 14%,#000 100%)}
.dqn-uc__hero:after{content:"";position:absolute;width:600px;height:240px;left:-200px;bottom:-175px;border:1px solid #246a8c;border-radius:50%;box-shadow:0 0 0 35px #084d7820,0 0 0 69px #0b70ab12;transform:rotate(15deg)}
.dqn-uc__hero-copy{position:relative;z-index:1;max-width:670px}
.dqn-uc__brand-row{display:flex;align-items:center;gap:11px;margin-bottom:27px}
.dqn-uc__brand-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,#18d8d0,#329deb);font-size:24px;font-weight:900;line-height:1}
.dqn-uc__wordmark{font-weight:760;letter-spacing:-.6px;font-size:19px}.dqn-uc__wordmark>span{color:#35d5c9}.dqn-uc__wordmark small{font-size:9px;letter-spacing:2px;font-weight:700;margin-left:8px;color:#9fc6d5}
.dqn-uc__hero-eyebrow{color:#a8bddd;letter-spacing:2.4px;font-size:10px;font-weight:780;margin-bottom:6px}
.dqn-uc .dqn-uc__title{font-size:clamp(34px,4vw,52px);font-weight:790;letter-spacing:-2px;line-height:1.08;margin-bottom:9px!important;color:#fff}
.dqn-uc__title-period{color:var(--dqn-teal)}
.dqn-uc .dqn-uc__subtitle{font-size:14px;max-width:560px;color:#d6e4f0;line-height:1.65}
.dqn-uc__chips{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:17px;font-size:11px;color:#dbe8f5}
.dqn-uc__chips span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.dqn-uc__chips b{font-weight:800;color:#fff;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;background:#168b9c;font-size:12px}
.dqn-uc__chips span:nth-child(2) b{background:#177e64}.dqn-uc__chips span:nth-child(3) b{background:#ca6b8a}
.dqn-uc__hero-graphic{position:relative;min-height:185px;z-index:1;perspective:600px}
.dqn-uc__float-card{position:absolute;width:111px;height:124px;top:18px;padding:21px 12px;text-align:center;color:#fff;background:linear-gradient(145deg,#1b6389ba,#215c7688);border:1px solid #65cfec7a;box-shadow:0 14px 28px #0003,inset 0 0 22px #50d6ec25;border-radius:12px;display:flex;flex-direction:column;justify-content:center;gap:7px;backdrop-filter:blur(4px)}
.dqn-uc__float-card strong{font-size:36px;line-height:1;font-weight:750}.dqn-uc__float-card small{font-size:12px;color:#d3e6f4}
.dqn-uc__float-card--one{left:8%;transform:rotate(-13deg);top:14px}
.dqn-uc__float-card--two{left:36%;transform:rotate(1deg);top:4px;background:linear-gradient(145deg,#167c91cc,#07545fa8)}
.dqn-uc__float-card--three{left:63%;transform:rotate(12deg);top:25px;background:linear-gradient(145deg,#4567869c,#1f374fa8)}
.dqn-uc__hero-graphic p{position:absolute;bottom:-9px;right:8%;font-size:17px;font-style:italic;color:#bee2e8;transform:rotate(-5deg);font-weight:550;white-space:nowrap}
.dqn-uc__layout{padding:22px;display:grid;grid-template-columns:minmax(194px,210px) minmax(0,1fr) minmax(220px,258px);gap:20px;align-items:start}
.dqn-uc__sidebar,.dqn-uc__main,.dqn-uc__insights{min-width:0}
.dqn-uc__side-heading{display:flex;justify-content:space-between;align-items:center;padding:5px 8px 15px;color:#66799b;font-size:11px;font-weight:760;letter-spacing:1px;text-transform:uppercase}
.dqn-uc__side-count{border:1px solid #dce6f1;padding:0 7px;border-radius:6px;letter-spacing:0;font-size:11px;background:#fff}
.dqn-uc__search-wrap{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--dqn-line);border-radius:9px;padding:0 11px;min-width:0}
.dqn-uc__search-wrap>span{font-size:21px;color:#93a4bd;line-height:1}
.dqn-uc__search-wrap input{background:transparent!important;border:0!important;outline:0!important;min-height:37px!important;padding:4px 0!important;width:100%;font-size:12px!important;color:var(--dqn-ink)!important}
.dqn-uc__category-list{display:flex;flex-direction:column;gap:3px;margin-top:10px;max-height:645px;overflow:auto;padding:3px 4px 3px 0;scrollbar-color:#dbe5f0 transparent;scrollbar-width:thin}
.dqn-uc .dqn-uc__category{min-width:0;width:100%;background:transparent;color:#334b6d;border:1px solid transparent;display:flex;align-items:center;gap:9px;text-align:left;padding:10px 12px;border-radius:10px;font-size:12px!important;font-weight:570;min-height:42px}
.dqn-uc__category:hover{background:#e9f4f5;border-color:#e0eeef}
.dqn-uc .dqn-uc__category--active{background:#d9f5f1;color:#087e83;border-color:#d9f5f1;font-weight:750}
.dqn-uc__category-icon{flex:0 0 19px;font-size:17px;font-weight:750;line-height:1;text-align:center;color:#667e9f}.dqn-uc__category--active .dqn-uc__category-icon{color:#0aa99f}
.dqn-uc__category-name{flex:1;line-height:1.28}.dqn-uc__category-arrow{font-size:21px;color:#91a4b6;line-height:1}.dqn-uc__category--active .dqn-uc__category-arrow{color:#087e83}
.dqn-uc__side-tip{margin-top:22px;padding:17px;border:1px solid #f0e8da;border-radius:12px;background:linear-gradient(132deg,#fffefb,#fff8ed);font-size:12px;color:#776845}
.dqn-uc__side-tip>span{font-size:25px;color:#d99b30;display:block;line-height:1;margin-bottom:8px}
.dqn-uc__side-tip strong{display:block;color:#aa761c;font-weight:750;font-size:14px}
.dqn-uc__side-tip p{font-size:12px;line-height:1.6;margin-top:4px!important}
.dqn-uc__main{display:grid;gap:14px}
.dqn-uc__panel{background:#fff;border:1px solid var(--dqn-line);border-radius:var(--dqn-radius);box-shadow:0 4px 20px #203e6610}
.dqn-uc__converter-panel{padding:22px}
.dqn-uc__panel-head{display:flex;align-items:center;gap:13px;margin-bottom:16px;min-width:0}
.dqn-uc__category-symbol{background:linear-gradient(135deg,#def8f8,#c6e9e9);border-radius:12px;width:51px;height:51px;display:grid;place-items:center;color:#008e9d;font-size:29px;font-weight:700;flex:none}
.dqn-uc__panel-heading{min-width:0;flex:1}.dqn-uc__overline{color:#149e9a;font-size:10px;letter-spacing:1.25px;font-weight:750}
.dqn-uc .dqn-uc__panel-heading h3{font-size:22px;font-weight:770;line-height:1.2;letter-spacing:-.65px;color:var(--dqn-ink)}
.dqn-uc .dqn-uc__panel-heading p{font-size:12px;color:#7b8ca7;margin-top:3px!important}
.dqn-uc .dqn-uc__icon-button{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:9px;background:#fff;border:1px solid #dde6f0;color:#6f809b;font-size:21px!important}
.dqn-uc__icon-button:hover{border-color:#14b8b0;background:#edfcfc}
.dqn-uc__favorite-toggle{font-size:27px!important;border:0!important}.dqn-uc__favorite-toggle.dqn-uc__favorited{color:#f1b52a;background:#fff9e9}
.dqn-uc__preset-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:12px}
.dqn-uc__base-tag{color:#8190a8;font-size:11px}.dqn-uc__base-tag strong{color:#344e70}
.dqn-uc__preset-wrap{flex:0 1 170px;min-width:0;max-width:100%}
.dqn-uc .dqn-uc__preset-wrap select{background:#f9fbfd;border:1px solid #dfe7f0;border-radius:8px;padding:7px 9px!important;height:35px;width:100%;font-size:11px!important;color:#536a88}
.dqn-uc__converter-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 40px minmax(0,1fr);align-items:end;gap:10px}
.dqn-uc__field{min-width:0;display:flex;flex-direction:column;gap:7px}
.dqn-uc__field label{font-size:12px;font-weight:720;color:#3a4c69}
.dqn-uc .dqn-uc__field select,.dqn-uc .dqn-uc__field input{background:#fff!important;display:block;width:100%;border:1px solid #d7e0ec!important;border-radius:8px!important;color:#263b5b!important;min-height:43px!important;padding:10px 11px!important;font-size:12px!important;line-height:1.25!important;max-width:100%;box-shadow:0 1px 2px #132b4809!important}
.dqn-uc .dqn-uc__field input{font-weight:700!important;font-size:15px!important}
.dqn-uc .dqn-uc__swap{display:grid;place-items:center;min-height:43px!important;height:43px;background:#eaf7fb;border:1px solid #d2e3ef;color:#078fa6;border-radius:8px;font-size:23px!important;padding:0}
.dqn-uc__swap:hover{background:#d8f5f6;transform:translateY(-1px)}
.dqn-uc__error{margin-top:12px!important;padding:10px 12px!important;background:#fff1f0;color:#b73729;border:1px solid #ffdbd8;border-radius:8px;font-size:12px}
.dqn-uc__error[hidden]{display:none!important}
.dqn-uc__converter-actions{display:flex;gap:10px;align-items:center;justify-content:center;margin:18px 0 15px}
.dqn-uc .dqn-uc__primary-button{min-width:min(240px,48%);color:#fff;background:linear-gradient(110deg,#12bfae,var(--dqn-accent));border:1px solid var(--dqn-accent);border-radius:8px!important;padding:12px 20px!important;font-size:13px!important;font-weight:760;box-shadow:0 6px 13px #1aa79b28}
.dqn-uc .dqn-uc__primary-button span{font-size:17px;margin-right:6px}.dqn-uc .dqn-uc__primary-button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #1aa79b35}
.dqn-uc .dqn-uc__quiet-button{border:1px solid #e2e9f2;background:#fff;border-radius:8px!important;color:#567089;padding:10px 12px!important;font-size:11px!important;white-space:nowrap}
.dqn-uc .dqn-uc__quiet-button:hover{background:#eef8fa}
.dqn-uc__pulse{animation:dqn-pulse .45s ease-out}@keyframes dqn-pulse{30%{transform:scale(.98)}100%{transform:scale(1)}}
.dqn-uc__result-card{border:1px solid #c8f0ec;background:linear-gradient(125deg,#e8faf8,#f0faf8);border-radius:12px;padding:15px 15px 13px;text-align:center}
.dqn-uc__result-label{display:flex;align-items:center;gap:7px;justify-content:flex-start;font-weight:730;color:#155864;font-size:12px;text-align:left;margin-bottom:8px}
.dqn-uc__result-label>span{color:#05a99a;font-size:18px}
.dqn-uc__result-output{display:flex;align-items:center;gap:8px;justify-content:center;min-width:0;padding:12px 10px;border:1px solid #edf6f5;background:#fff;border-radius:9px;font-size:15px;color:#112940;flex-wrap:wrap;overflow-wrap:anywhere}
.dqn-uc__result-output strong{font-size:clamp(24px,2.5vw,37px);font-weight:790;letter-spacing:-1.5px;line-height:1.2;color:var(--dqn-accent);overflow-wrap:anywhere}
.dqn-uc__result-output b{color:#17535d;font-size:clamp(17px,1.65vw,25px);font-weight:780}
.dqn-uc .dqn-uc__copy-result{margin-left:auto;font-size:17px!important;height:32px;width:32px}
.dqn-uc .dqn-uc__result-card>p{font-size:11px;color:#6c809a;margin-top:9px!important;overflow-wrap:anywhere}
.dqn-uc__results-panel{overflow:hidden}
.dqn-uc__results-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 18px 14px;border-bottom:1px solid #e6edf5}
.dqn-uc .dqn-uc__results-header h3{font-size:14px;font-weight:750;color:#18324f}.dqn-uc__results-header h3>span{color:#258fc2;font-size:20px;margin-right:7px;vertical-align:-1px}
.dqn-uc .dqn-uc__results-header p{font-size:11px;color:#8290a7;margin-top:2px!important}
.dqn-uc__segmented{display:flex;padding:3px;background:#f4f7fa;border:1px solid #dce4ed;border-radius:8px;flex:none}
.dqn-uc .dqn-uc__segmented button{font-size:11px!important;padding:6px 13px!important;border:0!important;background:transparent!important;border-radius:6px!important;color:#728299!important}
.dqn-uc .dqn-uc__segmented button[aria-pressed=true]{color:#047d85!important;background:#d5f2f0!important;font-weight:750!important}
.dqn-uc__table-bar{display:flex;align-items:center;gap:9px;padding:12px 17px 10px}
.dqn-uc__search-wrap--units{flex:1;max-width:190px}
.dqn-uc__precision{font-size:10px;color:#7789a6;display:flex;gap:7px;align-items:center;margin-left:auto;white-space:nowrap}
.dqn-uc .dqn-uc__precision select{border:1px solid #dde5ef;border-radius:6px;background:#fff;color:#354b69;padding:5px!important;font-size:11px!important;height:30px}
.dqn-uc .dqn-uc__copy-table{border:1px solid #dde5ef;background:#fff;border-radius:7px;font-size:11px!important;color:#52718a;padding:7px 8px!important;white-space:nowrap}
.dqn-uc__table-scroll{padding:0 17px 16px;overflow-x:auto}
.dqn-uc .dqn-uc__table{width:100%;min-width:390px;border-collapse:collapse;border:0;margin:0!important;font-size:12px;text-align:left;table-layout:auto}
.dqn-uc__table thead{display:none}
.dqn-uc__table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
.dqn-uc .dqn-uc__table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(75px,max-content) 28px;align-items:center;gap:8px;border-bottom:1px solid #e9eff6;padding:9px 8px!important;background:transparent}
.dqn-uc .dqn-uc__table tr.dqn-uc__table-highlight{background:#e6f9f7;border-radius:8px;border-color:transparent}
.dqn-uc .dqn-uc__table td{border:0!important;padding:0!important;box-shadow:none!important;font-size:11px!important;color:#3f5571;vertical-align:middle;background:transparent!important}
.dqn-uc__table-unit{min-width:0}.dqn-uc__table-unit strong{display:block;font-weight:760;color:#1b3557;overflow-wrap:anywhere}.dqn-uc__table-unit span{display:block;font-size:10px;color:#8a9ab1;line-height:1.25;margin-top:2px}
.dqn-uc .dqn-uc__table td.dqn-uc__table-number{font-variant-numeric:tabular-nums;text-align:right;font-weight:650!important;overflow-wrap:anywhere}
.dqn-uc .dqn-uc__table tr.dqn-uc__table-highlight .dqn-uc__table-number{color:#078f8c!important}
.dqn-uc .dqn-uc__row-copy{border:0!important;background:transparent!important;color:#7891a9;padding:3px!important;font-size:16px!important;line-height:1!important}
.dqn-uc .dqn-uc__table-last{text-align:center;min-width:23px}
.dqn-uc .dqn-uc__table--grid .dqn-uc__table tbody{gap:10px}
.dqn-uc .dqn-uc__table--grid .dqn-uc__table tr{border:1px solid #e1eaf1;border-radius:10px;padding:14px!important;grid-template-columns:minmax(0,1fr) auto;min-height:92px}
.dqn-uc .dqn-uc__table--grid .dqn-uc__table td.dqn-uc__table-number{grid-column:1;grid-row:2;font-size:15px!important;color:#048c91!important;text-align:left}
.dqn-uc .dqn-uc__table--grid .dqn-uc__table td.dqn-uc__table-last{grid-column:2;grid-row:1/3}
.dqn-uc__note{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border:1px solid #d9e8f0;background:#edf7fc;border-radius:11px;color:#4b6881}
.dqn-uc__note-icon{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#3ba4ce;color:white;font-weight:750;font-style:italic}
.dqn-uc__note strong{display:block;font-size:12px;color:#325a78;margin-bottom:3px}
.dqn-uc .dqn-uc__note p{font-size:11px;line-height:1.6}
.dqn-uc__footnote{font-size:10px;color:#98a4b3;line-height:1.6}
.dqn-uc__insights{display:grid;gap:15px}
.dqn-uc__insight-card{overflow:hidden;padding:15px 15px 9px}
.dqn-uc__insight-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;padding-bottom:10px;border-bottom:1px solid #edf1f6}
.dqn-uc .dqn-uc__insight-heading h3{font-size:13px;font-weight:760;color:#162d4e;line-height:1.3}
.dqn-uc__insight-heading h3>span{font-size:17px;display:inline-block;margin-right:6px;vertical-align:-1px;color:#eba927}
.dqn-uc__insight-card:nth-child(2) .dqn-uc__insight-heading h3>span{color:#3e92f2}.dqn-uc__insight-card:nth-child(3) .dqn-uc__insight-heading h3>span{color:#11adac}
.dqn-uc__metric-tag{background:#ecf9f7;color:#00938f;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:750}
.dqn-uc .dqn-uc__text-button{font-size:10px!important;border:0!important;background:transparent!important;color:#1688c4!important;padding:2px!important;white-space:nowrap}
.dqn-uc__insight-list{display:flex;flex-direction:column}
.dqn-uc__insight-item{display:flex;align-items:center;gap:5px;min-width:0;border-bottom:1px solid #edf1f5;padding:8px 0}
.dqn-uc__insight-item:last-child{border-bottom:0}
.dqn-uc .dqn-uc__insight-load,.dqn-uc .dqn-uc__recent-load{display:flex;gap:9px;align-items:center;border:0!important;background:transparent!important;padding:0!important;flex:1;min-width:0;text-align:left!important;color:var(--dqn-ink)}
.dqn-uc .dqn-uc__insight-load:hover,.dqn-uc .dqn-uc__recent-load:hover{background:#f5fbfb!important}
.dqn-uc__insight-star{font-size:18px;color:#edae25;line-height:1}
.dqn-uc__recent-icon{font-size:18px;color:#92a4be;line-height:1}
.dqn-uc__insight-txt{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px;overflow:hidden}
.dqn-uc__insight-txt strong{color:#304663;font-size:11px;font-weight:720;overflow-wrap:anywhere;line-height:1.25}
.dqn-uc__insight-txt small{font-size:10px;color:#93a0b4;line-height:1.15}
.dqn-uc .dqn-uc__item-remove{border:0!important;background:transparent!important;color:#94a5b9;padding:3px 6px!important;font-size:18px!important;line-height:1!important}
.dqn-uc__empty{padding:14px 4px!important;color:#8497af;font-size:11px;line-height:1.5}
.dqn-uc__stats{padding-bottom:18px}.dqn-uc__stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:18px;text-align:center}
.dqn-uc__stat-grid>div{min-width:0;display:flex;flex-direction:column;gap:3px;padding:0 3px}
.dqn-uc__stat-grid>div+div{border-left:1px solid #e6edf5}
.dqn-uc__stat-grid strong{font-size:24px;color:#3282ef;font-weight:780;line-height:1.2}.dqn-uc__stat-grid>div:nth-child(2) strong{color:#ed9a27}.dqn-uc__stat-grid>div:nth-child(3) strong{color:#8663e4}
.dqn-uc__stat-grid span{font-size:10px;color:#8e9eb6;line-height:1.3}
.dqn-uc__privacy{font-size:10px;color:#8897ab;padding:0 4px!important;line-height:1.55}
.dqn-uc__toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#092e3d;color:#fff;border-radius:10px;padding:11px 18px;font-weight:650;font-size:12px;opacity:0;visibility:hidden;z-index:999999;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s;box-shadow:0 9px 28px #0a2e3b45}
.dqn-uc__toast--visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dqn-uc--dark .dqn-uc__frame{background:#111d2a;border-color:#203447}.dqn-uc--dark .dqn-uc__layout{background:#101e2d}.dqn-uc--dark .dqn-uc__panel{background:#17283a;border-color:#2c4256;box-shadow:none}.dqn-uc--dark .dqn-uc__sidebar,.dqn-uc--dark .dqn-uc__panel-heading h3,.dqn-uc--dark .dqn-uc__results-header h3,.dqn-uc--dark .dqn-uc__insight-heading h3,.dqn-uc--dark .dqn-uc__field label{color:#e9f4fb}.dqn-uc--dark .dqn-uc__category{color:#b8ccde}.dqn-uc--dark .dqn-uc__category--active{color:#10a79f;background:#163f48}.dqn-uc--dark .dqn-uc__result-card{background:#193d45}.dqn-uc--dark .dqn-uc__result-output{background:#132735;border-color:#325261;color:#fff}.dqn-uc--dark .dqn-uc__table-unit strong,.dqn-uc--dark .dqn-uc__insight-txt strong{color:#d1e4ed}
@media(max-width:1260px){.dqn-uc__layout{grid-template-columns:175px minmax(0,1fr) 214px;gap:13px;padding:16px}.dqn-uc__converter-panel{padding:18px}.dqn-uc__field select{font-size:11px!important}.dqn-uc__table tbody{grid-template-columns:1fr}.dqn-uc__table tr{grid-template-columns:minmax(0,1fr) minmax(75px,max-content) 28px!important}.dqn-uc__hero{grid-template-columns:minmax(0,1fr) minmax(240px,360px)}}
@media(max-width:1020px){.dqn-uc__layout{grid-template-columns:170px minmax(0,1fr)}.dqn-uc__insights{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))}.dqn-uc__insight-card:last-of-type{grid-column:1/-1}.dqn-uc__hero-graphic{opacity:.9;transform:scale(.88)}.dqn-uc__chips{gap:9px}}
@media(max-width:750px){.dqn-uc--wide{width:calc(100vw - 20px)}.dqn-uc__hero{min-height:0;padding:22px 23px 25px;grid-template-columns:1fr}.dqn-uc__hero-graphic{display:none}.dqn-uc__brand-row{margin-bottom:22px}.dqn-uc .dqn-uc__title{font-size:36px;letter-spacing:-1.6px}.dqn-uc__subtitle{font-size:12px!important}.dqn-uc__chips{font-size:10px}.dqn-uc__layout{grid-template-columns:1fr;gap:13px;padding:13px}.dqn-uc__sidebar{background:#fff;border:1px solid #e2eaf1;padding:13px;border-radius:12px}.dqn-uc__side-heading{padding:0 0 9px}.dqn-uc__category-list{max-height:none;overflow-x:auto;overflow-y:hidden;flex-direction:row;scroll-snap-type:x proximity;padding:7px 0 4px;margin-top:0;gap:7px}.dqn-uc .dqn-uc__category{width:auto;min-width:max-content;border:1px solid #e0e9f2;background:#fff;padding:8px 11px!important;min-height:38px;scroll-snap-align:start}.dqn-uc .dqn-uc__category--active{background:#d9f5f1;border-color:#9ce6e0}.dqn-uc__category-arrow,.dqn-uc__side-tip{display:none}.dqn-uc__category-search{max-width:none}.dqn-uc__main{grid-column:1}.dqn-uc__insights{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr))}.dqn-uc__insight-card:last-of-type{grid-column:1/-1}.dqn-uc__table tbody{grid-template-columns:repeat(2,minmax(0,1fr))}.dqn-uc__table-scroll{padding-left:14px;padding-right:14px}}
@media(max-width:560px){.dqn-uc .dqn-uc__table{min-width:0}.dqn-uc .dqn-uc__table tr{grid-template-columns:minmax(0,1fr) minmax(0,96px) 24px!important;gap:5px}.dqn-uc .dqn-uc__table td.dqn-uc__table-number{font-size:11px!important;overflow-wrap:anywhere}.dqn-uc--wide{width:calc(100vw - 12px)}.dqn-uc__frame{border-radius:12px}.dqn-uc__hero{padding:20px 18px 21px}.dqn-uc__wordmark{font-size:16px}.dqn-uc__wordmark small{display:none}.dqn-uc .dqn-uc__title{font-size:32px}.dqn-uc__chips{gap:6px 11px}.dqn-uc__layout{padding:10px}.dqn-uc__converter-panel{padding:15px 12px}.dqn-uc__panel-heading h3{font-size:19px!important}.dqn-uc__panel-heading p{font-size:11px!important}.dqn-uc__category-symbol{width:45px;height:45px;font-size:25px}.dqn-uc__converter-row{grid-template-columns:minmax(0,1fr) 39px minmax(0,1fr);gap:8px}.dqn-uc__field--value{grid-column:1/-1}.dqn-uc__converter-row>.dqn-uc__field:nth-child(2){grid-column:1}.dqn-uc__swap{grid-column:2}.dqn-uc__converter-row>.dqn-uc__field:nth-child(4){grid-column:3}.dqn-uc__converter-actions{gap:6px}.dqn-uc .dqn-uc__primary-button{min-width:0;flex:1}.dqn-uc .dqn-uc__quiet-button{padding:10px 9px!important}.dqn-uc__result-output{gap:5px;font-size:12px}.dqn-uc__result-output strong{font-size:25px}.dqn-uc__result-output b{font-size:17px}.dqn-uc__table-bar{flex-wrap:wrap;padding:10px}.dqn-uc__search-wrap--units{max-width:none;flex:1 1 100%}.dqn-uc__precision{margin-left:0;flex:1}.dqn-uc__table tbody{grid-template-columns:1fr}.dqn-uc__insights{grid-template-columns:1fr}.dqn-uc__insight-card:last-of-type{grid-column:auto}.dqn-uc__results-header{padding:14px 12px}.dqn-uc__results-header h3{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.dqn-uc *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* User-selected accent from WordPress Settings */
.dqn-uc .dqn-uc__category--active{color:var(--dqn-accent);border-color:color-mix(in srgb,var(--dqn-accent) 25%,white);background:color-mix(in srgb,var(--dqn-accent) 14%,white)}
.dqn-uc .dqn-uc__category--active .dqn-uc__category-icon,.dqn-uc .dqn-uc__category--active .dqn-uc__category-arrow{color:var(--dqn-accent)}
.dqn-uc .dqn-uc__table tr.dqn-uc__table-highlight .dqn-uc__table-number,.dqn-uc .dqn-uc__result-output strong,.dqn-uc .dqn-uc__result-label>span{color:var(--dqn-accent)!important}