.city-hub{--hub-ink:#0e1713;--hub-green:#063b2e;--hub-paper:#f2f3ef;--hub-line:#cbd0c9;--hub-accent:#ee5038;--hub-focus:#187a5c;padding:0 0 90px;background:var(--hub-paper)}.city-live-hero{--city-cover:url('/gorsel/sehir-istanbul-gunduz.webp');display:grid;grid-template-columns:minmax(0,1.08fr) minmax(480px,.92fr);min-height:590px;background:var(--hub-ink);color:#fff}.city-live-photo{position:relative;min-height:590px;background-image:linear-gradient(0deg,rgba(5,13,9,.88),rgba(5,13,9,.08) 72%),var(--city-cover);background-size:cover;background-position:center}.city-live-photo>div{position:absolute;inset:auto clamp(24px,5vw,72px) 52px}.city-live-photo small,.city-entry small{font:9px "IBM Plex Mono";letter-spacing:.12em;color:#ff806e}.city-live-photo h1{margin:13px 0 18px;font:clamp(64px,8vw,132px)/.83 "Archivo Black";letter-spacing:-.075em;text-wrap:balance}.city-live-photo p{max-width:49ch;color:#d4ddd7;font-size:13px;line-height:1.65}.city-live-photo a{display:inline-flex;gap:30px;margin-top:18px;border-bottom:1px solid #fff;padding:0 0 8px;font-size:11px;font-weight:700}.city-live-panel{display:flex;min-width:0;flex-direction:column;border-left:1px solid #35423b}.city-live-panel>header{display:grid;grid-template-columns:1fr auto;gap:8px;padding:28px 30px;border-bottom:1px solid #35423b}.city-live-panel label{font:9px "IBM Plex Mono";letter-spacing:.08em;color:#9dafa5}.city-live-panel select{grid-column:1/-1;width:100%;padding:12px 0;border:0;border-bottom:1px solid #728078;background:transparent;color:#fff;font:22px Manrope}.city-live-panel select option{color:#111}.city-live-panel>header>span{font:9px "IBM Plex Mono";color:#9dafa5}.city-now{flex:1;display:flex;flex-direction:column}.city-now-loading,.city-now-error{margin:auto;padding:40px;text-align:center}.city-now-loading span,.city-now-error p{display:block;margin-top:8px;color:#91a198;font-size:11px}.city-now-error a{display:inline-block;margin-top:18px;border-bottom:1px solid #fff}.now-weather{display:grid;grid-template-columns:74px 1fr;padding:34px 30px;border-bottom:1px solid #35423b}.now-weather i{font-style:normal;font-size:48px;line-height:1}.now-weather small,.now-grid small{display:block;font:8px "IBM Plex Mono";color:#ff806e;letter-spacing:.08em}.now-weather b{display:block;margin:7px 0;font-size:26px}.now-weather em{font-style:normal;color:#9dafa5;font-size:11px}.now-grid{display:grid;grid-template-columns:1fr 1fr}.now-grid a{min-height:128px;padding:20px;border-right:1px solid #35423b;border-bottom:1px solid #35423b;transition:background .2s ease,color .2s ease}.now-grid b,.now-grid span{display:block}.now-grid b{margin:22px 0 6px;font-size:17px}.now-grid span{color:#9dafa5;font-size:9px}.now-grid a:hover{background:var(--hub-green)}.now-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:auto}.now-actions a{padding:15px 20px;border-right:1px solid #35423b;border-bottom:1px solid #35423b;font-size:10px}.now-actions a:hover{background:var(--hub-accent)}
.city-quick{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--hub-line)}.city-quick button{position:relative;min-height:120px;padding:14px;overflow:hidden;border:0;border-right:1px solid var(--hub-line);background:linear-gradient(0deg,rgba(8,15,11,.8),rgba(8,15,11,.12)),var(--thumb) center/cover;color:#fff;text-align:left;cursor:pointer;transition:filter .2s ease,transform .2s ease}.city-quick button:hover{filter:saturate(1.25);transform:translateY(-3px)}.city-quick span,.city-quick b{position:relative;display:block}.city-quick span{font:7px "IBM Plex Mono"}.city-quick b{margin-top:45px;font-size:13px}.city-entry{padding:clamp(45px,6vw,82px) var(--pad) 0}.city-entry>header{display:grid;grid-template-columns:1fr minmax(300px,.55fr);align-items:end;gap:50px;margin-bottom:30px}.city-entry h2{margin:8px 0 0;font:clamp(40px,5vw,76px)/.9 "Archivo Black";letter-spacing:-.06em}.city-entry label{font:9px "IBM Plex Mono"}.city-entry input{display:block;width:100%;margin-top:8px;padding:13px 0;border:0;border-bottom:2px solid var(--hub-ink);outline:0;background:transparent;font:16px Manrope}.city-entry input:focus{border-color:var(--hub-accent)}.city-search-results{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:28px;border-top:2px solid var(--hub-ink);border-left:1px solid var(--hub-line)}.city-search-results[hidden]{display:none}.city-search-results a{padding:15px;border-right:1px solid var(--hub-line);border-bottom:1px solid var(--hub-line)}.city-search-results b,.city-search-results span{display:block}.city-search-results span{margin-top:6px;color:#68716c;font-size:9px}.city-search-results p{grid-column:1/-1}.region-accordions{border-top:2px solid var(--hub-ink)}.region-accordions details{border-bottom:1px solid var(--hub-line)}.region-accordions summary{display:grid;grid-template-columns:44px 1fr auto;align-items:center;min-height:70px;cursor:pointer;list-style:none}.region-accordions summary::-webkit-details-marker{display:none}.region-accordions summary span{color:var(--hub-accent);font:9px "IBM Plex Mono"}.region-accordions summary b{font-size:18px}.region-accordions summary em{font:9px "IBM Plex Mono";font-style:normal;color:#68716c}.region-accordions details[open] summary{background:#e5e8e2}.region-accordions nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hub-line);border-left:1px solid var(--hub-line)}.region-accordions nav a{min-height:74px;padding:14px;border-right:1px solid var(--hub-line);border-bottom:1px solid var(--hub-line)}.region-accordions nav b,.region-accordions nav span{display:block}.region-accordions nav span{margin-top:7px;color:#68716c;font-size:9px}.region-accordions nav a:hover{background:#fff}.city-hub a:focus-visible,.city-hub button:focus-visible,.city-hub input:focus-visible,.city-hub select:focus-visible,.city-hub summary:focus-visible{outline:3px solid var(--hub-focus);outline-offset:3px}
@media(max-width:1000px){.city-live-hero{grid-template-columns:1fr}.city-live-photo{min-height:500px}.city-live-panel{border-left:0}.city-quick{grid-template-columns:repeat(4,1fr)}.region-accordions nav{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.city-live-photo{min-height:440px}.city-live-photo>div{inset:auto 20px 30px}.city-live-photo h1{font-size:60px}.city-live-panel>header{padding:20px}.now-weather{padding:26px 20px}.now-grid a{min-height:115px;padding:15px}.city-quick{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.city-quick button{flex:0 0 42vw;scroll-snap-align:start}.city-entry{padding-inline:18px}.city-entry>header{grid-template-columns:1fr;gap:25px}.city-entry h2{font-size:46px}.city-search-results{grid-template-columns:1fr 1fr}.region-accordions nav{grid-template-columns:1fr 1fr}.city-live-panel select{font-size:18px}}@media(max-width:420px){.now-grid,.now-actions{grid-template-columns:1fr}.city-quick button{flex-basis:56vw}.region-accordions nav,.city-search-results{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.city-quick button,.now-grid a{transition:none}.city-quick button:hover{transform:none}}