/* CalgaryListings widget skin.
   The DATA is the hero — brand presence is a single line at the foot, not a
   banner. Works on a white or light host page; sizes adapt to the iframe. */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:transparent}
body{font:15px/1.6 -apple-system,'DM Sans',Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:#012F38;-webkit-font-smoothing:antialiased}
.cw{background:#fff;border:1px solid #e6e3dc;border-radius:8px;padding:1.1rem 1.2rem}
.cw-head{display:flex;justify-content:space-between;align-items:baseline;gap:.7rem;
  flex-wrap:wrap;margin-bottom:.2rem}
.cw-title{font-size:1.05rem;font-weight:700;color:#012F38;letter-spacing:-.01em}
.cw-sub{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:#2E7D82;
  font-weight:700}
.cw-hero{display:flex;align-items:baseline;gap:.55rem;margin:.7rem 0 .2rem}
.cw-hero b{font-size:2rem;font-weight:700;line-height:1;letter-spacing:-.02em}
.cw-chg{font-size:.9rem;font-weight:700}
.cw-up{color:#3d8b40}.cw-dn{color:#b0442f}.cw-flat{color:#5A5A5A}
.cw-heronote{font-size:.8rem;color:#6b6b6b;margin-bottom:.9rem}
.cw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));
  gap:1px;background:#eeeee9;border:1px solid #eeeee9;border-radius:5px;overflow:hidden}
.cw-cell{background:#fff;padding:.65rem .7rem}
.cw-cell span{display:block;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;
  color:#6b6b6b;margin-bottom:.2rem}
.cw-cell b{font-size:1.02rem;font-weight:700;color:#012F38}
.cw-rows{width:100%;border-collapse:collapse;margin-top:.2rem}
.cw-rows td{padding:.55rem 0;border-bottom:1px solid #f1f1ee;font-size:.9rem;color:#5A5A5A}
.cw-rows td:last-child{text-align:right;font-weight:700;color:#012F38}
.cw-rows tr:last-child td{border-bottom:0}
.cw-note{font-size:.8rem;line-height:1.6;color:#5A5A5A;background:#F8F7F4;
  border-left:3px solid #A2C243;padding:.6rem .75rem;margin-top:.85rem;border-radius:0 3px 3px 0}
.cw-foot{margin-top:.9rem;padding-top:.7rem;border-top:1px solid #eeeee9;
  display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap}
.cw-attr{font-size:.78rem;color:#2E7D82;text-decoration:none;font-weight:600}
.cw-attr:hover{text-decoration:underline}
.cw-stamp{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.72rem;color:#6b6b6b;
  margin-top:.5rem;width:100%}
.cw-stamp a{color:#6b6b6b}
.cw-partner{display:inline-block;background:#012F38;color:#fff;text-decoration:none;
  padding:.6rem 1.05rem;border-radius:4px;font-size:.8rem;font-weight:700;
  letter-spacing:.03em}
.cw-partner:hover{background:#02414d}
.cw-partner-by{font-size:.72rem;color:#6b6b6b;width:100%;margin-top:.3rem}
.cw-field{margin-bottom:.7rem}
.cw-field label{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;
  color:#2E7D82;font-weight:700;margin-bottom:.25rem}
.cw-field input,.cw-field select{width:100%;padding:.55rem .6rem;font:inherit;font-size:.95rem;
  border:1px solid #d8d8d2;border-radius:4px;background:#fff;color:#012F38}
.cw-field input:focus,.cw-field select:focus{outline:2px solid #2E7D82;outline-offset:1px}
.cw-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem}
.cw-err{color:#b0442f;font-size:.9rem}
.cw-loading{color:#9a9a9a;font-size:.9rem;padding:.6rem 0}
@media (max-width:420px){
  .cw{padding:.95rem 1rem}
  .cw-hero b{font-size:1.7rem}
}