/* ==========================================================================
   turavezetotanfolyam.hu – egyedi stílusok
   Ami a theme.json-ban nem fejezhető ki: árnyékok, mozgás, összetett
   elrendezések, sötét mód, turistajelzések.
   ========================================================================== */

/* --- Tokenek ------------------------------------------------------------ */
:root{
  --tv-page:var(--wp--preset--color--base);
  --tv-surface:var(--wp--preset--color--surface);
  --tv-panel:var(--wp--preset--color--panel);
  --tv-ink:var(--wp--preset--color--ink);
  --tv-muted:var(--wp--preset--color--muted);
  --tv-hairline:var(--wp--preset--color--hairline);
  --tv-line:var(--wp--preset--color--line);
  --tv-shadow:var(--wp--preset--color--shadow);
  --tv-talp:var(--wp--preset--color--shadow);
  --tv-accent:var(--wp--preset--color--accent);
  --tv-accent-hover:var(--wp--preset--color--accent-hover);
  --tv-hover-soft:var(--wp--preset--color--hover-soft);
  --tv-block:var(--wp--preset--color--block);
  --tv-on-block:var(--wp--preset--color--on-block);
  --tv-on-block-muted:#CFC8B4;
  --tv-instrument:var(--wp--preset--color--instrument);
  --tv-clay:var(--wp--preset--color--clay);
  --tv-error:var(--wp--preset--color--error);
  --tv-error-soft:rgba(179,38,30,.08);
  --tv-band-low:var(--wp--preset--color--band-low);
  --tv-band-mid:var(--wp--preset--color--band-mid);
  --tv-band-high:var(--wp--preset--color--band-high);
  --tv-band-low-fg:#1F2A1C;
  --tv-band-mid-fg:#1F2A1C;
  --tv-band-high-fg:#FFFFFF;
  --tv-quiz-bg:#F2C230;
  --tv-quiz-ink:#1F2A1C;
  --tv-ink-fix:#1F2A1C;
  --tv-ink-deep:#0B100A;
  --tv-yellow:#F2C230;
  --tv-yellow-hover:#F7D35C;

  --tv-font-head:var(--wp--preset--font-family--heading);
  --tv-font-body:var(--wp--preset--font-family--body);
  --tv-ease:cubic-bezier(.2,0,.2,1);
  --tv-dur-press:90ms;
  --tv-dur-hover:420ms;
  --tv-dur-select:520ms;
  --tv-gutter:clamp(16px,3vw,28px);
  --tv-section-y:clamp(48px,7vw,96px);
  --tv-admin-bar:var(--wp-admin--admin-bar--height,0px);
}

/* Sötét mód: a theme.json preset-változóit írjuk felül, így minden
   has-*-color osztály is vált. A turistajelzések nem változnak. */
[data-theme="dark"]{
  --wp--preset--color--base:#141C12;
  --wp--preset--color--surface:#1F2A1C;
  --wp--preset--color--panel:#19221A;
  --wp--preset--color--ink:#F2ECDD;
  --wp--preset--color--muted:#BDB6A3;
  --wp--preset--color--hairline:#3A4735;
  --wp--preset--color--line:#6E7B66;
  --wp--preset--color--shadow:#000000;
  --wp--preset--color--contour:#55644C;
  --wp--preset--color--hover-soft:#2E3A22;
  --wp--preset--color--block:#0B100A;
  --wp--preset--color--instrument:#7BB3D1;
  --wp--preset--color--clay:#E08A5E;
  --wp--preset--color--error:#FF8A7A;
  --wp--preset--color--band-high:#8FA35A;
  --tv-on-block-muted:#BDB6A3;
  --tv-error-soft:rgba(255,138,122,.12);
  --tv-band-high-fg:#1F2A1C;
  --tv-quiz-bg:#19221A;
  --tv-quiz-ink:#F2ECDD;
  color-scheme:dark;
}

/* --- Alap ---------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
/* Horgonyra ugráskor a szakasz teteje pontosan a ragadós fejléc alá kerüljön.
   --tv-header-h: a fejléc magassága (theme.js méri); −2px: a szakasz felső vonala a fejléc alsó vonala alá csúszik. */
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--tv-header-h,62px) + var(--wp-admin--admin-bar--height,0px) - 2px)}
body{-webkit-font-smoothing:antialiased;font-synthesis:none}
.wp-site-blocks{padding:0}
.wp-site-blocks > *{margin-block-start:0}
button,input,select,textarea{font:inherit}
h1,h2,h3,h4,h5,h6,p{margin:0}
:focus-visible{outline:3px solid var(--tv-instrument);outline-offset:2px}
.tv-main{display:block}
/* A WP flow-elrendezés automatikus blokkközét kikapcsoljuk; a térközöket az összetevők adják. */
:where(.wp-site-blocks) .is-layout-flow > *,:where(.wp-site-blocks) .is-layout-constrained > *{margin-block-start:0;margin-block-end:0}
.tv-wrap{max-width:1180px;margin-inline:auto;padding-inline:var(--tv-gutter)}
.tv-wrap--quiz{max-width:1000px}
.tv-wrap--faq{max-width:880px}

/* --- Ikonok (CSS maszk) --------------------------------------------------- */
.tv-ic:not(.tv-badge):empty,
.tv-ic:not(:empty)::before,
.tv-badge.tv-ic::before{
  display:inline-block;flex:0 0 auto;
  width:var(--tv-ic-size,16px);height:var(--tv-ic-size,16px);
  background:currentColor;
  -webkit-mask:var(--tv-ic) center/contain no-repeat;mask:var(--tv-ic) center/contain no-repeat;
}
.tv-ic:not(:empty)::before,.tv-badge.tv-ic::before{content:""}

/* --- Gombok -------------------------------------------------------------- */
.wp-element-button,.wp-block-button__link{
  display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
  min-height:50px;padding:0 26px;line-height:1;text-decoration:none;cursor:pointer;
  transition:transform var(--tv-dur-hover) var(--tv-ease),box-shadow var(--tv-dur-hover) var(--tv-ease),background-color var(--tv-dur-hover) var(--tv-ease);
}
.wp-element-button:hover,.wp-block-button__link:hover{transform:translateY(-2px);color:var(--tv-ink-fix)}
.wp-element-button:active,.wp-block-button__link:active{transform:translateY(3px);box-shadow:var(--wp--preset--shadow--foot-press);transition-duration:var(--tv-dur-press)}
.wp-block-button__link{color:var(--tv-ink-fix)}
.wp-block-buttons{margin:0}

.is-style-tv-hero .wp-block-button__link{
  min-height:54px;padding:0 28px;font-size:18px;
  background:var(--tv-yellow);color:var(--tv-ink-fix);
  border-color:var(--tv-ink-deep);box-shadow:0 5px 0 var(--tv-ink-deep);
}
.is-style-tv-hero .wp-block-button__link:hover{background:var(--tv-yellow-hover);box-shadow:0 7px 0 var(--tv-ink-deep)}
.is-style-tv-hero .wp-block-button__link:active{transform:translateY(4px);box-shadow:0 1px 0 var(--tv-ink-deep)}

.is-style-tv-chip .wp-block-button__link{
  min-height:40px;padding:0 16px;font-weight:500;font-size:15px;
  background:var(--tv-surface);color:var(--tv-ink);border-color:var(--tv-line);
  box-shadow:0 3px 0 var(--tv-talp);
}
.is-style-tv-chip .wp-block-button__link:hover{background:var(--tv-hover-soft);color:var(--tv-ink);box-shadow:0 5px 0 var(--tv-talp)}
.is-style-tv-chip .wp-block-button__link:active{transform:translateY(2px);box-shadow:0 1px 0 var(--tv-talp)}

/* --- Turistajelzések ------------------------------------------------------ */
.tv-marker{
  position:relative;flex:0 0 auto;overflow:hidden;
  width:52px;height:52px;
  background:#FFFFFF;background-clip:padding-box;
  border:2px solid var(--tv-ink-fix);border-radius:8px;
  transform:rotate(var(--tilt,0deg));
  box-shadow:4px 4px 0 var(--tv-shadow);
}
.tv-marker::before,.tv-marker::after{content:"";position:absolute}
.tv-marker--blue::before{left:0;right:0;top:33%;height:34%;background:#2A5FA8}
.tv-marker--green::before{left:36%;width:28%;top:13%;height:74%;background:#3C7A3E}
.tv-marker--green::after{top:36%;height:28%;left:13%;width:74%;background:#3C7A3E}
.tv-marker--red::before{left:8%;right:8%;top:12%;bottom:14%;background:#C8372D;clip-path:polygon(50% 0,100% 100%,0 100%)}
.tv-marker--yellow::before{left:20%;top:20%;width:60%;height:60%;border-radius:999px;background:#F2C230;box-shadow:inset 0 0 0 1px rgba(31,42,28,.15)}
.tv-marker--step{width:48px;height:48px;box-shadow:3px 3px 0 var(--tv-shadow)}
.tv-marker--onaccent{box-shadow:4px 4px 0 var(--tv-ink-fix)}
.tv-tilt-n7{--tilt:-7deg}.tv-tilt-n6{--tilt:-6deg}.tv-tilt-n5{--tilt:-5deg}.tv-tilt-n4{--tilt:-4deg}.tv-tilt-n3{--tilt:-3deg}
.tv-tilt-3{--tilt:3deg}.tv-tilt-4{--tilt:4deg}.tv-tilt-5{--tilt:5deg}.tv-tilt-6{--tilt:6deg}

/* --- Fejléc --------------------------------------------------------------- */
.tv-site-header{
  position:sticky;top:var(--tv-admin-bar);z-index:50;
  background:var(--tv-page);border-bottom:2px solid var(--tv-line);
}
.tv-header__bar{max-width:1180px;margin:0 auto;padding:10px clamp(14px,3vw,28px);display:flex;align-items:center;gap:12px}
.tv-logo{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:0;color:var(--tv-ink);text-decoration:none}
.tv-logo:hover{color:var(--tv-ink)}
.tv-logo__mark{display:block;flex:0 0 auto}
.tv-logo__clay{fill:var(--tv-clay)}
.tv-logo__word{font:800 clamp(15px,2.2vw,20px)/1 var(--tv-font-head);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tv-logo__tld{color:var(--tv-clay)}
.tv-header__menu{margin-left:auto;min-width:0;display:flex;align-items:center;gap:clamp(14px,2.4vw,24px)}
.tv-header__back{margin-left:auto}

.tv-nav,.tv-nav .wp-block-navigation__container{gap:clamp(14px,2.4vw,24px);font-size:16px}
.tv-nav .wp-block-navigation-item__content{
  display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0;
  font:500 16px/1 var(--tv-font-body);color:var(--tv-ink);text-decoration:none;white-space:nowrap;
}
.tv-nav .wp-block-navigation-item__content:hover{text-decoration:underline;text-decoration-color:var(--tv-accent);text-decoration-thickness:3px;text-underline-offset:5px}
.tv-nav__item .wp-block-navigation-item__content::before{
  content:"";flex:0 0 auto;width:22px;height:22px;box-sizing:border-box;
  border:1.5px solid var(--tv-ink-fix);border-radius:4px;background-color:#FFFFFF;
}
.tv-nav__item--blue .wp-block-navigation-item__content::before{background:linear-gradient(#FFFFFF 33%,#2A5FA8 33% 67%,#FFFFFF 67%)}
.tv-nav__item--green .wp-block-navigation-item__content::before{background:linear-gradient(#3C7A3E,#3C7A3E) center/28% 72% no-repeat,linear-gradient(#3C7A3E,#3C7A3E) center/72% 28% no-repeat,#FFFFFF}
.tv-nav__item--yellow .wp-block-navigation-item__content::before{background:radial-gradient(circle closest-side,#F2C230 0 60%,#FFFFFF 63%)}

.tv-theme-toggle{
  display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:36px;padding:0 12px;
  background:var(--tv-surface);border:2px solid var(--tv-line);border-radius:999px;color:var(--tv-ink);
  font:500 15px/1 var(--tv-font-body);white-space:nowrap;cursor:pointer;
  transition:background-color var(--tv-dur-hover) var(--tv-ease);
}
.tv-theme-toggle:hover{background:var(--tv-hover-soft)}
.tv-burger{
  display:none;margin-left:auto;flex:0 0 auto;align-items:center;justify-content:center;width:44px;height:44px;
  --tv-ic-size:20px;background:var(--tv-surface);border:2px solid var(--tv-line);border-radius:999px;color:var(--tv-ink);
  cursor:pointer;box-shadow:0 3px 0 var(--tv-talp);
  transition:transform var(--tv-dur-hover) var(--tv-ease),box-shadow var(--tv-dur-hover) var(--tv-ease),background-color var(--tv-dur-hover) var(--tv-ease);
}
.tv-burger:hover{background:var(--tv-hover-soft);transform:translateY(-2px);box-shadow:0 5px 0 var(--tv-talp)}
.tv-burger:active{transform:translateY(2px);box-shadow:0 1px 0 var(--tv-talp);transition-duration:var(--tv-dur-press)}

@media (max-width:899.98px){
  .tv-burger{display:inline-flex}
  .tv-header__menu{display:none}
  .tv-site-header.is-open .tv-header__menu{
    display:flex;flex-direction:column;align-items:flex-start;gap:16px;
    position:absolute;left:0;right:0;top:100%;
    background:var(--tv-page);border-top:2px solid var(--tv-line);border-bottom:2px solid var(--tv-line);
    padding:6px clamp(14px,3vw,28px) 18px;margin:0;
  }
  .tv-site-header.is-open .tv-nav{width:100%}
  .tv-site-header.is-open .tv-nav .wp-block-navigation__container{flex-direction:column;align-items:stretch;gap:0;width:100%}
  .tv-site-header.is-open .tv-nav .wp-block-navigation-item__content{
    display:flex;gap:12px;min-height:52px;padding:0 4px;width:100%;
    border-bottom:2px solid var(--tv-hairline);font-size:18px;
  }
}

/* --- Nyitó blokk -------------------------------------------------------- */
.tv-hero{position:relative;overflow:hidden;background:var(--tv-block);color:var(--tv-on-block)}
.tv-hero__inner{
  container-type:inline-size;
  display:flex;flex-wrap:wrap;align-items:center;gap:clamp(36px,6vw,72px);
  padding-top:clamp(44px,8vw,96px);padding-bottom:clamp(110px,14vw,150px);
}
.tv-hero__text{flex:1 1 400px;min-width:0}
.tv-hero__title{
  font:800 clamp(34px,6.6vw,68px)/1.04 var(--tv-font-head);letter-spacing:-.025em;
  color:var(--tv-on-block);max-width:15ch;text-wrap:balance;hyphens:manual;overflow-wrap:break-word;
}
.tv-hero__title mark{color:#F2C230}
.tv-hero__lead{margin-top:24px;font:400 clamp(17px,1.9vw,20px)/1.55 var(--tv-font-body);color:var(--tv-on-block);max-width:50ch;text-wrap:pretty}
.tv-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:30px}
.tv-hero__more a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:500 17px/1 var(--tv-font-body);color:var(--tv-on-block)}
.tv-hero__more a:hover{color:var(--tv-on-block)}
.tv-hero__more a::after{content:"";width:16px;height:16px;flex:0 0 auto;background:currentColor;-webkit-mask:var(--tv-ic-arrow-down) center/contain no-repeat;mask:var(--tv-ic-arrow-down) center/contain no-repeat}
.tv-hero__find{margin-top:18px;font:400 16px/1.5 var(--tv-font-body);color:var(--tv-on-block-muted)}
.tv-hero__find a{color:var(--tv-on-block);text-decoration:underline;text-underline-offset:3px}
.tv-hero__find a:hover{color:var(--tv-on-block);text-decoration-thickness:2px}
.tv-hero__note{margin-top:28px;font:400 15px/1.6 var(--tv-font-body);color:var(--tv-on-block-muted);max-width:56ch}
.tv-hero__note a{color:var(--tv-on-block);text-decoration:underline;text-underline-offset:3px}
.tv-hero__note a:hover{color:var(--tv-on-block);text-decoration-thickness:2px}
.tv-hero__markers{
  flex:1 1 380px;min-width:0;max-width:clamp(230px,calc((100cqw - 840px) * 999),500px);margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.6cqw,28px);
}
.tv-marker--hero{width:auto;height:auto;aspect-ratio:1;border:3px solid var(--tv-ink-deep);border-radius:12px;box-shadow:12px 12px 0 var(--tv-ink-deep)}
.tv-hero__markers > :nth-child(1){--tilt:-7deg}
.tv-hero__markers > :nth-child(2){--tilt:5deg;margin-top:34px}
.tv-hero__markers > :nth-child(3){--tilt:4deg;margin-top:-10px}
.tv-hero__markers > :nth-child(4){--tilt:-5deg;margin-top:22px}
.tv-marker--hero.tv-marker--green::before{top:11%;height:78%}
.tv-marker--hero.tv-marker--green::after{left:11%;width:78%}
.tv-marker--hero.tv-marker--red::before{left:18%;right:18%;top:18%;bottom:20%}
.tv-marker--hero.tv-marker--yellow::before{left:18%;top:18%;width:64%;height:64%}

/* --- Segítség három lépésben ------------------------------------------- */
.tv-steps{position:relative;z-index:2;max-width:1180px;margin:calc(-1 * clamp(64px,8vw,84px)) auto 0;padding:0 var(--tv-gutter)}
.tv-panel{background:var(--tv-surface);border:2px solid var(--tv-line);border-radius:16px;box-shadow:10px 10px 0 var(--tv-shadow)}
.tv-steps__panel{padding:clamp(20px,3vw,30px)}
.tv-steps__title{font:700 clamp(20px,2.6vw,24px)/1.2 var(--tv-font-head);letter-spacing:0;color:var(--tv-ink)}
.tv-steps__list{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px clamp(18px,3vw,32px)}
.tv-step{display:flex;gap:16px;align-items:flex-start}
.tv-step__title{font:700 19px/1.25 var(--tv-font-head);color:var(--tv-ink)}
.tv-step__desc{margin-top:4px;font:400 16px/1.5 var(--tv-font-body);color:var(--tv-muted)}

/* --- Szakaszok közös ----------------------------------------------------- */
.tv-section > .tv-wrap{padding-block:var(--tv-section-y)}
.tv-section--tapasztalat > .tv-wrap{padding-top:clamp(56px,8vw,104px);padding-bottom:clamp(48px,7vw,88px)}
/* A hero „Milyen lesz a tanfolyam?” linkje a címhez ugorjon: a nagy felső térköz és a fenti panel árnyéka ne látsszon. */
.tv-section--tapasztalat{scroll-margin-top:calc(clamp(28px,4vw,40px) - clamp(56px,8vw,104px))}
.tv-sechead{display:flex;align-items:center;gap:18px}
.tv-sechead__title{
  flex:1 1 auto;min-width:0;
  font:800 clamp(28px,4.8vw,46px)/1.05 var(--tv-font-head);letter-spacing:-.02em;color:var(--tv-ink);
  text-wrap:balance;hyphens:manual;overflow-wrap:break-word;
}
.tv-lead{margin-top:18px;font:400 clamp(17px,1.9vw,19px)/1.55 var(--tv-font-body);color:var(--tv-muted);max-width:62ch;text-wrap:pretty}

/* Pill címkék */
.tv-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;font:700 14px/1 var(--tv-font-body);white-space:nowrap;--tv-ic-size:14px}
.tv-pill--ink{padding:7px 12px;background:var(--tv-ink-fix);color:#F2ECDD}
.tv-pill--outline{padding:5px 10px;border:2px solid var(--tv-line);color:var(--tv-ink)}

/* Vizsga két fele */
.tv-exam{margin-top:clamp(28px,4vw,44px);border:2px solid var(--tv-line);border-radius:16px;overflow:hidden;box-shadow:10px 10px 0 var(--tv-shadow);background:var(--tv-surface)}
.tv-exam__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:12px 20px;border-bottom:2px solid var(--tv-line)}
.tv-exam__label{font:700 15px/1.2 var(--tv-font-body);color:var(--tv-ink)}
.tv-exam__meta{font:400 15px/1.2 var(--tv-font-body);color:var(--tv-muted)}
.tv-exam__halves{display:flex;flex-wrap:wrap}
.tv-exam__half{flex:1 1 300px;min-width:0;padding:clamp(22px,3.4vw,34px);background:var(--tv-surface)}
.tv-exam__half + .tv-exam__half{border-left:2px solid var(--tv-line)}
.tv-exam__half--accent{background:var(--tv-yellow);color:var(--tv-ink-fix)}
.tv-exam__title{margin-top:16px;font:800 clamp(22px,3vw,30px)/1.1 var(--tv-font-head);letter-spacing:-.015em;color:var(--tv-ink)}
.tv-exam__text{margin-top:12px;font:400 17px/1.55 var(--tv-font-body);color:var(--tv-muted);max-width:40ch;text-wrap:pretty}
.tv-exam__half--accent .tv-exam__title,.tv-exam__half--accent .tv-exam__text{color:var(--tv-ink-fix)}
.tv-exam__half--accent .tv-exam__text{max-width:38ch}

/* Kártyák */
.tv-cards{display:grid;gap:clamp(18px,2.6vw,26px)}
.tv-cards--3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:clamp(28px,4vw,40px)}
.tv-card{
  background:var(--tv-surface);border:2px solid var(--tv-line);border-radius:14px;
  padding:clamp(20px,2.8vw,26px);box-shadow:6px 6px 0 var(--tv-shadow);
  transition:transform var(--tv-dur-hover) var(--tv-ease),box-shadow var(--tv-dur-hover) var(--tv-ease);
}
.tv-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--tv-shadow)}
.tv-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:2px solid var(--tv-ink-fix);color:var(--tv-ink-fix);--tv-ic-size:20px}
.tv-badge--blue{background:#7BB3D1}.tv-badge--clay{background:#C8663A}.tv-badge--yellow{background:#F2C230}
.tv-card__title{margin-top:16px;font:700 21px/1.2 var(--tv-font-head);letter-spacing:0;color:var(--tv-ink);text-wrap:balance}
.tv-card__text{margin-top:10px;font:400 16px/1.55 var(--tv-font-body);color:var(--tv-muted);text-wrap:pretty}
.tv-callout{
  margin-top:clamp(40px,5vw,56px);
  width:calc((100% - 2 * clamp(18px,2.6vw,26px)) * 2 / 3 + clamp(18px,2.6vw,26px));min-width:min(100%,520px);
  background:var(--tv-block);color:var(--tv-on-block);border:2px solid var(--tv-ink-deep);border-radius:14px;
  padding:clamp(20px,3vw,30px) clamp(22px,3.4vw,34px);
  font:700 clamp(20px,2.6vw,26px)/1.3 var(--tv-font-head);
  box-shadow:8px 8px 0 #F2C230;transform:rotate(-1.5deg);text-wrap:pretty;
}

/* --- Felmérő szakasz ---------------------------------------------------- */
.tv-section--quiz{position:relative;background:var(--tv-quiz-bg);color:var(--tv-quiz-ink);border-top:2px solid var(--tv-line);border-bottom:2px solid var(--tv-line)}
.tv-section--quiz .tv-sechead__title{color:var(--tv-quiz-ink)}
.tv-lead--quiz{margin-bottom:clamp(28px,4vw,40px);color:var(--tv-quiz-ink)}

/* --- Felkészülési út ---------------------------------------------------- */
.tv-coursegroup{margin-top:clamp(36px,5vw,60px)}
.tv-coursegroup__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;padding-bottom:12px;border-bottom:2px solid var(--tv-line)}
.tv-coursegroup__title{flex:1 1 320px;min-width:0;font:700 clamp(20px,2.6vw,26px)/1.2 var(--tv-font-head);letter-spacing:0;color:var(--tv-ink)}
.tv-coursegroup__meta{font:500 15px/1.3 var(--tv-font-body);color:var(--tv-muted);white-space:nowrap}
.tv-cards--courses{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));margin-top:24px}
.tv-course{display:flex;flex-direction:column;padding:clamp(18px,2.6vw,24px)}
.tv-course__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.tv-level{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:2px solid var(--tv-ink-fix);font:700 14px/1 var(--tv-font-body);white-space:nowrap;--tv-ic-size:14px}
.tv-level--kezdo{background:#7BB3D1;color:var(--tv-ink-fix)}
.tv-level--halado{background:var(--tv-ink-fix);color:#F2ECDD}
.tv-course__form{font:500 14px/1.3 var(--tv-font-body);color:var(--tv-muted)}
.tv-course__name{margin-top:16px;font:700 clamp(19px,2.3vw,22px)/1.2 var(--tv-font-head);letter-spacing:0;color:var(--tv-ink);text-wrap:balance}
.tv-course__line{margin-top:8px;flex:1 1 auto;font:400 16px/1.55 var(--tv-font-body);color:var(--tv-muted);text-wrap:pretty}
.tv-course__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;margin-top:16px;padding-top:12px;border-top:2px solid var(--tv-hairline)}
.tv-course__by{font:500 14px/1.3 var(--tv-font-body);color:var(--tv-muted)}
.tv-course__link a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:700 15px/1.2 var(--tv-font-body);color:var(--tv-ink)}
.tv-course__link a::after{content:"";width:14px;height:14px;flex:0 0 auto;background:currentColor;-webkit-mask:var(--tv-ic-external) center/contain no-repeat;mask:var(--tv-ic-external) center/contain no-repeat}

/* --- GYIK ---------------------------------------------------------------- */
.tv-section--gyik{border-top:2px solid var(--tv-line)}
.tv-faqs{display:flex;flex-direction:column;gap:12px;margin-top:clamp(26px,3.6vw,36px)}
.tv-faq{background:var(--tv-surface);border:2px solid var(--tv-line);border-radius:14px;overflow:hidden;transition:box-shadow 160ms var(--tv-ease)}
.tv-faq[open]{box-shadow:6px 6px 0 var(--tv-shadow);padding-bottom:20px}
.tv-faq > summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:16px 20px;
  list-style:none;cursor:pointer;color:var(--tv-ink);
  font:700 clamp(17px,2.2vw,20px)/1.3 var(--tv-font-head);text-wrap:pretty;
}
.tv-faq > summary::-webkit-details-marker{display:none}
.tv-faq > summary::after{
  content:"";flex:0 0 auto;width:20px;height:20px;background:currentColor;
  -webkit-mask:var(--tv-ic-chevron) center/contain no-repeat;mask:var(--tv-ic-chevron) center/contain no-repeat;
  transition:transform 160ms var(--tv-ease);
}
.tv-faq[open] > summary{background:var(--tv-yellow);color:var(--tv-ink-fix);border-bottom:2px solid var(--tv-line)}
.tv-faq[open] > summary::after{transform:rotate(180deg)}
.tv-faq > :not(summary){margin:16px 20px 0;max-width:66ch;font:400 17px/1.55 var(--tv-font-body);color:var(--tv-ink);text-wrap:pretty}
.tv-faq > .tv-faq__link{margin-top:12px;font-weight:500}

/* --- Lábléc --------------------------------------------------------------- */
.tv-footer{background:var(--tv-block);color:var(--tv-on-block)}
.tv-footer a{color:var(--tv-on-block)}
.tv-footer a:hover{color:var(--tv-on-block)}
.tv-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(28px,4vw,48px);padding-block:clamp(40px,6vw,72px)}
.tv-logo--footer{color:var(--tv-on-block)}
.tv-logo--footer:hover{color:var(--tv-on-block)}
.tv-logo--footer .tv-logo__word{font-size:18px}
.tv-logo--footer .tv-logo__tld{color:#F2C230}
.tv-footer__muted{margin-top:16px;font:400 15px/1.6 var(--tv-font-body);color:var(--tv-on-block-muted);max-width:36ch}
.tv-footer__title + .tv-footer__muted{margin-top:12px}
.tv-footer__title{font:700 16px/1.2 var(--tv-font-head);color:var(--tv-on-block)}
.tv-footer__links{margin-top:12px;font:400 16px/2 var(--tv-font-body)}
.tv-footer__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding-block:clamp(32px,5vw,56px)}
.tv-footer__row .tv-footer__muted{margin:0;max-width:none}
.tv-footer__inline{display:flex;flex-wrap:wrap;gap:8px 24px;font:400 16px/1.4 var(--tv-font-body)}


/* Copyright sor a lábléc alján; az évszámot a functions.php mindig az aktuálisra cseréli. */
.tv-copyright{padding-block:18px 22px;background:linear-gradient(rgba(242,236,221,.18),rgba(242,236,221,.18)) top center/calc(100% - 2 * var(--tv-gutter)) 1px no-repeat;font:400 14px/1.4 var(--tv-font-body);color:var(--tv-on-block-muted)}

.tv-copyright__sign{display:inline-block;font-size:1.25em;line-height:0;position:relative;top:.09em;margin-right:-.04em}
.screen-reader-text{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* --- Jogi aloldal, 404 ---------------------------------------------------- */
.tv-legal{max-width:760px;margin:0 auto;padding:clamp(40px,7vw,80px) var(--tv-gutter) clamp(56px,8vw,96px)}
.tv-legal__title{font:800 clamp(32px,5.4vw,52px)/1.04 var(--tv-font-head);letter-spacing:-.022em;color:var(--tv-ink);text-wrap:balance}
.tv-legal__lead,.tv-legal__content > .tv-legal__lead{margin-top:18px;max-width:60ch;font:400 clamp(17px,1.9vw,19px)/1.55 var(--tv-font-body);color:var(--tv-muted);text-wrap:pretty}
.tv-legal__content{margin-top:18px}
.tv-legal__content > *{margin-top:12px}
.tv-legal__content > :first-child{margin-top:0}
.tv-legal__content p,.tv-legal__content li{font:400 17px/1.6 var(--tv-font-body);color:var(--tv-ink);text-wrap:pretty}
.tv-legal__content h2{margin-top:clamp(36px,5vw,52px);font:700 clamp(21px,2.8vw,26px)/1.2 var(--tv-font-head);letter-spacing:0;color:var(--tv-ink)}
.tv-legal__content h3{margin-top:28px;font:700 20px/1.25 var(--tv-font-head);letter-spacing:0}
.tv-legal__content ul,.tv-legal__content ol{margin-top:14px;padding-left:22px;line-height:1.7}
.tv-legal__content li{margin-bottom:6px}
.tv-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.tv-chips > p,.tv-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 14px;background:var(--tv-surface);border:2px solid var(--tv-line);border-radius:999px;font:400 15px/1 var(--tv-font-body);color:var(--tv-muted)}
.tv-legal__content .tv-chips > p{margin:0;font-size:15px;line-height:1;color:var(--tv-muted)}
.tv-chips strong{font-weight:500;color:var(--tv-ink)}
.tv-note{margin-top:clamp(30px,4vw,42px);padding:clamp(18px,3vw,24px);background:var(--tv-panel);border:2px solid var(--tv-line);border-radius:12px;box-shadow:6px 6px 0 var(--tv-shadow)}
.tv-legal__content .tv-note{margin-top:clamp(30px,4vw,42px)}
.tv-note > *{margin:0}
.tv-linklist{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.tv-linkcard{margin:0}
.tv-linkcard a{
  display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 20px;
  background:var(--tv-surface);border:2px solid var(--tv-line);border-radius:12px;box-shadow:4px 4px 0 var(--tv-shadow);
  color:var(--tv-ink);text-decoration:none;font:700 19px/1.25 var(--tv-font-head);
  transition:transform var(--tv-dur-hover) var(--tv-ease),box-shadow var(--tv-dur-hover) var(--tv-ease);
}
.tv-linkcard a::after{content:"→";font:500 20px/1 var(--tv-font-body)}
.tv-linkcard a:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--tv-shadow);color:var(--tv-ink)}
.tv-legal .tv-linklist{margin-top:28px}

/* ==========================================================================
   Cikkek (blog): főoldali lista, cikkoldal, Cikkek oldal
   ========================================================================== */

/* --- Dátumsor (közös) --- */
.tv-post__dates{display:flex;flex-wrap:wrap;gap:4px 14px}
.tv-date{display:inline-flex;align-items:center;gap:6px;font:500 14px/1.3 var(--tv-font-body);color:var(--tv-muted);font-variant-numeric:tabular-nums;--tv-ic-size:14px}
.tv-date--upd{color:var(--tv-ink)}

/* --- Főoldal: bevezető + listapanel --- */
.tv-section--cikkek{background:var(--tv-panel);border-top:2px solid var(--tv-line)}
.tv-postsplit{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,5vw,64px);align-items:start}
.tv-postsplit__btn{margin-top:24px}
@media (max-width:899.98px){.tv-postsplit{grid-template-columns:minmax(0,1fr)}}
.tv-postlist{background:var(--tv-surface);border:2px solid var(--tv-line);border-radius:16px;box-shadow:10px 10px 0 var(--tv-shadow);overflow:hidden}
.tv-postrow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;row-gap:6px;padding:18px clamp(16px,2.6vw,24px);border-top:2px solid var(--tv-hairline);transition:background-color var(--tv-dur-hover) var(--tv-ease)}
.tv-posttemplate,.tv-postlist .wp-block-post-template{list-style:none;margin:0;padding:0}
.tv-posttemplate > li{margin:0}
.tv-postlist > :first-child .wp-block-post:first-child > .tv-postrow,.tv-postlist > .wp-block-post-template > .wp-block-post:first-child > .tv-postrow{border-top:0}
.tv-postrow__excerpt p{margin:0}
.tv-postrow > :not(.tv-postrow__go){grid-column:1;margin:0}
.tv-postrow:hover{background:var(--tv-hover-soft)}
.tv-postrow__pill{justify-self:start;margin-bottom:4px;padding:5px 10px;background:var(--tv-yellow);color:var(--tv-ink-fix);border:2px solid var(--tv-ink-fix)}
.tv-postrow__title{font:700 clamp(18px,2.1vw,20px)/1.25 var(--tv-font-head);letter-spacing:0;color:var(--tv-ink);text-wrap:balance}
.tv-postrow--lead .tv-postrow__title{font-size:clamp(21px,2.7vw,26px);line-height:1.15}
.tv-postrow__title a{color:inherit;text-decoration:none}
.tv-postrow__title a::after{content:"";position:absolute;inset:0}
.tv-postrow__excerpt{font:400 16px/1.55 var(--tv-font-body);color:var(--tv-muted);text-wrap:pretty;max-width:60ch}
.tv-postrow__go{grid-column:2;grid-row:1 / span 4;align-self:center;width:40px;height:40px;border:2px solid var(--tv-line);border-radius:999px;background:var(--tv-surface);color:var(--tv-ink);--tv-ic-size:18px;display:inline-flex;align-items:center;justify-content:center}
.tv-postrow:hover .tv-postrow__go{background:var(--tv-yellow);color:var(--tv-ink-fix);border-color:var(--tv-ink-fix)}

/* --- Cikk: felmérő ajánló doboz --- */
.tv-arthead__back a{display:inline-flex;align-items:center;gap:8px;min-height:40px;font:500 16px/1 var(--tv-font-body);color:var(--tv-ink);--tv-ic-size:16px}
.tv-nextstep{margin-top:clamp(36px,5vw,52px);padding:clamp(20px,3vw,28px);background:var(--tv-yellow);color:var(--tv-ink-fix);border:2px solid var(--tv-ink-fix);border-radius:14px;box-shadow:6px 6px 0 var(--tv-shadow)}
.tv-nextstep__kicker{font:500 14px/1.2 var(--tv-font-body)}
.tv-nextstep__title{margin-top:6px;font:800 clamp(22px,3vw,28px)/1.1 var(--tv-font-head);letter-spacing:-.015em;text-wrap:balance}
.tv-nextstep__text{margin-top:10px;font:400 17px/1.55 var(--tv-font-body);max-width:52ch;text-wrap:pretty}
.tv-nextstep__link{margin-top:14px}
.tv-nextstep__link a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:700 17px/1.2 var(--tv-font-body);color:var(--tv-ink-fix);text-decoration-color:var(--tv-ink-fix)}
.tv-nextstep__link a::after{content:"→";display:inline-block;text-decoration:none}

/* --- Cikkoldal: sötét fejlécsáv, tartalomjegyzék, lapozó --- */
.tv-arthead{background:var(--tv-block);color:var(--tv-on-block);border-bottom:2px solid var(--tv-line)}
.tv-arthead__inner{display:flex;align-items:flex-start;gap:clamp(24px,5vw,64px);padding-block:clamp(32px,6vw,72px)}
.tv-arthead__text{flex:1 1 auto;min-width:0}
.tv-arthead__back a{color:var(--tv-on-block)}
.tv-arthead__title{margin-top:clamp(14px,2vw,22px);font:800 clamp(32px,5.6vw,58px)/1.03 var(--tv-font-head);letter-spacing:-.025em;color:var(--tv-on-block);max-width:20ch;text-wrap:balance}
.tv-arthead__lead{margin-top:18px;max-width:58ch;font:400 clamp(17px,1.9vw,20px)/1.55 var(--tv-font-body);color:var(--tv-on-block-muted);text-wrap:pretty}
.tv-arthead__dates{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.tv-arthead__date{display:inline-flex;align-items:center;gap:.3em;min-height:32px;padding:0 14px;border:2px solid var(--tv-on-block-muted);border-radius:999px;font:500 15px/1 var(--tv-font-body);color:var(--tv-on-block);font-variant-numeric:tabular-nums}
.tv-arthead__date--upd{background:var(--tv-yellow);border-color:var(--tv-yellow);color:var(--tv-ink-fix)}
.tv-arthead__marker{width:96px;height:96px;margin-top:8px;--tilt:5deg;border:3px solid var(--tv-ink-deep);border-radius:12px;box-shadow:8px 8px 0 var(--tv-ink-deep)}
@media (max-width:699.98px){.tv-arthead__marker{display:none}}
.tv-artbody{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,5vw,72px);align-items:start;padding-block:clamp(36px,6vw,72px) clamp(56px,8vw,96px)}
.tv-artbody__main{min-width:0;max-width:700px}
.tv-artbody__main .tv-article__content{margin-top:0}
.tv-artbody__side{position:sticky;top:calc(var(--tv-header-h,62px) + 24px);display:flex;flex-direction:column;gap:24px}
.tv-artbody__side .tv-nextstep{margin-top:0}
.tv-artbody__side .tv-nextstep__title{font-size:22px}
.tv-artbody__side .tv-nextstep__text{font-size:16px}
.tv-toc{background:var(--tv-surface);border:2px solid var(--tv-line);border-radius:14px;padding:20px 22px;box-shadow:6px 6px 0 var(--tv-shadow)}
.tv-toc__title{font:700 17px/1.2 var(--tv-font-head);color:var(--tv-ink)}
.tv-toc__list{margin:12px 0 0;padding-left:22px;font:400 16px/1.45 var(--tv-font-body);color:var(--tv-ink)}
.tv-toc__list li{margin-top:8px;padding-left:2px}
.tv-toc__list li::marker{font-weight:700;color:var(--tv-muted)}
.tv-toc__list a{text-decoration:none}
.tv-toc__list a:hover{text-decoration:underline;text-decoration-color:var(--tv-accent);text-decoration-thickness:3px}
.tv-toc__list a[aria-current="true"]{font-weight:700;text-decoration:underline;text-decoration-color:var(--tv-accent);text-decoration-thickness:3px;text-underline-offset:4px}
.tv-toc-mob{display:none;margin-bottom:28px}
.tv-toc-mob .tv-toc__list{margin:16px 20px 0 22px}
.tv-nextstep-mob{display:none}
.tv-pager{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:18px;margin-top:clamp(40px,6vw,64px)}
.tv-pager:empty{display:none}
.tv-pager__item{margin:0}
.tv-pager__item a{
  display:flex;flex-direction:column;gap:8px;height:100%;padding:clamp(18px,2.6vw,24px);
  background:var(--tv-surface);border:2px solid var(--tv-line);border-radius:14px;box-shadow:6px 6px 0 var(--tv-shadow);
  color:var(--tv-ink);text-decoration:none;
  transition:transform var(--tv-dur-hover) var(--tv-ease),box-shadow var(--tv-dur-hover) var(--tv-ease);
}
.tv-pager__item a:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--tv-shadow);color:var(--tv-ink)}
.tv-pager__item--next{grid-column:-2 / -1}
.tv-pager__item--next a{text-align:right;align-items:flex-end}
.tv-pager .post-navigation-link__label{font:500 14px/1.2 var(--tv-font-body);color:var(--tv-muted)}
.tv-pager .post-navigation-link__title{font:700 19px/1.25 var(--tv-font-head);text-wrap:balance}
@media (max-width:899.98px){
  .tv-artbody{grid-template-columns:minmax(0,1fr)}
  .tv-artbody__side{display:none}
  .tv-toc-mob,.tv-nextstep-mob{display:block}
  .tv-nextstep-mob{margin-top:clamp(36px,5vw,52px)}
}

/* --- Cikkek oldal (home.html) --- */
.tv-archive__query{margin-top:clamp(28px,4vw,40px)}
.tv-postlist--archive .tv-postrow{padding-block:22px}
.tv-postlist__empty{padding:22px clamp(16px,2.6vw,24px);color:var(--tv-muted)}
.tv-paging{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:32px}
.tv-paging .wp-block-query-pagination-numbers{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.tv-paging a,.tv-paging .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 14px;margin:0;
  background:var(--tv-surface);border:2px solid var(--tv-line);border-radius:999px;
  font:500 15px/1 var(--tv-font-body);color:var(--tv-ink);text-decoration:none;
}
.tv-paging a:hover{background:var(--tv-hover-soft);color:var(--tv-ink)}
.tv-paging .page-numbers.current{background:var(--tv-yellow);color:var(--tv-ink-fix);border-color:var(--tv-ink-fix);font-weight:700}
.tv-paging .page-numbers.dots{border-color:transparent;background:none}

/* --- Csökkentett mozgás --------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important}
}

/* Ikonkészlet (assets/icons/tv-icons.js alapján), CSS maszkként: .tv-ic--{név} */
.tv-ic--compass{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22/%3E%3Cpath%20d%3D%22M16.24%207.76%2014.12%2014.12%207.76%2016.24%209.88%209.88z%22/%3E%3C/svg%3E")}
.tv-ic--x{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%206%206%2018%22/%3E%3Cpath%20d%3D%22M6%206l12%2012%22/%3E%3C/svg%3E")}
.tv-ic--menu{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16%22/%3E%3Cpath%20d%3D%22M4%2012h16%22/%3E%3Cpath%20d%3D%22M4%2018h16%22/%3E%3C/svg%3E")}
.tv-ic--check{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22/%3E%3C/svg%3E")}
.tv-ic--check-check{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%206%207%2017l-5-5%22/%3E%3Cpath%20d%3D%22m22%2010-7.5%207.5L13%2016%22/%3E%3C/svg%3E")}
.tv-ic--alert-circle{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22/%3E%3Cpath%20d%3D%22M12%208v4%22/%3E%3Cpath%20d%3D%22M12%2016h.01%22/%3E%3C/svg%3E")}
.tv-ic--alert-triangle{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.29%203.86%201.82%2018a2%202%200%200%200%201.71%203h16.94a2%202%200%200%200%201.71-3L13.71%203.86a2%202%200%200%200-3.42%200z%22/%3E%3Cpath%20d%3D%22M12%209v4%22/%3E%3Cpath%20d%3D%22M12%2017h.01%22/%3E%3C/svg%3E")}
.tv-ic--maximize-2{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%203h6v6%22/%3E%3Cpath%20d%3D%22M9%2021H3v-6%22/%3E%3Cpath%20d%3D%22M21%203l-7%207%22/%3E%3Cpath%20d%3D%22M3%2021l7-7%22/%3E%3C/svg%3E")}
.tv-ic--arrow-right{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22/%3E%3Cpath%20d%3D%22m12%205%207%207-7%207%22/%3E%3C/svg%3E")}
.tv-ic--arrow-left{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%2019-7-7%207-7%22/%3E%3Cpath%20d%3D%22M19%2012H5%22/%3E%3C/svg%3E")}
.tv-ic--arrow-down{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14%22/%3E%3Cpath%20d%3D%22m19%2012-7%207-7-7%22/%3E%3C/svg%3E")}
.tv-ic--chevron-down{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22/%3E%3C/svg%3E")}
.tv-ic--sun{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M12%202v2%22/%3E%3Cpath%20d%3D%22M12%2020v2%22/%3E%3Cpath%20d%3D%22m4.93%204.93%201.41%201.41%22/%3E%3Cpath%20d%3D%22m17.66%2017.66%201.41%201.41%22/%3E%3Cpath%20d%3D%22M2%2012h2%22/%3E%3Cpath%20d%3D%22M20%2012h2%22/%3E%3Cpath%20d%3D%22m6.34%2017.66-1.41%201.41%22/%3E%3Cpath%20d%3D%22m19.07%204.93-1.41%201.41%22/%3E%3C/svg%3E")}
.tv-ic--moon{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a6.36%206.36%200%200%200%209%209%209%209%200%201%201-9-9z%22/%3E%3C/svg%3E")}
.tv-ic--monitor{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M8%2021h8%22/%3E%3Cpath%20d%3D%22M12%2017v4%22/%3E%3C/svg%3E")}
.tv-ic--mountain{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%203%204%208%205-5%205%2015H2z%22/%3E%3C/svg%3E")}
.tv-ic--mail{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22m22%207-10%205L2%207%22/%3E%3C/svg%3E")}
.tv-ic--clock{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22/%3E%3Cpath%20d%3D%22M12%206v6l4%202%22/%3E%3C/svg%3E")}
.tv-ic--signal{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2020h.01%22/%3E%3Cpath%20d%3D%22M7%2020v-4%22/%3E%3Cpath%20d%3D%22M12%2020v-8%22/%3E%3Cpath%20d%3D%22M17%2020V8%22/%3E%3Cpath%20d%3D%22M22%2020V4%22/%3E%3C/svg%3E")}
.tv-ic--users{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22/%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22/%3E%3C/svg%3E")}
.tv-ic--map-pin{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2010c0%206-8%2012-8%2012s-8-6-8-12a8%208%200%200%201%2016%200z%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22/%3E%3C/svg%3E")}
.tv-ic--external-link{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%203h6v6%22/%3E%3Cpath%20d%3D%22M10%2014%2021%203%22/%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h6%22/%3E%3C/svg%3E")}
.tv-ic--map{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.1%204.2%2021%202v16l-6.9%202.2%22/%3E%3Cpath%20d%3D%22M9.9%204.2v15.6%22/%3E%3Cpath%20d%3D%22M14.1%204.2v15.6%22/%3E%3Cpath%20d%3D%22M9.9%204.2%203%206.4v16l6.9-2.2%22/%3E%3C/svg%3E")}
.tv-ic--layers{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%209%205-9%205-9-5z%22/%3E%3Cpath%20d%3D%22m3%2012%209%205%209-5%22/%3E%3Cpath%20d%3D%22m3%2017%209%205%209-5%22/%3E%3C/svg%3E")}
.tv-ic--sliders-horizontal{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16%22/%3E%3Cpath%20d%3D%22M4%2012h10%22/%3E%3Cpath%20d%3D%22M4%2018h6%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2212%22%20r%3D%222%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2218%22%20r%3D%222%22/%3E%3C/svg%3E")}
.tv-ic--thermometer{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%2014.76V4a2%202%200%200%200-4%200v10.76a4%204%200%201%200%204%200z%22/%3E%3C/svg%3E")}
.tv-ic--ruler{--tv-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2015%2015%203l6%206L9%2021z%22/%3E%3Cpath%20d%3D%22M7.5%2010.5%209%2012%22/%3E%3Cpath%20d%3D%22M10.5%207.5%2012%209%22/%3E%3Cpath%20d%3D%22M13.5%204.5%2015%206%22/%3E%3C/svg%3E")}
:root{--tv-ic-arrow-down:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14%22/%3E%3Cpath%20d%3D%22m19%2012-7%207-7-7%22/%3E%3C/svg%3E");--tv-ic-external:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%203h6v6%22/%3E%3Cpath%20d%3D%22M10%2014%2021%203%22/%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h6%22/%3E%3C/svg%3E");--tv-ic-chevron:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22/%3E%3C/svg%3E")}