/* METAR form panels: Date, Weather, RVR, Clouds, Temp/QNH, Trend/RMK (one colour theme each) */
.p-date{--g:#274690;--pb:#fff;--pl:#dbe4f1}
.p-date .grid{grid-template-columns:2.6fr 2fr 1.9fr 2fr}
.p-rvr{--g:#1f3f8f;--pb:#eef3fc;--pl:#d3def0}
.p-rvr .grid{grid-template-columns:repeat(4,1fr)}
.pair{display:grid;grid-template-columns:78px 1fr;gap:8px}
.p-cld{--g:#1d6bf3;--pb:#eaf1fd;--pl:#d3e0f5}
.p-cld .grid{grid-template-columns:repeat(5,1fr)}
.p-cld .wide{grid-column:1/4}.p-cld .tot{grid-column:5}
.p-tmp{--g:#15803d;--pb:#e3f6e8;--pl:#bfe6c9}
.p-tmp .grid{grid-template-columns:repeat(4,1fr)}
.p-trd{--g:#d9480f;--pb:linear-gradient(90deg,#fdeadb,#fef6ee);--pl:#f6d7b8}
.p-trd .grid{grid-template-columns:1fr 1.15fr}
.pair2{display:grid;grid-template-columns:1.7fr 1fr;gap:12px}
.p-trd .cl label{color:#c2410c}
.p-trd .cell.bad .cl label{color:var(--bad)}
.p-wx{--g:#c2640a;--pb:linear-gradient(90deg,#fdeedd,#fff7ee);--pl:#f6d7b8}
.p-wx .grid{grid-template-columns:3.4fr 1.3fr 1.3fr 1.3fr}