.tn-weather{box-sizing:border-box;background:var(--tn-bg);color:var(--tn-text);font-family:var(--tn-font);font-size:var(--tn-font-size);border-radius:var(--tn-radius);overflow:hidden;padding:14px 16px;box-shadow:0 10px 35px rgba(15,55,90,.13);position:relative}
.tn-weather *{box-sizing:border-box}.tn-weather-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.tn-weather-head h3{margin:0;color:var(--tn-text);font-size:1.2em}.tn-weather-head span,.tn-weather-source{font-size:.72em;opacity:.7}.tn-weather-source{text-align:right;margin-top:6px}.tn-weather-content{display:flex;align-items:stretch;gap:12px;width:100%}.tn-weather-fixed-current{flex:0 0 auto;position:relative;z-index:3}.tn-weather-viewport{overflow:hidden;min-width:0;flex:1}.tn-weather-track{display:flex;gap:12px;align-items:stretch;width:max-content}.tn-weather-card{display:flex;align-items:center;gap:12px;min-width:230px;padding:12px 16px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.64);border-radius:calc(var(--tn-radius) - 5px);box-shadow:0 5px 16px rgba(20,70,110,.1);backdrop-filter:blur(8px)}.tn-current{border-color:var(--tn-accent);background:rgba(255,255,255,.82)}
.tn-icon{font-size:46px;line-height:1;min-width:58px;text-align:center}.tn-icons-3d .tn-icon{filter:drop-shadow(0 8px 5px rgba(0,0,0,.22));transform:perspective(120px) rotateX(8deg) rotateY(-8deg);text-shadow:0 3px 0 rgba(255,255,255,.4)}.tn-icons-flat .tn-icon{filter:saturate(.8);text-shadow:none}.tn-icons-emoji .tn-icon{filter:none}
.tn-main{display:flex;flex-direction:column;min-width:0}.tn-main strong{font-size:.82em;color:var(--tn-accent)}.tn-main b{font-size:1.8em;line-height:1.05}.tn-main b em{font-style:normal;font-size:.58em;opacity:.6}.tn-main span{font-weight:600}.tn-main small{white-space:nowrap;opacity:.72;margin-top:3px;font-size:.68em}
.tn-layout-ticker .tn-weather-track{animation:tn-scroll-rtl var(--tn-speed) linear infinite}.tn-layout-ticker.tn-dir-ltr .tn-weather-track{animation-name:tn-scroll-ltr}.tn-layout-ticker:hover .tn-weather-track{animation-play-state:paused}
@keyframes tn-scroll-ltr{from{transform:translateX(-50%)}to{transform:translateX(0)}}@keyframes tn-scroll-rtl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tn-layout-cards .tn-weather-content{display:block}.tn-layout-cards .tn-weather-track{width:100%;display:grid;grid-template-columns:repeat(3,minmax(190px,1fr))}.tn-layout-cards .tn-weather-card{min-width:0}.tn-layout-compact{padding:10px 12px}.tn-layout-compact .tn-weather-content{display:block}.tn-layout-compact .tn-weather-head{margin-bottom:6px}.tn-layout-compact .tn-weather-card{min-width:180px;padding:8px 10px}.tn-layout-compact .tn-icon{font-size:34px;min-width:42px}.tn-layout-compact .tn-main b{font-size:1.4em}.tn-weather-error{padding:15px;background:#fff3f3;color:#9d1c1c;border:1px solid #efb4b4;border-radius:8px}
@media(max-width:767px){.tn-weather-head{align-items:flex-start;flex-direction:column}.tn-layout-ticker .tn-weather-content{display:block}.tn-layout-ticker .tn-weather-fixed-current{margin-bottom:10px}.tn-layout-ticker .tn-weather-fixed-current .tn-weather-card{width:100%;min-width:0}.tn-layout-cards .tn-weather-track{grid-template-columns:1fr}.tn-weather-card{min-width:205px}.tn-main small{white-space:normal}}
@media(prefers-reduced-motion:reduce){.tn-layout-ticker .tn-weather-track{animation:none}}


/* WordPress kenar çubuğu, footer ve klasik widget alanları */
.tn-weather-widget-area,.tn-weather-widget-area .tn-weather{width:100%;max-width:100%}
.tn-weather-widget-area .tn-weather{margin:0}
.widget .tn-weather-widget-area .tn-weather-head,.wp-block-widget-area .tn-weather-widget-area .tn-weather-head{gap:6px}
.widget .tn-weather-widget-area .tn-weather-head span,.wp-block-widget-area .tn-weather-widget-area .tn-weather-head span{white-space:normal}
.widget .tn-weather-widget-area .tn-layout-cards .tn-weather-track,.wp-block-widget-area .tn-weather-widget-area .tn-layout-cards .tn-weather-track{grid-template-columns:1fr}
.widget .tn-weather-widget-area .tn-weather-card,.wp-block-widget-area .tn-weather-widget-area .tn-weather-card{max-width:100%}
@media(max-width:480px){.tn-weather-widget-area .tn-weather{padding:10px}.tn-weather-widget-area .tn-weather-head h3{font-size:1em}.tn-weather-widget-area .tn-layout-ticker .tn-weather-fixed-current .tn-weather-card{padding:9px}.tn-weather-widget-area .tn-icon{font-size:36px;min-width:44px}}

/* v2.2.0 — Mobil yatay dikdörtgen görünüm */
@media(max-width:767px){
  .tn-weather{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:2.15 / 1;
    padding:8px 10px;
    display:flex;
    flex-direction:column;
  }
  .tn-weather-head{
    flex:0 0 auto;
    flex-direction:row;
    align-items:center;
    gap:6px;
    margin-bottom:6px;
    min-height:20px;
  }
  .tn-weather-head h3{
    font-size:.92em;
    line-height:1.1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .tn-weather-head span{font-size:.55em;white-space:nowrap}
  .tn-layout-ticker .tn-weather-content{
    display:flex;
    flex:1 1 auto;
    align-items:stretch;
    gap:7px;
    min-height:0;
    overflow:hidden;
  }
  .tn-layout-ticker .tn-weather-fixed-current{
    flex:0 0 43%;
    min-width:0;
    margin:0;
  }
  .tn-layout-ticker .tn-weather-fixed-current .tn-weather-card{
    width:100%;
    height:100%;
    min-width:0;
    padding:6px 7px;
    gap:5px;
    flex-direction:column;
    justify-content:center;
    text-align:center;
  }
  .tn-layout-ticker .tn-weather-viewport{
    flex:1 1 auto;
    min-width:0;
    height:100%;
  }
  .tn-layout-ticker .tn-weather-track{height:100%;gap:7px}
  .tn-layout-ticker .tn-weather-track .tn-weather-card{
    min-width:112px;
    height:100%;
    padding:6px 7px;
    gap:4px;
    flex-direction:column;
    justify-content:center;
    text-align:center;
  }
  .tn-weather .tn-icon{font-size:28px;min-width:0;line-height:1}
  .tn-weather .tn-main{align-items:center;line-height:1.05}
  .tn-weather .tn-main strong{font-size:.65em}
  .tn-weather .tn-main b{font-size:1.18em}
  .tn-weather .tn-main span{font-size:.63em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .tn-weather .tn-main small{
    font-size:.48em;
    line-height:1.15;
    margin-top:2px;
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .tn-weather-source{display:none}
  .tn-layout-cards,.tn-layout-compact{aspect-ratio:auto}
}
@media(max-width:380px){
  .tn-weather{aspect-ratio:2 / 1}
  .tn-weather-head span{display:none}
  .tn-layout-ticker .tn-weather-fixed-current{flex-basis:41%}
  .tn-layout-ticker .tn-weather-track .tn-weather-card{min-width:104px}
}

/* v3.0.0 — Meteorolojik uyarı kutusu */
.tn-weather-alert{display:flex;align-items:center;gap:10px;margin:8px 0;padding:10px 12px;border:1px solid;border-radius:calc(var(--tn-radius) - 6px);font-size:.82em;line-height:1.25}
.tn-alert-icon{font-size:1.6em;flex:0 0 auto}.tn-alert-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.tn-alert-body strong{font-size:1.02em}.tn-alert-body span,.tn-alert-body small{opacity:.86}.tn-weather-alert a{font-weight:700;white-space:nowrap;text-decoration:none;color:inherit;border-bottom:1px solid currentColor}
.tn-alert-yellow{background:#fff7cf;border-color:#e5bd25;color:#624b00}.tn-alert-orange{background:#ffe1c7;border-color:#ed7a18;color:#6d2d00}.tn-alert-red{background:#ffe0e0;border-color:#d93636;color:#7e1111}.tn-alert-safe{background:#e5f7eb;border-color:#45a963;color:#155d2d}
@media(max-width:767px){.tn-weather-alert{padding:6px 8px;margin:4px 0;font-size:.55em;gap:6px}.tn-alert-icon{font-size:1.35em}.tn-weather-alert a{display:none}.tn-alert-body span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tn-alert-body small{display:none}}


/* v3.0.1 — Mobilde uyarı ve tahmin kartlarını birlikte görünür tut */
@media(max-width:767px){
  .tn-weather.tn-has-alert{
    aspect-ratio:auto;
    height:auto!important;
    min-height:230px!important;
  }
  .tn-weather.tn-has-alert .tn-weather-head{flex:0 0 auto}
  .tn-weather.tn-has-alert .tn-weather-content{
    flex:1 1 auto;
    min-height:128px;
    max-height:none;
    overflow:hidden;
  }
  .tn-weather.tn-has-alert .tn-weather-alert{
    flex:0 0 auto;
    min-height:38px;
    max-height:52px;
    overflow:hidden;
  }
  .tn-weather.tn-has-alert .tn-weather-fixed-current,
  .tn-weather.tn-has-alert .tn-weather-viewport,
  .tn-weather.tn-has-alert .tn-weather-track,
  .tn-weather.tn-has-alert .tn-weather-card{min-height:120px}
}
@media(max-width:380px){
  .tn-weather.tn-has-alert{min-height:220px!important}
  .tn-weather.tn-has-alert .tn-weather-content{min-height:118px}
  .tn-weather.tn-has-alert .tn-weather-fixed-current,
  .tn-weather.tn-has-alert .tn-weather-viewport,
  .tn-weather.tn-has-alert .tn-weather-track,
  .tn-weather.tn-has-alert .tn-weather-card{min-height:110px}
}

/* v3.1.0 — Masaüstü ve mobil yarı yükseklikte kompakt görünüm */
.tn-weather{
  padding:7px 9px;
  box-shadow:0 5px 18px rgba(15,55,90,.12);
}
.tn-weather-head{margin-bottom:4px;gap:7px}
.tn-weather-head h3{font-size:.95em;line-height:1.05}
.tn-weather-head span,.tn-weather-source{font-size:.58em}
.tn-weather-source{margin-top:2px}
.tn-weather-content,.tn-weather-track{gap:6px}
.tn-weather-card{min-width:178px;padding:5px 8px;gap:7px;border-radius:calc(var(--tn-radius) - 7px)}
.tn-icon{font-size:29px;min-width:36px}
.tn-main strong{font-size:.68em}
.tn-main b{font-size:1.25em}
.tn-main span{font-size:.72em}
.tn-main small{font-size:.55em;margin-top:1px}
.tn-weather-alert{margin:3px 0;padding:4px 7px;gap:6px;font-size:.62em;line-height:1.1}
.tn-alert-icon{font-size:1.25em}
.tn-alert-body{gap:0}

@media(max-width:767px){
  .tn-weather,
  .tn-weather.tn-has-alert{
    aspect-ratio:auto;
    min-height:112px!important;
    height:auto!important;
    padding:4px 6px;
  }
  .tn-weather-head{min-height:12px;margin-bottom:2px;gap:4px}
  .tn-weather-head h3{font-size:.68em}
  .tn-weather-head span{font-size:.4em}
  .tn-layout-ticker .tn-weather-content,
  .tn-weather.tn-has-alert .tn-weather-content{
    min-height:66px;
    height:66px;
    gap:4px;
  }
  .tn-layout-ticker .tn-weather-fixed-current{flex-basis:40%}
  .tn-layout-ticker .tn-weather-fixed-current .tn-weather-card,
  .tn-layout-ticker .tn-weather-track .tn-weather-card,
  .tn-weather.tn-has-alert .tn-weather-fixed-current,
  .tn-weather.tn-has-alert .tn-weather-viewport,
  .tn-weather.tn-has-alert .tn-weather-track,
  .tn-weather.tn-has-alert .tn-weather-card{
    min-height:66px;
    height:66px;
  }
  .tn-layout-ticker .tn-weather-fixed-current .tn-weather-card,
  .tn-layout-ticker .tn-weather-track .tn-weather-card{
    padding:3px 4px;
    gap:2px;
  }
  .tn-layout-ticker .tn-weather-track{gap:4px}
  .tn-layout-ticker .tn-weather-track .tn-weather-card{min-width:78px}
  .tn-weather .tn-icon{font-size:18px}
  .tn-weather .tn-main strong{font-size:.46em}
  .tn-weather .tn-main b{font-size:.78em}
  .tn-weather .tn-main span{font-size:.43em}
  .tn-weather .tn-main small{font-size:.34em;line-height:1.05;margin-top:0;-webkit-line-clamp:1}
  .tn-weather-alert,
  .tn-weather.tn-has-alert .tn-weather-alert{
    min-height:18px;
    max-height:24px;
    margin:2px 0;
    padding:2px 4px;
    gap:3px;
    font-size:.38em;
  }
  .tn-alert-icon{font-size:1.05em}
  .tn-alert-body strong,.tn-alert-body span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:380px){
  .tn-weather,.tn-weather.tn-has-alert{min-height:106px!important}
  .tn-layout-ticker .tn-weather-content,.tn-weather.tn-has-alert .tn-weather-content{height:62px;min-height:62px}
  .tn-layout-ticker .tn-weather-fixed-current .tn-weather-card,
  .tn-layout-ticker .tn-weather-track .tn-weather-card,
  .tn-weather.tn-has-alert .tn-weather-fixed-current,
  .tn-weather.tn-has-alert .tn-weather-viewport,
  .tn-weather.tn-has-alert .tn-weather-track,
  .tn-weather.tn-has-alert .tn-weather-card{height:62px;min-height:62px}
  .tn-layout-ticker .tn-weather-track .tn-weather-card{min-width:72px}
}


/* v3.2.0 — Belirgin başlık, yarım genişlikte bilgi bandı ve dengeli alt boşluk */
.tn-weather-head{
  justify-content:flex-start;
  margin-bottom:4px;
}
.tn-weather-head h3{
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  padding:4px 9px;
  border-left:4px solid var(--tn-accent);
  border-radius:7px;
  background:rgba(255,255,255,.82);
  box-shadow:0 2px 7px rgba(15,55,90,.12);
  color:var(--tn-text);
  font-size:1.04em;
  font-weight:800;
  letter-spacing:.01em;
  line-height:1.05;
}
.tn-weather-title-icon{font-size:1.05em;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.13))}
.tn-weather-meta-row{
  display:flex;
  justify-content:flex-start;
  width:100%;
  margin-top:3px;
  margin-bottom:0;
  min-height:13px;
  overflow:hidden;
}
.tn-weather-meta-viewport{
  width:50%;
  max-width:50%;
  overflow:hidden;
  white-space:nowrap;
  border-radius:5px;
}
.tn-weather-meta-track{
  display:flex;
  align-items:center;
  gap:6px;
  width:max-content;
  color:var(--tn-text);
  font-size:.54em;
  font-weight:600;
  line-height:1.25;
  opacity:.76;
  animation:tn-meta-scroll-ltr 18s linear infinite;
  will-change:transform;
}
.tn-weather-meta-track i{font-style:normal;opacity:.55}
.tn-weather-meta-row:hover .tn-weather-meta-track{animation-play-state:paused}
@keyframes tn-meta-scroll-ltr{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.tn-weather-source{display:none!important}

@media(max-width:767px){
  .tn-weather-head h3{
    padding:2px 5px;
    border-left-width:3px;
    border-radius:5px;
    font-size:.75em;
    gap:3px;
  }
  .tn-weather-title-icon{font-size:.95em}
  .tn-weather-meta-row{margin-top:2px;min-height:8px}
  .tn-weather-meta-viewport{width:50%;max-width:50%}
  .tn-weather-meta-track{gap:4px;font-size:.34em;animation-duration:15s}
}
@media(max-width:380px){
  .tn-weather-head h3{font-size:.68em;padding:2px 4px}
  .tn-weather-meta-track{font-size:.31em}
}
@media(prefers-reduced-motion:reduce){.tn-weather-meta-track{animation:none;transform:none}}

/* v3.2.3 — Bilgi bandı sağ yarıda, 12px ve sağdan sola */
.tn-weather-head{
  display:flex;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between;
  gap:8px;
  width:100%;
  min-width:0;
  margin-bottom:4px;
  overflow:hidden;
}
.tn-weather-head h3{
  flex:0 1 calc(50% - 4px);
  max-width:calc(50% - 4px);
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--tn-text);
  font-size:1.04em;
  font-weight:800;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tn-weather-head .tn-weather-meta-viewport{
  flex:0 0 50%;
  width:50%;
  max-width:50%;
  min-width:0;
  margin-left:auto;
  overflow:hidden;
  white-space:nowrap;
  border-radius:0;
}
.tn-weather-head .tn-weather-meta-track{
  display:flex;
  align-items:center;
  gap:6px;
  width:max-content;
  color:var(--tn-text);
  font-size:12px!important;
  font-weight:600;
  line-height:1.5;
  opacity:.82;
  animation:tn-meta-scroll-rtl 18s linear infinite;
  will-change:transform;
}
.tn-weather-head:hover .tn-weather-meta-track{animation-play-state:paused}
@keyframes tn-meta-scroll-rtl{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.tn-weather-meta-row{display:none!important}

@media(max-width:1024px){
  .tn-weather-head{gap:6px}
  .tn-weather-head h3{flex-basis:calc(50% - 3px);max-width:calc(50% - 3px);font-size:.88em;gap:4px}
  .tn-weather-head .tn-weather-meta-track{font-size:12px!important;animation-duration:16s}
}
@media(max-width:767px){
  .tn-weather-head{flex-direction:row!important;align-items:center!important;gap:5px}
  .tn-weather-head h3{flex-basis:calc(50% - 2.5px);max-width:calc(50% - 2.5px);font-size:.72em;gap:3px;padding:0;white-space:nowrap}
  .tn-weather-head .tn-weather-meta-viewport{flex:0 0 50%;width:50%;max-width:50%}
  .tn-weather-head .tn-weather-meta-track{font-size:12px!important;gap:4px;animation-duration:14s}
}
@media(max-width:380px){
  .tn-weather-head h3{font-size:.64em}
  .tn-weather-head .tn-weather-meta-track{font-size:12px!important;animation-duration:13s}
}
@media(prefers-reduced-motion:reduce){.tn-weather-head .tn-weather-meta-track{animation:none;transform:none}}

/* v3.3.0 — 150px sabit yükseklik, kapsayıcı genişliği ve orantılı boşluklar */
.tn-weather,
.tn-weather.tn-has-alert{
  box-sizing:border-box!important;
  width:var(--tn-width,100%)!important;
  max-width:100%!important;
  height:var(--tn-height,150px)!important;
  min-height:var(--tn-height,150px)!important;
  padding:clamp(6px,1.1vw,12px)!important;
  margin:0!important;
  overflow:hidden!important;
}
.tn-weather-auto{display:block;width:100%;max-width:100%;box-sizing:border-box;margin:clamp(6px,1vw,12px) 0}
.tn-weather-auto-header,.tn-weather-auto-footer{width:100%;max-width:100%}
.tn-weather-auto-sidebar{margin:0 0 12px}
.tn-weather-head{height:24px;min-height:24px;margin-bottom:clamp(4px,.7vw,8px)!important}
.tn-layout-ticker .tn-weather-content,
.tn-weather.tn-has-alert .tn-weather-content{
  height:calc(100% - 32px)!important;
  min-height:0!important;
  max-height:calc(100% - 32px)!important;
  overflow:hidden!important;
}
.tn-layout-ticker .tn-weather-fixed-current,
.tn-layout-ticker .tn-weather-viewport,
.tn-layout-ticker .tn-weather-track,
.tn-layout-ticker .tn-weather-card{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
}
.tn-weather-alert{max-height:34px;overflow:hidden}
@media(max-width:767px){
  .tn-weather,.tn-weather.tn-has-alert{height:150px!important;min-height:150px!important;padding:6px!important}
  .tn-weather-head{height:22px;min-height:22px}
  .tn-layout-ticker .tn-weather-content,.tn-weather.tn-has-alert .tn-weather-content{height:calc(100% - 28px)!important;min-height:0!important;max-height:calc(100% - 28px)!important}
  .tn-layout-ticker .tn-weather-fixed-current .tn-weather-card,
  .tn-layout-ticker .tn-weather-track .tn-weather-card,
  .tn-weather.tn-has-alert .tn-weather-fixed-current,
  .tn-weather.tn-has-alert .tn-weather-viewport,
  .tn-weather.tn-has-alert .tn-weather-track,
  .tn-weather.tn-has-alert .tn-weather-card{height:100%!important;min-height:0!important;max-height:100%!important}
}

/* v3.3.1 — Her kapsayıcıda otomatik genişlik ve 150px bozulmayan görünüm */
.tn-weather-auto,
.tn-weather-widget-area,
.elementor-widget-shortcode .tn-weather,
.wp-block-shortcode .tn-weather,
.widget .tn-weather,
header .tn-weather,
footer .tn-weather,
main .tn-weather,
aside .tn-weather{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.tn-weather{
  container-type:inline-size;
  contain:layout paint;
  display:flex!important;
  flex-direction:column!important;
  width:min(var(--tn-width,100%),100%)!important;
  max-width:100%!important;
  height:var(--tn-height,150px)!important;
  min-height:var(--tn-height,150px)!important;
  max-height:var(--tn-height,150px)!important;
  padding:clamp(5px,1.2cqw,12px)!important;
}
.tn-weather-head{flex:0 0 24px!important;min-width:0!important}
.tn-weather-content{flex:1 1 auto!important;min-height:0!important;min-width:0!important}
.tn-weather-fixed-current{min-width:0!important}
.tn-weather-viewport{min-width:0!important;max-width:100%!important}
.tn-weather-card{max-width:100%!important;overflow:hidden!important}
.tn-main,.tn-main strong,.tn-main b,.tn-main span,.tn-main small{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis}
.tn-weather-alert{flex:0 0 auto!important;margin:2px 0!important;max-height:28px!important;padding:3px 6px!important}

/* Dar kenar alanlarında içerik otomatik küçülür; yükseklik yine 150px kalır. */
.tn-weather.tn-size-medium .tn-weather-head h3{font-size:.78em!important}
.tn-weather.tn-size-medium .tn-weather-head .tn-weather-meta-track{font-size:11px!important}
.tn-weather.tn-size-medium .tn-layout-ticker .tn-weather-fixed-current{flex-basis:38%!important}
.tn-weather.tn-size-medium .tn-weather-card{min-width:112px!important;padding:4px 6px!important;gap:4px!important}
.tn-weather.tn-size-medium .tn-icon{font-size:24px!important;min-width:28px!important}
.tn-weather.tn-size-medium .tn-main b{font-size:1em!important}
.tn-weather.tn-size-medium .tn-main small{font-size:.45em!important;white-space:nowrap!important}

.tn-weather.tn-size-narrow{padding:5px!important}
.tn-weather.tn-size-narrow .tn-weather-head{gap:4px!important;height:22px!important;flex-basis:22px!important}
.tn-weather.tn-size-narrow .tn-weather-head h3{flex-basis:52%!important;max-width:52%!important;font-size:.66em!important}
.tn-weather.tn-size-narrow .tn-weather-head .tn-weather-meta-viewport{flex-basis:48%!important;width:48%!important;max-width:48%!important}
.tn-weather.tn-size-narrow .tn-weather-head .tn-weather-meta-track{font-size:10px!important}
.tn-weather.tn-size-narrow .tn-layout-ticker .tn-weather-content{gap:4px!important}
.tn-weather.tn-size-narrow .tn-layout-ticker .tn-weather-fixed-current{flex:0 0 42%!important}
.tn-weather.tn-size-narrow .tn-weather-card{min-width:82px!important;padding:3px 4px!important;gap:2px!important;flex-direction:column!important;justify-content:center!important;text-align:center!important}
.tn-weather.tn-size-narrow .tn-icon{font-size:19px!important;min-width:0!important}
.tn-weather.tn-size-narrow .tn-main{align-items:center!important}
.tn-weather.tn-size-narrow .tn-main strong{font-size:.48em!important}
.tn-weather.tn-size-narrow .tn-main b{font-size:.78em!important}
.tn-weather.tn-size-narrow .tn-main span{font-size:.44em!important;white-space:nowrap!important}
.tn-weather.tn-size-narrow .tn-main small{font-size:.34em!important;white-space:nowrap!important;-webkit-line-clamp:1!important}

@container (max-width:420px){
  .tn-weather-card{min-width:82px}
}