.long-range-forecast{box-sizing:border-box;width:calc(100% - 16px);margin:8px;padding:8px;background:var(--background-secondary,rgba(255,255,255,.05));border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid var(--border-color,rgba(0,0,0,.1))}.forecast-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;width:100%;box-sizing:border-box}@media (min-width:640px){.long-range-forecast{width:calc(100% - 32px);margin:16px;padding:16px;border-radius:14px}.forecast-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width:1024px){.long-range-forecast{width:100%;max-width:1200px;margin:20px auto;padding:20px;border-radius:16px}.forecast-grid{grid-template-columns:repeat(4,1fr);gap:20px}}.forecast-card{background:var(--card-background,#fff);border-radius:10px;padding:12px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease-in-out;box-sizing:border-box;width:100%;min-width:0}@media (hover:hover){.forecast-card:hover{transform:translateY(-2px)}}.forecast-date{margin:0 0 10px;font-size:1rem;color:var(--text-color)}.forecast-icon{margin:10px 0;font-size:1.75rem}@media (min-width:640px){.forecast-card{border-radius:12px;padding:16px}.forecast-date{margin:0 0 12px;font-size:1.1rem}.forecast-icon{margin:12px 0;font-size:2rem}}.forecast-condition{margin:8px 0;font-size:.9rem;color:var(--text-color-secondary)}.forecast-temps-container{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:10px}.forecast-temps{display:flex;justify-content:center;gap:12px;width:100%}@media (min-width:640px){.forecast-temps-container{gap:8px;margin-top:12px}.forecast-temps{gap:16px}}.forecast-temps.celsius{font-size:.9em;color:var(--text-color-secondary)}.forecast-temps .high{color:var(--temp-high);font-weight:700}.forecast-temps .low{color:var(--temp-low)}.forecast-loading{text-align:center;padding:2rem;color:var(--text-color-secondary)}.forecast-error{text-align:center;padding:2rem;color:var(--error-color)}