.qrz-weather{

background:#0f172a;
color:#fff;

padding:20px;

border-radius:16px;

font-family:Arial, sans-serif;

max-width:360px;

box-sizing:border-box;

}


.qrz-weather h3{

text-align:center;

color:#38bdf8;

margin-top:0;

}


.qrz-weather h4{

margin-bottom:10px;

color:#cbd5e1;

}



.qrz-box{

background:#1e293b;

border-radius:12px;

padding:12px;

margin:10px 0;

}



.qrz-box strong{

display:block;

font-size:30px;

margin:5px 0;

}



.qrz-box.center{

text-align:center;

}




.qrz-gauge{

text-align:center;

margin:10px auto;

}



.qrz-gauge svg{

width:220px;

max-width:100%;

}



.qrz-gauge-value{

font-size:34px;

font-weight:bold;

color:#38bdf8;

margin-top:-10px;

}





.qrz-band{

display:flex;

justify-content:space-between;

padding:5px 0;

border-bottom:1px solid #334155;

}



.qrz-band span:last-child{

color:#facc15;

letter-spacing:2px;

}



.qrz-horizontal{

background:#0f172a;

color:white;

padding:12px;

border-radius:10px;

text-align:center;

}



.qrz-weather.compact{

font-size:14px;

}



.qrz-weather small{

color:#94a3b8;

display:block;

margin-top:15px;

}




@media(max-width:600px){


.qrz-weather{

width:100%;

}


}