/*media-assets lead: wrap onto two lines on desktop */
@media (min-width:768px){
  .qn-assets .elementor-widget-text-editor p{max-width:54ch}
}
* ============ QNET Newsroom — prototype parity layer ============ */
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* --- header --- */
.elementor-location-header .qn-tools{justify-content:flex-end}

/* --- hero --- */
.qn-hero{position:relative;padding-top:96px!important}
.qn-hpanel{background:radial-gradient(120% 140% at 12% 8%, #1c3d6e 0%, transparent 60%), linear-gradient(152deg,#153561 0%,#0d2244 52%,#0a1a35 100%)!important;isolation:isolate}
.qn-hpanel::before{content:"";position:absolute;inset:0;z-index:0;opacity:.5;mix-blend-mode:overlay;pointer-events:none;border-radius:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.qn-h-eyebrow .elementor-heading-title{display:inline-flex;align-items:center;gap:14px;letter-spacing:.2em!important}
.qn-h-eyebrow .elementor-heading-title::before{content:"";width:26px;height:2px;background:currentColor;opacity:.75}
.qn-h1 .elementor-heading-title{font-size:clamp(40px,5.6vw,82px)!important;font-weight:700!important;letter-spacing:-.035em!important;line-height:.98!important;text-wrap:balance}
.qn-h1 .o{background:linear-gradient(118deg,#FF9A3D 0%,#F5811E 45%,#E85D04 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.qn-lead p{font-size:clamp(16px,1.5vw,20px)!important;line-height:1.55!important;margin:0}
.qn-lead{margin-top:26px!important}
.qn-hcta{margin-top:32px!important}
.qn-hcta .elementor-button{height:54px;display:inline-flex;align-items:center;gap:10px;padding:0 28px!important;font-size:15px!important;color:#0d2244!important;transition:.2s cubic-bezier(.22,.61,.36,1)}
.qn-hcta .elementor-button:hover{background-color:#F5811E!important;color:#fff!important;transform:translateY(-2px)}
.qn-cue{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:46px;height:46px;border-radius:50%;border:1px solid #DAD7D0;background:rgba(255,255,255,.9);backdrop-filter:blur(6px);display:grid;place-items:center;color:#141414;z-index:5;transition:.2s}
.qn-cue:hover{border-color:#141414;color:#163363}
.qn-cue svg{width:20px;height:20px}

/* --- featured --- */
.qn-feat .elementor-widget-heading h2{font-size:clamp(26px,3.4vw,42px)!important;font-weight:700!important;letter-spacing:-.025em!important;line-height:1.05!important;text-wrap:balance}
.qn-feat .e-loop-item .elementor-widget-image img{border-radius:18px;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.qn-feat .e-loop-item:hover .elementor-widget-image img{transform:scale(1.03)}
.qn-feat .elementor-widget-heading h2:hover{color:#163363}

/* --- section heads --- */
.qn-shead h3{font-size:clamp(22px,2.6vw,32px)!important;font-weight:700!important;letter-spacing:-.02em!important}

/* --- post cards (loop items containing an h4) --- */
.e-loop-item:has(h4) .elementor-widget-image img{aspect-ratio:3/2;height:auto!important;border-radius:14px!important;transition:transform .55s cubic-bezier(.22,.61,.36,1)}
.e-loop-item:has(h4) .elementor-widget-image{border-radius:14px;overflow:hidden}
.e-loop-item:has(h4):hover .elementor-widget-image img{transform:scale(1.045)}
.e-loop-item:has(h4) h4{transition:color .2s;line-height:1.24!important;letter-spacing:-.015em!important}
.e-loop-item:has(h4):hover h4{color:#163363}
.e-loop-item:has(h4) h4 a{color:inherit}

/* --- clipping rows (loop items containing an h3 headline) --- */
.e-loop-item:has(> .e-con h3){transition:padding .2s cubic-bezier(.22,.61,.36,1)}
.e-loop-item:has(> .e-con h3):hover{padding-inline-start:12px}
.e-loop-item h3{transition:color .2s}
.e-loop-item:hover h3{color:#163363}

/* --- reveal micro-interactions --- */
.qn-rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
.qn-rv.qn-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.qn-rv{opacity:1;transform:none;transition:none}}

/* --- footer polish --- */
.elementor-location-footer .elementor-icon-list-item a{transition:color .18s,padding-inline-start .18s}
.elementor-location-footer .elementor-icon-list-item a:hover{padding-inline-start:7px}

/* --- hero spacing exactness --- */
.qn-hero{padding-top:68px!important;padding-bottom:96px!important}
.qn-hpanel{gap:0!important}
.qn-hpanel .qn-h-eyebrow{margin:0 0 24px 0!important}
.qn-hpanel .qn-h1{margin:0!important}
.qn-lead{width:56%!important;max-width:54ch!important;margin-top:26px!important}
.qn-cue{bottom:18px}
/* featured eyebrow dash */
.qn-eyebrow .elementor-heading-title{display:inline-flex;align-items:center;gap:14px;letter-spacing:.14em!important}
.qn-eyebrow .elementor-heading-title::before{content:"";width:26px;height:2px;background:currentColor;opacity:.85}

/* --- cue placement + burger/brand round 2 --- */
.qn-cue{position:static!important;margin:104px auto 0;bottom:auto!important}
.qn-hero{padding-bottom:40px!important}
.qn-lang .elementor-button-text::after{content:"";display:inline-block;width:7px;height:7px;border-right:1.8px solid #141414;border-bottom:1.8px solid #141414;transform:rotate(45deg) translateY(-2px);margin-inline-start:8px;vertical-align:middle}
/* contact parity */
.qn-contact-h .elementor-heading-title{font-size:clamp(28px,3.6vw,46px)!important;letter-spacing:-.03em!important}
.qn-cbtn .elementor-button{height:52px;display:inline-flex;align-items:center;padding:0 26px!important;font-size:15px!important;transition:.2s}
.qn-cbtn .elementor-button:hover{background-color:#EC6608!important;transform:translateY(-2px)}

/* post card: category pill inside the image (widget-level, no <p> wrapper exists) */
.e-loop-item:has(h4)>.e-con{position:relative}
/* featured proportions */
.qn-feat .e-loop-item>.e-con>.elementor-widget-image{width:52%!important;flex:none!important}
.qn-feat .e-loop-item>.e-con>.e-con{width:48%!important;flex:none!important}
.qn-feat .e-loop-item .elementor-widget-image img{height:360px;object-fit:cover;width:100%}
/* single article parity */
.qn-art-cats p{display:flex;flex-wrap:wrap;gap:8px;margin:0;border:none;padding:0}
.qn-art-cats a{display:inline-block;font-size:11px!important;font-weight:700;letter-spacing:.1em!important;text-transform:uppercase;color:#163363!important;border:1px solid #DAD7D0;border-radius:100px;padding:6px 13px;text-decoration:none;transition:.18s}
.qn-art-cats a:hover{border-color:#EC6608}
.qn-art-meta .elementor-widget-heading:has(.elementor-heading-title:empty){display:none}

/* --- nav numeric parity (proto: header 74px, translucent+blur, pills 42px, gaps 8/16) --- */
.elementor-location-header .e-con.e-parent{padding:16px 0!important;background:rgba(255,255,255,.86)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.elementor-location-header .qn-tools{gap:8px!important}
.qn-lang .elementor-button{height:42px;display:inline-flex;align-items:center;padding:0 15px!important;font-size:14px!important;font-weight:600!important;background:#fff!important}
.qn-tools .elementor-widget-button:not(.qn-lang) .elementor-button{height:42px;display:inline-flex;align-items:center;padding:0 20px!important;font-size:14px!important;font-weight:600!important}
.qn-burger{margin-inline-start:12px!important}
.qn-shead .elementor-button{white-space:nowrap}
.qn-shead{display:flex;flex-direction:row!important;justify-content:space-between!important;align-items:flex-end!important;width:100%}
.qn-shead>.elementor-widget-button{margin-bottom:4px}
.elementor-widget.qn-hidden{display:none!important}
/* clipping rows: fixed 190px thumb column like proto .out */
.e-loop-item:has(h3) .elementor-widget-image{width:190px!important;flex:none!important}
.elementor-location-header .e-con-inner{padding-inline:40px;flex-wrap:nowrap!important;align-items:center}
.elementor-location-header .elementor-widget-html{width:auto!important}
.elementor-location-header .e-con.e-parent{min-height:0!important}
.elementor-location-header .e-con-inner{min-height:0!important;height:auto!important}
.elementor-location-header .qn-tools,.elementor-location-header .e-con-inner>.elementor-widget-html{height:42px}

/* --- hero entrance (prototype GSAP feel, CSS-only) --- */
@keyframes qnUp{from{transform:translateY(170%)}to{transform:none}}
@keyframes qnFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes qnQIn{from{opacity:0;transform:translateY(36px) scale(.96)}to{opacity:1;transform:none}}
/* Le masque du effet de révélation coupait les jambages : Manrope descend à
   environ .22em sous la ligne de base et l'interlignage de .98 resserre encore
   la boîte. La marge est portée à .26em, compensée par une marge négative pour
   que la hauteur du titre ne bouge pas. */
.qn-h1 .ln{display:block;overflow:hidden;padding-bottom:.34em;margin-bottom:-.34em}
.qn-h1 .lni{display:block;transform:translateY(170%);animation:qnUp .95s cubic-bezier(.22,.61,.36,1) .1s forwards}
.qn-h-eyebrow{animation:qnFadeUp .7s cubic-bezier(.22,.61,.36,1) .05s backwards}
.qn-lead{animation:qnFadeUp .8s cubic-bezier(.22,.61,.36,1) .5s backwards}
.qn-hcta{animation:qnFadeUp .8s cubic-bezier(.22,.61,.36,1) .65s backwards}
.qn-heroq{animation:qnQIn 1.1s cubic-bezier(.22,.61,.36,1) .45s backwards}
@media (prefers-reduced-motion: reduce){.qn-h1 .lni{animation:none;transform:none}.qn-h-eyebrow,.qn-lead,.qn-hcta,.qn-heroq{animation:none}}

/* --- clipping row thumb hover zoom (overflow hidden) --- */
.e-loop-item:has(h3) .elementor-widget-image{overflow:hidden;border-radius:10px}
.e-loop-item:has(h3) .elementor-widget-image img{transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.e-loop-item:has(h3):hover .elementor-widget-image img{transform:scale(1.07)}
.elementor-location-header .e-con-inner{padding-block:0!important}
.elementor-location-header .e-con.e-parent{border-bottom:none!important}
/* clipping rows: 112x75 thumb (3:2, same as every other slot) inside a 190px column */
.e-loop-item:has(h3) .elementor-widget-image{width:112px!important;overflow:hidden;border-radius:10px}
.e-loop-item:has(h3) .elementor-widget-image img{width:112px!important;height:75px!important;object-fit:cover}
.e-loop-item:has(h3)>.e-con{align-items:center!important}
.e-loop-item:has(h3) .elementor-widget-heading{display:flex;align-items:center}
.e-loop-item:has(h3) h3{margin:0}

/* --- orange selection highlight (site-wide) --- */
::selection{background:#E86A17;color:#fff}
.qn-hpanel ::selection{background:#E86A17;color:#fff}
/* footer intro logo: transparent white */
.qn-flogo img{filter:brightness(0) invert(1);opacity:.92}
/* clippings arrow: prototype SVG via mask instead of text glyph */
.e-loop-item:has(h3) .elementor-button .elementor-button-text,.qn-res-go{font-size:0!important;line-height:0}
.e-loop-item:has(h3) .elementor-button .elementor-button-text::after,.qn-res-go::after{content:"";display:inline-block;width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 4.5 14 14' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M7 17 17 7M17 7H8m9 0v9'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 4.5 14 14' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M7 17 17 7M17 7H8m9 0v9'/%3E%3C/svg%3E") center/contain no-repeat}
.e-loop-item:has(h3) .elementor-button{width:34px;height:34px;display:grid!important;place-items:center;padding:0!important}
/* full-row anchor + circle arrow span */
.e-loop-item:has(h3) .elementor-widget-html{width:auto!important}
.qn-goc{display:grid;place-items:center;width:34px;height:34px;border:1px solid #DAD7D0;border-radius:50%;color:#141414;transition:.2s cubic-bezier(.22,.61,.36,1)}
.qn-goc::after{content:"";display:block;width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 4.5 14 14' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M7 17 17 7M17 7H8m9 0v9'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 4.5 14 14' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M7 17 17 7M17 7H8m9 0v9'/%3E%3C/svg%3E") center/contain no-repeat}
.e-loop-item:has(h3):hover .qn-goc{background:#163363;border-color:#163363;color:#fff}
a.e-con:has(h3){cursor:pointer}

/* row anchors: fixed base title colour, orange on row hover */
a.e-con h3,.e-loop-item h3{color:#141414}
.e-loop-item:hover h3{color:#163363!important}
.elementor-location-header .e-con.e-parent.elementor-sticky--effects{padding-top:9px!important;padding-bottom:9px!important}
.elementor-location-header .e-con-inner>.elementor-widget-html{display:flex;align-items:center}

/* --- clipping lightbox --- */
.qn-clb{position:fixed;inset:0;z-index:9500;display:none;background:rgba(15,18,26,.55);backdrop-filter:blur(4px)}
.qn-clb.open{display:grid;place-items:center}
.qn-clb-p{position:relative;margin:0;max-width:min(92vw,900px);max-height:88vh;display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 50px 110px -40px rgba(0,0,0,.55)}
.qn-clb-p img{max-width:100%;max-height:calc(88vh - 84px);object-fit:contain;background:#F6F5F2;display:block}
.qn-clb-p figcaption{display:flex;align-items:baseline;gap:16px;justify-content:space-between;padding:16px 22px}
.qn-clb-p .t{font:700 16px Manrope,sans-serif;color:#141414}
.qn-clb-p .d{font:400 13px Lato,sans-serif;color:#736E63;white-space:nowrap}
.qn-clb-x{position:absolute;top:14px;inset-inline-end:14px;width:40px;height:40px;border:1px solid #DAD7D0!important;border-radius:50%!important;background:rgba(255,255,255,.94)!important;color:#141414!important;cursor:pointer;display:grid;place-items:center;padding:0!important;z-index:2}
.qn-clb-x:hover{border-color:#EC6608!important;color:#EC6608!important}
/* article tag pills */
.qn-art-tags{margin-top:30px!important}
.qn-art-tags a{display:inline-block;font:700 12px Manrope,sans-serif;letter-spacing:.04em;color:#141414!important;border:1px solid #DAD7D0;border-radius:100px;padding:7px 14px;margin:0 8px 8px 0;text-decoration:none;transition:.18s}
.qn-art-tags a:hover{border-color:#EC6608;color:#EC6608!important}
.qn-art-tags a::before{content:"#"}

/* article layout parity */
.qn-art>.e-con{max-width:1240px!important}
.qn-art-title .elementor-heading-title{font-size:clamp(30px,4.6vw,58px)!important;line-height:1.04!important;letter-spacing:-.03em!important;text-wrap:balance;max-width:820px}
.qn-art-meta{margin-top:22px!important}
.qn-art-meta h6{font-family:Manrope,sans-serif!important;font-weight:500!important;font-size:14.5px!important;color:#736E63!important}
.qn-art-cover{margin:40px 0 0!important;border-radius:18px;overflow:hidden;background:#F6F5F2}
.qn-art-cover img{width:100%;display:block}
.qn-art-body{max-width:68ch!important;margin:34px auto 0!important;font-size:18px!important;line-height:1.72!important;width:100%}
.qn-art-tags{max-width:68ch;margin:44px auto 0!important;width:100%}

/* pagination: orange circles, same style top and bottom */
.qn-pager button{border-color:#EC6608!important}
.qn-pager button:hover:not(:disabled){background:#EC6608!important;color:#fff!important;border-color:#EC6608!important}
.elementor-pagination{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:34px}
.elementor-pagination .page-numbers{min-width:38px;height:38px;padding:0 6px;border:1px solid #EC6608;border-radius:50%;display:inline-grid;place-items:center;font:700 13px Manrope,sans-serif;color:#141414;text-decoration:none;transition:.18s}
.elementor-pagination a.page-numbers:hover{background:#EC6608;color:#fff}
.elementor-pagination .page-numbers.current{background:#EC6608;border-color:#EC6608;color:#fff}
.elementor-pagination .page-numbers.dots{border:none;background:none}
.elementor-pagination a.page-numbers.prev,.elementor-pagination a.page-numbers.next{font-size:0!important;line-height:0}
.elementor-pagination a.page-numbers.prev::before{content:"‹";font-size:16px;line-height:1}
.elementor-pagination a.page-numbers.next::before{content:"›";font-size:16px;line-height:1}
.qn-pager button{font-size:0!important}
.qn-pager button::before{content:"";display:block;width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='6 4.5 12 15' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='6 4.5 12 15' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.qn-pager .pv::before{transform:scaleX(-1)}

/* 1240 grid: header matches boxed sections at every viewport */
.elementor-location-header .e-con.e-parent{padding:16px 40px!important}
.elementor-location-header .e-con-inner{max-width:1240px!important;padding-inline:0!important}
/* shead never wraps; left column shrinks to content */
.qn-shead{flex-wrap:nowrap!important}
.qn-shead>.e-con{width:auto!important;flex:1 1 auto!important;min-width:0}
.qn-shead>.elementor-widget-button{flex:none}
/* featured proportions */
.qn-feat .e-loop-item>.e-con>.elementor-widget-image{width:56%!important;flex:none!important}
.qn-feat .e-loop-item>.e-con>.e-con{width:44%!important;flex:none!important}
.qn-feat .e-loop-item .elementor-widget-image{overflow:hidden;border-radius:18px}
.qn-feat .e-loop-item .elementor-widget-image a{display:block}
.qn-feat .e-loop-item .elementor-widget-image img{width:100%!important;height:440px!important;object-fit:cover;display:block}
/* clipping rows: long titles wrap balanced, dates never squish */
.e-loop-item:has(h3) h3{max-width:80%;line-height:1.5!important}
.e-loop-item:has(h3) h6{white-space:nowrap}
.e-loop-item:has(h3) .elementor-widget-heading:has(h6){flex:none!important;width:auto!important}

/* loop cards: no inherited container padding (pill anchors correctly) */
.e-loop-item:has(h4)>.e-con{padding:0!important}

/* ============ responsive: tablet ≤1024 ============ */
@media (max-width:1024px){
  .qn-h1 .elementor-heading-title{font-size:clamp(36px,6.4vw,58px)!important}
  .qn-lead{width:70%!important}
  .qn-feat .e-loop-item .elementor-widget-image img{height:320px}
}
/* ============ responsive: mobile ≤767 ============ */
@media (max-width:767px){
  /* grid gutter 20px like proto */
  .e-con.e-parent{padding-inline:20px!important}
  .elementor-location-header .e-con.e-parent{padding:12px 20px!important}
  /* header: compact one-line (proto mobile) */
  .qn-tools .elementor-widget-button:not(.qn-lang){display:none!important}
  .qn-brand{gap:8px}
  .qn-brand img{height:20px!important}
  .qn-brand .sub{font-size:10.5px!important;letter-spacing:.18em!important;padding-inline-start:8px!important}
  .qn-lang .elementor-button{height:38px!important;padding:0 12px!important;font-size:13px!important}
  .qn-tools{gap:6px!important;flex-wrap:nowrap!important}
  .qn-burger{margin-inline-start:0!important}
  .elementor-location-header .e-con-inner{flex-wrap:nowrap!important}
  /* hero: full-bleed centered panel like proto mobile */
  .qn-hero{padding:0 0 0 0!important}
  .qn-hpanel{border-radius:0!important;padding:44px 24px 54px!important;min-height:0!important;align-items:center;text-align:center}
  .qn-h-eyebrow .elementor-heading-title{justify-content:center}
  .qn-h1 .elementor-heading-title{font-size:clamp(30px,8.4vw,38px)!important;text-align:center}
  .qn-lead{width:100%!important;max-width:34ch!important;margin-inline:auto!important}
  .qn-lead p{text-align:center}
  .qn-hcta .elementor-button{height:50px;padding:0 26px!important}
  .qn-heroq{display:none!important}
  .qn-cue{display:none}
  /* featured: centered text under full image */
  .qn-feat .e-loop-item>.e-con>.e-con{align-items:center;text-align:center}
  .qn-feat .qn-eyebrow .elementor-heading-title{justify-content:center}
  /* featured stacks */
  .qn-feat .e-loop-item>.e-con{flex-direction:column!important}
  .qn-feat .e-loop-item>.e-con>.elementor-widget-image,.qn-feat .e-loop-item>.e-con>.e-con{width:100%!important}
  .qn-feat .e-loop-item .elementor-widget-image img{height:230px}
  .qn-feat .elementor-widget-heading h2{font-size:26px!important}
  /* section heads */
  .qn-shead h3{font-size:24px!important}
  /* clipping rows: two-line layout (thumb+date+arrow / title) */
  a.e-con:has(h3){flex-wrap:wrap!important;gap:10px 14px!important;padding-block:16px!important}
  .e-loop-item:has(h3) .elementor-widget-image{order:1}
  .e-loop-item:has(h3) .elementor-widget-heading:has(h6){order:2;margin-inline-start:auto}
  .e-loop-item:has(h3) .elementor-widget-html{order:3}
  .e-loop-item:has(h3) .elementor-widget-heading:has(h3){order:4;flex-basis:100%!important;width:100%!important}
  .e-loop-item:has(h3) h3{max-width:none;font-size:16px!important}
  /* contact stacks */
  .e-con.e-parent:has(.qn-cinfo){flex-direction:column!important;gap:26px}
  .e-con.e-parent:has(.qn-cinfo)>.e-con{width:100%!important}
  /* footer stacks: intro full, link cols two-up */
  .elementor-location-footer .e-con-inner>.e-con:first-child{flex-wrap:wrap!important;gap:26px!important}
  .elementor-location-footer .e-con-inner>.e-con:first-child>.e-con{width:100%!important}
  .elementor-location-footer .e-con-inner>.e-con:first-child>.e-con:not(:first-child){width:46%!important}
  /* article */
  .qn-art-title .elementor-heading-title{font-size:30px!important}
  .qn-art-body{font-size:16.5px!important}
  /* search + pager row wraps nicely */
  .qn-cl-top{gap:10px}
  .qn-ls{width:100%!important}
  .qn-pager{margin-inline-start:auto}
}
@media (max-width:767px){
  .qn-hero.e-con.e-parent{padding:0!important}
  .elementor-location-header .e-con-inner>.elementor-widget-html:first-child{flex:none}
  .qn-brand .sub{font-size:10px!important;letter-spacing:.14em!important}
  .qn-tools{margin-inline-start:auto}
}
/* rows can always shrink */
.e-loop-item:has(h3)>.e-con>*{min-width:0}
.e-loop-item:has(h3) .elementor-widget-heading:has(h3){flex:1 1 auto!important;min-width:0!important}
@media (max-width:1024px){
  .e-loop-item:has(h3) .elementor-widget-image{width:130px!important}
}
@media (max-width:767px){
  .qn-lang .elementor-button{white-space:nowrap}
  .qn-lang .elementor-button .elementor-button-content-wrapper{flex-wrap:nowrap}
  .qn-tools{gap:10px!important}
  .qn-brand{flex:none}
}
.qn-tools>.elementor-widget-button{flex:none!important;width:auto!important}
.qn-tools .elementor-button{width:auto!important}

/* card/featured pill: white overlay, first category only */
.qn-feat .e-loop-item>.e-con{position:relative}
.elementor-widget-text-editor.qn-cardpill{position:absolute;top:13px;inset-inline-start:13px;z-index:2;width:auto!important;margin:0!important;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-radius:100px;padding:6px 11px;font-size:0!important;line-height:1}
.qn-cardpill a{font:700 10.5px Manrope,sans-serif!important;letter-spacing:.09em!important;text-transform:uppercase;color:#141414!important;text-decoration:none}
.qn-cardpill a:not(:first-of-type){display:none}
.qn-cardpill p{display:inline;margin:0;font-size:0}
/* article meta: dot separators + reading time */
.qn-art-meta>.elementor-widget:not(:first-child)::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#C9C5BD;margin-inline-end:12px;vertical-align:middle}
.qn-art-meta{align-items:center}
.qn-readtime{font:700 12px Manrope,sans-serif;color:#141414;border:1px solid #DAD7D0;border-radius:100px;padding:6px 13px;letter-spacing:.04em}
.qn-art-meta>.qn-readtime.elementor-widget::before{display:none}
.qn-art-meta>.elementor-widget-heading:has(.elementor-heading-title:empty)::before{display:none}
/* featured excerpt: clamp to 3 lines with automatic ellipsis */
.qn-feat .e-loop-item .elementor-widget-text-editor:not(.qn-cardpill){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.qn-feat .e-loop-item .elementor-widget-text-editor:not(.qn-cardpill) p{margin:0}

/* clamped excerpt: keep the appended ellipsis tight */
.qn-feat .e-loop-item .elementor-widget-text-editor:not(.qn-cardpill) p{white-space:pre-line}

/* ===== language switcher (custom, all languages) ===== */
.qn-ls{position:relative;display:inline-block}
.qn-ls-btn{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 15px!important;border:1px solid #DAD7D0!important;border-radius:100px!important;background:#fff!important;color:#141414!important;font:600 14px Manrope,sans-serif!important;cursor:pointer;white-space:nowrap;box-shadow:none!important}
.qn-ls-btn:hover{border-color:#EC6608!important;color:#EC6608!important}
.qn-ls-btn svg{width:15px;height:15px;flex:none}
.qn-ls-chev{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-inline-start:3px}
.qn-ls-menu{display:none;position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:206px;background:#fff;border:1px solid #E9E7E2;border-radius:14px;box-shadow:0 24px 50px -26px rgba(0,0,0,.34);overflow:hidden;z-index:600;flex-direction:column;padding:6px}
.qn-ls.open .qn-ls-menu{display:flex}
.qn-ls-opt{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:#141414!important;text-decoration:none;font:500 14px Lato,sans-serif;transition:.16s}
.qn-ls-opt:hover{background:#F6F5F2;color:#EC6608!important}
.qn-ls-opt.is-current{background:#141414;color:#fff!important}
.qn-ls-code{font:700 11px Manrope,sans-serif;letter-spacing:.06em;opacity:.6;width:22px;flex:none}
.qn-ls-opt.is-current .qn-ls-code{opacity:.75}
/* logical order: English first, then the markets with content, then the rest */
.qn-ls-opt[lang=en],.qn-lslist a[lang=en],.qn-lsgrid a[lang=en]{order:1}
.qn-ls-opt[lang=fr],.qn-lslist a[lang=fr],.qn-lsgrid a[lang=fr]{order:2}
.qn-ls-opt[lang=ar],.qn-lslist a[lang=ar],.qn-lsgrid a[lang=ar]{order:3}
.qn-ls-opt[lang=ru],.qn-lslist a[lang=ru],.qn-lsgrid a[lang=ru]{order:4}
.qn-ls-opt[lang=id],.qn-lslist a[lang=id],.qn-lsgrid a[lang=id]{order:5}
.qn-ls-opt[lang=ms],.qn-lslist a[lang=ms],.qn-lsgrid a[lang=ms]{order:6}
.qn-ls-opt[lang=sw],.qn-lslist a[lang=sw],.qn-lsgrid a[lang=sw]{order:7}
.qn-ls-opt[lang=vi],.qn-lslist a[lang=vi],.qn-lsgrid a[lang=vi]{order:8}
.qn-ls-opt[lang=az],.qn-lslist a[lang=az],.qn-lsgrid a[lang=az]{order:9}
.qn-ls-opt[lang=es],.qn-lslist a[lang=es],.qn-lsgrid a[lang=es]{order:10}
.qn-ls-opt[lang=uz],.qn-lslist a[lang=uz],.qn-lsgrid a[lang=uz]{order:11}
.qn-lslist{display:grid!important;grid-template-columns:1fr 1fr;column-gap:22px;row-gap:8px;align-content:start}
@media(max-width:767px){.qn-lslist{grid-template-columns:1fr 1fr}}
.qn-lsgrid{display:grid}
/* switcher polish: keep the panel inside the viewport, tidy RTL names */
.elementor-location-header .e-con-inner,.elementor-location-header .e-con.e-parent{overflow:visible!important}
.qn-ls-menu{inset-inline-end:0;inset-inline-start:auto}
.qn-ls-opt[lang=ar]{direction:rtl;justify-content:flex-end}
.qn-ls-opt[lang=ar] .qn-ls-code{order:2}
/* channel tabs: white pills, dark active (kit button style bleeds into raw buttons) */
.qn-ch .qn-ch-tab{border:1px solid #DAD7D0!important;background:#fff!important;color:#141414!important;border-radius:999px!important;padding:8px 16px!important;font:600 13px Manrope,sans-serif!important;box-shadow:none!important}
.qn-ch .qn-ch-tab:hover{border-color:#EC6608!important;color:#EC6608!important;background:#fff!important}
.qn-ch .qn-ch-tab.on{background:#141414!important;border-color:#141414!important;color:#fff!important}
/* footer watermark: pure white, transparent */
.qn-fbig img{filter:brightness(0) invert(1);opacity:.07;display:block;width:100%}
.qn-fbig{line-height:0;user-select:none;pointer-events:none}

/* clipping rows: outlet column + mobile arrow rules */
/* meta block: publisher above/next to date, right aligned, compact */
.qn-outlet{flex:none!important;width:auto!important;text-align:right}
.qn-outlet .elementor-heading-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30ch;display:block}
.e-loop-item:has(h3) .qn-outlet:has(.elementor-heading-title:empty){display:none}
.e-loop-item:has(h3) .qn-outlet+.elementor-widget-heading{margin-inline-start:0}
.e-loop-item:has(h3)>.e-con{column-gap:18px}
.e-loop-item:has(h3) .qn-outlet .elementor-heading-title{color:#141414!important;font-weight:700}
@media (max-width:767px){
  .qn-outlet{width:auto!important;order:2}
  .qn-outlet .elementor-heading-title{font-size:11px!important}
  /* arrow hidden on mobile — the whole row stays clickable */
  .e-loop-item:has(h3) .elementor-widget-html:has(.qn-goc){display:none!important}
}

/* stack publisher + date as one tight meta column */
.e-loop-item:has(h3) .qn-outlet{align-self:center}
.e-loop-item:has(h3) .qn-outlet+.elementor-widget-heading h6{text-align:right}
@media(min-width:768px){
  .e-loop-item:has(h3) .qn-outlet{margin-inline-start:auto;margin-bottom:-2px}
  .e-loop-item:has(h3) .qn-outlet+.elementor-widget-heading{flex:none!important}
}

/* narrow desktop / tablet: publisher and date stack tightly */
@media(max-width:1100px){
  .e-loop-item:has(h3) .qn-outlet .elementor-heading-title{max-width:18ch}
}
/* ===== mobile clipping row: compact card, no overlap ===== */
@media(max-width:767px){
  a.e-con:has(h3){
    display:grid!important;
    grid-template-columns:74px 1fr!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    column-gap:12px!important;row-gap:4px!important;
    padding-block:14px!important;flex-wrap:nowrap!important;
  }
  /* thumb spans both rows */
  .e-loop-item:has(h3) .elementor-widget-image{grid-column:1;grid-row:1 / span 2;width:74px!important;align-self:center}
  .e-loop-item:has(h3) .elementor-widget-image img{width:74px!important;height:52px!important;border-radius:8px}
  /* meta line: publisher (orange) then date */
  .e-loop-item:has(h3) .qn-outlet{grid-column:2;grid-row:1;width:auto!important;text-align:left;margin:0!important;justify-self:start}
  .e-loop-item:has(h3) .qn-outlet .elementor-heading-title{max-width:100%!important;font-size:10px!important;letter-spacing:.08em!important;color:#163363!important;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .e-loop-item:has(h3) .qn-outlet{max-width:calc(100% - 118px)!important;min-width:0!important;overflow:hidden!important}
  .e-loop-item:has(h3) .qn-outlet+.elementor-widget-heading{grid-column:2;grid-row:1;width:auto!important;justify-self:end;margin:0!important}
  .e-loop-item:has(h3) .qn-outlet+.elementor-widget-heading h6{font-size:10px!important;color:#736E63!important;text-align:right;letter-spacing:.02em}
  /* headline on the second row */
  .e-loop-item:has(h3) .elementor-widget-heading:has(h3){grid-column:2;grid-row:2;width:100%!important;max-width:none!important}
  .e-loop-item:has(h3) h3{max-width:none!important;font-size:14.5px!important;line-height:1.4!important;color:#141414}
  /* touch devices: no hover state at all, only a press feedback */
  .e-loop-item:has(h3):hover h3,
  .e-loop-item:hover h3{color:#141414!important}
  .e-loop-item:has(h3):hover .qn-goc{background:transparent!important;border-color:#DAD7D0!important;color:#141414!important}
  .e-loop-item:has(h3):hover .elementor-widget-image img{transform:none!important}
  a.e-con:has(h3):hover{padding-inline-start:0!important;background:transparent}
  a.e-con:has(h3):active{background:#FAF8F5}
  a.e-con:has(h3):active h3{color:#163363!important}
}


/* --- logo-like thumbnails: contain + centre instead of crop --- */
.e-loop-item:has(h3) .elementor-widget-image img.qn-logo-thumb{object-fit:contain!important;padding:6px;background:#fff}
.e-loop-item:has(h4) .elementor-widget-image img.qn-logo-thumb{object-fit:contain!important;padding:14px;background:#F6F5F2}
.qn-feat .e-loop-item img.qn-logo-thumb{object-fit:contain!important;padding:26px;background:#F6F5F2}

/* --- press-release cards: 2 columns on mobile --- */
@media (max-width:767px){
  .elementor-widget-loop-grid:has(.e-loop-item h4) .elementor-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px 12px!important}
  .e-loop-item:has(h4) h4{font-size:14px!important;line-height:1.28!important}
  .e-loop-item:has(h4) .elementor-widget-image img{height:120px!important}
  /* ===== press-release cards on mobile: 50/50 thumb | text ===== */
  .elementor-widget-loop-grid:has(.e-loop-item h4) .elementor-grid{
    display:grid!important;grid-template-columns:1fr!important;gap:0!important}
  .e-loop-item:has(h4){border-top:1px solid #E9E7E2}
  .e-loop-item:has(h4):first-child{border-top:0}
  .e-loop-item:has(h4)>.e-con{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:auto auto auto!important;
    align-items:start!important;
    column-gap:14px!important;row-gap:0!important;
    padding:14px 0!important;position:relative}
  /* thumbnail fills the left half, flush to the grid's left edge */
  .e-loop-item:has(h4) .elementor-widget-image{
    grid-column:1;grid-row:1 / span 3;align-self:center;
    position:relative;width:100%!important;
    border-radius:14px;overflow:hidden;line-height:0}
  .e-loop-item:has(h4) .elementor-widget-image img{
    width:100%!important;height:112px!important;object-fit:cover;display:block}
  .e-loop-item:has(h4) .elementor-widget-image img.qn-logo-thumb{object-fit:contain!important;padding:10px;background:#F3F1EB}
  /* category pill sits under the headline, in the text column */
  .e-loop-item:has(h4) .qn-cardpill{
    position:static!important;grid-column:2;grid-row:3;align-self:start;
    justify-self:start;margin:8px 0 0 0!important;
    background:transparent!important;backdrop-filter:none!important;
    padding:0!important;border-radius:0!important;width:auto!important}
  .e-loop-item:has(h4) .qn-cardpill a{
    display:inline-block;font-size:9.5px!important;letter-spacing:.08em!important;
    color:#163363!important;border:1px solid #EFD9C6;border-radius:100px;padding:3px 9px}
  /* right half: orange date above the headline */
  .e-loop-item:has(h4) .elementor-widget-heading:has(h4){grid-column:2;grid-row:2;align-self:start}
  .e-loop-item:has(h4) h4{font-size:13.5px!important;line-height:1.32!important;margin:0!important}
  .e-loop-item:has(h4) .elementor-widget-heading:has(h6){
    grid-column:2;grid-row:1;align-self:start;margin:0 0 4px 0!important}
  .e-loop-item:has(h4) h6{
    font-size:10.5px!important;font-weight:700!important;letter-spacing:.06em!important;
    text-transform:uppercase;color:#163363!important}
  .e-loop-item:has(h4) h6{font-size:12px!important}
  .e-loop-item:has(h4)>.e-con{gap:8px!important}
  /* featured on mobile: narrower image, pill tucked inside */
  .qn-feat .e-loop-item .elementor-widget-image{width:86%!important;margin-inline:auto}
  .qn-feat .e-loop-item .elementor-widget-image img{height:230px!important;border-radius:16px}
  .qn-feat .qn-cardpill{top:10px!important;inset-inline-start:calc(7% + 10px)!important;padding:5px 10px!important}
  .qn-feat .qn-cardpill a{font-size:9.5px!important;letter-spacing:.07em!important}
}

/* devices without a real pointer: never apply hover styling to rows or cards */
@media (hover:none){
  .e-loop-item:hover h3{color:#141414!important}
  .e-loop-item:hover .elementor-widget-image img{transform:none!important}
  .e-loop-item:has(h3):hover .qn-goc{background:transparent!important;border-color:#DAD7D0!important;color:#141414!important}
  a.e-con:has(h3):hover{padding-inline-start:0!important}
  .e-loop-item:has(h4):hover h4{color:#141414!important}
  .qn-feat .e-loop-item:hover .elementor-widget-image img{transform:none!important}
}

/* ===== mobile: centred filter chips + compact language dropdown ===== */
@media (max-width:767px){
  .qn-cl .qn-chips,.qn-hchips{justify-content:center!important}
  .qn-cl-top{flex-direction:column;align-items:stretch}
  .qn-cl .qn-chip,.qn-hchips a{padding:7px 14px!important;font-size:12.5px!important}
  .qn-pager{margin-inline:auto!important}

  /* language dropdown: compact two-column panel under the button */
  .qn-ls-menu{
    width:min(300px,calc(100vw - 28px));min-width:0;
    grid-template-columns:1fr 1fr;gap:3px;
    max-height:min(56vh,380px);overflow-y:auto;
    padding:8px!important;border-radius:16px!important}
  .qn-ls.open .qn-ls-menu{display:grid!important}
  .qn-ls-opt{padding:9px 8px!important;border-radius:10px!important;font-size:13px!important;gap:7px!important}
  .qn-ls-code{width:19px;font-size:9.5px!important}
}

/* contact lead paragraph: keep it off the right edge */
.e-con:has(.qn-cinfo) .qn-contact-h ~ .elementor-widget-text-editor{padding-inline-end:15%}
.qn-cbtn{margin-top:6px}

/* footer: orange headings + active language */
.elementor-location-footer .elementor-widget-heading .elementor-heading-title{color:#EC6608!important}
.elementor-location-footer .qn-lslist a.is-current{color:#EC6608!important;font-weight:700}

/* featured: date + "Read release →" on one line, no overlap */
@media (min-width:768px){
  .qn-feat .e-loop-item>.e-con>.e-con{display:flex!important;flex-direction:column!important;align-items:flex-start}
  .qn-feat .e-loop-item>.e-con>.e-con>.elementor-widget-heading:has(h6):not(.qn-eyebrow){
    display:inline-block;width:auto!important;margin:16px 0 0 0!important;position:static!important}
  .qn-feat .e-loop-item>.e-con>.e-con>.elementor-widget-button{
    width:auto!important;margin:-37px 0 0 150px!important;position:static!important}
  .qn-feat .e-loop-item .elementor-widget-button .elementor-button{padding:0!important}
}
/* homepage 'View all →' aligns with the filter chips row */
@media (min-width:768px){
  .qn-shead{align-items:flex-end}
  .qn-shead>.elementor-widget-button{margin-bottom:0}
}

/* contact: address on one line, lead paragraph unbroken */
.qn-cinfo .ci .v{font-size:14.5px}
/* address keeps its intentional break, everything else stays tidy */
.qn-cinfo .ci .v{line-height:1.55}
.e-con:has(.qn-cinfo) .qn-contact-h ~ .elementor-widget-text-editor{padding-inline-end:0}
@media (min-width:768px){.e-con:has(.qn-cinfo) .qn-contact-h ~ .elementor-widget-text-editor p{white-space:normal;max-width:none}}
.e-con:has(.qn-cinfo) .qn-contact-h ~ .elementor-widget-text-editor p{text-wrap:pretty}

/* 'View all →' rides on the chips row */
.qn-hchips{align-items:center}
.qn-hchips .qn-viewall{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;
  font:700 14px Manrope,sans-serif;color:#141414;text-decoration:none;white-space:nowrap;transition:color .18s}
.qn-hchips .qn-viewall:hover{color:#EC6608}
.qn-shead.qn-hasmoved>.elementor-widget-button{display:none}

/* featured: eyebrow always first and normal */
.qn-feat .e-loop-item>.e-con>.e-con>.qn-eyebrow{order:-1;position:static!important;margin:0 0 8px 0!important;width:auto!important;display:block!important}

/* header: language switcher must not reserve the dropdown's width */
.qn-tools .elementor-widget-shortcode,.qn-tools .elementor-shortcode{width:auto!important;display:inline-flex}
.qn-ls{width:auto!important;flex:none!important}
.qn-ls-menu{width:206px}
@media (max-width:767px){.qn-ls-menu{width:min(300px,calc(100vw - 28px))}}

/* archive head: search box sits on the baseline of the intro block */
@media (min-width:768px){
  .e-con.e-parent:has(.qn-ls-drop){align-items:flex-end!important}
  .e-con.e-parent:has(.qn-ls-drop)>.elementor-widget-html{margin-bottom:4px}
}

/* pagination: chevrons everywhere, including translated labels */
.elementor-pagination .page-numbers.prev,.elementor-pagination .page-numbers.next{
  font-size:0!important;line-height:0!important;width:38px!important;min-width:38px!important;padding:0!important;overflow:hidden}
.elementor-pagination .page-numbers.prev::before,.elementor-pagination .page-numbers.next::before{
  content:"";display:block;width:13px;height:13px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='6 4.5 12 15' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='6 4.5 12 15' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.elementor-pagination .page-numbers.prev::before{transform:scaleX(-1)}

/* contact social icons: consistent size and hover */
.qn-csoc a{width:38px;height:38px;flex:none}
.qn-csoc svg{width:15px!important;height:15px!important;display:block}
.qn-csoc a:hover svg{color:#fff}

/* "Read release →" as a bordered pill, matching the filter chips */
.qn-feat .e-loop-item .elementor-widget-button .elementor-button{
  border:1px solid #DAD7D0!important;border-radius:100px!important;
  padding:8px 16px!important;background:#fff!important;color:#141414!important;
  font:600 13px Manrope,sans-serif!important;transition:.18s}
.qn-feat .e-loop-item .elementor-widget-button .elementor-button:hover{
  background:#EC6608!important;border-color:#EC6608!important;color:#fff!important}
@media (min-width:768px){
  .qn-feat .e-loop-item>.e-con>.e-con>.elementor-widget-button{margin:-46px 0 0 150px!important}
}

/* featured split: 46% image / 54% text — 570x380 so the box is 3:2 like the cards */
@media (min-width:768px){
  .qn-feat .e-loop-item>.e-con>.elementor-widget-image{width:46%!important;flex:none!important}
  .qn-feat .e-loop-item>.e-con>.e-con{width:54%!important;flex:none!important}
  .qn-feat .e-loop-item .elementor-widget-image img{height:380px!important;object-fit:cover;width:100%}
}

/* ===== press-kit band: navy gradient like the hero/footer ===== */
.qn-assets{
  background:radial-gradient(120% 140% at 12% 8%, #1c3d6e 0%, transparent 60%),
             linear-gradient(152deg,#153561 0%,#0d2244 52%,#0a1a35 100%)!important;
  border-color:transparent!important;isolation:isolate;position:relative}
.qn-assets::before{content:"";position:absolute;inset:0;z-index:0;opacity:.45;mix-blend-mode:overlay;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.qn-assets>*{position:relative;z-index:1}
.qn-assets .qn-eyebrow .elementor-heading-title{color:#FFB27A!important}
.qn-assets h3{color:#fff!important}
.qn-assets .elementor-widget-text-editor,.qn-assets .elementor-widget-text-editor p{color:rgba(255,255,255,.8)!important}
.qn-assets .elementor-widget-button .elementor-button{color:#fff!important}
.qn-assets .elementor-widget-button .elementor-button:hover{color:#FFB27A!important}
/* cards on navy: translucent surface, brighter on hover */
.qn-assets .qn-akit a{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.14)!important;backdrop-filter:blur(2px)}
.qn-assets .qn-akit a:hover{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.3)!important;box-shadow:0 22px 46px -28px rgba(0,0,0,.6)!important}
.qn-assets .qn-akit .at{color:#fff!important}
.qn-assets .qn-akit .ar{border-color:rgba(255,255,255,.28)!important;color:#fff!important}
.qn-assets .qn-akit a:hover .ar{background:#EC6608!important;border-color:#EC6608!important;color:#fff!important}

/* ===== site-wide: section links styled as pills (chips logic) ===== */
.qn-shead .elementor-widget-button .elementor-button,
.qn-hchips .qn-viewall,
.qn-feat .e-loop-item .elementor-widget-button .elementor-button,
.qn-back .elementor-button{
  display:inline-flex!important;align-items:center;gap:8px;
  border:1px solid #DAD7D0!important;border-radius:100px!important;
  padding:8px 16px!important;background:#fff!important;color:#141414!important;
  font:600 13px Manrope,sans-serif!important;text-decoration:none;transition:.18s;box-shadow:none!important}
.qn-shead .elementor-widget-button .elementor-button:hover,
.qn-hchips .qn-viewall:hover,
.qn-feat .e-loop-item .elementor-widget-button .elementor-button:hover,
.qn-back .elementor-button:hover{
  background:#EC6608!important;border-color:#EC6608!important;color:#fff!important}
/* on the navy press-kit band the pill inverts */
.qn-assets .qn-shead .elementor-widget-button .elementor-button{
  background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important}
.qn-assets .qn-shead .elementor-widget-button .elementor-button:hover{
  background:#EC6608!important;border-color:#EC6608!important;color:#fff!important}

/* empty state */
.qn-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:54px 20px 40px}
.qn-empty svg{width:120px;height:96px;margin-bottom:10px}
.qn-empty h4{font:800 20px Manrope,sans-serif;color:#141414;margin:0}
.qn-empty p{font:400 15px/1.6 Lato,sans-serif;color:#736E63;margin:0;max-width:46ch}

/* card pill: readable on light placeholder covers */
.qn-cardpill{background:rgba(255,255,255,.94)!important;border:1px solid #E2DED4!important;box-shadow:0 2px 8px -4px rgba(0,0,0,.18)}
/* placeholder covers must never stretch */
.e-loop-item .elementor-widget-image img[src*="qnet-placeholder"]{object-fit:contain!important;background:#F3F1EB}
.qn-feat .e-loop-item img[src*="qnet-placeholder"]{object-fit:contain!important;background:#F3F1EB}

/* --- clipping rows with no article link: fully inert, no affordance --- */
a.e-con:not([href]),
a.e-con[href=""]{cursor:default!important}
/* no link -> no arrow, but keep its footprint so the date column stays aligned */
a.e-con:not([href]) .qn-goc,
a.e-con[href=""] .qn-goc{visibility:hidden!important}
.e-loop-item:has(> a.e-con:not([href])):hover{padding-inline-start:0!important}
.e-loop-item:has(> a.e-con:not([href])):hover h3{color:#141414!important}
.e-loop-item:has(> a.e-con:not([href])):hover .elementor-widget-image img{transform:none!important}
.e-loop-item:has(> a.e-con:not([href])):hover .qn-goc{background:transparent!important;border-color:#DAD7D0!important;color:#141414!important}

/* --- clipping thumbnails that are outlet mastheads: show the whole logo, never crop it --- */
.e-loop-item img.qn-fit-contain{object-fit:contain!important;background:#FFFFFF;padding:7px;box-sizing:border-box}
.e-loop-item:hover img.qn-fit-contain{transform:none!important}
.qn-feat .e-loop-item img.qn-fit-contain{padding:14px}

/* pagination chevrons: the span also holds hidden "Previous"/"Next" text, which makes the
   grid lay out two items and pushes the chevron up-left. Flex centring ignores it. */
.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next{
  display:flex!important;align-items:center!important;justify-content:center!important;
  line-height:0!important}
.elementor-pagination .page-numbers.prev::before,
.elementor-pagination .page-numbers.next::before{flex:none;margin:0}

/* --- "View all" sits to the right of the section title, on the same line --- */
.qn-shead{display:flex!important;flex-direction:row!important;align-items:flex-end!important;
  justify-content:space-between!important;gap:20px;flex-wrap:nowrap!important}
.qn-shead>.e-con{flex:1 1 auto!important;min-width:0}
.qn-shead>.elementor-widget-button{flex:0 0 auto!important;width:auto!important;display:block!important;margin:0 0 4px 0!important}
.qn-hchips .qn-viewall{display:none}     /* the moved copy is gone; keep any stale one hidden */

@media(max-width:767px){
  .qn-shead{align-items:center!important;gap:12px}
  .qn-shead>.elementor-widget-button{margin-bottom:0!important}

  /* category pills: the widget is only a container - the pill outline belongs to each link */
  .e-loop-item:has(h4) .qn-cardpill{
    border:0!important;box-shadow:none!important;background:transparent!important;
    display:flex!important;flex-wrap:wrap;gap:6px;font-size:0!important}
  .e-loop-item:has(h4) .qn-cardpill a{margin:0!important}

  /* featured card: date and button share one line */
  .qn-feat .e-loop-item .e-con:has(>.elementor-widget-button){
    flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;column-gap:14px}
  .qn-feat .e-loop-item .e-con:has(>.elementor-widget-button)>*{flex:0 0 100%}
  .qn-feat .e-loop-item .elementor-widget-heading:has(h6):not(.qn-eyebrow),
  .qn-feat .e-loop-item .elementor-widget-button{flex:0 0 auto!important;width:auto!important;margin:0!important}
}

/* ============ press releases: reading comfort and polish ============ */

/* Search field was 176px wide, clipping its own placeholder.
   Scoped with :has(input) because the language switcher shares the .qn-ls class -
   a blanket min-width here padded the switcher and pushed the header button away. */
.qn-ls:has(input){min-width:290px}
.qn-ls input{width:100%!important;box-sizing:border-box}
@media(max-width:767px){.qn-ls:has(input){min-width:0;width:100%}}

/* Article body: the measure was ~88 characters per line, well past comfortable
   reading (60-75). Narrow it, open up the paragraph rhythm, and give the
   opening paragraph the weight of a standfirst. */
/* 640px at 18.5px Lato lands around 68-70 characters per line, the comfortable band.
   Set in px, not ch: ch resolves against the element's own font and gave 710px here. */
.qn-art-body{max-width:640px!important}
.qn-art-body p{font-size:18.5px!important;line-height:1.72!important;margin:0 0 1.45em!important;color:#141414!important}
.qn-art-body>p:first-of-type{font-size:21.5px!important;line-height:1.58!important;color:#141414!important;
  margin-bottom:1.5em!important;letter-spacing:-.005em}
.qn-art-body h2,.qn-art-body h3,.qn-art-body h4{margin:2em 0 .6em!important;letter-spacing:-.015em}

/* real lists, and the bullet paragraphs converted from "• text" */
.qn-art-body ul{margin:0 0 1.45em!important;padding-inline-start:1.15em;list-style:none}
.qn-art-body ul li{position:relative;font-size:18.5px;line-height:1.72;color:#141414;margin:0 0 .5em;padding-inline-start:.35em}
.qn-art-body ul li::before{content:"";position:absolute;inset-inline-start:-.75em;top:.72em;
  width:5px;height:5px;border-radius:50%;background:#EC6608}

/* pulled quote: a paragraph that is entirely a quotation */
.qn-art-body p.qn-pull{font-size:23px!important;line-height:1.5!important;color:#141414!important;
  border-inline-start:3px solid #EC6608;padding-inline-start:22px;margin:1.7em 0!important;letter-spacing:-.01em}

/* the standing "About QNET" boilerplate reads as a footnote, not as news */
.qn-art-body p.qn-boiler{font-size:15.5px!important;line-height:1.65!important;color:#736E63!important;margin-bottom:1em!important}
.qn-art-body p.qn-boiler.qn-boiler-first{border-top:1px solid #E9E7E2;padding-top:26px;margin-top:2.4em!important}

@media(max-width:767px){
  .qn-art-body p{font-size:17px!important}
  .qn-art-body>p:first-of-type{font-size:19px!important}
  .qn-art-body p.qn-pull{font-size:19px!important;padding-inline-start:16px}
}

/* --- accessibilité -------------------------------------------------------
   Le lien d'évitement doit rester atteignable au clavier : masqué visuellement
   mais jamais display:none, sinon il ne peut plus recevoir le focus. */
.skip-link.screen-reader-text{position:absolute!important;display:block!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link.screen-reader-text:focus{position:fixed!important;inset-inline-start:16px!important;top:16px!important;width:auto!important;height:auto!important;margin:0!important;padding:14px 22px!important;clip:auto!important;clip-path:none!important;overflow:visible!important;background:#141414!important;color:#fff!important;border-radius:10px!important;font:700 14px/1 Manrope,sans-serif!important;letter-spacing:.01em;text-decoration:none!important;z-index:100000!important;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}


/* --- contraste AA -------------------------------------------------------
   #EC6608 ne donne que 3,25:1 sur blanc : conforme pour un grand titre, pas
   pour du texte de 11 à 15 px. #163363 garde la teinte (24,7°) et la
   saturation (93 %) du orange QNET et atteint 4,98:1 sur blanc, 4,50:1 sur le
   crème des cartes. Le orange de marque reste intact sur les fonds sombres,
   où il donne déjà 5,68:1. */
.elementor-location-footer .elementor-widget-heading .elementor-heading-title{color:#163363!important}
.elementor-location-footer .qn-lslist a.is-current,.qn-lsx.is-current{color:#163363!important}
.elementor-location-single h6.elementor-heading-title[role="presentation"],
.elementor-location-archive h6.elementor-heading-title[role="presentation"]{color:#163363!important}
.qn-art-cats a,.qn-art-tags a,a[rel="tag"]{color:#163363!important}
.e-loop-item:has(h3) .qn-outlet .elementor-heading-title{color:#163363!important}
/* the skip link is visually clipped, so it must still name a legible pairing */
.skip-link.screen-reader-text{color:#fff!important;background:#141414!important}
/* Ces deux-là vivent dans des modèles de boucle, pas dans les pages : le
   surtitre « Featured » de la mise en avant et la pastille de catégorie des
   cartes. Même teinte assombrie que partout ailleurs. */
.e-loop-item .qn-eyebrow .elementor-heading-title{color:#163363!important}
.qn-cardpill,.qn-cardpill p{color:#163363!important}

/* --- pastille de catégorie : capsule navy pleine ------------------------
   La pastille est posée sur la photographie de la carte. Une capsule blanche
   y dépend d'une ombre portée pour se détacher d'une image imprévisible ; un
   bloc opaque se sépare tout seul, sans effet. Le navy est la seconde couleur
   de marque (#163363, échantillonné sur le dégradé du héros) et le blanc y
   donne 12,4:1 — bien au-delà du seuil, à 10,5 px.
   L'orange redevient rare : il est réservé au héros et aux appels à l'action. */
.qn-cardpill{background:#163363!important;border:1px solid #163363!important;box-shadow:none!important;backdrop-filter:none!important}
.qn-cardpill,.qn-cardpill p,.qn-cardpill a{color:#FFFFFF!important}
.e-loop-item:hover .qn-cardpill{background:#112D56!important;border-color:#112D56!important}

/* mêmes catégories, même traitement sur la page d'article */
.qn-art-cats a{background:#163363!important;border:1px solid #163363!important;color:#FFFFFF!important}
.qn-art-cats a:hover{background:#112D56!important;border-color:#112D56!important;color:#FFFFFF!important}


/* --- système de couleurs adopté le 28 août ------------------------------
   Un rôle, une couleur. L'orange de marque ne descend plus dans le petit
   texte : il n'y atteint que 3,25:1 et l'assombrir lui faisait perdre sa
   teinte — c'est ce qui avait produit un #CD3A00 lu comme rouge. Les libellés
   passent au navy, seconde couleur de marque, qui donne 12,4:1 sans compromis.
   L'orange redevient rare : héros, boutons, fonds sombres. */

/* --- pied de page : fond navy sombre ------------------------------------
   Le navy des libellés y serait invisible. La pêche #FFB27A y donne 8,9:1 —
   c'est le même jeton que les surtitres posés sur le héros, donc le système
   reste à quatre couleurs : la teinte claire sert les fonds sombres. */
.elementor-location-footer .elementor-widget-heading .elementor-heading-title{color:#FFB27A!important}
.elementor-location-footer .qn-lslist a.is-current,.elementor-location-footer .qn-lsx.is-current{color:#FFB27A!important}

/* --- réseaux sociaux : pastilles navy, signes pêche --------------------- */

/* --- pastille de catégorie : contour orange vif, texte orange -----------
   Le contour porte l'orange de marque #EC6608 à pleine intensité — une
   bordure relève de la règle « éléments non textuels », seuil 3:1, qu'il
   franchit. Le texte, lui, est du 10,5 px : il lui faut 4,5:1, hors de portée
   de #EC6608 (3,25). #C85000 est le plus vif qui passe en restant à 24° de
   teinte, contre 25° pour la marque — c'est un orange, pas un rouge.
   L'échec précédent venait d'une teinte tombée à 17°, pas de l'assombrissement. */
.qn-cardpill{background:rgba(255,255,255,.95)!important;border:1px solid #E0DDD6!important;box-shadow:none!important;backdrop-filter:saturate(1.2) blur(2px)!important}
.qn-cardpill,.qn-cardpill p,.qn-cardpill a{color:#C85000!important}
.e-loop-item:hover .qn-cardpill{background:#FFF!important;border-color:#EC6608!important}
.e-loop-item:hover .qn-cardpill,.e-loop-item:hover .qn-cardpill a{color:#EC6608!important}

.qn-art-cats a{background:transparent!important;border:1.4px solid #EC6608!important;color:#C85000!important}
.qn-art-cats a:hover{background:#EC6608!important;border-color:#EC6608!important;color:#141414!important}

/* --- « View all » : une action, pas un filtre --------------------------
   Elle avait exactement la forme des pastilles de filtre — même capsule, même
   bordure grise — donc elle se lisait comme une septième catégorie. En navy
   plein elle se distingue des deux états de filtre : blanc contour, et encre
   pleine pour l'actif. */
.qn-shead .elementor-button,.qn-shead a.elementor-button{background:#163363!important;border:1px solid #163363!important;color:#FFFFFF!important}
.qn-shead .elementor-button:hover{background:#112D56!important;border-color:#112D56!important;color:#FFFFFF!important}


/* --- réseaux sociaux : le conteneur réel est .qn-csoc ------------------- */
.qn-csoc a{background:#163363!important;border:1px solid #163363!important;color:#FFB27A!important}
.qn-csoc a svg{color:#FFB27A!important;fill:currentColor!important}
.qn-csoc a:hover{background:#112D56!important;border-color:#112D56!important;color:#FFFFFF!important}
.qn-csoc a:hover svg{color:#FFFFFF!important}

/* --- bouton de section : navy plein, distinct des filtres --------------- */
/* Le texte touchait les bords : le bouton n'avait aucune marge intérieure.
   Invisible tant qu'il était blanc sans fond, criant dès qu'il est plein —
   et pire encore sur un libellé court comme « Все » en russe. */
a.elementor-button.qn-secbtn,button.elementor-button.qn-secbtn,.elementor-widget-button a.elementor-button.qn-secbtn{background-color:#163363!important;background-image:none!important;border:1px solid #163363!important;color:#FFFFFF!important;padding:13px 26px!important;border-radius:100px!important;min-width:0!important}
a.elementor-button.qn-secbtn:hover,.elementor-widget-button a.elementor-button.qn-secbtn:hover{background-color:#112D56!important;border-color:#112D56!important;color:#FFFFFF!important}
.qn-secbtn .elementor-button-text,.qn-secbtn .elementor-button-content-wrapper{color:#FFFFFF!important}


/* --- market chip (newsroom-region) --- */
.qn-dateline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.qn-mkt{width:auto!important;margin:0!important;flex:0 0 auto}
.qn-mkt p{margin:0;display:flex;gap:6px;flex-wrap:wrap;border:none;padding:0}
.qn-mkt a,.qn-mkt p{font-family:Manrope,sans-serif!important;font-size:10.5px!important;font-weight:700!important;line-height:1!important;letter-spacing:.12em!important;text-transform:uppercase;color:#163363!important;text-decoration:none!important}
.qn-mkt a{display:inline-block;border:1px solid #DAD7D0;border-radius:100px;padding:5px 9px;pointer-events:none;cursor:default}
/* no region on this post: the tag renders an empty paragraph */
.elementor-widget-text-editor.qn-mkt:has(p:empty){display:none}
.qn-art-meta .qn-mkt a{padding:4px 9px}
/* same chip on the JS-rendered cards of the French list page */
.qn-res-card .dt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.qn-res-card .dt .mk{font-family:Manrope,sans-serif;font-size:10.5px;font-weight:700;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:#163363;border:1px solid #DAD7D0;border-radius:100px;padding:5px 9px}
/* the date row is tight on a phone — the chip is the first thing to go */
@media(max-width:600px){.qn-mkt,.qn-res-card .dt .mk{display:none}}

/* --- layout + RTL fixes 2026-09-17 --- */
/* featured: the date row and the button share one line, no negative margin */
.qn-feat .qn-dateline{width:100%!important;gap:14px}
.qn-feat .qn-dateline .elementor-widget-button{margin-top:0!important;margin-bottom:0!important;margin-inline-start:0;width:auto!important}
/* the chevron is a masked block: centre it inside the round button */
.qn-pager button{display:inline-grid!important;place-items:center}
.elementor-pagination a.page-numbers.prev,.elementor-pagination a.page-numbers.next{display:inline-grid;place-items:center;line-height:1}
.elementor-pagination a.page-numbers.prev::before,.elementor-pagination a.page-numbers.next::before{display:block;line-height:1}
/* right-to-left: a chevron has to point the way the language reads */
[dir="rtl"] .qn-pager .pv::before{transform:none}
[dir="rtl"] .qn-pager .pn::before{transform:scaleX(-1)}
[dir="rtl"] .elementor-pagination a.page-numbers.prev::before{content:"›"}
[dir="rtl"] .elementor-pagination a.page-numbers.next::before{content:"‹"}

/* --- pagination spans + card image fit 2026-09-17 --- */
/* page 1 renders "previous" as a span, so the chevron styling must not be link-only */
.elementor-pagination .page-numbers.prev,.elementor-pagination .page-numbers.next{font-size:0!important;line-height:0;display:inline-grid;place-items:center}
.elementor-pagination .page-numbers.prev::before{content:"‹";font-size:16px;line-height:1;display:block}
.elementor-pagination .page-numbers.next::before{content:"›";font-size:16px;line-height:1;display:block}
span.page-numbers.prev,span.page-numbers.next{opacity:.45}
/* a chevron points the way the language reads */
[dir="rtl"] .elementor-pagination .page-numbers.prev::before{content:"›"}
[dir="rtl"] .elementor-pagination .page-numbers.next::before{content:"‹"}
/* covers are cropped to the card, never stretched; only detected outlet logos are fitted whole */
.e-loop-item .elementor-widget-image img{object-fit:cover}
.e-loop-item img.qn-fit-contain,.e-loop-item img.qn-logo-thumb{object-fit:contain!important}
/* --- press-release search moved into the filter row 2026-09-22 --- */
/* it used to float in the hero beside the title; it now closes the category-chip row.
   Renamed qn-ls -> qn-find in the listing widgets: the header language switcher owns
   .qn-ls (qn-ls-btn/menu/opt), and the shared bare class made the search's
   click-outside handler resolve to the switcher instead of its own box.
   :last-child keeps this to the press-release page — on the clippings page the field
   is the FIRST child of the row and must stay left, with .qn-pager taking the auto margin. */
.qn-cl-top{align-items:center;gap:14px 20px;margin-bottom:6px}
.qn-cl-top .qn-chips{flex:1 1 auto}
.qn-cl-top > .qn-find:last-child{flex:0 0 auto;margin-inline-start:auto}
/* narrow: the field takes its own full-width line under the chips */
@media (max-width:767px){.qn-cl-top > .qn-find:last-child{margin-inline-start:0;width:100%;flex:1 1 100%}}

/* Media assets viewer: one fixed size for every folder, so the box no longer jumps when
   browsing with the previous/next chevrons. Long folders scroll inside; the scrollbar
   gutter is reserved so the grid never shifts sideways. */
.qn-amodal-p{height:min(82vh,640px)}
.qn-amodal-b{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-gutter:stable}
@media (max-width:600px){.qn-amodal-p{height:86vh;max-height:86vh}}

/* Media assets grid: 5 folders. One row of 5 on desktop, 3 + 2 on laptop/tablet,
   2 + 2 + full-width on phones, so no tile is ever left alone on a row.
   Doubled class to outrank the kit's own inline grid rules. */
.qn-akit.qn-akit{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1280px){.qn-akit.qn-akit{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){
  .qn-akit.qn-akit{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qn-akit.qn-akit > a:last-child:nth-child(odd){grid-column:1 / -1}
}

/* Media assets viewer, logo tiles: every logo centred inside ~72% x 62% of its card (>= ~14% margin
   on each side, so nothing touches the edge), never stretched beyond its real size, and white logo
   backgrounds blended into the card colour (no white boxes). Doubled class outranks the kit's inline CSS. */
.qn-atile.qn-atile .im.contain img{width:auto;height:auto;max-width:62%;max-height:46%;padding:0;object-fit:contain;mix-blend-mode:multiply}
/* Headings inside article text: a step above the body copy, never rivalling the article title */
.qn-art-body h2{font-size:clamp(22px,1.1rem + .8vw,28px);line-height:1.25;font-weight:700;margin:1.8em 0 .55em}
.qn-art-body h3{font-size:clamp(19px,1rem + .5vw,23px);line-height:1.3;font-weight:700;margin:1.5em 0 .45em}
.qn-art-body h4{font-size:19px;line-height:1.35;font-weight:700;margin:1.3em 0 .4em}
/* Language lists, most to least important: EN FR AR RU TR ID MS SW AZ ES (Turkish had no place in the order
   above, so it jumped to the front). In the footer the current language leads the list and carries a dot,
   so it is not marked by colour alone. */
.qn-ls-opt[lang=en],.qn-lslist a[lang=en],.qn-lsgrid a[lang=en]{order:1}
.qn-ls-opt[lang=fr],.qn-lslist a[lang=fr],.qn-lsgrid a[lang=fr]{order:2}
.qn-ls-opt[lang=ar],.qn-lslist a[lang=ar],.qn-lsgrid a[lang=ar]{order:3}
.qn-ls-opt[lang=ru],.qn-lslist a[lang=ru],.qn-lsgrid a[lang=ru]{order:4}
.qn-ls-opt[lang=tr],.qn-lslist a[lang=tr],.qn-lsgrid a[lang=tr]{order:5}
.qn-ls-opt[lang=id],.qn-lslist a[lang=id],.qn-lsgrid a[lang=id]{order:6}
.qn-ls-opt[lang=ms],.qn-lslist a[lang=ms],.qn-lsgrid a[lang=ms]{order:7}
.qn-ls-opt[lang=sw],.qn-lslist a[lang=sw],.qn-lsgrid a[lang=sw]{order:8}
.qn-ls-opt[lang=az],.qn-lslist a[lang=az],.qn-lsgrid a[lang=az]{order:9}
.qn-ls-opt[lang=es],.qn-lslist a[lang=es],.qn-lsgrid a[lang=es]{order:10}
.qn-lslist a.is-current{order:0}
.qn-lslist a.is-current::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-inline-end:9px;vertical-align:middle;position:relative;top:-1px}
/* Home, "Working on a story? Talk to us." block: centred on phones */
@media (max-width:767px){
  .e-con:has(>.qn-contact-h){align-items:center!important;text-align:center}
  .e-con:has(>.qn-contact-h)>.elementor-widget{text-align:center;width:100%}
  .e-con:has(>.qn-contact-h) .qn-eyebrow .elementor-heading-title{justify-content:center}
  .e-con:has(>.qn-contact-h) .elementor-widget-text-editor{padding-inline:0!important}
  .e-con:has(>.qn-contact-h) .elementor-button-wrapper{text-align:center}
}
/* Section headers that carry a button (home "In the news"): the button sits under the list, centred,
   at every width, like "View all" under the press releases. */
.e-con-inner:has(>.qn-shead>.elementor-widget-button)>.qn-shead{display:contents!important}
.e-con-inner:has(>.qn-shead>.elementor-widget-button)>.elementor-widget-loop-grid{order:2}
.e-con-inner:has(>.qn-shead>.elementor-widget-button)>.qn-shead>.elementor-widget-button{order:3;align-self:center;margin:18px 0 0!important}
/* Listing filters (every language): the search is an icon before the first chip and opens into a small field
   on click; it stays open while it holds text. Chips balance across their lines instead of leaving one alone. */
.qn-cl .qn-cl-top{display:flex!important;flex-direction:row!important;flex-wrap:nowrap;align-items:flex-start!important;gap:8px!important}
.qn-cl .qn-cl-top>.qn-find{order:-1;flex:0 0 auto!important;width:38px!important;max-width:100%;margin:0!important;transition:width .25s ease}
.qn-cl .qn-cl-top>.qn-find:focus-within,.qn-cl .qn-cl-top>.qn-find:has(input:not(:placeholder-shown)){width:260px!important}
.qn-cl .qn-find input{height:38px;padding:0 14px!important;padding-inline-start:38px!important;font-size:14px!important;cursor:pointer;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E") 10px center/16px no-repeat!important}
[dir=rtl] .qn-cl .qn-find input{background-position:right 10px center!important}
.qn-cl .qn-find:focus-within input{cursor:text}
.qn-cl .qn-find:not(:focus-within) input:placeholder-shown{padding:0!important;caret-color:transparent}
.qn-cl .qn-find:not(:focus-within) input:placeholder-shown::placeholder{color:transparent}
.qn-cl .qn-find:not(:focus-within):hover input{border-color:#EC6608}
.qn-cl .qn-find .qn-find-drop{left:auto;right:auto;inset-inline-start:0;width:min(360px,calc(100vw - 40px))}
.qn-cl .qn-cl-top>.qn-chips{display:block!important;flex:1 1 0!important;min-width:0;text-wrap:balance;margin-bottom:-8px}
.qn-cl .qn-chips .qn-chip{display:inline-flex;align-items:center;height:38px;margin:0 0 8px;margin-inline-end:6px;vertical-align:top}
@media (max-width:767px){
  .qn-cl .qn-cl-top{flex-wrap:wrap}
  .qn-cl .qn-cl-top>.qn-find:focus-within,.qn-cl .qn-cl-top>.qn-find:has(input:not(:placeholder-shown)){width:100%!important;flex-basis:100%!important}
  .qn-cl .qn-chips .qn-chip{height:34px}
  .qn-cl .qn-find input{height:34px}
  .qn-cl .qn-cl-top>.qn-find{width:34px!important}
}
/* Footer watermark logo: its box took the SVG's own 66px height while the logo is drawn wider and taller,
   so on phones the lower part hung below the footer's navy ground and vanished on white. The box is now
   sized from its width (logo ratio 300:66). */
.qn-fbig{position:relative;height:0!important;padding:0 0 22%!important;box-sizing:content-box!important;flex:0 0 auto!important}
.qn-fbig img{position:absolute;inset:0;width:100%!important;height:100%!important}
/* Contact details on phones: compact and centred. E-mail and phone share a row, the rest follow full width;
   the row icons are dropped (the labels say the same thing) and the rules are lighter. */
@media (max-width:767px){
  .qn-cinfo{display:grid!important;grid-template-columns:1fr 1fr;gap:0!important;border-top:1px solid #E9E7E2;border-bottom:1px solid #E9E7E2}
  .qn-cinfo .ci{display:block!important;text-align:center;padding:14px 10px!important;border:0!important;min-width:0}
  .qn-cinfo .ci>svg{display:none}
  .qn-cinfo .ci:nth-child(2){border-inline-start:1px solid #EFEDE8!important}
  .qn-cinfo .ci:nth-child(n+3){grid-column:1/-1;border-top:1px solid #EFEDE8!important}
  .qn-cinfo .ci .k{font-size:11px!important;margin-bottom:3px!important}
  .qn-cinfo .ci .v{font-size:14.5px!important;line-height:1.45!important;overflow-wrap:anywhere}
  .qn-cinfo .qn-csoc{justify-content:center;margin-top:8px}
}
/* Press release cards: the image always fills the card. Its width used to be left to the browser (inline-block
   link around an image sized by aspect-ratio), which gave a narrow, centred image while the lazy-load
   placeholder was in place, and in Safari even after the photo had loaded. */
.e-loop-item:has(h4) .elementor-widget-image a{display:block!important;width:100%!important}
.e-loop-item:has(h4) .elementor-widget-image img{display:block!important;width:100%!important;max-width:none!important}
/* Clippings filter bar on phones: the pager sits on its own line so the chips keep the full width */
@media (max-width:767px){
  .qn-cl .qn-cl-top{flex-wrap:wrap!important}
  .qn-cl .qn-cl-top>.qn-chips{flex:1 1 calc(100% - 46px)!important}
  .qn-cl .qn-cl-top>.qn-pager{order:5;flex:1 1 100%;justify-content:flex-end;margin-top:4px}
}
/* Pager chevrons (lists of press releases and clippings): drawn chevrons, optically centred in their circle.
   The text glyphs ‹ › sat high because of the font's own metrics. */
.elementor-pagination a.page-numbers.prev,.elementor-pagination a.page-numbers.next,.qn-pager button{display:inline-grid!important;place-items:center!important;padding:0!important;font-size:0!important;line-height:0!important}
.elementor-pagination a.page-numbers.prev::before,.elementor-pagination a.page-numbers.next::before,.qn-pager button::before{content:""!important;display:block;width:14px;height:14px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 5.5 16 12l-6.5 6.5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 5.5 16 12l-6.5 6.5'/%3E%3C/svg%3E") center/contain no-repeat}
.elementor-pagination a.page-numbers.prev::before,.qn-pager .pv::before{transform:scaleX(-1)}
[dir="rtl"] .elementor-pagination a.page-numbers.prev::before,[dir="rtl"] .qn-pager .pv::before{transform:none}
[dir="rtl"] .elementor-pagination a.page-numbers.next::before,[dir="rtl"] .qn-pager .pn::before{transform:scaleX(-1)}
.qn-pager .pc,.elementor-pagination{font-variant-numeric:tabular-nums}
/* the button still holds its text glyph (font-size 0), which took a grid row and pushed the chevron up:
   pin the chevron to the exact centre instead */
.elementor-pagination a.page-numbers.prev,.elementor-pagination a.page-numbers.next,.qn-pager button{position:relative!important}
.elementor-pagination a.page-numbers.prev::before,.elementor-pagination a.page-numbers.next::before,.qn-pager button::before{position:absolute;inset:0;margin:auto}
/* Quote block of the editor (blockquote.wp-block-quote) looks like the automatic pulled quote */
.qn-art-body blockquote{margin:1.7em 0!important;padding:0 0 0 22px!important;border:0!important;border-inline-start:3px solid #EC6608!important;background:none!important;quotes:none}
.qn-art-body blockquote p{font-size:23px!important;line-height:1.5!important;color:#141414!important;margin:0 0 .4em!important;letter-spacing:-.01em}
.qn-art-body blockquote cite{display:block;font:600 14px/1.4 Manrope,sans-serif;font-style:normal;color:#5E5A52;margin-top:6px}
@media(max-width:767px){.qn-art-body blockquote p{font-size:19px!important}.qn-art-body blockquote{padding-inline-start:16px!important}}