@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--ink:#12313d;--muted:#5c7580;--blue:#0b6f8a;--blue2:#0d8aa4;--sky:#e8f7fa;--line:#dbe9ed;--white:#fff;--bg:#f5fafb;--warn:#fff7e6;--danger:#fff0ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.85}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.site-header{display:flex;align-items:center;gap:24px;padding:14px max(20px,calc((100% - 1120px)/2));background:#fff;border-bottom:1px solid var(--line);position:relative;flex-wrap:wrap}.brand{font-size:1.45rem;font-weight:800;color:var(--ink);white-space:nowrap}.brand span{color:var(--blue);margin-right:4px}.site-header nav{display:flex;gap:18px;font-size:.92rem}.search{display:flex;gap:6px;margin-right:auto}.search input{min-width:130px;width:180px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit}.search button,.primary-link,.secondary-link{border:0;border-radius:10px;padding:9px 15px;font:inherit;font-weight:600;cursor:pointer;display:inline-block}.search button,.primary-link{background:var(--blue);color:#fff}.secondary-link{background:var(--sky);color:var(--blue)}.container{max-width:1120px;margin:28px auto;padding:0 20px}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 34px;border-radius:24px;background:linear-gradient(120deg,#e2f6fa,#f4fbfc);border:1px solid #d1edf2;margin-bottom:24px}.hero h1{font-size:clamp(1.55rem,4vw,2.35rem);line-height:1.5;margin:4px 0 8px}.hero p{margin:6px 0;color:var(--muted)}.eyebrow{color:var(--blue)!important;font-weight:700;font-size:.9rem}.hero-mark{font-size:5rem;min-width:110px;text-align:center}.current-card,.panel,.metric,.notice{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px;margin:18px 0}.current-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(125deg,#fff,#f1fbfd)}.temperature{font-size:3.5rem;font-weight:800;line-height:1.3;color:var(--blue)}.weather-symbol{font-size:4.5rem}.muted,.updated{color:var(--muted);font-size:.9rem}.updated{margin:10px 2px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{margin:0;display:flex;flex-direction:column;gap:8px}.metric span{color:var(--muted);font-size:.9rem}.metric strong{font-size:1.1rem}.panel h2{font-size:1.2rem;margin:0 0 16px}.forecast-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.forecast-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;background:var(--bg);border-radius:12px;text-align:center}.forecast-item small{color:var(--muted);font-size:.78rem}.daily-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.daily-item{display:flex;flex-direction:column;padding:14px;background:var(--bg);border-radius:12px;gap:4px}.daily-item span,.daily-item small{color:var(--muted)}.city-list{display:flex;flex-wrap:wrap;gap:9px}.city-list a{padding:7px 13px;border:1px solid var(--line);border-radius:10px;background:#fff}.notice{padding:16px 20px}.notice h2,.notice h1{margin:0 0 8px}.error{background:var(--danger);border-color:#f3d1cf}.warning{background:var(--warn);border-color:#f0dfb4}.promo{background:#f0fafc}.button-row{display:flex;flex-wrap:wrap;gap:10px}.site-footer{margin-top:55px;background:#103846;color:#e7f3f6;padding:30px max(20px,calc((100% - 1120px)/2));display:grid;grid-template-columns:1fr auto;gap:12px}.site-footer p{margin:4px 0}.site-footer a{color:#d4f2f7}.footer-links{display:flex;gap:14px;align-items:center}.site-footer small{grid-column:1/-1;color:#b5d1d8}.static-page{min-height:240px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.site-header{gap:10px;padding:12px 16px}.site-header nav{order:3;width:100%;overflow:auto;gap:14px}.search{margin-right:auto}.search input{width:130px}.container{padding:0 14px;margin-top:16px}.hero{padding:22px 18px;border-radius:18px}.hero-mark{font-size:3rem;min-width:55px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.forecast-row{grid-template-columns:repeat(3,minmax(0,1fr))}.daily-grid{grid-template-columns:1fr}.current-card{padding:18px}.temperature{font-size:2.8rem}.weather-symbol{font-size:3rem}.site-footer{grid-template-columns:1fr;padding:24px 18px}.footer-links{flex-wrap:wrap}.site-footer small{grid-column:auto}}