.refrigerator-figure { --line:#8baab4; color:#173946; }
.refrigerator-flow { display:grid; grid-template-columns:minmax(0,1fr) 3rem minmax(0,1fr) 3rem minmax(0,1fr); align-items:stretch; gap:.45rem; }
.refrigerator-flow__box { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; min-height:11rem; border:2px solid var(--line); border-radius:1rem; padding:1rem .7rem; text-align:center; line-height:1.45; background:#f3f9fb; }
.refrigerator-flow__box--refrigerant { background:#e7f5ef; border-color:#5d9276; }
.refrigerator-flow__box--room { background:#fff1e5; border-color:#b97952; }
.refrigerator-flow__eyebrow { font-size:.78rem; font-weight:800; letter-spacing:.05em; }
.refrigerator-flow__symbol { font-size:2.4rem; line-height:1.25; color:#276b80; }
.refrigerator-flow__box--refrigerant .refrigerator-flow__symbol { color:#2c7050; }
.refrigerator-flow__box--room .refrigerator-flow__symbol { color:#a35c31; }
.refrigerator-flow__box strong { font-size:1rem; }
.refrigerator-flow__box small { margin-top:.45rem; font-size:.78rem; color:#405863; }
.refrigerator-flow__arrow { align-self:center; display:grid; justify-items:center; color:#24566b; font-weight:800; line-height:1.2; }
.refrigerator-flow__arrow b { font-size:.78rem; }
.refrigerator-flow__arrow i { font-size:2rem; font-style:normal; }
.refrigerator-flow__return { margin:.75rem 0 0; text-align:center; font-size:.85rem; font-weight:750; color:#24566b; }
.refrigerator-figure__caption { margin:.85rem 0 0; font-size:.88rem; line-height:1.75; color:#334e59; }
/* #193b4d on #f6f0e3 exceeds 10:1. This callout is loaded only by this article. */
.refrigerator-takeaway { margin:2.5rem 0; padding:clamp(1.1rem,3vw,1.7rem); color:#193b4d; background:#f6f0e3; border-radius:1rem; }
.refrigerator-takeaway h2 { margin:0; font-size:clamp(1.1rem,2vw,1.4rem); line-height:1.6; }
.refrigerator-takeaway p { margin:.7rem 0; line-height:1.8; }
.refrigerator-takeaway a { display:inline-flex; align-items:center; min-height:44px; color:inherit; font-weight:700; text-underline-offset:.2em; }
.refrigerator-takeaway a:focus-visible { outline:3px solid #193b4d; outline-offset:4px; }
@media (max-width:650px) {
  .refrigerator-flow { grid-template-columns:minmax(0,1fr); gap:.15rem; }
  .refrigerator-flow__box { min-height:7rem; padding:.7rem 1rem; }
  .refrigerator-flow__symbol { font-size:1.8rem; }
  .refrigerator-flow__arrow { line-height:1; }
  .refrigerator-flow__arrow i { transform:rotate(90deg); font-size:1.5rem; }
  .refrigerator-flow__return { text-align:left; }
}