:root{--lob-burg:#881119;--lob-gold:#BF9B30;--lob-black:#1A1A1A;--lob-cream:#F5F5F7}.lobtl-hub,.lobtl-single{font-family:Montserrat,Arial,sans-serif;color:var(--lob-black)}
.lobtl-hero{min-height:360px;text-decoration:none!important;background-size:cover;background-position:center;border-radius:22px;display:flex;align-items:center;padding:clamp(30px,5vw,64px);color:#fff;overflow:hidden;position:relative}.lobtl-hero>div{max-width:600px;position:relative;z-index:2}.lobtl-hero span,.lobtl-card-body span{letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#e1c46d;font-size:12px}.lobtl-hero h1{color:#fff!important;text-shadow:0 3px 18px #000;font-family:Playfair Display,Georgia,serif;font-size:clamp(38px,4.8vw,64px);line-height:1.03;margin:.18em 0}.lobtl-hero p{font-size:18px;max-width:520px;color:#fff!important;text-shadow:0 2px 10px #000;margin:0 0 14px}.lobtl-hero strong{color:#e1c46d;font-size:14px}.lobtl-hero{transition:transform .25s ease,box-shadow .25s ease}.lobtl-hero:hover{transform:translateY(-2px);box-shadow:0 18px 44px #0003}
.lobtl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,380px));gap:26px;margin:34px 0;justify-content:start}.lobtl-card{background:#101012;border:1px solid #5a421b;border-radius:18px;overflow:hidden;box-shadow:0 14px 32px #0002;max-width:380px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.lobtl-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #0004;border-color:var(--lob-gold)}.lobtl-card a{text-decoration:none!important;color:#fff!important;display:block}.lobtl-card img{width:100%;height:300px;object-fit:cover;display:block}.lobtl-card-body{padding:20px 21px 22px}.lobtl-card h3{color:#fff!important;font-family:Playfair Display,Georgia,serif;font-size:27px;line-height:1.12;margin:7px 0 9px}.lobtl-card p{color:#ddd!important;line-height:1.55;margin:0 0 15px;min-height:0}.lobtl-card strong{color:#e1c46d!important}
.lobtl-single{max-width:1140px;margin:auto}.lobtl-mainimg{width:min(100%,620px);height:auto;display:block;margin:18px auto 28px;border-radius:18px;aspect-ratio:1/1;object-fit:cover;box-shadow:0 14px 34px #0002}.lobtl-lead{font-size:19px;line-height:1.65;max-width:820px;margin:0 auto 34px}.lobtl-single section{margin:36px 0}.lobtl-single h2{font-family:Playfair Display,Georgia,serif;color:#171717}.lobtl-note,.lobtl-fact{padding:22px 24px;margin:22px 0;border-radius:14px;border-left:5px solid var(--lob-gold);background:#f5f1e7}.lobtl-note.zsepi{border-left-color:var(--lob-burg);background:#fbefef}.lobtl-note b,.lobtl-fact b{display:block;margin-bottom:6px}.lobtl-interactive{border-radius:20px;overflow:hidden;box-shadow:0 16px 44px #0002;background:#0b0b0d}.lobtl-sources{font-size:14px;color:#555;border-top:1px solid #ddd;padding-top:20px}
@media(max-width:700px){.lobtl-hero{min-height:390px;background-position:center;padding:24px}.lobtl-hero h1{font-size:38px}.lobtl-grid{grid-template-columns:1fr}.lobtl-card{max-width:none}.lobtl-card img{height:auto;aspect-ratio:1/1}.lobtl-mainimg{width:min(100%,480px);border-radius:14px}.lobtl-interactive{margin-left:-8px;margin-right:-8px}}

.lobtl-wide-widget{position:relative;display:grid;grid-template-columns:1.05fr .95fr;min-height:280px;max-width:850px;margin:24px auto;border:1px solid #8f6d21;border-radius:24px;overflow:hidden;background:linear-gradient(110deg,#160405 0%,#240608 54%,#0b0b0d 100%);box-shadow:0 16px 38px #0002;text-decoration:none!important;color:#fff!important;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.lobtl-wide-widget:hover{transform:translateY(-3px);box-shadow:0 22px 50px #0004,0 0 24px #bf9b3020;border-color:#BF9B30}.lobtl-wide-copy{position:relative;z-index:3;padding:34px 18px 32px 34px;align-self:center}.lobtl-wide-copy>span{color:#e1c46d;font-size:12px;letter-spacing:.15em;font-weight:900}.lobtl-wide-copy h2{font-family:Playfair Display,Georgia,serif!important;color:#fff!important;font-size:clamp(32px,4vw,48px);line-height:1.02;margin:9px 0 8px}.lobtl-wide-copy p{color:#fff!important;font-weight:650;line-height:1.45;margin:0 0 16px}.lobtl-wide-copy strong{color:#e1c46d!important}.lobtl-wide-image{background-size:cover;background-position:center;min-height:280px;position:relative}.lobtl-wide-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#240608 0%,transparent 35%)}.lobtl-wide-shine{position:absolute;z-index:5;top:-35%;left:-35%;width:22%;height:170%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,#fff2,transparent);opacity:0;pointer-events:none}.lobtl-wide-widget:hover .lobtl-wide-shine{animation:lobtlShine .85s ease-out}@keyframes lobtlShine{0%{left:-35%;opacity:0}18%{opacity:.75}100%{left:120%;opacity:0}}
@media(max-width:700px){.lobtl-wide-widget{grid-template-columns:1fr;min-height:0}.lobtl-wide-copy{padding:26px 24px 24px}.lobtl-wide-image{min-height:190px;order:-1}.lobtl-wide-image:after{background:linear-gradient(180deg,transparent 55%,#240608 100%)}.lobtl-hero{min-height:320px!important}.lobtl-hero h1{font-size:34px!important}}

/* 1.1.4 – compact module image + consistent card motion */
.lobtl-mainimg{width:min(100%,600px);height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center;margin:14px auto 22px}
@media(max-width:700px){
  .lobtl-mainimg{width:min(92%,360px);height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center;margin:10px auto 18px;border-radius:14px}
  .lobtl-lead{font-size:17px;line-height:1.55;margin-bottom:24px}
  .lobtl-single section{margin:28px 0}
  .lobtl-play{margin-top:26px!important}
  .lobtl-interactive{margin-left:0;margin-right:0;border-radius:16px}
  .lobtl-interactive iframe{height:1040px!important}
}
@media(max-width:430px){
  .lobtl-mainimg{width:min(90%,330px);height:auto}
}

/* 1.1.4 – subtle Loborient hover/shine on module cards */
.lobtl-card{position:relative;isolation:isolate}
.lobtl-card:after{content:"";position:absolute;z-index:4;top:-35%;left:-35%;width:20%;height:170%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);opacity:0;pointer-events:none}
.lobtl-card:hover:after{animation:lobtlCardShine .8s ease-out}
@keyframes lobtlCardShine{0%{left:-35%;opacity:0}18%{opacity:.7}100%{left:120%;opacity:0}}
@media (prefers-reduced-motion:reduce){.lobtl-wide-widget,.lobtl-card,.lobtl-hero{transition:none}.lobtl-wide-widget:hover .lobtl-wide-shine,.lobtl-card:hover:after{animation:none}}

/* 1.1.5 – tighter module hero and compact module cards */
.lobtl-mainimg{
  width:min(100%,500px);
  max-width:500px;
  margin:10px auto 18px;
}
.lobtl-grid{
  grid-template-columns:repeat(auto-fit,minmax(270px,320px));
  gap:22px;
}
.lobtl-card{
  max-width:320px;
}
.lobtl-card img{
  height:220px;
  aspect-ratio:auto;
  object-fit:cover;
}
.lobtl-card-body{
  padding:16px 18px 18px;
}
.lobtl-card h3{
  font-size:23px;
  margin:6px 0 7px;
}
.lobtl-card p{
  font-size:14px;
  line-height:1.45;
  margin-bottom:11px;
}
@media(max-width:700px){
  .lobtl-mainimg{
    width:min(88%,300px);
    max-width:300px;
    margin:8px auto 16px;
  }
  .lobtl-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
  .lobtl-card{
    width:min(100%,340px);
    max-width:340px;
    margin-left:auto;
    margin-right:auto;
  }
  .lobtl-card img{
    height:210px;
    aspect-ratio:auto;
  }
  .lobtl-card-body{
    padding:15px 17px 17px;
  }
  .lobtl-card h3{font-size:22px}
}


/* 1.1.6 – genuinely compact module header and interactive */
.lobtl-mainimg{
  width:min(100%,420px)!important;
  max-width:420px!important;
  height:230px!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center 42%!important;
  margin:8px auto 16px!important;
  border-radius:16px!important;
}
.lobtl-play{max-width:920px;margin-left:auto!important;margin-right:auto!important}
.lobtl-interactive{max-width:920px;margin-left:auto;margin-right:auto}
@media(max-width:700px){
 .lobtl-mainimg{width:min(92%,340px)!important;max-width:340px!important;height:185px!important;margin:6px auto 14px!important}
 .lobtl-interactive iframe{height:760px!important}
}
/* 1.2.0 – generic editable interactive image */
.lobtl-dynamic-interactive{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);background:#0b0b0d;border-radius:18px;overflow:hidden}.lobtl-di-visual{padding:22px;display:flex;justify-content:center;align-items:flex-start}.lobtl-di-scope{position:relative;width:min(100%,520px)}.lobtl-di-scope img{display:block;width:100%;height:auto;border-radius:16px}.lobtl-di-hot{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:2px solid #e7c867;background:#881119;color:#fff;font-weight:900;cursor:pointer;box-shadow:0 0 0 6px #bf9b3033,0 8px 18px #0008}.lobtl-di-hot.active,.lobtl-di-hot:hover{background:#BF9B30;color:#111}.lobtl-di-panel{background:#f7f4ee;color:#181818;padding:28px}.lobtl-di-label{color:#881119;font-weight:900;letter-spacing:.12em;font-size:12px}.lobtl-di-title{font-family:Georgia,serif;font-size:30px;margin:8px 0}.lobtl-di-text{line-height:1.6}.lobtl-di-status{color:#806c42;font-weight:700;font-size:13px}@media(max-width:700px){.lobtl-dynamic-interactive{grid-template-columns:1fr}.lobtl-di-visual{padding:14px 10px}.lobtl-di-scope{width:min(78vw,340px)}.lobtl-di-hot{width:36px;height:36px}.lobtl-di-panel{padding:20px}}

/* 1.2.1 – practice mode for generic editable interactive images */
.lobtl-di-tabs{display:flex;gap:8px;background:#e7e0d3;border-radius:12px;padding:5px;margin-bottom:20px}.lobtl-di-tabs button{flex:1;border:0;padding:12px;border-radius:9px;background:transparent;font-weight:800;cursor:pointer}.lobtl-di-tabs button.active{background:#881119;color:#fff}.lobtl-di-practicebox{margin-top:14px;padding:14px;border:1px solid #d9c89c;border-radius:12px;background:#fff}.lobtl-di-question{font-weight:800}.lobtl-di-result{margin-top:8px;font-weight:800;min-height:1.4em}.lobtl-di-result.correct{color:#34704a}.lobtl-di-result.wrong{color:#881119}.lobtl-di-back{display:none;margin:18px 0 0;border:1px solid #BF9B30;background:#171012;color:#BF9B30;border-radius:10px;padding:11px 14px;font-weight:800;cursor:pointer}@media(max-width:700px){.lobtl-di-back{display:inline-flex}}
/* 1.3.0 – párosító gyakorló */
.lobtl-match-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.lobtl-match-a,.lobtl-match-b{display:grid;gap:9px;align-content:start}.lobtl-match-grid button{width:100%;border:1px solid #d6c49a;border-radius:10px;background:#fff;color:#1a1a1a;padding:11px 12px;text-align:left;font-weight:700;cursor:pointer}.lobtl-match-grid button:hover,.lobtl-match-grid button.selected{border-color:#881119;box-shadow:0 0 0 2px #88111922}.lobtl-match-grid button.selected{background:#f7e9ea}.lobtl-match-grid button.matched{background:#eee8d8;border-color:#BF9B30;color:#66541e;opacity:.72;pointer-events:none}.lobtl-di-match-result{font-weight:800;color:#881119}.lobtl-di-tabs{flex-wrap:wrap}.lobtl-di-tabs button{min-width:120px}
@media(max-width:700px){.lobtl-match-grid{grid-template-columns:1fr}.lobtl-match-grid:before{content:'FOGALMAK';font-size:11px;font-weight:900;letter-spacing:.1em;color:#881119}.lobtl-match-b:before{content:'MAGYARÁZATOK';font-size:11px;font-weight:900;letter-spacing:.1em;color:#881119;margin-bottom:3px}}


/* 1.3.3 – uniform workshop card geometry */
.lobtl-card{width:320px!important;max-width:320px!important;height:494px!important;}
.lobtl-card>a{height:100%!important;display:flex!important;flex-direction:column!important;}
.lobtl-card img{width:100%!important;height:320px!important;min-height:320px!important;max-height:320px!important;object-fit:cover!important;object-position:center!important;flex:0 0 320px!important;}
.lobtl-card-body{box-sizing:border-box!important;flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;}
.lobtl-card-body p{margin-bottom:10px!important;}
.lobtl-card-body strong{margin-top:auto!important;}
@media(max-width:700px){
  .lobtl-card{width:min(100%,340px)!important;max-width:340px!important;height:514px!important;}
  .lobtl-card img{height:340px!important;min-height:340px!important;max-height:340px!important;flex-basis:340px!important;}
}

/* 1.3.4 – interactive UI polish: Loborient brand, readable hotspots, contained matching */
.lobtl-dynamic-interactive{border:1px solid #BF9B30!important;background:#1A1A1A!important;align-items:stretch!important}
.lobtl-di-visual{background:#1A1A1A!important;min-width:0!important}
.lobtl-di-scope{min-width:0!important}
.lobtl-di-panel{background:#F5F5F7!important;color:#1A1A1A!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}

/* Hotspots: protect them from Elementor/theme button rules. */
.lobtl-dynamic-interactive .lobtl-di-hot{
  -webkit-appearance:none!important;appearance:none!important;
  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;
  margin:0!important;padding:0!important;border:2px solid #BF9B30!important;border-radius:50%!important;
  background:#881119!important;color:#FFFFFF!important;font-family:Montserrat,Arial,sans-serif!important;font-size:14px!important;line-height:1!important;font-weight:900!important;
  text-align:center!important;text-indent:0!important;letter-spacing:0!important;white-space:nowrap!important;
  box-shadow:0 0 0 4px rgba(191,155,48,.24),0 6px 16px rgba(0,0,0,.5)!important;z-index:5!important;
}
.lobtl-dynamic-interactive .lobtl-di-hot:hover,.lobtl-dynamic-interactive .lobtl-di-hot.active{background:#BF9B30!important;color:#1A1A1A!important;border-color:#FFFFFF!important}

/* Tabs: one clean row, only brand burgundy/gold/black. */
.lobtl-dynamic-interactive .lobtl-di-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;flex-wrap:nowrap!important;background:#E9E3D7!important;padding:5px!important;border-radius:12px!important;overflow:hidden!important}
.lobtl-dynamic-interactive .lobtl-di-tabs button{-webkit-appearance:none!important;appearance:none!important;min-width:0!important;width:100%!important;margin:0!important;padding:12px 7px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#881119!important;font-family:Montserrat,Arial,sans-serif!important;font-size:14px!important;line-height:1.2!important;font-weight:800!important;text-align:center!important;white-space:normal!important;box-shadow:none!important;text-transform:none!important}
.lobtl-dynamic-interactive .lobtl-di-tabs button.active{background:#881119!important;color:#FFFFFF!important}
.lobtl-dynamic-interactive .lobtl-di-tabs button:hover:not(.active){background:rgba(191,155,48,.16)!important;color:#1A1A1A!important}

.lobtl-dynamic-interactive .lobtl-di-label,.lobtl-dynamic-interactive .lobtl-di-match-result{color:#881119!important}
.lobtl-dynamic-interactive .lobtl-di-status{color:#7A6322!important}
.lobtl-dynamic-interactive .lobtl-di-back{border-color:#881119!important;background:#FFFFFF!important;color:#881119!important}

/* Matching: never overflow the right panel. */
.lobtl-dynamic-interactive .lobtl-di-match{min-width:0!important;max-width:100%!important;overflow:hidden!important}
.lobtl-dynamic-interactive .lobtl-match-grid{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.55fr)!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.lobtl-dynamic-interactive .lobtl-match-a,.lobtl-dynamic-interactive .lobtl-match-b{min-width:0!important;max-width:100%!important;width:100%!important}
.lobtl-dynamic-interactive .lobtl-match-grid button{-webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:48px!important;margin:0!important;padding:10px 11px!important;border:1px solid #BF9B30!important;border-radius:10px!important;background:#FFFFFF!important;color:#1A1A1A!important;font-family:Montserrat,Arial,sans-serif!important;font-size:14px!important;line-height:1.35!important;font-weight:700!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;box-shadow:none!important}
.lobtl-dynamic-interactive .lobtl-match-grid button:hover,.lobtl-dynamic-interactive .lobtl-match-grid button.selected{border-color:#881119!important;box-shadow:0 0 0 2px rgba(136,17,25,.12)!important;background:#FAF2F2!important}
.lobtl-dynamic-interactive .lobtl-match-grid button.matched{background:#F2EAD2!important;border-color:#BF9B30!important;color:#5C4A16!important;opacity:.78!important}

@media(max-width:700px){
  .lobtl-dynamic-interactive .lobtl-di-tabs{grid-template-columns:1fr!important}
  .lobtl-dynamic-interactive .lobtl-match-grid{grid-template-columns:1fr!important}
  .lobtl-dynamic-interactive .lobtl-di-hot{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important;font-size:13px!important}
}

/* 1.3.5 – kapcsolódó Zsepi-epizód */
.lobtl-episode{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:0;overflow:hidden;border:1px solid #BF9B30;border-radius:18px;background:#1A1A1A;color:#fff;margin:38px 0}.lobtl-episode-image{min-height:220px;background:#0b0b0d}.lobtl-episode-image img{width:100%;height:100%;display:block;object-fit:cover}.lobtl-episode-copy{padding:28px 30px;align-self:center}.lobtl-episode-copy>span{display:block;color:#BF9B30;font-weight:800;letter-spacing:.12em;font-size:12px;margin-bottom:8px}.lobtl-episode .lobtl-episode-copy h2{color:#fff;margin:0 0 10px}.lobtl-episode-copy p{margin:0 0 18px;color:#f5f5f7;line-height:1.55}.lobtl-episode-button{display:inline-block;color:#BF9B30!important;font-weight:800;text-decoration:none}.lobtl-episode-button:hover{text-decoration:underline}@media(max-width:700px){.lobtl-episode{grid-template-columns:1fr}.lobtl-episode-image{min-height:0;aspect-ratio:16/9}.lobtl-episode-copy{padding:22px}}
/* 1.3.8 – optional true/false practice, loaded only with Tanulólabor assets */
.lobtl-statement-box{padding:16px;border:1px solid #bf9b3050;border-radius:14px;background:#fff}.lobtl-statement-q{font-weight:800;font-size:1.05rem}.lobtl-statement-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.lobtl-statement-actions button,.lobtl-statement-next{border:1px solid #BF9B30;border-radius:999px;background:#1A1A1A;color:#fff;padding:9px 16px;font-weight:800;cursor:pointer}.lobtl-statement-actions button:hover,.lobtl-statement-next:hover{background:#881119}.lobtl-statement-actions button:disabled{opacity:.55;cursor:default}.lobtl-statement-result.correct{color:#176b3a;font-weight:800}.lobtl-statement-result.wrong{color:#881119;font-weight:800}

/* 1.3.10 – workshop entry cards: horizontal, uncropped hero + compact copy. */
.lobtl-grid{grid-template-columns:1fr!important;gap:22px!important;}
.lobtl-card{
  width:min(100%,850px)!important;
  max-width:850px!important;
  height:auto!important;
  min-height:280px!important;
  margin:0 auto!important;
}
.lobtl-card>a{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)!important;
  height:auto!important;
  min-height:280px!important;
  align-items:stretch!important;
}
.lobtl-card img{
  width:100%!important;
  height:100%!important;
  min-height:280px!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  flex:none!important;
  align-self:stretch!important;
  background:#09090b!important;
}
.lobtl-card-body{
  padding:28px 28px 26px!important;
  justify-content:center!important;
  min-height:280px!important;
}
.lobtl-card h3{font-size:27px!important;line-height:1.12!important;margin:7px 0 9px!important;}
.lobtl-card p{font-size:14px!important;line-height:1.5!important;margin:0 0 14px!important;}
.lobtl-card-body strong{margin-top:6px!important;}
@media(max-width:700px){
  .lobtl-card{width:min(100%,380px)!important;max-width:380px!important;min-height:0!important;}
  .lobtl-card>a{grid-template-columns:1fr!important;min-height:0!important;}
  .lobtl-card img{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;}
  .lobtl-card-body{min-height:0!important;padding:18px 19px 20px!important;}
  .lobtl-card h3{font-size:23px!important;}
}