/* LexLearn · Web Summit Qatar 2027, mobile-first conference entry.
   Single conference card: official logo inside the card, separated Arabic
   and Latin text, one tappable destination. Language switch belongs to the
   LexLearn brand strip immediately below the card, at its physical left. */
.wsqHomeFeature{
  box-sizing:border-box;width:100%;max-width:100%;
  margin:0;padding:12px 16px 18px;background:#F9F4EF
}
.wsqEventCTA{
  box-sizing:border-box;display:flex;flex-direction:column;
  align-items:center;gap:17px;width:min(100%,720px);
  margin:0 auto;padding:22px 24px 23px;
  border:1px solid #e5d9d9;border-top:5px solid #8A1F39;
  border-radius:22px;background:#fffdfb;color:#111D31;
  text-decoration:none;box-shadow:0 14px 36px rgba(17,29,49,.085);
  transition:transform .16s ease,box-shadow .16s ease;
}
.wsqEventCTA:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(17,29,49,.12)}
.wsqEventCTA:focus-visible,.lexHomeLang a:focus-visible{outline:3px solid #8A1F39;outline-offset:3px}
.wsqEventLogo{
  display:block;flex:none;box-sizing:border-box;
  width:min(100%,445px);height:auto;max-width:100%;
  aspect-ratio:768 / 139;object-fit:contain;background:#fff
}
.wsqEventCopy{
  display:flex;flex-direction:column;align-items:center;
  gap:10px;width:100%;min-width:0;text-align:center
}
.wsqEventCopy strong{
  display:block;max-width:100%;font:800 clamp(19px,2.4vw,24px)/1.55 Tahoma,Arial,sans-serif;
  color:#111D31;overflow-wrap:break-word
}
.wsqEventName{
  display:block;max-width:100%;direction:ltr;unicode-bidi:isolate;
  color:#8A1F39;font:800 13px/1.4 Arial,sans-serif;
  letter-spacing:.055em;text-align:center
}
.wsqEventCopy small{
  display:block;max-width:100%;font:500 clamp(13px,1.6vw,15px)/1.85 Tahoma,Arial,sans-serif;
  color:#586174;overflow-wrap:break-word
}
.wsqEventAction{
  display:flex;box-sizing:border-box;align-items:center;justify-content:center;
  align-self:stretch;min-height:52px;margin-top:8px;padding:12px 14px;
  border-radius:13px;background:#8A1F39;color:#fff;
  font:800 15px/1.5 Tahoma,Arial,sans-serif;text-align:center
}
/* Compact language button is a sibling of LexLearn branding, on the left. */
.lexHomeLang{
  direction:ltr;display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;gap:2px;min-width:0;margin:0;padding:3px;
  border:1px solid #ded5cf;border-radius:999px;background:#fffdfb;
  box-shadow:0 4px 12px rgba(17,29,49,.05);line-height:1
}
.lexHomeLang>a,.lexHomeLang>.lexHomeLangCurrent{
  display:grid;place-items:center;min-width:34px;min-height:37px;
  box-sizing:border-box;padding:0 4px;border-radius:999px;
  text-align:center;font:800 13px/1 Arial,Tahoma,sans-serif
}
.lexHomeLang>a{color:#111D31;text-decoration:none}
.lexHomeLang>a:hover{background:#F9F4EF}
.lexHomeLangCurrent{background:#111D31;color:#fff}
.v9-topin>.lexHomeLang{margin-inline-start:auto}
.v9-topactions:empty{display:none}
.en-topin>.lexHomeLang{margin-right:auto}
.v9-brand,.en-brand{min-width:0;max-width:100%}
.v9-brand>div:nth-child(2),.en-brand>div{min-width:0}
@media(max-width:760px){
  .wsqHomeFeature{padding:10px 14px 16px}
  .wsqEventCTA{
    width:100%;padding:21px 17px 19px;gap:14px;
    border-radius:20px;border-top-width:4px
  }
  .wsqEventLogo{width:min(100%,360px)}
  .wsqEventCopy{gap:9px}
  .wsqEventCopy strong{font-size:clamp(20px,5.2vw,24px);line-height:1.55}
  .wsqEventName{font-size:12px;letter-spacing:.045em}
  .wsqEventCopy small{font-size:14px;line-height:1.8}
  .wsqEventAction{min-height:52px;margin-top:7px;font-size:15px}
  .v9-topin,.en-topin{min-height:64px;padding:9px 15px;gap:8px}
  .v9-brand,.en-brand{gap:8px}
  .v9-mark,.en-brand img{flex-shrink:0}
  .v9-brand small,.en-brand small{font-size:10px!important}
  .lexHomeLang>a,.lexHomeLang>.lexHomeLangCurrent{min-width:32px;min-height:36px}
}
@media(max-width:430px){
  .wsqHomeFeature{padding:8px 13px 14px}
  .wsqEventCTA{padding:19px 16px 18px;gap:12px}
  .wsqEventLogo{width:min(100%,315px)}
  .v9-brand small,.en-brand small{display:none!important}
  .v9-mark{height:39px!important;width:39px!important}
  .en-brand img{height:39px;width:39px}
  .v9-brand b,.en-brand b{font-size:18px}
  .v9-topin,.en-topin{padding-inline:12px}
  .lexHomeLang>a,.lexHomeLang>.lexHomeLangCurrent{min-width:31px;min-height:35px}
}
@media(max-width:355px){
  .wsqHomeFeature{padding-inline:11px}
  .wsqEventCTA{padding-inline:13px}
  .wsqEventCopy strong{font-size:19px}
  .wsqEventCopy small{font-size:13px}
  .v9-brand b,.en-brand b{font-size:16px}
  .v9-topin,.en-topin{padding-inline:10px}
  .lexHomeLang>a,.lexHomeLang>.lexHomeLangCurrent{min-width:29px;min-height:34px}
}
@media(prefers-reduced-motion:reduce){.wsqEventCTA{transition:none}}

/* All-screen placement fixed to the SCREEN's physical left edge, never near
   the RTL LexLearn logo. This override deliberately avoids inline-start
   and flex auto-margins (they resolve differently in RTL layouts). */
  .v9-topin,.en-topin{
    position:relative!important;
    box-sizing:border-box;
    width:100%!important;
    max-width:100%!important;
    min-height:66px;
    padding-left:calc(12px + env(safe-area-inset-left,0px))!important;
    padding-right:calc(12px + env(safe-area-inset-right,0px))!important;
  }
  .v9-topin>.lexHomeLang,.en-topin>.lexHomeLang{
    position:absolute!important;
    left:calc(12px + env(safe-area-inset-left,0px))!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    /* Keep physical left last; logical inset-end resolves to left in RTL. */
    left:calc(12px + env(safe-area-inset-left,0px))!important;
    z-index:3;
  }
  .v9-topin>.v9-brand,.en-topin>.en-brand{
    margin-right:0!important;
    margin-left:auto!important;
    max-width:calc(100% - 106px)!important;
    min-width:0;
  }
  .v9-topin>.v9-topactions:empty{display:none!important}
  .v9-topin>.v9-topactions:not(:empty){
    margin-left:94px!important;
    min-width:0;
    flex-wrap:wrap;
  }
@media(max-width:355px){
  .v9-topin>.lexHomeLang,.en-topin>.lexHomeLang{
    left:calc(10px + env(safe-area-inset-left,0px))!important;
  }
  .v9-topin>.v9-brand,.en-topin>.en-brand{
    max-width:calc(100% - 93px)!important;
  }
}

/* Participation announcement: roomy desktop card, stacked phone layout. */
.wsqEventCTA{width:min(100%,960px);padding:28px 32px;gap:24px}
.wsqEventLogo{width:min(100%,520px)}
.wsqEventCopy{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:20px 28px;align-items:center}
.wsqParticipant{display:flex;align-items:center;justify-content:center;gap:16px;min-width:0}
.wsqParticipantLogo{display:block;width:88px;height:88px;object-fit:contain;flex:none}
.wsqParticipantName{font:800 clamp(26px,3vw,36px)/1.2 Arial,sans-serif;color:#142B5F;white-space:nowrap}
.wsqParticipantName>span{color:#8F1D3F}
.wsqEventDetails{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.wsqEventCopy .wsqEventAction{grid-column:1 / -1;margin-top:0}
@media(max-width:760px){
  .wsqEventCTA{width:100%;padding:22px 18px;gap:20px}
  .wsqEventLogo{width:min(100%,380px)}
  .wsqEventCopy{grid-template-columns:minmax(0,1fr);gap:16px}
  .wsqParticipant{gap:12px}
  .wsqParticipantLogo{width:68px;height:68px}
  .wsqParticipantName{font-size:30px}
  .wsqEventDetails{gap:9px}
  .wsqEventDetails strong{font-size:clamp(18px,4.8vw,23px)}
  .wsqEventDetails small{font-size:13px;line-height:1.8}
}
@media(max-width:355px){
  .wsqEventCTA{padding:18px 13px}
  .wsqParticipantLogo{width:60px;height:60px}
  .wsqParticipantName{font-size:27px}
  .wsqEventName{font-size:11px;letter-spacing:.025em}
}

/* Conference participation: the SAME card adapts deliberately to desktop,
   tablet and phone. No alternate graphics, no horizontal overflow. */
.wsqEventCTA{width:min(100%,1100px);max-width:1100px}
.wsqEventDetails strong{overflow-wrap:break-word;text-wrap:balance}
.wsqEventCopy,.wsqEventDetails,.wsqParticipant{max-width:100%;min-width:0}
.wsqEventDetails small{max-width:58ch;text-wrap:pretty}
@media(min-width:1024px){
  .wsqHomeFeature{padding:24px clamp(20px,3vw,46px) 18px}
  .wsqEventCTA{
    display:grid;
    grid-template-columns:minmax(0,0.98fr) minmax(0,1.02fr);
    align-items:center;min-height:288px;gap:clamp(24px,3.2vw,52px);
    padding:32px clamp(28px,3vw,44px);
    border-radius:24px
  }
  .wsqEventLogo{width:100%;max-width:515px;justify-self:center}
  .wsqEventCopy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center}
  .wsqParticipant{justify-content:center;gap:12px}
  .wsqParticipantLogo{height:76px;width:76px}
  .wsqParticipantName{font-size:clamp(28px,2.7vw,36px)}
  .wsqEventDetails{align-items:center;gap:9px;text-align:center}
  .wsqEventDetails strong{font-size:clamp(21px,2.05vw,27px);line-height:1.45}
  .wsqEventDetails small{font-size:14px;line-height:1.8}
  .wsqEventName{text-align:center}
  .wsqEventCopy .wsqEventAction{align-self:center;width:min(100%,350px);max-width:100%;min-height:52px;margin-top:3px}
}
@media(min-width:761px) and (max-width:1023px){
  .wsqHomeFeature{padding:18px 25px 14px}
  .wsqEventCTA{width:min(100%,860px);padding:26px 30px;gap:18px}
  .wsqEventLogo{width:min(100%,500px)}
  .wsqEventCopy{gap:17px}
  .wsqEventDetails strong{font-size:clamp(20px,2.7vw,25px)}
  .wsqEventCopy .wsqEventAction{min-height:50px}
}
@media(max-width:760px){
  .wsqEventLogo{width:min(100%,350px);max-width:100%}
  .wsqEventCTA{min-height:0}
  .wsqEventDetails strong{font-size:clamp(20px,5.1vw,24px);line-height:1.5}
  .wsqEventDetails small{max-width:45ch;font-size:13px;line-height:1.8}
  .wsqEventCopy .wsqEventAction{grid-column:auto;width:100%;min-height:52px}
}
@media(max-width:355px){
  .wsqEventLogo{width:min(100%,320px)}
  .wsqEventDetails strong{font-size:19px}
  .wsqEventDetails small{font-size:12px}
  .wsqParticipantLogo{width:58px;height:58px}
  .wsqParticipantName{font-size:26px}
}