.speed-widget { max-width: 645px; margin: 17px auto 0; }
.speed-widget h2 { font-size: 32px; letter-spacing: -0.1px; line-height: 1.125; padding-bottom: 14px; font-family: system-ui,Arial,sans-serif; font-weight: normal; }

.download select,
.units select { background-color: #fff; letter-spacing: -.6px; padding: .40rem .6rem; font-family: "Manrope", sans-serif; font-weight: 500; }
#dltime,
.units span,
.equals { font-size: 22px; font-family: system-ui,Arial,sans-serif; font-weight: 600; }
#dltime { padding-bottom: 10px; font-weight: 500; }
.widget-footer { letter-spacing: -0.3px; margin-bottom: 14px; }
.dl-heading { line-height: 1.125; }


/* ——— Layout & styling ——— */
.speed-widget{font-family:system-ui,Arial,sans-serif;max-width:600px;padding:1rem;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.06)}
.speed-widget h2 {font-size:1.3rem;margin:.2rem 0 .8rem;font-weight:700;text-align:center}
#val{width:100%; -webkit-appearance:progress-bar;}
.units{display:flex;align-items:center;gap:.6rem;margin:.6rem 0}
.speed-widget select,input[type=number]{padding:.45rem .6rem;font-size:1rem;border:1px solid #ccc;border-radius:6px;width:100%}
.speed-widget select{cursor:pointer}

/* centred, compact equals row */
.equals{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.4rem;font-weight:600;text-align:center}
.equals input{width:13ch;text-align:right}

/* download helper */
.dl-heading{font-size:1.05rem;margin:.4rem 0;font-weight:600}
.download .dl-row{display:flex;gap:.6rem;margin:.4rem 0}
#dltime{margin-top:.4rem;font-weight:500}

/* footer */
.widget-footer{font-size:.75rem !important;text-align:right;margin-top:.8rem;color:#555}
.widget-footer a{color:inherit;text-decoration:none;border-bottom:1px dotted}
.widget-footer a:hover{border-bottom-style:solid}

@media(max-width:640px){
	.equals #fromNum, .equals #toNum {
		width: 80px;
	}
}

@media(min-width:480px){
	.download .dl-row input[type=number]{width:50%}	
}