:root{--tvw-navy:#071b2b;--tvw-blue:#146da6;--tvw-red:#e31b2a;--tvw-ink:#142333;--tvw-muted:#67778a;--tvw-bg:#f3f6f8;--tvw-paper:#fff;--tvw-line:#dfe6ec;--tvw-radius:14px;--tvw-shadow:0 10px 28px rgba(8,27,43,.08);--tvw-max:1680px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--tvw-bg);color:var(--tvw-ink);font-family:Arial,Helvetica,sans-serif}
img{max-width:100%;height:auto}
a{color:inherit}
.tvw-container{width:min(var(--tvw-max),calc(100% - 48px));margin-inline:auto}
.tvw-site-header{background:var(--tvw-navy);color:#fff}
.tvw-site-header__inner{min-height:82px;display:flex;align-items:center;gap:38px}
.tvw-site-brand a{color:#fff;font-size:32px;font-weight:950;letter-spacing:-1.5px;text-decoration:none}
.tvw-site-brand span{color:var(--tvw-red)}
.tvw-primary-nav{margin-left:auto}
.tvw-primary-nav>ul{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none}
.tvw-primary-nav li{position:relative;list-style:none}
.tvw-primary-nav a{display:block;padding:30px 0;color:#fff;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.tvw-primary-nav .sub-menu{position:absolute;z-index:100;top:100%;left:-16px;width:250px;margin:0;padding:10px;visibility:hidden;opacity:0;transform:translateY(-6px);border:1px solid rgba(255,255,255,.12);border-radius:0 0 12px 12px;background:#0b263a;box-shadow:0 16px 35px rgba(0,0,0,.25);transition:.18s ease}
.tvw-primary-nav li:hover>.sub-menu,.tvw-primary-nav li:focus-within>.sub-menu{visibility:visible;opacity:1;transform:none}
.tvw-primary-nav .sub-menu a{padding:10px 12px;border-radius:7px;font-size:12px;line-height:1.25;white-space:normal}
.tvw-primary-nav .sub-menu a:hover,.tvw-primary-nav .sub-menu a:focus{background:rgba(255,255,255,.1)}
.tvw-content-area{padding:40px 0}
.tvw-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tvw-loop-card{overflow:hidden;border:1px solid var(--tvw-line);border-radius:var(--tvw-radius);background:#fff;box-shadow:var(--tvw-shadow)}
.tvw-loop-card a{text-decoration:none}
.tvw-loop-card h2{padding:0 18px 18px;font-size:20px}
.tvw-site-footer{padding:34px 0;background:var(--tvw-navy);color:#b8c8d4}
.tvw-site-footer__copyright{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0;font-size:16px;line-height:1.5}
.tvw-site-footer__powered{color:#8097a8;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.tvw-site-footer__powered strong{color:#d8e4ec;font-size:13px;letter-spacing:.08em}
@media(max-width:600px){.tvw-site-footer__copyright{align-items:flex-start;flex-direction:column;gap:8px}.tvw-site-footer__powered{font-size:10px}.tvw-site-footer__powered strong{font-size:12px}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{z-index:100000;top:8px;left:8px;width:auto;height:auto;padding:12px;clip:auto;background:#fff;color:#000}
@media(max-width:1100px){.tvw-container{width:min(100% - 28px,var(--tvw-max))}.tvw-primary-nav{display:none}.tvw-post-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.tvw-post-grid{grid-template-columns:1fr}}

/* =========================================================
   TV WIEN BRAND MASTHEAD + SOCIALS
   ========================================================= */
.tvw-site-header{background:#071b2b;color:#fff}
.tvw-site-masthead{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.10);background:radial-gradient(circle at 78% 30%,rgba(227,27,42,.12),transparent 28%),linear-gradient(135deg,#0a1118 0%,#14191f 58%,#0a1118 100%)}
.tvw-site-masthead__inner{position:relative;min-height:166px;display:flex;align-items:center;justify-content:space-between;gap:42px;padding-top:26px;padding-bottom:26px}
.tvw-site-identity{display:flex;align-items:center;gap:48px;min-width:0;color:#fff;text-decoration:none}
.tvw-site-identity__logo{display:inline-flex;align-items:center;min-height:92px;padding:18px 28px;background:linear-gradient(135deg,#d70e1f,#a80b16);box-shadow:0 14px 34px rgba(0,0,0,.24);color:#fff;font-size:clamp(34px,4vw,62px);font-weight:900;line-height:1;letter-spacing:-2px;white-space:nowrap}
.tvw-site-identity__logo b{padding:0 .22em;color:#fff;font-weight:400}
.tvw-site-identity__tagline{max-width:580px;color:#f6f1e9;font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,3vw,48px);font-weight:600;line-height:1.08;letter-spacing:-.8px}
.tvw-profile-socials{position:absolute;right:0;top:22px;display:flex;align-items:center;gap:9px}
.tvw-profile-social{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:14px;font-weight:900;text-decoration:none;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.tvw-profile-social:hover,.tvw-profile-social:focus-visible{transform:translateY(-2px);border-color:#e31b2a;background:#e31b2a;color:#fff}
.tvw-profile-social--instagram{font-size:22px}.tvw-profile-social--youtube{font-size:12px}.tvw-profile-social--twitter{font-size:13px}
.tvw-site-navbar{background:#05090d;border-bottom:1px solid rgba(255,255,255,.08)}
.tvw-site-navbar .tvw-site-header__inner{min-height:58px;justify-content:center}
.tvw-site-navbar .tvw-primary-nav{margin-left:0;width:100%}
.tvw-site-navbar .tvw-primary-nav>ul{justify-content:center;gap:30px}
.tvw-site-navbar .tvw-primary-nav a{padding:20px 0;font-size:13px}

@media(max-width:1250px){
  .tvw-site-identity{gap:30px}.tvw-site-identity__logo{font-size:38px}.tvw-site-identity__tagline{font-size:30px}.tvw-profile-socials{right:4px}
}
@media(max-width:900px){
  .tvw-site-masthead__inner{min-height:0;padding-top:24px;padding-bottom:24px;align-items:flex-start}
  .tvw-site-identity{display:block;padding-right:150px}.tvw-site-identity__logo{min-height:0;padding:14px 18px;font-size:32px}.tvw-site-identity__tagline{display:block;margin-top:14px;font-size:26px}
  .tvw-profile-socials{top:26px}
}
@media(max-width:600px){
  .tvw-site-identity{padding-right:0}.tvw-site-identity__logo{font-size:clamp(24px,8vw,31px);letter-spacing:-1px}.tvw-site-identity__tagline{max-width:290px;font-size:22px}.tvw-profile-socials{position:static;margin-top:18px}.tvw-site-masthead__inner{display:block}
}

/* =========================================================
   TV WIEN — UNIFIED HEADER / LOGO / SLOGAN / CATEGORY BAR
   ========================================================= */
.tvw-site-masthead{
  position:relative;
  min-height:320px;
  overflow:hidden;
  border-bottom:0;
  background:
    linear-gradient(90deg,rgba(4,10,16,.10),rgba(4,10,16,.04)),
    url('../images/tvw-masthead-slogan.webp') center center / cover no-repeat;
}
.tvw-site-masthead::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(3,8,13,.04) 0%,rgba(3,8,13,.02) 55%,rgba(3,8,13,.22) 100%);
}
.tvw-site-masthead__home{position:absolute;inset:0;z-index:1}
.tvw-site-masthead__inner{
  position:relative;
  z-index:3;
  min-height:320px;
  padding:0;
  display:flex;
  align-items:center;
}
.tvw-brand-logo{
  position:relative;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(46vw,720px);
  min-height:112px;
  margin-left:4.5%;
  padding:22px 34px;
  overflow:hidden;
  border-left:7px solid var(--tvw-red);
  background:rgba(4,14,24,.97);
  box-shadow:0 18px 48px rgba(0,0,0,.30);
  text-decoration:none;
}
.tvw-brand-logo__image{
  display:block;
  width:auto;
  max-width:min(100%,520px);
  max-height:78px;
  object-fit:contain;
}
.tvw-brand-logo__fallback{
  color:#fff;
  font-size:clamp(42px,5vw,72px);
  font-weight:950;
  line-height:1;
  letter-spacing:-3px;
}
.tvw-brand-logo__fallback span{color:var(--tvw-red);padding:0 .04em}
.tvw-site-masthead__tagline{display:none}

.tvw-profile-socials{
  position:absolute;
  z-index:6;
  top:22px;
  right:0;
  display:flex;
  align-items:center;
  gap:9px;
}
.tvw-profile-social{
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.45);
  background:rgba(4,14,24,.70);
  backdrop-filter:blur(8px);
  box-shadow:0 7px 22px rgba(0,0,0,.20);
}

.tvw-site-navbar{background:#05090d;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.08)}
.tvw-site-navbar .tvw-site-header__inner{min-height:58px;justify-content:center}
.tvw-site-navbar .tvw-primary-nav{margin-left:0;width:100%;overflow:visible}
.tvw-site-navbar .tvw-primary-nav>ul{justify-content:center;gap:clamp(16px,1.7vw,30px)}
.tvw-site-navbar .tvw-primary-nav a{padding:20px 0;font-size:13px}

/* Drugi red: sve glavne rubrike ostaju vidljive, a dugi rep ide u mega menu. */
.tvw-category-nav{position:relative;z-index:80;background:#0b2132;border-bottom:3px solid var(--tvw-red);color:#fff}
.tvw-category-nav__list{display:flex;align-items:center;justify-content:center;gap:0;margin:0;padding:0;list-style:none}
.tvw-category-nav__list>li{position:relative;list-style:none}
.tvw-category-nav__list>li>a,
.tvw-category-nav__more-button{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:0 13px;
  border:0;
  background:transparent;
  color:#f4f7f9;
  font:800 11px/1.1 Arial,Helvetica,sans-serif;
  letter-spacing:.18px;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
}
.tvw-category-nav__list>li>a:hover,
.tvw-category-nav__list>li>a:focus-visible,
.tvw-category-nav__more-button:hover,
.tvw-category-nav__more-button:focus-visible{background:rgba(255,255,255,.09);color:#fff;outline:none}
.tvw-category-nav__more-button{color:#ff8b98}
.tvw-category-nav__more-button span{margin-left:6px;font-size:12px}
.tvw-category-nav__mega{
  position:absolute;
  top:100%;
  right:0;
  width:min(620px,92vw);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:16px;
  visibility:hidden;
  opacity:0;
  transform:translateY(-6px);
  border:1px solid rgba(255,255,255,.14);
  border-top:3px solid var(--tvw-red);
  border-radius:0 0 14px 14px;
  background:#081927;
  box-shadow:0 22px 45px rgba(0,0,0,.34);
  transition:.16s ease;
}
.tvw-category-nav__more:hover .tvw-category-nav__mega,
.tvw-category-nav__more:focus-within .tvw-category-nav__mega{visibility:visible;opacity:1;transform:none}
.tvw-category-nav__mega a{display:block;padding:11px 12px;border-radius:8px;color:#fff;font-size:12px;font-weight:800;line-height:1.25;text-decoration:none}
.tvw-category-nav__mega a:hover,.tvw-category-nav__mega a:focus-visible{background:rgba(255,255,255,.09);color:#ff9aa6;outline:none}

@media(max-width:1380px){
  .tvw-brand-logo{margin-left:2%;width:min(48vw,650px)}
  .tvw-category-nav__list{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .tvw-category-nav__list::-webkit-scrollbar{display:none}
  .tvw-category-nav__more{position:sticky!important;right:0;background:#0b2132;box-shadow:-14px 0 20px #0b2132}
}
@media(max-width:1100px){
  .tvw-site-masthead{min-height:240px;background-position:center center}
  .tvw-site-masthead__inner{min-height:240px}
  .tvw-brand-logo{width:min(54vw,520px);min-height:86px;margin-left:0;padding:16px 24px}
  .tvw-brand-logo__image{max-height:58px}
  .tvw-primary-nav{display:none}
  .tvw-site-navbar{display:none}
  .tvw-category-nav__list{padding-right:0}
}
@media(max-width:700px){
  .tvw-site-masthead{
    min-height:205px;
    background-image:linear-gradient(90deg,rgba(4,12,20,.96),rgba(4,12,20,.66)),url('../images/tvw-masthead-slogan.webp');
    background-position:center center;
  }
  .tvw-site-masthead__inner{min-height:205px;display:block;padding-top:46px}
  .tvw-brand-logo{width:min(78vw,390px);min-height:68px;padding:12px 18px}
  .tvw-brand-logo__image{max-height:46px}
  .tvw-brand-logo__fallback{font-size:38px}
  .tvw-site-masthead__tagline{display:block;margin:15px 0 0 7px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:700;line-height:1.06;text-shadow:0 2px 8px rgba(0,0,0,.45)}
  .tvw-profile-socials{top:10px;right:2px;gap:6px}
  .tvw-profile-social{width:34px;height:34px}
  .tvw-category-nav__list>li>a,.tvw-category-nav__more-button{min-height:42px;padding:0 11px;font-size:10px}
  .tvw-category-nav__mega{position:fixed;left:14px;right:14px;top:auto;width:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* =========================================================
   TV WIEN — POVRATAK NA VRH
   ========================================================= */
.tvw-back-to-top{
  position:fixed;
  z-index:140;
  left:16px;
  bottom:22px;
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:2px solid #fff;
  border-radius:50%;
  background:#d71931;
  box-shadow:0 10px 26px rgba(7,27,43,.24);
  color:#fff;
  font:900 24px/1 Arial,Helvetica,sans-serif;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease,background .18s ease;
}
.tvw-back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:none;
}
.tvw-back-to-top:hover,
.tvw-back-to-top:focus-visible{
  background:#071b2b;
  color:#fff;
  outline:3px solid rgba(215,25,49,.24);
  outline-offset:3px;
}
.tvw-back-to-top span{display:block;transform:translateY(-1px)}

@media(max-width:820px){
  .tvw-back-to-top{
    left:10px;
    bottom:70px;
    width:42px;
    height:42px;
    font-size:22px;
  }
}
@media(prefers-reduced-motion:reduce){
  .tvw-back-to-top{transition:none}
}


/* =========================================================
   TV WIEN — CLEAN MASTHEAD CLICK TARGET
   Banner image already contains the TV Wien / TV Beč identity.
   The whole masthead links home; social buttons stay independently clickable.
   ========================================================= */
.tvw-site-masthead__home{z-index:4;cursor:pointer}
.tvw-site-masthead__inner{z-index:5;pointer-events:none}
.tvw-profile-socials{z-index:6;pointer-events:auto}
.tvw-brand-logo,.tvw-site-masthead__tagline{display:none!important}

/* =========================================================
   RUBRIKE U PODNOŽJU — glavni header ostaje čist
   ========================================================= */
.tvw-category-nav--footer{
  position:relative;
  z-index:30;
  border-top:3px solid var(--tvw-red);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:#0b2132;
}
.tvw-category-nav--footer .tvw-category-nav__mega{
  top:auto;
  bottom:100%;
  transform:translateY(6px);
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:3px solid var(--tvw-red);
  border-radius:14px 14px 0 0;
}
.tvw-category-nav--footer .tvw-category-nav__more:hover .tvw-category-nav__mega,
.tvw-category-nav--footer .tvw-category-nav__more:focus-within .tvw-category-nav__mega{
  transform:none;
}
.tvw-site-footer{border-top:0}
@media(max-width:1100px){
  .tvw-category-nav--footer .tvw-category-nav__list{display:flex}
}


/* v2.15.16 — mobile masthead: banner photo/identity must remain visible. */
@media(max-width:700px){
  .tvw-site-masthead{
    min-height:205px;
    background-image:linear-gradient(180deg,rgba(4,12,20,.08),rgba(4,12,20,.18)),url('../images/tvw-masthead-slogan.webp');
    background-position:center center;
    background-size:cover;
  }
  .tvw-site-masthead::after{background:linear-gradient(180deg,rgba(3,8,13,0) 0%,rgba(3,8,13,.05) 65%,rgba(3,8,13,.16) 100%)}
}

/* v2.15.17 — keep the back-to-top button above the mobile share rail. */
@media(max-width:820px){
  body.single-post .tvw-back-to-top{
    bottom:calc(176px + env(safe-area-inset-bottom, 0px));
  }
}

/* =========================================================
   v2.15.22 — CUSTOM PROJECT / FULL-WIDTH PAGE NORMALIZATION
   Existing TV Wien project pages were built before Newsroom and
   already provide their own full-width hero/layout. Do not add
   the generic page 40px top/bottom gutter or a second container.
   ========================================================= */
body:has(#tvw-tragovi-main) .tvw-content-area,
body:has(#tvw-rkas-page) .tvw-content-area,
body:has(#tvwhub) .tvw-content-area,
body:has(#tvwcal-root) .tvw-content-area,
body:has(.tvw-tragovi) .tvw-content-area,
body:has(#tvw-zorislav-page) .tvw-content-area,
body:has(#tvw-tragovi-essay) .tvw-content-area,
body:has(.tvw-author-page) .tvw-content-area {
  padding-top:0 !important;
  padding-bottom:0 !important;
}

body:has(#tvw-tragovi-main) .tvw-content-area > .tvw-container,
body:has(#tvw-rkas-page) .tvw-content-area > .tvw-container,
body:has(#tvwhub) .tvw-content-area > .tvw-container,
body:has(#tvwcal-root) .tvw-content-area > .tvw-container,
body:has(.tvw-tragovi) .tvw-content-area > .tvw-container,
body:has(#tvw-zorislav-page) .tvw-content-area > .tvw-container,
body:has(#tvw-tragovi-essay) .tvw-content-area > .tvw-container,
body:has(.tvw-author-page) .tvw-content-area > .tvw-container {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Old Viral News/legacy snippets sometimes used large negative top margins
   to jump over an old page-title block. Newsroom no longer renders that
   block, so normalize those project roots at the actual top of the page. */
body:has(#tvw-tragovi-main) #tvw-tragovi-main,
body:has(#tvw-rkas-page) #tvw-rkas-page,
body:has(#tvwhub) #tvwhub,
body:has(#tvwcal-root) #tvwcal-root,
body:has(#tvw-zorislav-page) #tvw-zorislav-page,
body:has(#tvw-tragovi-essay) #tvw-tragovi-essay,
body:has(.tvw-author-page) .tvw-author-page {
  margin-top:0 !important;
}

/* TRAGOVI main page was the clear outlier in the audit: its legacy hero is
   720px high while the other project heroes are around 500–540px. Keep the
   visual identity, but bring the photo/title higher and closer to Newsroom. */
body:has(#tvw-tragovi-main) #tvw-tragovi-main .tg-hero {
  min-height:620px !important;
  background-position:center 42% !important;
}
body:has(#tvw-tragovi-main) #tvw-tragovi-main .tg-hero-inner {
  padding-top:76px !important;
  padding-bottom:72px !important;
}

@media (max-width:900px) {
  body:has(#tvw-tragovi-main) #tvw-tragovi-main .tg-hero {
    min-height:570px !important;
  }
  body:has(#tvw-tragovi-main) #tvw-tragovi-main .tg-hero-inner {
    padding-top:64px !important;
    padding-bottom:58px !important;
  }
}

@media (max-width:560px) {
  body:has(#tvw-tragovi-main) #tvw-tragovi-main .tg-hero {
    min-height:520px !important;
  }
  body:has(#tvw-tragovi-main) #tvw-tragovi-main .tg-hero-inner {
    padding-top:52px !important;
    padding-bottom:48px !important;
  }
}

/* =========================================================
   v2.15.29 — HYBRID DISCOVERY HEADER
   Compact TV Wien identity + native search + HR/DE. No blur,
   external fonts or extra runtime requests. The panorama is a
   local lightweight WebP and replaces the old 320px masthead.
   ========================================================= */
.tvw-site-header--hybrid{background:#07182a;color:#fff}
.tvw-hybrid-topbar{position:relative;z-index:90;border-bottom:1px solid rgba(255,255,255,.10);background:#06172a;color:#fff}
.tvw-hybrid-topbar__inner{min-height:62px;display:flex;align-items:center;gap:24px}
.tvw-hybrid-brand{display:flex;align-items:center;gap:13px;flex:0 0 auto;color:#fff;text-decoration:none;white-space:nowrap}
.tvw-hybrid-brand strong{font-size:24px;font-weight:950;letter-spacing:-.9px;line-height:1}
.tvw-hybrid-brand strong span{color:#ef2237}
.tvw-hybrid-brand small{padding-left:13px;border-left:2px solid #e31b2a;color:#cbd7df;font-size:10px;font-weight:650;letter-spacing:.2px}
.tvw-primary-nav--hybrid{min-width:0;margin-left:auto}
.tvw-primary-nav--hybrid>ul{gap:18px}
.tvw-primary-nav--hybrid a{padding:22px 0;font-size:11px;font-weight:800}
.tvw-primary-nav--hybrid .sub-menu a{padding:10px 12px;font-size:11px}
.tvw-hybrid-tools{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.tvw-hybrid-search{position:relative;width:245px;height:36px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.24);border-radius:9px;background:rgba(255,255,255,.06)}
.tvw-hybrid-search>span{position:absolute;left:11px;top:50%;transform:translateY(-53%);color:#c8d6e0;font-size:20px;line-height:1;pointer-events:none}
.tvw-hybrid-search input{width:100%;height:100%;padding:0 12px 0 34px;border:0;outline:0;background:transparent;color:#fff;font:600 11px/1 Arial,Helvetica,sans-serif}
.tvw-hybrid-search input::placeholder{color:#a9bac7;opacity:1}
.tvw-hybrid-search:focus-within{border-color:#829bad;background:rgba(255,255,255,.10);box-shadow:0 0 0 3px rgba(255,255,255,.04)}
.tvw-hybrid-language{display:flex;align-items:center;gap:8px}
.tvw-hybrid-language button{position:relative;min-width:28px;padding:7px 3px;border:0;background:transparent;color:#aebfcb;font:900 10px/1 Arial,Helvetica,sans-serif;cursor:pointer}
.tvw-hybrid-language button:after{content:"";position:absolute;right:5px;bottom:1px;left:5px;height:2px;border-radius:2px;background:transparent}
.tvw-hybrid-language button.is-active,.tvw-hybrid-language button:hover,.tvw-hybrid-language button:focus-visible{color:#fff;outline:none}
.tvw-hybrid-language button.is-active:after{background:#e31b2a}
.tvw-hybrid-language i{width:1px;height:18px;background:rgba(255,255,255,.18)}

.tvw-hybrid-masthead{position:relative;min-height:148px;overflow:hidden;background:#08213a url('../images/tvw-vienna-night-header.webp') center center/cover no-repeat}
.tvw-hybrid-masthead:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,22,.90) 0%,rgba(2,11,22,.58) 36%,rgba(2,11,22,.08) 72%,rgba(2,11,22,.18) 100%);pointer-events:none}
.tvw-hybrid-masthead__home{position:absolute;z-index:1;inset:0}
.tvw-hybrid-masthead__inner{position:relative;z-index:3;min-height:148px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.tvw-hybrid-masthead__copy{max-width:760px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.38)}
.tvw-hybrid-masthead__copy>span{display:block;margin-bottom:7px;color:#d6e1e9;font-size:8px;font-weight:900;letter-spacing:2.7px}
.tvw-hybrid-masthead__copy>strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,3.2vw,50px);line-height:1;letter-spacing:-1.5px}
.tvw-hybrid-masthead__copy>small{display:block;margin-top:8px;color:#f3f6f8;font-size:15px;font-weight:500}
.tvw-hybrid-masthead .tvw-profile-socials{position:absolute;right:0;bottom:14px;top:auto;z-index:5;pointer-events:auto;gap:7px}
.tvw-hybrid-masthead .tvw-profile-social{width:32px;height:32px;border-color:rgba(255,255,255,.40);background:rgba(4,14,24,.74);box-shadow:0 5px 16px rgba(0,0,0,.18);backdrop-filter:none}

@media(max-width:1450px){
  .tvw-hybrid-brand small{display:none}
  .tvw-primary-nav--hybrid>ul{gap:14px}
  .tvw-hybrid-search{width:210px}
}
@media(max-width:1180px){
  .tvw-primary-nav--hybrid{display:none}
  .tvw-hybrid-topbar__inner{justify-content:space-between}
  .tvw-hybrid-tools{margin-left:auto}
}
@media(max-width:760px){
  .tvw-hybrid-topbar__inner{min-height:56px;gap:10px}
  .tvw-hybrid-brand strong{font-size:19px;letter-spacing:-.6px}
  .tvw-hybrid-search{display:none}
  .tvw-hybrid-tools{gap:8px}
  .tvw-hybrid-masthead{min-height:116px;background-image:url('../images/tvw-vienna-night-header-mobile.webp');background-position:center center}
  .tvw-hybrid-masthead:after{background:linear-gradient(90deg,rgba(2,11,22,.90),rgba(2,11,22,.28))}
  .tvw-hybrid-masthead__inner{min-height:116px}
  .tvw-hybrid-masthead__copy>span{font-size:6px;letter-spacing:1.7px}
  .tvw-hybrid-masthead__copy>strong{font-size:30px}
  .tvw-hybrid-masthead__copy>small{margin-top:6px;font-size:11px}
  .tvw-hybrid-masthead .tvw-profile-socials{display:none}
}
@media(max-width:430px){
  .tvw-hybrid-brand strong{font-size:17px}
  .tvw-hybrid-language{gap:4px}
  .tvw-hybrid-language button{min-width:25px;font-size:9px}
  .tvw-hybrid-masthead__copy>strong{font-size:27px}
}

/* =========================================================
   v2.15.30 — MORNING BUILD HEADER / NO-OVERLAP PASS
   Search now sits on the same visual baseline as FB/IG/YT.
   ========================================================= */
.tvw-scroll-progress{position:fixed;z-index:10050;top:0;left:0;width:0;height:3px;background:#e31b2a;pointer-events:none;transform-origin:left center;will-change:width}
.tvw-hybrid-topbar__inner{min-height:60px;gap:20px}
.tvw-hybrid-top-actions{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.tvw-hybrid-redial-cta{display:inline-flex;text-decoration:none;align-items:center;gap:8px;min-height:34px;padding:7px 12px;border:0;border-radius:9px;background:#e31b2a;color:#fff;font:900 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.15px;cursor:pointer;box-shadow:0 4px 12px rgba(227,27,42,.20);white-space:nowrap}
.tvw-hybrid-redial-cta>span{font-size:14px;letter-spacing:1px;line-height:1}
.tvw-hybrid-redial-cta:hover,.tvw-hybrid-redial-cta:focus-visible{background:#bf1522;outline:2px solid rgba(255,255,255,.55);outline-offset:2px}
.tvw-primary-nav--hybrid{margin-left:auto}
.tvw-hybrid-masthead{min-height:150px}
.tvw-hybrid-masthead__inner{min-height:150px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}
.tvw-hybrid-masthead__copy{min-width:0;max-width:760px}
.tvw-hybrid-masthead__copy>strong{font-size:clamp(32px,3vw,48px);line-height:1.02;overflow-wrap:break-word;text-wrap:balance}
.tvw-hybrid-masthead__copy>small{font-size:14px;line-height:1.25}
.tvw-hybrid-masthead__tools{position:relative;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0;pointer-events:auto}
.tvw-hybrid-masthead__tools .tvw-hybrid-search{width:285px;height:34px;flex:0 1 285px}
.tvw-hybrid-masthead__tools .tvw-profile-socials{position:static!important;display:flex!important;align-items:center;gap:7px;margin:0!important;pointer-events:auto}
.tvw-hybrid-masthead__tools .tvw-profile-social{width:32px;height:32px;flex:0 0 32px;border-color:rgba(255,255,255,.42);background:rgba(4,14,24,.78);box-shadow:0 5px 16px rgba(0,0,0,.18);backdrop-filter:none}
.tvw-hybrid-masthead .tvw-profile-socials{position:static;right:auto;bottom:auto;top:auto}

@media(max-width:1500px){
  .tvw-hybrid-brand small{display:none}
  .tvw-primary-nav--hybrid>ul{gap:12px}
  .tvw-primary-nav--hybrid a{font-size:10px}
  .tvw-hybrid-redial-cta b{display:none}
  .tvw-hybrid-redial-cta{width:34px;padding:0;justify-content:center;border-radius:8px}
  .tvw-hybrid-masthead__tools .tvw-hybrid-search{width:250px;flex-basis:250px}
}
@media(max-width:1220px){
  .tvw-primary-nav--hybrid{display:none}
  .tvw-hybrid-top-actions{margin-left:auto}
  .tvw-hybrid-redial-cta{width:auto;padding:7px 11px}
  .tvw-hybrid-redial-cta b{display:inline}
}
@media(max-width:900px){
  .tvw-hybrid-masthead{min-height:156px}
  .tvw-hybrid-masthead__inner{min-height:156px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:13px;padding-top:16px;padding-bottom:14px}
  .tvw-hybrid-masthead__copy{max-width:none}
  .tvw-hybrid-masthead__copy>span{font-size:6px;letter-spacing:1.7px}
  .tvw-hybrid-masthead__copy>strong{font-size:31px}
  .tvw-hybrid-masthead__copy>small{font-size:11px}
  .tvw-hybrid-masthead__tools{width:100%;justify-content:flex-start}
  .tvw-hybrid-masthead__tools .tvw-hybrid-search{display:flex;width:auto;min-width:0;flex:1 1 auto;max-width:none}
  .tvw-hybrid-masthead__tools .tvw-profile-social{width:30px;height:30px;flex-basis:30px}
}
@media(max-width:620px){
  .tvw-hybrid-topbar__inner{min-height:54px;gap:8px}
  .tvw-hybrid-brand strong{font-size:17px;letter-spacing:-.55px}
  .tvw-hybrid-redial-cta{width:32px;height:32px;min-height:32px;padding:0;justify-content:center}
  .tvw-hybrid-redial-cta b{display:none}
  .tvw-hybrid-language{gap:3px}
  .tvw-hybrid-language button{min-width:23px;padding:6px 2px;font-size:8px}
  .tvw-hybrid-masthead{min-height:150px;background-image:url('../images/tvw-vienna-night-header-mobile.webp');background-position:center center}
  .tvw-hybrid-masthead__inner{min-height:150px;padding-top:14px;padding-bottom:13px}
  .tvw-hybrid-masthead__copy>strong{font-size:27px;line-height:1.02}
  .tvw-hybrid-masthead__copy>small{font-size:10px}
  .tvw-hybrid-masthead__tools{gap:6px}
  .tvw-hybrid-masthead__tools .tvw-hybrid-search{height:32px}
  .tvw-hybrid-search input{font-size:10px;padding-left:31px}
  .tvw-hybrid-search>span{left:9px;font-size:17px}
  .tvw-hybrid-masthead__tools .tvw-profile-social{width:28px;height:28px;flex-basis:28px;font-size:11px}
  .tvw-hybrid-masthead__tools .tvw-profile-social--instagram{font-size:18px}
}
@media(max-width:410px){
  .tvw-hybrid-brand strong{font-size:15px}
  .tvw-hybrid-masthead__copy>strong{font-size:25px}
  .tvw-hybrid-masthead__tools .tvw-profile-social{width:26px;height:26px;flex-basis:26px}
}


/* v2.15.43 — small-phone masthead request budget.
   Same visual, lighter 600px WebP so the LCP HERO keeps bandwidth priority. */
@media(max-width:560px){
  .tvw-hybrid-masthead{
    background-image:url('../images/tvw-vienna-night-header-mobile-600.webp')!important;
  }
}


/* SAFE masthead photo height adjustment: preserve v2.15.76 layouts and imagery */
@media (min-width: 901px) {
  .tvw-hybrid-masthead { min-height: 235px !important; background-position: center 48%; }
  .tvw-hybrid-masthead__inner { min-height: 235px !important; }
}
@media (min-width: 561px) and (max-width: 900px) {
  .tvw-hybrid-masthead { min-height: 195px !important; }
  .tvw-hybrid-masthead__inner { min-height: 195px !important; }
}
@media (max-width: 560px) {
  .tvw-hybrid-masthead { min-height: 165px !important; }
  .tvw-hybrid-masthead__inner { min-height: 165px !important; }
}


/* SLATKO | soft pastry editorial palette; scoped exclusively to Slatko. */
body.tvw-slatko-page {
  --tvw-sweet-berry:#ad3d63;
  --tvw-sweet-dark:#58243c;
  --tvw-sweet-cream:#fff7ed;
  --tvw-sweet-gold:#d6a56a;
}
body.tvw-slatko-page .tvw-archive-header {
  position:relative;
  overflow:hidden;
  border-radius:22px;
  padding:clamp(28px,5vw,64px);
  background:
    radial-gradient(circle at 85% 24%,rgba(255,255,255,.56) 0 8%,transparent 8.5%),
    radial-gradient(circle at 90% 80%,rgba(214,165,106,.19) 0 14%,transparent 14.5%),
    repeating-linear-gradient(135deg,transparent 0 24px,rgba(173,61,99,.045) 25px 27px,transparent 28px 52px),
    linear-gradient(120deg,#fff6ed 0%,#ffe8e8 57%,#f6d8e1 100%);
  border:1px solid #efd2d6;
  box-shadow:0 14px 38px rgba(88,36,60,.08);
}
body.tvw-slatko-page .tvw-archive-header h1 {
  color:var(--tvw-sweet-dark);
  font-family:Georgia,serif;
  font-weight:700;
  font-size:clamp(36px,5vw,60px);
  letter-spacing:-.03em;
}
body.tvw-slatko-page .tvw-archive-header::before {
  content:"SLATKO  ·  KUTAK ZA KUHANJE";
  display:block;
  margin-bottom:14px;
  font:800 12px/1.4 Arial,sans-serif;
  letter-spacing:.16em;
  color:var(--tvw-sweet-berry);
}
body.tvw-slatko-page .tvw-loop-card {
  overflow:hidden;
  border-radius:18px;
  background:#fffaf5;
  border:1px solid #f0dce0;
  box-shadow:0 8px 22px rgba(88,36,60,.07);
}
body.tvw-slatko-page .tvw-loop-card img {transition:transform .25s ease}
body.tvw-slatko-page .tvw-loop-card:hover img {transform:scale(1.025)}
body.tvw-slatko-page .tvw-loop-card h2 {color:var(--tvw-sweet-dark)}
body.tvw-slatko-page .tvw-article {
  --tvw-primary:#ad3d63;
  --tvw-primary-dark:#782b4c;
  --tvw-accent:#d6a56a;
  --tvw-hero-start:#4d2237;
  --tvw-hero-mid:#9b4665;
  --tvw-hero-end:#df9c91;
  --tvw-card-start:#fff2e8;
  --tvw-card-end:#f9e1e5;
  --tvw-soft-start:#fff9f1;
  --tvw-soft-end:#fff0ed;
}
body.tvw-slatko-page .tvw-article .tvw-hero {
  background:
    radial-gradient(circle at 86% 35%,rgba(255,236,202,.23) 0 12%,transparent 12.5%),
    repeating-linear-gradient(135deg,transparent 0 28px,rgba(255,255,255,.035) 29px 31px,transparent 32px 56px),
    linear-gradient(120deg,#4d2237,#9b4665 62%,#df9c91);
  border-bottom-color:#d6a56a;
}
body.tvw-slatko-page .tvw-article .tvw-kicker {
  background:#f8d8df;
  color:#62243e;
}
body.tvw-slatko-page .tvw-article .tvw-facts {
  border-color:#f0d7db;
}
@media (prefers-reduced-motion:reduce) {
 body.tvw-slatko-page .tvw-loop-card img {transition:none}
}

/* TVW editorial pictograms: small, quiet, scoped to category archives and articles. */
body[class*="tvw-icon-"] {--tvw-icon-color:#465a78;--tvw-icon-bg:#edf1f6;}
body.tvw-icon-vienna{--tvw-icon-color:#176e86;--tvw-icon-bg:#e8f4f7;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23176e86%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021h18M5%2021V9l7-6%207%206v12M9%2021v-7h6v7M3%209h18%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-austria{--tvw-icon-color:#b14a55;--tvw-icon-bg:#fbeef0;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23b14a55%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2020%209%208l4%206%203-4%205%2010H3Z%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-croatia{--tvw-icon-color:#087d83;--tvw-icon-bg:#e8f5f1;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23087d83%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2018%208%206l4%205%203-3%206%2010H3Z%20M4%2021h16%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-news{--tvw-icon-color:#34577c;--tvw-icon-bg:#edf2f9;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2334577c%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h16v16H4z%20M8%208h8%20M8%2012h8%20M8%2016h5%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-info{--tvw-icon-color:#176e86;--tvw-icon-bg:#e8f4f7;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23176e86%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2017v-5%20M12%208h.01%20M12%2022a10%2010%200%201%200%200-20%2010%2010%200%200%200%200%2020Z%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-politics{--tvw-icon-color:#6c5478;--tvw-icon-bg:#f1edf5;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236c5478%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021h18%20M5%2021V9h14v12%20M3%209l9-6%209%206%20M9%2013h.01%20M15%2013h.01%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-lifestyle{--tvw-icon-color:#91627b;--tvw-icon-bg:#f8edf4;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2391627b%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021c-5-3-9-7-9-12a5%205%200%200%201%209-3%205%205%200%200%201%209%203c0%205-4%209-9%2012Z%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-culture{--tvw-icon-color:#7756a0;--tvw-icon-bg:#f1ecf8;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237756a0%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h18v13H3z%20M7%2021h10%20M12%2017v4%20M7%208h10%20M7%2012h7%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-music{--tvw-icon-color:#7756a0;--tvw-icon-bg:#f1ecf8;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237756a0%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018V5l12-2v13%20M9%2018a3%203%200%201%201-6%200%203%203%200%200%201%206%200%20M21%2016a3%203%200%201%201-6%200%203%203%200%200%201%206%200%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-sport{--tvw-icon-color:#256f55;--tvw-icon-bg:#e9f5ee;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23256f55%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%203h10v7a5%205%200%200%201-10%200V3Z%20M7%205H3v3a4%204%200%200%200%204%204%20M17%205h4v3a4%204%200%200%201-4%204%20M12%2015v6%20M8%2021h8%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-editorial{--tvw-icon-color:#465a78;--tvw-icon-bg:#edf1f6;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23465a78%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2019%2020%203%20M6%2014l4%204%20M3%2021l5-2%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-insajder{--tvw-icon-color:#465a78;--tvw-icon-bg:#edf1f6;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23465a78%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%203a8%208%200%201%200%200%2016%208%208%200%200%200%200-16Z%20M17%2017l5%205%20M11%207v4l3%202%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-food{--tvw-icon-color:#a66735;--tvw-icon-bg:#fbf1e6;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a66735%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203v8a4%204%200%200%200%208%200V3%20M8%203v18%20M17%203c-3%204-3%208%200%2011h3V3%20M20%2014v7%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-sweet{--tvw-icon-color:#ad3d63;--tvw-icon-bg:#fff1e8;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ad3d63%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020h16%20M5%2020V9h14v11%20M5%209l4-5%203%203%203-3%204%205%20M9%2014h.01%20M15%2014h.01%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-auto{--tvw-icon-color:#4b687a;--tvw-icon-bg:#ecf2f6;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%234b687a%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2017h14l-1-7H6l-1%207Z%20M7%2010l2-4h6l2%204%20M6%2017v3%20M18%2017v3%20M8%2014h.01%20M16%2014h.01%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-faith{--tvw-icon-color:#9b7a46;--tvw-icon-bg:#faf4e8;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%239b7a46%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v18%20M5%209h14%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-community{--tvw-icon-color:#367b76;--tvw-icon-bg:#edf8f6;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23367b76%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2010a3%203%200%201%200%200-6%203%203%200%200%200%200%206%20M16%2010a3%203%200%201%200%200-6%203%203%200%200%200%200%206%20M2%2020v-3a6%206%200%200%201%2012%200v3%20M12%2020v-3a6%206%200%200%201%2010%200v3%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-video{--tvw-icon-color:#715e9a;--tvw-icon-bg:#f1edf9;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23715e9a%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h14v14H3z%20M17%2010l5-4v12l-5-4%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-photo{--tvw-icon-color:#715e9a;--tvw-icon-bg:#f1edf9;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23715e9a%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18v14H3z%20M8%206l2-3h4l2%203%20M12%2010a3%203%200%201%200%200%206%203%203%200%200%200%200-6Z%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-health{--tvw-icon-color:#b45869;--tvw-icon-bg:#fbeef1;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23b45869%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021%203%2012a5%205%200%200%201%207-7l2%202%202-2a5%205%200%200%201%207%207l-9%209Z%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-home{--tvw-icon-color:#91627b;--tvw-icon-bg:#f8edf4;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2391627b%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011l9-8%209%208%20M5%2010v11h14V10%20M9%2021v-7h6v7%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-travel{--tvw-icon-color:#087d83;--tvw-icon-bg:#e8f5f1;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23087d83%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2017l7-7%204%204%207-9%20M3%2021h18%20M15%205h6v6%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-calendar{--tvw-icon-color:#4b687a;--tvw-icon-bg:#ecf2f6;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%234b687a%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16v16H4z%20M8%203v4%20M16%203v4%20M4%2010h16%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-tech{--tvw-icon-color:#406e91;--tvw-icon-bg:#eaf3f9;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23406e91%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h16v13H4z%20M8%2021h8%20M12%2017v4%22%2F%3E%3C%2Fsvg%3E");}
body.tvw-icon-weather{--tvw-icon-color:#567a8a;--tvw-icon-bg:#eaf4f7;--tvw-icon-url:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23567a8a%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v2%20M12%2019v2%20M3%2012h2%20M19%2012h2%20M5.5%205.5l1.5%201.5%20M17%2017l1.5%201.5%20M12%208a4%204%200%201%200%200%208%204%204%200%200%200%200-8Z%22%2F%3E%3C%2Fsvg%3E");}

body[class*="tvw-icon-"] .tvw-archive-header h1::before,
body[class*="tvw-icon-"] .tvw-article .tvw-hero .tvw-kicker::before {
 content:"";
 display:inline-block;
 width:22px;height:22px;
 vertical-align:-5px;
 margin-right:10px;
 flex:none;
 background:var(--tvw-icon-url) center/contain no-repeat;
}
body[class*="tvw-icon-"] .tvw-archive-header h1::before {
 width:24px;height:24px;vertical-align:-3px;
 padding:6px;
 box-sizing:content-box;
 border-radius:10px;
 background-color:var(--tvw-icon-bg);
 background-size:22px 22px;
}
body[class*="tvw-icon-"] .tvw-article .tvw-hero .tvw-kicker::before {
 width:17px;height:17px;
 vertical-align:-3px;
 margin-right:8px;
 filter:brightness(0) invert(1);
}
body.tvw-icon-sweet .tvw-article .tvw-hero .tvw-kicker::before {filter:none;}
@media(max-width:560px) {
 body[class*="tvw-icon-"] .tvw-archive-header h1::before {width:20px;height:20px;padding:4px;background-size:19px 19px;margin-right:7px;}
 body[class*="tvw-icon-"] .tvw-article .tvw-hero .tvw-kicker::before {width:15px;height:15px;margin-right:5px;}
}