/* Scoped forecast-card presentation shared by the live page and examples. */
.forecast-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.forecast-cards .pig-card{min-width:0;background:transparent;border:1px solid #183e3b38;border-radius:20px;padding:22px 24px 24px;overflow:hidden;box-shadow:none}.forecast-cards .card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.forecast-cards .eyebrow,.forecast-cards .period-date{font-size:12px;font-weight:400;letter-spacing:0}.forecast-cards .scene{width:72%;max-width:300px;height:auto;aspect-ratio:1385/1136;display:block;margin:10px auto 14px}.forecast-cards .scene iframe{display:block;width:100%;height:100%;border:0;pointer-events:none}.forecast-cards .scene svg{display:block;width:100%;height:100%}.forecast-cards .reading{display:flex;justify-content:space-between;align-items:center;gap:12px}.forecast-cards h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:10px 0}.forecast-cards .temperature{font-family:Georgia,serif;font-size:42px;white-space:nowrap}.forecast-cards .conditions{font-size:13px;line-height:1.65;margin:2px 0 22px}.forecast-cards .advice{border-top:1px solid #183e3b30;padding-top:18px;min-height:0}.forecast-cards .badge{display:inline-block;font-size:12px;font-weight:400;padding:6px 12px;border-radius:20px;background:#d5d5aa;color:#183e3b}.forecast-cards .indoors{background:#e3bfa1}.forecast-cards .protected{background:#bfd6d4}.forecast-cards .comfortable{background:#c5d9bb}.forecast-cards .reason{font-size:13px;line-height:1.65;margin:12px 0 0}@media(max-width:650px){.forecast-cards{grid-template-columns:1fr}.forecast-cards .pig-card{padding:18px}.forecast-cards h3{font-size:27px}}