.tool-subnav{padding-top:64px;background:var(--text);overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.tool-subnav::-webkit-scrollbar{display:none}.tool-subnav-inner{display:flex;gap:8px;padding:6px 24px;max-width:var(--max-width);margin:0 auto}.tool-subnav a{text-decoration:none;color:hsla(0,0%,100%,.7);border-radius:999px;white-space:nowrap;padding:7px 18px;border:1px solid hsla(0,0%,100%,.15);font-size:13px;font-weight:600;transition:all var(--transition)}.tool-subnav a:hover{color:#fff;background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3)}.uc-page{background:var(--bg-soft);min-height:60vh}.uc-hero{background:linear-gradient(135deg,#eff6ff,#dbeafe 40%,#e0f2fe);padding:16px 24px 20px;text-align:center}.uc-hero-inner{max-width:600px;margin:0 auto}.uc-hero h1{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:800;color:var(--text);margin-bottom:4px;letter-spacing:-.3px;line-height:1.3}.uc-hero p{font-size:13px;color:var(--text-secondary);line-height:1.5;max-width:480px;margin:0 auto}.uc-hero .tool-badge{display:inline-block;padding:3px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--primary);background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.15);border-radius:999px;margin-bottom:6px}.unit-converter{max-width:440px;margin:-10px auto 0;padding:24px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;position:relative;z-index:1}.unit-converter h2{font-size:1.2rem;margin-bottom:20px;color:var(--text)}.uc-field{margin-bottom:14px;text-align:left}.uc-field label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.unit-converter input[type=number],.unit-converter select{width:100%;padding:11px 14px;font-size:15px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-family:inherit;box-sizing:border-box;transition:border-color var(--transition),box-shadow var(--transition)}.unit-converter input[type=number]:focus,.unit-converter select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.unit-converter input[type=number]::placeholder{color:var(--text-muted)}.uc-swap-icon{display:flex;justify-content:center;margin:4px 0}.uc-swap-icon svg{color:var(--text-muted)}.unit-converter button{width:100%;padding:12px;font-size:15px;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;margin-top:8px;transition:background var(--transition),transform var(--transition)}.unit-converter button:hover{background:var(--primary-dark);transform:translateY(-1px)}.error{color:#dc2626;font-size:14px;margin-top:10px;font-weight:500}.result{margin-top:16px;padding:14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-sm);color:#15803d;font-size:15px;font-weight:600}.uc-page article{max-width:780px;margin:48px auto;padding:40px 32px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:16px;line-height:1.8;font-family:var(--font-sans)}.uc-page article h2{font-size:1.3rem;font-weight:700;color:var(--text);margin:28px 0 12px;padding-top:20px;border-top:1px solid var(--border-light)}.uc-page article h2:first-child{margin-top:0;padding-top:0;border-top:none}.uc-page article p{color:var(--text-secondary);margin-bottom:10px}.uc-page article ol,.uc-page article ul{padding-left:24px;margin-bottom:14px}.uc-page article li{color:var(--text-secondary);margin-bottom:6px;line-height:1.7}.pdt17{padding:0 24px 24px}.selectCSS{display:none}@media (max-width:600px){.unit-converter{margin:-16px 16px 0;padding:24px 20px}.uc-page article{margin:32px 16px;padding:28px 20px}.tool-subnav-inner{padding:10px 16px}}