/* CVT Digital Display Board v1.6.4 — Logo | Temperature | Clock (Auto-Responsive) */
.cvt-ddb{--bg:#ffffff;--fg:#111827;--muted:#6b7280;--accent:#0ea5e9;--card:#f7f7f7}
.cvt-ddb--dark{--bg:#0b0f1a;--fg:#e5e7eb;--muted:#9ca3af;--accent:#38bdf8;--card:#101826}
.cvt-ddb{background:var(--bg);color:var(--fg);max-width:1200px;margin:0 auto;padding:16px;border-radius:20px;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.cvt-ddb__header{display:flex;justify-content:center;margin-bottom:8px}
.cvt-ddb__title{margin:0;font-size:clamp(18px,3.5vw,28px);font-weight:700;letter-spacing:.2px}

/* Grid: 3 columns desktop -> 2 -> 1 (mobile) */
.cvt-ddb__grid{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:16px;
  align-items:stretch;
}

.cvt-ddb__cell{
  display:flex;align-items:center;justify-content:center;
  background:var(--card);border-radius:18px;padding:16px;text-align:center;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
}

/* Logo */
.cvt-ddb__logo img{max-width:min(220px, 60%);height:auto;display:block}
.cvt-ddb__logo-fallback{display:inline-flex;align-items:center;justify-content:center;
  width:84px;height:84px;border-radius:18px;background:var(--accent);color:white;
  font-weight:800;font-size:clamp(22px,6vw,28px);letter-spacing:.5px}

/* Temperature (prominent) */
.cvt-ddb__temp-value{display:flex;align-items:flex-start;gap:8px}
.cvt-ddb__temp-number{font-size:clamp(38px,10vw,72px);font-weight:800;line-height:1}
.cvt-ddb__temp-unit{font-size:clamp(18px,5vw,28px);opacity:.85;margin-top:.25em;color:var(--muted)}

/* Clock */
.cvt-ddb__clock-time{font-variant-numeric:tabular-nums; font-size:clamp(22px,6.5vw,40px); font-weight:700; line-height:1.1}
.cvt-ddb__clock-date{margin-top:6px;font-size:clamp(13px,3.5vw,16px);color:var(--muted)}

/* Medium screens: 2 columns */
@media (max-width: 900px){
  .cvt-ddb__grid{grid-template-columns: 1fr 1fr}
}

/* Small screens: single column */
@media (max-width: 560px){
  .cvt-ddb{padding:12px;border-radius:16px}
  .cvt-ddb__grid{grid-template-columns: 1fr}
  .cvt-ddb__cell{padding:14px;border-radius:16px}
}

/* Reduce motion if user prefers */
@media (prefers-reduced-motion: reduce){
  .cvt-ddb, .cvt-ddb__cell{transition:none}
}