<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Lexicogs</title>
	<atom:link href="https://lexicogs.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://lexicogs.com</link>
	<description>Learning about languages</description>
	<lastBuildDate>Sun, 27 Sep 2026 10:51:05 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.2</generator>

<image>
	<url>https://lexicogs.com/wp-content/uploads/2023/05/cropped-Lexi-Logo-White-v4-08-32x32.png</url>
	<title>Lexicogs</title>
	<link>https://lexicogs.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Brack. An Immersive Poem</title>
		<link>https://lexicogs.com/brack-an-immersive-poem/</link>
					<comments>https://lexicogs.com/brack-an-immersive-poem/#respond</comments>
		
		<dc:creator><![CDATA[duncjclark]]></dc:creator>
		<pubDate>Sat, 26 Sep 2026 17:49:03 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://lexicogs.com/?p=105593</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"></p>


<!-- =========================================================
     BRACK — IMMERSIVE SCROLLING POEM — 13-SCENE CANONICAL MAPPING
     KEEPER VERSION
     Continuous two-deck visual engine
     White title
     SHORTCODE + LAZY LOADING + AUDIO CROSSFADE + CONTINUOUS VISUAL BLEND
     ========================================================= -->

<style>

/* =========================================================
   COMPONENT
   ========================================================= */

.brackx-epic,
.brackx-epic * {
  box-sizing: border-box;
}

.brackx-epic {
  --brack-text: #f7f4ec;
  --brack-bg: #080b0d;

  position: relative;

  width: 100vw;
  max-width: none;

  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  overflow: clip;

  background: var(--brack-bg);
  color: var(--brack-text);

  isolation: isolate;
}


/* =========================================================
   SCENES
   ========================================================= */

.brackx-scene {
  position: relative;
  background: var(--brack-bg);
  isolation: isolate;
}


/* =========================================================
   STICKY VISUAL WINDOW
   ========================================================= */

.brackx-sticky {
  position: sticky;

  top: 0;

  width: 100%;
  height: 100svh;
  min-height: 520px;

  overflow: hidden;

  background: var(--brack-bg);
}


/* =========================================================
   IMAGE
   ========================================================= */

.brackx-sticky img {
  position: absolute;

  left: -6%;
  top: -10%;

  display: block;

  width: 112%;
  height: 120%;

  max-width: none;

  object-fit: cover;

  object-position:
    var(--pos-mobile, 50% 50%);

  transform:
    translate3d(
      0,
      var(--brack-y, 0px),
      0
    );

  transform-origin: center center;

  backface-visibility: hidden;

  pointer-events: none;

  will-change: auto;
}


.brackx-scene.brackx-near .brackx-sticky img {
  will-change: transform;
}


/* =========================================================
   CONTINUOUS VISUAL STAGE
   One persistent stage sits behind the whole poem.
   Two reusable image decks cross-dissolve as the next scene
   enters the viewport. There is no visual restart at a scene
   boundary and no duplicated "next image" overlay.
   ========================================================= */

.brackx-global-stage {
  position: sticky;
  top: 0;

  width: 100%;
  height: 100svh;
  min-height: 520px;

  margin-bottom: -100svh;

  overflow: hidden;

  background: var(--brack-bg);

  z-index: 0;
  pointer-events: none;
}

.brackx-global-stage img {
  position: absolute;

  left: -6%;
  top: -10%;

  display: block;

  width: 112%;
  height: 120%;

  max-width: none;

  object-fit: cover;
  object-position: 50% 50%;

  opacity: 0;

  transform: translate3d(0, 0, 0);
  transform-origin: center center;
  backface-visibility: hidden;

  will-change: opacity, transform;
}

.brackx-global-stage .brackx-global-tint {
  position: absolute;
  inset: 0;
  z-index: 3;

  pointer-events: none;

  background:
    linear-gradient(
      to bottom,
      rgba(4, 7, 9, 0.27) 0%,
      rgba(4, 7, 9, 0.14) 18%,
      rgba(4, 7, 9, 0.22) 68%,
      rgba(4, 7, 9, 0.68) 100%
    ),
    linear-gradient(
      to right,
      rgba(4, 7, 9, 0.24) 0%,
      rgba(4, 7, 9, var(--brack-stage-shade, 0.48)) 50%,
      rgba(4, 7, 9, 0.24) 100%
    );
}

/*
 * Once the continuous stage is active, the original per-scene sticky
 * images remain in the DOM only as scene metadata/source references.
 * They are not painted, so a scene image never "starts again" at a
 * section boundary.
 */
.brackx-epic.brackx-continuous-visuals .brackx-scene {
  background: transparent;
  isolation: auto;
  z-index: 1;
}

.brackx-epic.brackx-continuous-visuals .brackx-scene > .brackx-sticky {
  display: none;
}

.brackx-epic.brackx-continuous-visuals .brackx-copy {
  margin-top: 0;
}

body.admin-bar .brackx-global-stage {
  top: 32px;
  height: calc(100svh - 32px);
}

@media screen and (max-width: 782px) {
  body.admin-bar .brackx-global-stage {
    top: 46px;
    height: calc(100svh - 46px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .brackx-global-stage img {
    transform: translate3d(0, 0, 0) !important;
    will-change: opacity;
  }
}


/* =========================================================
   ATMOSPHERIC OVERLAY
   ========================================================= */

.brackx-tint {
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  background:

    linear-gradient(
      to bottom,
      rgba(4, 7, 9, 0.27) 0%,
      rgba(4, 7, 9, 0.14) 18%,
      rgba(4, 7, 9, 0.22) 68%,
      rgba(4, 7, 9, 0.68) 100%
    ),

    linear-gradient(
      to right,
      rgba(4, 7, 9, 0.24) 0%,
      rgba(4, 7, 9, var(--shade, 0.48)) 50%,
      rgba(4, 7, 9, 0.24) 100%
    );
}


/* =========================================================
   POEM
   ========================================================= */

.brackx-copy {
  position: relative;
  z-index: 3;

  width: 100%;
  min-height: 100svh;

  margin-top: -100svh;

  padding:
    24svh
    max(18px, env(safe-area-inset-right))
    30svh
    max(18px, env(safe-area-inset-left));

  display: flex;

  justify-content: center;
  align-items: flex-start;
}


.brackx-poem {
  width: min(88vw, 760px);

  margin: 0 auto;

  text-align: center;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(
      1rem,
      2.9vw,
      1.28rem
    );

  line-height: 1.68;

  font-weight: 400;

  text-shadow:
    0 2px 6px rgba(0, 0, 0, 0.96),
    0 0 16px rgba(0, 0, 0, 0.82);
}


.brackx-poem p {
  margin: 0 0 2.35rem;
  padding: 0;

  font-weight: 400;
}


.brackx-poem p:last-child {
  margin-bottom: 0;
}


/* =========================================================
   OPENING
   ========================================================= */

.brackx-opening .brackx-copy {
  padding-top: 16svh;
}


.brackx-title {
  margin: 0 0 13svh;

  text-align: center;

  color: var(--brack-text) !important;
  -webkit-text-fill-color: var(--brack-text);

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(
      3.4rem,
      14vw,
      8rem
    );

  line-height: 0.95;

  font-weight: 400;

  letter-spacing: 0.08em;

  text-shadow:
    0 3px 8px rgba(0, 0, 0, 0.95),
    0 0 24px rgba(0, 0, 0, 0.76);
}


/* =========================================================
   FINAL SCENE
   ========================================================= */

.brackx-final {
  min-height: 170svh;
}


.brackx-final .brackx-copy {
  min-height: 170svh;

  padding-top: 61svh;
  padding-bottom: 72svh;
}


.brackx-final .brackx-tint {

  background:

    linear-gradient(
      to bottom,
      rgba(4, 7, 9, 0.06) 0%,
      rgba(4, 7, 9, 0.08) 45%,
      rgba(4, 7, 9, 0.34) 100%
    ),

    linear-gradient(
      to right,
      rgba(4, 7, 9, 0.08),
      rgba(4, 7, 9, 0.24),
      rgba(4, 7, 9, 0.08)
    );
}


.brackx-final-line {
  font-size:
    clamp(
      1.3rem,
      4vw,
      1.8rem
    );

  line-height: 1.55;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 800px) {

  .brackx-sticky img {

    object-position:
      var(
        --pos-desktop,
        var(--pos-mobile, 50% 50%)
      );
  }


  .brackx-poem {

    width:
      min(
        72vw,
        820px
      );

    font-size:
      clamp(
        1.08rem,
        1.35vw,
        1.35rem
      );

    line-height: 1.74;
  }


  .brackx-copy {
    padding-top: 25svh;
    padding-bottom: 32svh;
  }


  .brackx-poem p {
    margin-bottom: 2.75rem;
  }

}


/* =========================================================
   VERY WIDE
   ========================================================= */

@media (min-width: 1400px) {

  .brackx-poem {
    width: min(58vw, 860px);
  }

}


/* =========================================================
   WORDPRESS ADMIN BAR
   ========================================================= */

body.admin-bar .brackx-sticky {

  top: 32px;

  height:
    calc(
      100svh - 32px
    );
}


@media screen and (max-width: 782px) {

  body.admin-bar .brackx-sticky {

    top: 46px;

    height:
      calc(
        100svh - 46px
      );
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .brackx-sticky img {

    transform:
      translate3d(
        0,
        0,
        0
      ) !important;

    will-change: auto !important;
  }

}

</style>

<style>
/* =========================================================
   BRACK — OPT-IN SOUND CONTROL
   ========================================================= */
.brackx-audio-control {
  position: fixed;
  right: max(14px, env(safe-area-inset-right));
  bottom: max(14px, env(safe-area-inset-bottom));
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  font-family: Georgia, "Times New Roman", serif;
}

.brackx-audio-button {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid rgba(255,255,255,0.55);
  border-radius: 999px;
  padding: 12px 17px;
  background: rgba(8,11,13,0.92);
  color: #f7f4ec;
  font: inherit;
  font-size: 15px;
  line-height: 1.2;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(0,0,0,0.35);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.brackx-audio-button:focus-visible {
  outline: 2px solid #f7f4ec;
  outline-offset: 3px;
}

.brackx-audio-status {
  max-width: min(84vw, 420px);
  padding: 6px 10px;
  border-radius: 8px;
  background: rgba(8,11,13,0.92);
  color: #f7f4ec;
  font-size: 12px;
  line-height: 1.35;
  text-align: right;
}

.brackx-audio-status:empty {
  display: none;
}
</style>



<div class="brackx-audio-control" aria-label="Brack immersive sound controls">
  <button
    type="button"
    id="brackx-audio-button"
    class="brackx-audio-button"
  >♫ I'm in — start sound</button>
  <div id="brackx-audio-status" class="brackx-audio-status" aria-live="polite"></div>
</div>

<audio
  id="brackx-audio-a"
  preload="none"
  playsinline
  webkit-playsinline
></audio>

<audio
  id="brackx-audio-b"
  preload="none"
  playsinline
  webkit-playsinline
></audio>


<article class="brackx-epic" aria-label="Brack — immersive poem">


<!-- =======================================================
     IMAGE 1 — FOREST
     ======================================================= -->

<section class="brackx-scene brackx-opening" style="
    --pos-mobile: 50% 52%;
    --pos-desktop: 50% 52%;
    --shade: 0.47;
  " data-audio="1">

  <div class="brackx-sticky" aria-hidden="true">

    <img src="https://lexicogs.com/wp-content/uploads/2026/09/Brack-Image-1.png" alt="" loading="eager" decoding="async" fetchpriority="high" class="no-lazyload">

    <div class="brackx-tint"></div>

  </div>

  <div class="brackx-copy">

    <div class="brackx-poem">

      <h1 class="brackx-title">Brack</h1>

      <p>
        Brack, the first son of Wulfgar is born<br>
        Of the man who spears the wolves at dawn.<br>
        The child grows fast, becomes bold and strong.<br>
        He learns swiftly, what is right and wrong.
      </p>

      <p>
        During his youth this man must leave,<br>
        To train to be a warrior chief,<br>
        And so his life story begins,<br>
        About which future folk would sing.
      </p>

      <p>
        Along a forest track this man treads,<br>
        Through his body excitement spreads,<br>
        Trees rustling with sounds ever new<br>
        The forest with its own unique soft tune.
      </p>

    </div>

  </div>

</section>



<!-- =======================================================
     IMAGE 2 — LAKE
     ======================================================= -->

<section class="brackx-scene" style="
    --pos-mobile: 50% 49%;
    --pos-desktop: 57% 48%;
    --shade: 0.49;
  " data-audio="2">

  <div class="brackx-sticky" aria-hidden="true">

    <img src="https://lexicogs.com/wp-content/uploads/2026/09/Brack-Image-2.png" alt="" loading="lazy" decoding="async" fetchpriority="low" class="no-lazyload">

    <div class="brackx-tint"></div>

  </div>

  <div class="brackx-copy">

    <div class="brackx-poem">

      <p>
        Brack reaches the shore of a lake,<br>
        And meets a lady of non-human form,<br>
        He wishes to leave for his own sake.<br>
        Avoid the water sprite of the heavens born.
      </p>

      <p>
        She sweetly sings and Brack is hooked,<br>
        What is she singing, he wants to know,<br>
        Enchantment overcomes this young man,<br>
        The waters around him start to ebb and flow.
      </p>

      <p>
        He listens more and the words make sense<br>
        A sword he must fetch from the lake, deep thence.<br>
        Dive into the waters, to the murky depths,<br>
        Where the cold bites tough and the dark is dense.
      </p>

    </div>

  </div>

</section>



<!-- =======================================================
     IMAGE 3 — UNDERWATER
     ======================================================= -->

<section class="brackx-scene" style="
    --pos-mobile: 50% 55%;
    --pos-desktop: 50% 61%;
    --shade: 0.51;
  " data-audio="3">

  <div class="brackx-sticky" aria-hidden="true">

    <img src="https://lexicogs.com/wp-content/uploads/2026/09/Brack-Image-3.png" alt="" loading="lazy" decoding="async" fetchpriority="low" class="no-lazyload">

    <div class="brackx-tint"></div>

  </div>

  <div class="brackx-copy">

    <div class="brackx-poem">

      <p>
        So into the lake this young man dives<br>
        The icy water numbs his eyes<br>
        His body is engulfed by a searing cold<br>
        But the boldness of youth takes its hold
      </p>

      <p>
        Down into the gloom this man swims,<br>
        Grabbed tight by the reeds that trap his limbs,<br>
        A moment of fear as no sword appears,<br>
        A pang of doubt adds to his fears.
      </p>

      <p>
        Then comes a glimpse of glistening green,<br>
        Although for that moment faint it seemed,<br>
        The sword, no doubt, he has just seen,<br>
        With its emerald stone set neat, pristine.
      </p>

      <p>
        Brack pushes near’t with all his might,<br>
        He cannot give up this very first fight,<br>
        Desperate for breath as the green light glows,<br>
        Brighter now, surely right just below.
      </p>

      <p>
        Yes, he reaches down and clasps its hilt,<br>
        Wrenching the sword from out of the mud,<br>
        With this success, an inner strength is built<br>
        A sense of pride now tingles his blood.
      </p>

      <p>
        This vigour spreads throughout his limbs,<br>
        And against the floor he pushes his feet,<br>
        His muscles propel him, up like a dart,<br>
        His chest pounds with a fast beating heart.
      </p>

      <p>
        The surface breaks and Brack is there,<br>
        He bursts into sight and gulps the air,<br>
        Right arm raised, a real warrior fighter,<br>
        The sword in this light shining brighter.
      </p>

      <p>
        Brack leaves the water and kneels before<br>
        The queen of the lake who’s upon the shore.<br>
        She bends down to kiss his brow,<br>
        Both happy and tense, he feels somehow.
      </p><p>
        Brack has learned he must persevere,<br>
        Even if failure seems awfully near,<br>
        Despite any pain that may sear the flesh<br>
        Brack knows the mind must always stay fresh.
      </p>

    </div>

  </div>

</section>



<!-- =======================================================
     IMAGE 4 — WOLF SHORE
     ======================================================= -->

<section class="brackx-scene" style="
    --pos-mobile: 50% 50%;
    --pos-desktop: 55% 52%;
    --shade: 0.52;
  " data-audio="4">

  <div class="brackx-sticky" aria-hidden="true">

    <img src="https://lexicogs.com/wp-content/uploads/2026/09/Brack-Image-4.png" alt="" loading="lazy" decoding="async" fetchpriority="low" class="no-lazyload">

    <div class="brackx-tint"></div>

  </div>

  <div class="brackx-copy">

    <div class="brackx-poem">

      <p>
        He leaves the lake, sword aloft in hand,<br>
        Like a warrior set to roam the land.<br>
        He wanders deeper into woods,<br>
        It’s peaceful in nature and all is good.
      </p>

      <p>
        It is time for him to learn his skill,<br>
        In case in future there is need to kill,<br>
        With uncountable dangers yet unforeseen,<br>
        He must be brave, noble, alert and keen.
      </p>

      <p>
        During the day he builds up his strength<br>
        At night studies stars, the whole sky length<br>
        The one fuels his body, makes him ready to fight,<br>
        The other his mind, filled with the heavens’ light.
      </p>

      <p>
        Suddenly he approaches the end of the trees<br>
        Where the woods become sand and sand becomes sea,<br>
        An epic shoreline brushed with a salty breeze,<br>
        The sea, its roaring waves, crashing with glee.
      </p>

      <p>
        The breeze tears against Brack’s face,<br>
        And to the water he makes with no lack of haste.<br>
        So strong the force and exhilarating the sound,<br>
        Aegir’s power, against the land, it pounds.
      </p>

      <p>
        But then Brack hears a piercing cry,<br>
        From a woman who stands at a cave nearby,<br>
        She is distraught, seems no reason why,<br>
        At the gap she looks, despair in her eye.
      </p>

      <p>
        Brack is surprised, but quickly understands,<br>
        She has lost her baby, here at the strand.<br>
        Brack knows he must act with utmost speed,<br>
        And finds that this is his next needed deed.
      </p>

      <p>
        From its mother’s arms a baby has been ripped,<br>
        By the fierce sharp fangs of a grey wolf hound.<br>
        With its punching teeth her baby is gripped,<br>
        The wolf sprints away with growling sound.
      </p>

      <p>
        Now into the grotto Brack quickly runs,<br>
        Sword swiping through the salty air,<br>
        His ferocity this beast undoubtedly stuns,<br>
        The wolf does wonder what Brack will dare.
      </p>

      <p>
        Surprised it throws the baby aside,<br>
        Brack pounces, holds the devil beast down,<br>
        From death the wolf is unable to hide,<br>
        But Brack feels guilt as he views this hound.
      </p>

      <p>
        Into its body the sword must plunge,<br>
        Before the beast has chance to lunge,<br>
        But not without regret and despair,<br>
        Does Brack complete this appalling affair.
      </p>

      <p>
        The dog howls loud with miserable pain,<br>
        Away from its limbs life swiftly drains,<br>
        And into Brack’s arms the dog limply falls,<br>
        White froth from its mouth wretchedly drools.
      </p>

      <p>
        To her baby the woman quickly runs,<br>
        Brack knows that the deed is herewith done,<br>
        She shrieks with delight, clutches her son,<br>
        For Brack, however, a sad battle won.
      </p>

      <p>
        Brack wonders why this has to be,<br>
        His first encounter at the sea,<br>
        Ruined by a ferocious fight,<br>
        Blood stained sand, a wrenching sight.
      </p>

      <p>
        For the woman it is a great affair,<br>
        Exulting after pain she couldn’t bear<br>
        Her angst has now been ripped clean away,<br>
        But for Brack it’s not a pure joyful day.
      </p>

      <p>
        To her home, the woman invites him back,<br>
        Wanting to reward him for his brave acts,<br>
        A gigantic feast shall be prepared.<br>
        And the joy with all must sure be shared.
      </p>

      <p>
        Brack follows her along the shore,<br>
        Towards the cliffs that rise from the beach,<br>
        On top of which fresh grass covers the floor,<br>
        A path leading up to a vast green heath.
      </p>

      <p>
        Brack follows the woman with son in her arms,<br>
        She steals a glance back, to see he’s still there,<br>
        Through a scrub thicket, full of coastal charm,<br>
        He follows the wisps of her long blonde hair.
      </p>

    </div>

  </div>

</section>



<!-- =======================================================
     IMAGE 5 — SETTLEMENT
     ======================================================= -->

<section class="brackx-scene" style="
    --pos-mobile: 50% 52%;
    --pos-desktop: 50% 55%;
    --shade: 0.53;
  " data-audio="5">

  <div class="brackx-sticky" aria-hidden="true">

    <img src="https://lexicogs.com/wp-content/uploads/2026/09/Brack-Image-5.png" alt="" loading="lazy" decoding="async" fetchpriority="low" class="no-lazyload">

    <div class="brackx-tint"></div>

  </div>

  <div class="brackx-copy">

    <div class="brackx-poem">

      <p>
        After some time, they reach a stead,<br>
        The sun begins to set and glows a raging red,<br>
        The families see the woman coming back,<br>
        But concern for her they did not lack.
      </p>

      <p>
        Who was this man that came with her here?<br>
        His great frame causing them great fear,<br>
        Sensing attack, they took to simple arms,<br>
        But the woman cried he meant them no harm.
      </p>

      <p>
        Waving and wailing she sent them all back,<br>
        Explaining that Brack saved her baby from attack,<br>
        Before long the whole story was soon retold,<br>
        And they realized, a fine warrior they did behold.
      </p>

      <p>
        That night they feasted around a camp fire,<br>
        The chieftains told Brack of a state that was dire,<br>
        Bad luck was ravaging their poor land,<br>
        And the wolf had caused a damage grand.
      </p>

      <p>
        But worse than the wolf that claimed the sheep,<br>
        There was another force preventing sleep,<br>
        For a clan of giants roamed round this place,<br>
        Attacked the villagers, laid the ground to waste.
      </p>

      <p>
        Brack asked why they had not put up a fight,<br>
        For giants are strong, but not that bright,<br>
        But the villagers had been taken by surprise.<br>
        And not in combat the slightest bit wise.
      </p>

      <p>
        Brack could see that spirits were low,<br>
        They needed quickly a leader that could show,<br>
        How to win in battle, protect ones ground,<br>
        How to win some peace, let maidens sleep sound.
      </p>

      <p>
        Brack decided the task for the next day,<br>
        Was to show them that there was a way,<br>
        To learn to fight, keep giants at bay,<br>
        To defend, protect, destroy and slay.
      </p>

      <p>
        After the food they all did retire,<br>
        To sleep, build strength and rest by the fire,<br>
        But Brack saw first-hand in the light of the moon,<br>
        He could not teach them what they needed so soon.
      </p>

      <p>
        For the giants were fierce, their resolve was strong,<br>
        And there were many of them, the whole land long,<br>
        The villagers’ efforts were indeed adrift,<br>
        From what was needed to make the end swift.
      </p>

    </div>

  </div>

</section>



<!-- =======================================================
     IMAGE 6 — GIANTS
     ======================================================= -->

<section class="brackx-scene" style="
    --pos-mobile: 50% 53%;
    --pos-desktop: 50% 55%;
    --shade: 0.49;
  " data-audio="6">

  <div class="brackx-sticky" aria-hidden="true">

    <img src="https://lexicogs.com/wp-content/uploads/2026/09/Brack-Image-6.png" alt="" loading="lazy" decoding="async" fetchpriority="low" class="no-lazyload">

    <div class="brackx-tint"></div>

  </div>

  <div class="brackx-copy">

    <div class="brackx-poem">

      <p>
        Brack helped the villagers throughout the night,<br>
        His emerald sword gave the giants great fright,<br>
        As it cut hastily through the night air,<br>
        Cutting them down with a warrior’s flare.
      </p>

      <p>
        Morning came and Brack had done damage,<br>
        More than the villagers could themselves ever manage,<br>
        They were so grateful and held him for,<br>
        A good spirit, god sent, a winner of war.
      </p>

      <p>
        But Brack knew that peace would be short lived<br>
        And instruction beyond what he could give,<br>
        They needed a new home where they could go,<br>
        To build up courage and battle strength grow.
      </p>

      <p>
        Spirits were higher, so Brack did ask,<br>
        If they felt ready for another task:<br>
        They’d have to leave at break of next day,<br>
        To find happiness and a safe place to stay.
      </p>

      <p>
        To this they said it was agreed,<br>
        That they would take on the deed,<br>
        As long as Brack could take the lead,<br>
        His advice, of course, they’d willingly heed.
      </p>

    </div>

  </div>

</section>






<!-- =======================================================
     IMAGE 7 — SHIPBUILDING / VOYAGE
     ======================================================= -->

<section class="brackx-scene" style="
    --pos-mobile: 50% 51%;
    --pos-desktop: 50% 55%;
    --shade: 0.49;
  " data-audio="7">

  <div class="brackx-sticky" aria-hidden="true">

    <img src="https://lexicogs.com/wp-content/uploads/2026/09/Brack-Image-7.png" alt="" loading="lazy" decoding="async" fetchpriority="low" class="no-lazyload">

    <div class="brackx-tint"></div>

  </div>

  <div class="brackx-copy">

    <div class="brackx-poem">

      <p>
        Brack said that all men must now build<br>
        Boats to be with their families filled<br>
        Made from wood of the forest by the sea,<br>
        Not of oak but of the humble pine tree.
      </p>

      <p>
        There was a day of busy carpentry,<br>
        Villagers working, a rhythm of harmony,<br>
        But despite their efforts and all their might,<br>
        It was too much to ask before break of night.
      </p>

      <p>
        Brack needed help right at this stage,<br>
        If he was to avoid the savage rage,<br>
        That would cause the giants to pursue,<br>
        Revenge and anger, which was all they knew.
      </p>

      <p>
        As the shadows lengthened, light became dim,<br>
        Brack realized that all relied on him,<br>
        At this point, he would need to think,<br>
        If the plan were not to cruelly sink.
      </p>

      <p>
        Then he thought of the wolf that was slain,<br>
        Whose body lie limp at the ocean edge,<br>
        In his own bloodbath; he should not die in vain,<br>
        Maybe there was chance to make a pledge.
      </p>

      <p>
        Brack went to recover the body of the beast,<br>
        From the strand that lay to the east,<br>
        Which he would cleanse and then prepare,<br>
        To offer to the elves that dwelt by there.
      </p>

      <p>
        He skinned the animal for its fine fur,<br>
        Silver threads of provenance divine,<br>
        Soft like silk and sweeter than myrrh,<br>
        Pelt that in the light of moon would shine.
      </p>

      <p>
        A ritual was done as the sun descended,<br>
        As the stars shone and the day was ended,<br>
        With unease the others went to sleep,<br>
        While Brack had his watch to keep.
      </p>

      <p>
        It was late into that cold clear night,<br>
        That Brack’s awareness began to wane,<br>
        Above his head, a far-fetched sight,<br>
        And luck as no giant at any time came.
      </p>

      <p>
        The sky was showing a light display,<br>
        Red, green and blue shimmers dancing away,<br>
        In and out of dreams the warrior drifted,<br>
        And the sense of angst was slowly lifted.
      </p>

      <p>
        Gradually the sky went from black to grey,<br>
        A deep crimson over the horizon did lay,<br>
        As it was the dawn of a bright new day,<br>
        And all the dreams began to fade away.
      </p>

      <p>
        Brack awoke with a start,<br>
        Confusion for a moment in his heart.<br>
        What was this sense, he was not sure,<br>
        What was this feeling he now endured?
      </p>

      <p>
        As he woke, he went down to the beach,<br>
        There, a sight to behold, he was robbed of speech,<br>
        For what he saw, he could not to believe,<br>
        Was this real, what he did perceive?
      </p>

      <p>
        For there on the beach there was completed,<br>
        The work from yesterday that left them defeated,<br>
        Now finished with great care and fine grace,<br>
        Boats of art staring them firm in the face.
      </p>

      <p>
        Slender timbers fixed tightly into place,<br>
        Of man’s work, not a single trace.<br>
        Sides of curved timber, carved wood and shapes ornate,<br>
        Figureheads on the prows, each boat ready for its freight.
      </p>

      <p>
        Nine ships created in the magic of the night,<br>
        Named with elven runes etched in crystal white,<br>
        Names of the nine billow maidens fair,<br>
        Sea goddesses, with long, flowing, silvery hair.
      </p>

      <p>
        Aegir and Ran’s daughters, each represented:<br>
        Barra and Unn: great wave and temporal tide,<br>
        Kolga, the cold one and Duva, of hidden treasure,<br>
        And Blodughadda, blood sea, from battles wide.
      </p>

      <p>
        Hronn, the whirlpool and Hevring of the storm,<br>
        Himinglava, bringer of tranquil waters warm,<br>
        And lastly Bylgja, of the billowing wave,<br>
        Nine ships to help the helpless villagers be saved.
      </p>

      <p>
        From the villagers comes a great cheer,<br>
        Intense joy as they sense that the time is near,<br>
        When their luck’ll change, take on a new course,<br>
        And Brack is their warrior, saviour and source.
      </p>

<p>
        They took to the boats as fast as they could,<br>
        And pushed the vessels out to sea,<br>
        Ready to travel away for good<br>
        To a new land with pastures green.
      </p>

      <p>
        Brack was tense, but did not let it show,<br>
        He was not sure where this adventure would go,<br>
        They were leaving on a course unknown,<br>
        The direction for which he had not been shown.
      </p>

      <p>
        However, at this time he must take the lead,<br>
        It was far too late to abort this deed.<br>
        Out to sea these boats now fared,<br>
        Further than any islander ever had dared.
      </p>

      <p>
        They hit open seas and the water became rougher,<br>
        Violently rocking boats, the journey now tougher,<br>
        This was Hevring, goddess of the stormy seas,<br>
        Whipping up the froth as their faces did freeze.
      </p>

      <p>
        Brack knew that this surely was a test,<br>
        For nothing worthwhile is without its trial,<br>
        They would have to travel with no rest,<br>
        And endure the salt foam with its taste so vile.
      </p>

      <p>
        The air began to take on a chill,<br>
        And water the bottom of the boat did fill,<br>
        Frozen to the bone and nowhere to shelter,<br>
        Kolga of cold waters venting her temper.
      </p>

      <p>
        The boats swayed violently from side to side<br>
        And the fear, the villagers were unable to hide,<br>
        Brack stayed firm as the boats span around,<br>
        Hronn’s whirlpool that whisked and kept them bound.
      </p>

      <p>
        And then a surge, the boats into the sky were lifted<br>
        Away from the whirlpool they swiftly drifted,<br>
        They were on the crest of the greatest wave,<br>
        This was Barra who they had to face brave.
      </p>

      <p>
        The villagers thought they were with the clouds in the sky<br>
        Before downwards the boats began to nose-dive,<br>
        Their prows facing into the tumultuous depths,<br>
        Hope fading, no chance they would survive.
      </p>

      <p>
        Brack shouted aloud a rallying cry,<br>
        As they plunged into the water below<br>
        There was a crashing, splintering and red blood,<br>
        Screaming and panic as the vessels did flood.
      </p>

      <p>
        The wrath of Blodughadda, sea goddess of war,<br>
        This would be the end of the journey for sure.<br>
        But despite the fear, dread and despair<br>
        She let them pass safely through her lair.
      </p>

      <p>The waters became calm, the boats were steadied,<br>
        Birds appeared and towards land they were headed<br>
        Brack steered the front boat matching their course,<br>
        Bylgja, the billowing wave, moved them with force.
      </p>

      <p>
        The air was warmer and skies were brighter<br>
        Himinglava showing them some respite<br>
        Brack stood on the prow, a true warrior fighter,<br>
        And the nine boats sailing; a beautiful sight.
      </p>

      <p>
        The villagers so drained, they slumped in the boats<br>
        Tired and parched, it stung in their throats<br>
        Their bodies cut, bruised but numb from the salt<br>
        Asleep, fatigued, they gave life no thought.
      </p>

      <p>
        But under them the warm waters were turning,<br>
        Being dragged and pulled back out to sea,<br>
        This was Unn, the tide, weaving her magic,<br>
        Ripping the waters away from the scree.
      </p>

    </div>

  </div>

</section>

<!-- =======================================================
     IMAGE 8 — NEW LAND
     ======================================================= -->

<section class="brackx-scene" style="
    --pos-mobile: 50% 51%;
    --pos-desktop: 52% 50%;
    --shade: 0.43;
  " data-audio="8">

  <div class="brackx-sticky" aria-hidden="true">

    <img src="https://lexicogs.com/wp-content/uploads/2026/09/Brack-Image-8.png" alt="" loading="lazy" decoding="async" fetchpriority="low" class="no-lazyload">

    <div class="brackx-tint"></div>

  </div>

  <div class="brackx-copy">

    <div class="brackx-poem">

      <p>
        As the water dropped, the boats became rested,<br>
        On an expanse of beach they were now nested,<br>
        The birds above glided down to the ground,<br>
        A magnificent, tranquil cove they had found.
      </p>

      <p>
        Under the cliffs the sound of sea gushing,<br>
        Against the rocks it was bubbling and brushing,<br>
        A landscape that was truly shaped by magic,<br>
        This was Duva’s hidden treasure, scene fantastic.
      </p>

      <p>
        The villagers awoke on their new shore,<br>
        Here so serene, who could ask for more?<br>
        Their faces awash with expressions of glee,<br>
        A feeling of unimaginable ecstasy.
      </p>

      <p>
        A spirit now deep in their hearts did burn,<br>
        And huge lessons of faith they had through this learned,<br>
        The goddesses so powerful and so frightening,<br>
        Awestruck they were, as if hit by lightening.
      </p>

      <p>
        But the goddesses showed both power and mercy,<br>
        They have the strength to crush at will,<br>
        But that doesn’t mean evil with no retreat.<br>
        As their mysticism unravels gloriously at ones feet.
      </p>

      <p>
        Brack made his way unto the beach,<br>
        Villagers following with a new found vigour,<br>
        Hail Brack, they cried, who has brought us to a haven,<br>
        Following Duva’s white birds of peace, no black raven.
      </p>

      <p>
        Over the days the villagers set up a camp,<br>
        In the lush fir forests on top of the cliff,<br>
        They had protection from the sea air damp,<br>
        And daily a view of the morning bay mist.
      </p>

      <p>
        The islanders became fisherman, farers of the seas,<br>
        Honouring their goddesses as they sailed in the breeze,<br>
        And the land that they had found was truly giving,<br>
        With crops and deer for bountiful living.
      </p>

      <p>
        Brack was their leader and he had earned the right<br>
        He had rescued them from their terrible plight,<br>
        He had tamed the sea goddesses as they sailed,<br>
        He had ensured their belief never faltered, never failed.
      </p>

    </div>

  </div>

</section>



<!-- =======================================================
     IMAGE 9 — SEASONS
     ======================================================= -->

<section class="brackx-scene" style="
    --pos-mobile: 50% 50%;
    --pos-desktop: 50% 53%;
    --shade: 0.45;
  " data-audio="9">

  <div class="brackx-sticky" aria-hidden="true">

    <img src="https://lexicogs.com/wp-content/uploads/2026/09/Brack-Image-9.png" alt="" loading="lazy" decoding="async" fetchpriority="low" class="no-lazyload">

    <div class="brackx-tint"></div>

  </div>

  <div class="brackx-copy">

    <div class="brackx-poem">

      <p>
        When the springs came they called it lent<br>
        As the days lengthened and the time was spent<br>
        Preparing for the year ahead, a new start,<br>
        A time for the lifting of a heavy winter heart.
      </p>

      <p>
        Then came summer when the grounds were tinged<br>
        Turning light brown as the grass was singed,<br>
        By the sun god with his powerful rays of gold,<br>
        Piercing the landscape, dispersing the cold.
      </p>

      <p>
        In autumn, fertile land providing its crop<br>
        They called it harvest and food did not stop,<br>
        It was a season of plenty and a time for cheer,<br>
        But always with caution as winter was near.
      </p>

      <p>
        Winters painted the land glistening white,<br>
        Times were tough and there was little light,<br>
        But driven by deep faith, their spirits remained high,<br>
        Lifted by evergreens, an ever cheerful sight.
      </p>

      <p>
        For years the islanders lived without any threat<br>
        Days ending with a beautiful sunset,<br>
        They were farmers, seafarers and learned to craft,<br>
        But Brack was keen to teach them some other art.
      </p>

      <p>
        He wanted all the youngsters early schooled,<br>
        In the art of battle, where dark fear rules,<br>
        One day indeed the time would come,<br>
        When they must protect all that they had done.
      </p>

      <p>
        And this time they would stand tall,<br>
        Against an army, they would not fall,<br>
        The young warriors showed promise and some skill,<br>
        Sword fighters and archers ready to kill.
      </p>

      <p>
        But Brack warned them this was defence,<br>
        For use only in the event of attack,<br>
        A stern warning that made full sense,<br>
        For unneeded wars turns the future black.
      </p>

      <p>
        At this moment there was time to learn,<br>
        Other skills that were of less concern,<br>
        Arts like fine music and stone masonry,<br>
        And ship building for long trips out to sea.
      </p>

    </div>

  </div>

</section>



<!-- =======================================================
     IMAGE 10 — KEEP
     ======================================================= -->

<section class="brackx-scene" style="
    --pos-mobile: 55% 50%;
    --pos-desktop: 59% 48%;
    --shade: 0.45;
  " data-audio="10">

  <div class="brackx-sticky" aria-hidden="true">

    <img src="https://lexicogs.com/wp-content/uploads/2026/09/Brack-Image-10.png" alt="" loading="lazy" decoding="async" fetchpriority="low" class="no-lazyload">

    <div class="brackx-tint"></div>

  </div>

  <div class="brackx-copy">

    <div class="brackx-poem">

      <p>
        The stone masons built Brack a home,<br>
        A castle keep on the highest hill,<br>
        For he was their king but without a throne,<br>
        Built as a gift as it was not Brack’s will.
      </p>

      <p>
        The castle was a magnificent creation,<br>
        One that could evoke intense elation,<br>
        With great pillars lining vast corridors,<br>
        And perfectly smoothed tiles to clad the floors.
      </p>

      <p>
        This keep’s walls were made of plants and hedges,<br>
        That grew betwixt the pillars to mark the edges,<br>
        And open roofs, topped with timber frames,<br>
        Through which the sun came and the yearly rains.
      </p>

      <p>
        This was the first cultural foundation,<br>
        Representing a people grounding a nation,<br>
        One that kept in tune with nature’s bigger forces,<br>
        Knowing its place amongst power of other sources.
      </p>

      <p>
        But all that is built can of course be destroyed,<br>
        A fate that seems impossible to avoid,<br>
        Mortal men facing nature’s unrelenting tide,<br>
        A truth from which no body can hide.
      </p>

    </div>

  </div>

</section>



<!-- =======================================================
     IMAGE 11 — WINTER ATTACK / PASSING
     ======================================================= -->

<section class="brackx-scene" style="
    --pos-mobile: 54% 49%;
    --pos-desktop: 58% 48%;
    --shade: 0.52;
  " data-audio="11">

  <div class="brackx-sticky" aria-hidden="true">

    <img src="https://lexicogs.com/wp-content/uploads/2026/09/Brack-Image-11.png" alt="" loading="lazy" decoding="async" fetchpriority="low" class="no-lazyload">

    <div class="brackx-tint"></div>

  </div>

  <div class="brackx-copy">

    <div class="brackx-poem">

      <p>
        After times of peace, can come times of ill,<br>
        Time to take to arms, go forth and kill,<br>
        During the dark of winter a rival tribe arrived,<br>
        Also after a sea journey which all had survived.
      </p>

      <p>
        They had come in the middle of the longest night,<br>
        From the mysterious north, a vicious sight,<br>
        Wielding their axes, tearing through the woods,<br>
        Teeth gnarling and gnashing within their black hoods.
      </p>

      <p>
        The alarm was sounded, Brack's men were quick,<br>
        They had some discipline and knew how to act,<br>
        They felt surprise but would not be tricked,<br>
        Surges of anger as down their woods were hacked.
      </p>

      <p>
        Battle cries ripping through the night,<br>
        Fires burning in the trees, blood red flowing bright,<br>
        Violent fury, anguish and intense pain<br>
        Rallying cries echo as humans are slain.
      </p>

      <p>
        And Brack leading from the front<br>
        He was the true warrior, leader, and victor,<br>
        Turning raging bodies into corpses,<br>
        Slicing the assault, he couldn’t be swifter.
      </p>

      <p>
        As winter sun rose, twilight filled the skies,<br>
        Crimson hue, stench of death, murmuring cries<br>
        Snow churned black, blood taste in the air,<br>
        Smoke rising, trees sighing, scene of despair.
      </p>

      <p>
        The village was safe, the onslaught defeated,<br>
        The enemy was gone and evil retreated.<br>
        But the loss was high, families ripped apart,<br>
        A sense of anger gripped their hearts.
      </p>

      <p>
        A desire for revenge, but Brack said no,<br>
        This was not how the story should go,<br>
        They would take pride in their success,<br>
        The mental stress was part of the test.
      </p>

      <p>
        Over the battle ground, shadows lengthening,<br>
        Stars rising and aurora beaming,<br>
        Into the other world, the souls depart,<br>
        The earth and heavens not far apart.
      </p>

      <p>
        After time passes Brack becomes ill,<br>
        An old wound that would not heal,<br>
        Sickened, the warrior becomes slowly weaker,<br>
        Soon no sense he made, the future looked bleaker.
      </p>

      <p>
        The islanders forgot his words while he was struck,<br>
        This was an event that was to change their luck,<br>
        Old lessons can become hard to remember,<br>
        As the fire dies and songs fade with the embers.
      </p>

      <p>
        Forty years on earth and Brack passes away,<br>
        It was for the islanders the saddest day<br>
        With him, a mystical connection fades,<br>
        Sorrow in the valleys and around the glades.
      </p>

    </div>

  </div>

</section>



<!-- =======================================================
     IMAGE 12 — FALL
     ======================================================= -->

<section class="brackx-scene" style="
    --pos-mobile: 53% 50%;
    --pos-desktop: 58% 48%;
    --shade: 0.53;
  " data-audio="12">

  <div class="brackx-sticky" aria-hidden="true">

    <img src="https://lexicogs.com/wp-content/uploads/2026/09/Brack-Image-12.png" alt="" loading="lazy" decoding="async" fetchpriority="low" class="no-lazyload">

    <div class="brackx-tint"></div>

  </div>

  <div class="brackx-copy">

    <div class="brackx-poem">

      <p>
        After turmoil, the villagers chose a new ruler,<br>
        Something that they should have done far sooner<br>
        For the delay led to fights and division,<br>
        When they were unable to make a decision.
      </p>

      <p>
        With bad spirit, the island was engulfed,<br>
        And the god of thunder was repulsed,<br>
        Hero of the folk, the people-protector Thor,<br>
        Could stand this insanity not a moment more.
      </p>

      <p>
        Unable to look inward, the islanders had to blame,<br>
        Someone else for their sorry age of shame,<br>
        They thought the reason for their desperate state,<br>
        Was due only to the attackers that they came to hate.
      </p>

      <p>
        Instead of courage, it was revenge they pursued<br>
        Based on a false pride that they were unable to lose,<br>
        They took to their boats and sought out the land,<br>
        To confront the enemy and to make a stand.
      </p>

      <p>
        Once they found where the others did dwell,<br>
        They decided to create a living hell,<br>
        They took lives, wives, slaves and all jewels gold,<br>
        A shockingly horrific sight to behold.
      </p>

      <p>
        For quite some time this evil would prevail,<br>
        Peril for all those who in the north seas did sail,<br>
        But this treachery meant more evil could breed,<br>
        The folk wanted more treasure now, driven by greed.
      </p>

      <p>
        As their gods became legends of the past,<br>
        Without their protection a folk cannot last,<br>
        And tragically indeed it came to pass,<br>
        Catastrophe, an end and the fall was fast.
      </p>

      <p>
        Atop the tree of life the great eagle sits,<br>
        Beating its wings, sending winds to the earth,<br>
        With anger now it strengthens its force,<br>
        A destructive storm has thus its naissance.
      </p>

      <p>
        Hereupon great forces batter the isle,<br>
        Waves, wind and rain thrashing all the while,<br>
        People are fleeing, but with nowhere to go,<br>
        Nature now raging, with her true force on show.
      </p>

      <p>
        Plunged into the abyss this land is destroyed,<br>
        Everything is gone, empty and void,<br>
        A culture swallowed by the winds and seas,
      </p>

    </div>

  </div>

</section>



<!-- =======================================================
     IMAGE 13 — BUTTERFLY
     ======================================================= -->

<section class="brackx-scene brackx-final" data-parallax-strength="0.42" style="
    --pos-mobile: 42% 61%;
    --pos-desktop: 38% 62%;
  " data-audio="13">

  <div class="brackx-sticky" aria-hidden="true">

    <img src="https://lexicogs.com/wp-content/uploads/2026/09/Brack-Image-13.png" alt="" loading="lazy" decoding="async" fetchpriority="low" class="no-lazyload">

    <div class="brackx-tint"></div>

  </div>

  <div class="brackx-copy">

    <div class="brackx-poem">

      <p class="brackx-final-line">
        A butterfly lands on the rock; and breathes.
      </p>

    </div>

  </div>

</section>


</article>



<!-- =========================================================
     BRACK — CONTINUOUS TWO-DECK VISUAL ENGINE
     - One persistent visual stage for the whole poem.
     - Two reusable image decks only; no image is repeated as a
       second scene background at a section boundary.
     - The next image blends in while its scene enters the viewport.
     - Scroll backwards reverses the same blend naturally.
     - Each deck keeps the scene's crop and gentle parallax movement.
     ========================================================= -->
<script>
(function () {
  var epic = document.querySelector('.brackx-epic');

  if (!epic) {
    return;
  }

  var scenes = Array.prototype.slice.call(
    epic.querySelectorAll('.brackx-scene')
  );

  if (!scenes.length) {
    return;
  }

  var reduceMotion = window.matchMedia(
    '(prefers-reduced-motion: reduce)'
  );

  /*
   * The next scene begins to appear when its top reaches 82% of the
   * viewport and is fully established by 18%. That makes the change
   * a broad blend rather than a fixed visual breakpoint.
   */
  var BLEND_START = 0.82;
  var BLEND_END = 0.18;

  var stage = document.createElement('div');
  stage.className = 'brackx-global-stage';
  stage.setAttribute('aria-hidden', 'true');

  var imageA = document.createElement('img');
  var imageB = document.createElement('img');
  var tint = document.createElement('div');

  imageA.alt = '';
  imageB.alt = '';
  imageA.decoding = 'async';
  imageB.decoding = 'async';
  imageA.loading = 'eager';
  imageB.loading = 'eager';
  imageA.fetchPriority = 'high';
  imageB.fetchPriority = 'auto';

  tint.className = 'brackx-global-tint';

  stage.appendChild(imageA);
  stage.appendChild(imageB);
  stage.appendChild(tint);

  epic.insertBefore(stage, scenes[0]);
  epic.classList.add('brackx-continuous-visuals');

  var decks = [
    { element: imageA, index: -1, ready: false },
    { element: imageB, index: -1, ready: false }
  ];

  var frame = null;
  var viewportHeight = window.innerHeight;

  function clamp(value, min, max) {
    return Math.min(Math.max(value, min), max);
  }

  function smoothstep(value) {
    return value * value * (3 - 2 * value);
  }

  function sceneImage(index) {
    return scenes[index]
      ? scenes[index].querySelector('.brackx-sticky img')
      : null;
  }

  function sceneSource(index) {
    var image = sceneImage(index);
    return image ? image.getAttribute('src') : '';
  }

  function scenePosition(index) {
    var scene = scenes[index];

    if (!scene) {
      return '50% 50%';
    }

    var style = window.getComputedStyle(scene);
    var mobile = style.getPropertyValue('--pos-mobile').trim();
    var desktop = style.getPropertyValue('--pos-desktop').trim();

    if (window.innerWidth >= 800) {
      return desktop || mobile || '50% 50%';
    }

    return mobile || desktop || '50% 50%';
  }

  function sceneShade(index) {
    var scene = scenes[index];

    if (!scene) {
      return 0.48;
    }

    var value = parseFloat(
      window.getComputedStyle(scene)
        .getPropertyValue('--shade')
    );

    return Number.isFinite(value) ? value : 0.48;
  }

  function sceneStrength(index) {
    var scene = scenes[index];

    if (!scene) {
      return 1;
    }

    var value = parseFloat(
      scene.getAttribute('data-parallax-strength') || '1'
    );

    return Number.isFinite(value) ? value : 1;
  }

  function sceneProgress(index) {
    var scene = scenes[index];

    if (!scene) {
      return 0;
    }

    var rect = scene.getBoundingClientRect();
    var scrollable = Math.max(
      scene.offsetHeight - viewportHeight,
      1
    );

    return clamp(
      (-rect.top) / scrollable,
      0,
      1
    );
  }

  function parallaxY(index) {
    if (reduceMotion.matches) {
      return 0;
    }

    var baseTravel = viewportHeight * (
      window.innerWidth < 800 ? 0.145 : 0.17
    );

    var travel = baseTravel * sceneStrength(index);
    var progress = sceneProgress(index);

    return (travel * 0.5) - (travel * progress);
  }

  function setDeckSource(deck, index) {
    if (!deck || index < 0 || index >= scenes.length) {
      return;
    }

    if (deck.index === index) {
      return;
    }

    var src = sceneSource(index);

    if (!src) {
      return;
    }

    deck.index = index;
    deck.ready = false;

    deck.element.onload = function () {
      if (deck.index === index) {
        deck.ready = true;
        requestUpdate();
      }
    };

    deck.element.onerror = function () {
      if (deck.index === index) {
        deck.ready = false;
      }
    };

    deck.element.src = src;

    if (
      deck.element.complete &&
      deck.element.naturalWidth > 0
    ) {
      deck.ready = true;
    }
  }

  function pairFor(baseIndex, nextIndex) {
    var baseDeck = null;
    var nextDeck = null;

    decks.forEach(function (deck) {
      if (deck.index === baseIndex) {
        baseDeck = deck;
      }

      if (deck.index === nextIndex) {
        nextDeck = deck;
      }
    });

    /*
     * When scrolling backwards, the currently visible deck often already
     * holds nextIndex. Keep it there and load the previous/base scene into
     * the other deck underneath it. This makes the reverse dissolve smooth.
     */
    if (!baseDeck) {
      baseDeck = decks[0] === nextDeck ? decks[1] : decks[0];
      setDeckSource(baseDeck, baseIndex);
    }

    if (nextIndex >= 0 && nextIndex < scenes.length) {
      if (!nextDeck || nextDeck === baseDeck) {
        nextDeck = decks[0] === baseDeck ? decks[1] : decks[0];
        setDeckSource(nextDeck, nextIndex);
      }
    } else {
      nextDeck = decks[0] === baseDeck ? decks[1] : decks[0];
    }

    return {
      base: baseDeck,
      next: nextDeck
    };
  }

  function baseSceneIndex() {
    var endLine = viewportHeight * BLEND_END;
    var index = 0;

    for (var i = 1; i < scenes.length; i += 1) {
      if (scenes[i].getBoundingClientRect().top <= endLine) {
        index = i;
      } else {
        break;
      }
    }

    return index;
  }

  function applyGeometry(deck, index) {
    if (!deck || index < 0 || index >= scenes.length) {
      return;
    }

    deck.element.style.objectPosition = scenePosition(index);
    deck.element.style.transform =
      'translate3d(0,' + parallaxY(index).toFixed(2) + 'px,0)';
  }

  function update() {
    frame = null;
    viewportHeight = window.innerHeight;

    var baseIndex = baseSceneIndex();
    var nextIndex = baseIndex + 1 < scenes.length
      ? baseIndex + 1
      : -1;

    var fade = 0;

    if (nextIndex >= 0) {
      var nextTop = scenes[nextIndex].getBoundingClientRect().top;

      if (reduceMotion.matches) {
        fade = nextTop <= viewportHeight * 0.5 ? 1 : 0;
      } else {
        fade = clamp(
          (
            viewportHeight * BLEND_START - nextTop
          ) /
          (
            viewportHeight * (BLEND_START - BLEND_END)
          ),
          0,
          1
        );

        fade = smoothstep(fade);
      }
    }

    var pair = pairFor(baseIndex, nextIndex);
    var effectiveFade = fade;

    if (!pair.base.ready) {
      /*
       * Especially when reversing across a boundary, the previous/base
       * image may only just have been requested. Keep the already-visible
       * next image on screen until the base deck is decoded, rather than
       * flashing to an empty layer.
       */
      effectiveFade = (
        nextIndex >= 0 && pair.next.ready
      ) ? 1 : 0;
    } else if (nextIndex < 0 || !pair.next.ready) {
      effectiveFade = 0;
    }

    applyGeometry(pair.base, baseIndex);

    if (nextIndex >= 0) {
      applyGeometry(pair.next, nextIndex);
    }

    pair.base.element.style.zIndex = '1';
    pair.next.element.style.zIndex = '2';

    pair.base.element.style.opacity = String(
      nextIndex >= 0 ? 1 - effectiveFade : 1
    );

    pair.next.element.style.opacity = String(
      nextIndex >= 0 ? effectiveFade : 0
    );

    var shade = sceneShade(baseIndex);

    if (nextIndex >= 0) {
      shade += (
        sceneShade(nextIndex) - shade
      ) * effectiveFade;
    }

    stage.style.setProperty(
      '--brack-stage-shade',
      shade.toFixed(3)
    );

    /*
     * Warm the next source as it approaches without loading every scene
     * at the beginning of the page.
     */
    if (nextIndex >= 0) {
      var approach = scenes[nextIndex].getBoundingClientRect().top;

      if (approach < viewportHeight * 1.65) {
        setDeckSource(pair.next, nextIndex);
      }
    }
  }

  function requestUpdate() {
    if (frame !== null) {
      return;
    }

    frame = window.requestAnimationFrame(update);
  }

  /* First image is the only visual that must be ready immediately. */
  setDeckSource(decks[0], 0);
  decks[0].element.style.opacity = '1';
  decks[0].element.style.objectPosition = scenePosition(0);

  window.addEventListener('scroll', requestUpdate, { passive: true });
  window.addEventListener('resize', requestUpdate, { passive: true });
  window.addEventListener('orientationchange', requestUpdate, { passive: true });
  window.addEventListener('load', requestUpdate, { once: true });

  if ('ResizeObserver' in window) {
    var observer = new ResizeObserver(requestUpdate);

    scenes.forEach(function (scene) {
      observer.observe(scene);
    });
  }

  requestUpdate();
})();
</script>

<!-- =========================================================
     BRACK — GUARDED CROSSFADE SOUNDTRACK ENGINE
     Two native audio decks, opt-in only
     Later tracks are loaded only when needed / nearby
     ========================================================= -->
<script>
(function () {
  var epic = document.querySelector('.brackx-epic');
  var button = document.getElementById('brackx-audio-button');
  var status = document.getElementById('brackx-audio-status');
  var deckA = document.getElementById('brackx-audio-a');
  var deckB = document.getElementById('brackx-audio-b');

  if (!epic || !button || !deckA || !deckB) {
    return;
  }

  var scenes = Array.prototype.slice.call(
    epic.querySelectorAll('.brackx-scene')
  );

  var MASTER_VOLUME = 0.52;
  var CROSSFADE_MS = 3200;

  var soundOn = false;
  var active = deckA;
  var standby = deckB;
  var currentTrack = null;
  var currentSceneIndex = 0;
  var transitioning = false;
  var queued = null;
  var scrollFrame = null;
  var fadeFrame = null;
  var lastScrollY = window.scrollY || window.pageYOffset || 0;
  var scrollDirection = 1;

  var trackOverrides = {
    1: 'https://lexicogs.com/wp-content/uploads/2026/09/Brack-Scene-1-V2.mp3'
  };

  function trackUrl(track) {
    return trackOverrides[track] ||
      'https://lexicogs.com/wp-content/uploads/2026/09/Brack-Scene-' +
      track + '.mp3';
  }

  function sceneAtFocus() {
    if (!scenes.length) {
      return null;
    }

    var focus = window.innerHeight * 0.5;
    var chosen = scenes[0];
    var chosenIndex = 0;
    var best = Infinity;

    for (var i = 0; i < scenes.length; i++) {
      var rect = scenes[i].getBoundingClientRect();

      if (rect.top <= focus && rect.bottom >= focus) {
        chosen = scenes[i];
        chosenIndex = i;
        best = 0;
        break;
      }

      var distance = Math.min(
        Math.abs(rect.top - focus),
        Math.abs(rect.bottom - focus)
      );

      if (distance < best) {
        best = distance;
        chosen = scenes[i];
        chosenIndex = i;
      }
    }

    return {
      scene: chosen,
      index: chosenIndex,
      track: chosen.getAttribute('data-audio')
    };
  }

  function cancelFade() {
    if (fadeFrame !== null) {
      window.cancelAnimationFrame(fadeFrame);
      fadeFrame = null;
    }
  }

  function setVolumes(outgoing, incoming, progress) {
    outgoing.volume = MASTER_VOLUME * (1 - progress);
    incoming.volume = MASTER_VOLUME * progress;
  }

  function runCrossfade(outgoing, incoming, done) {
    cancelFade();

    var started = performance.now();

    function frame(now) {
      var t = Math.min((now - started) / CROSSFADE_MS, 1);
      var smooth = t * t * (3 - 2 * t);
      setVolumes(outgoing, incoming, smooth);

      if (t < 1) {
        fadeFrame = window.requestAnimationFrame(frame);
      } else {
        fadeFrame = null;
        done();
      }
    }

    fadeFrame = window.requestAnimationFrame(frame);
  }

  function preloadAdjacent() {
    if (!soundOn || transitioning || !scenes.length) {
      return;
    }

    var nextIndex = currentSceneIndex + scrollDirection;

    if (nextIndex < 0 || nextIndex >= scenes.length) {
      nextIndex = currentSceneIndex + (scrollDirection > 0 ? -1 : 1);
    }

    if (nextIndex < 0 || nextIndex >= scenes.length) {
      return;
    }

    var nextTrack = scenes[nextIndex].getAttribute('data-audio');

    if (!nextTrack || nextTrack === currentTrack) {
      return;
    }

    var url = trackUrl(nextTrack);

    if (standby.dataset.track !== nextTrack) {
      standby.pause();
      standby.removeAttribute('src');
      standby.load();
      standby.src = url;
      standby.dataset.track = nextTrack;
      standby.preload = 'auto';
      standby.load();
    }
  }

  function finishTransition(target) {
    var oldActive = active;
    active = standby;
    standby = oldActive;

    currentTrack = target.track;
    currentSceneIndex = target.index;

    standby.pause();
    try {
      standby.currentTime = 0;
    } catch (error) {}
    standby.volume = 0;
    standby.removeAttribute('src');
    standby.removeAttribute('data-track');
    standby.preload = 'none';
    standby.load();

    transitioning = false;
    status.textContent = '';

    preloadAdjacent();

    if (queued && soundOn) {
      var next = queued;
      queued = null;

      if (next.track !== currentTrack) {
        window.setTimeout(function () {
          transitionTo(next);
        }, 100);
      }
    } else {
      queued = null;
    }
  }

  function fallbackHardSwitch(target, error) {
    transitioning = false;

    active.pause();
    active.volume = MASTER_VOLUME;
    active.src = trackUrl(target.track);
    active.dataset.track = target.track;
    active.loop = true;
    active.preload = 'auto';

    var retry = active.play();

    if (retry && typeof retry.then === 'function') {
      retry.then(function () {
        currentTrack = target.track;
        currentSceneIndex = target.index;
        status.textContent = '';
        preloadAdjacent();
      }).catch(function (retryError) {
        status.textContent =
          'Soundtrack change could not start: ' +
          retryError.name +
          ' — ' +
          retryError.message;
      });
    }
  }

  function transitionTo(target) {
    if (
      !soundOn ||
      !target ||
      !target.track ||
      target.track === currentTrack
    ) {
      return;
    }

    if (transitioning) {
      queued = target;
      return;
    }

    transitioning = true;
    queued = null;

    var url = trackUrl(target.track);

    standby.pause();
    standby.volume = 0;
    standby.loop = true;
    standby.preload = 'auto';

    if (standby.dataset.track !== target.track) {
      standby.src = url;
      standby.dataset.track = target.track;
      standby.load();
    }

    var started = standby.play();

    if (started && typeof started.then === 'function') {
      started.then(function () {
        runCrossfade(active, standby, function () {
          finishTransition(target);
        });
      }).catch(function (error) {
        fallbackHardSwitch(target, error);
      });
    } else {
      runCrossfade(active, standby, function () {
        finishTransition(target);
      });
    }
  }

  function startImmersiveSound() {
    var target = sceneAtFocus();

    if (!target || !target.track) {
      return;
    }

    soundOn = true;
    currentTrack = target.track;
    currentSceneIndex = target.index;

    active.loop = true;
    active.volume = MASTER_VOLUME;
    active.preload = 'auto';
    active.src = trackUrl(target.track);
    active.dataset.track = target.track;

    /*
     * IMPORTANT: play() is called immediately inside the user's click.
     * This is the browser permission-granting action.
     */
    var firstPlay = active.play();

    /*
     * Prime the second native player during the same user gesture.
     * It is silent and is paused again as soon as playback starts.
     * This makes later crossfades much more reliable on mobile browsers.
     */
    standby.loop = true;
    standby.volume = 0;
    standby.preload = 'auto';
    standby.src = trackUrl(target.track);
    standby.dataset.track = target.track;

    var primePlay = standby.play();

    if (primePlay && typeof primePlay.then === 'function') {
      primePlay.then(function () {
        window.setTimeout(function () {
          standby.pause();
          try {
            standby.currentTime = 0;
          } catch (error) {}
          standby.removeAttribute('src');
          standby.removeAttribute('data-track');
          standby.preload = 'none';
          standby.load();
          preloadAdjacent();
        }, 120);
      }).catch(function () {
        standby.pause();
        standby.volume = 0;
      });
    }

    if (firstPlay && typeof firstPlay.then === 'function') {
      firstPlay.then(function () {
        button.textContent = '♫ Immersive sound: on';
        status.textContent = '';
      }).catch(function (error) {
        soundOn = false;
        currentTrack = null;
        button.textContent = '♫ Try sound again';
        status.textContent =
          'Audio could not start: ' +
          error.name +
          ' — ' +
          error.message;
      });
    }
  }

  function stopImmersiveSound() {
    soundOn = false;
    queued = null;
    transitioning = false;
    cancelFade();

    deckA.pause();
    deckB.pause();
    deckA.volume = 0;
    deckB.volume = 0;

    try {
      deckA.currentTime = 0;
      deckB.currentTime = 0;
    } catch (error) {}

    button.textContent = '♫ I\'m in — start sound';
    status.textContent = '';
  }

  function updateFromScroll() {
    scrollFrame = null;

    var nowY = window.scrollY || window.pageYOffset || 0;

    if (nowY > lastScrollY + 2) {
      scrollDirection = 1;
    } else if (nowY < lastScrollY - 2) {
      scrollDirection = -1;
    }

    lastScrollY = nowY;

    if (!soundOn) {
      return;
    }

    var target = sceneAtFocus();

    if (!target || target.track === currentTrack) {
      return;
    }

    transitionTo(target);
  }

  function requestScrollUpdate() {
    if (scrollFrame !== null) {
      return;
    }

    scrollFrame = window.requestAnimationFrame(updateFromScroll);
  }

  button.addEventListener('click', function () {
    if (soundOn) {
      stopImmersiveSound();
    } else {
      startImmersiveSound();
    }
  });

  window.addEventListener('scroll', requestScrollUpdate, { passive: true });
  window.addEventListener('resize', requestScrollUpdate, { passive: true });
  window.addEventListener('orientationchange', requestScrollUpdate, { passive: true });
})();
</script>

<!-- =========================================================
     BRACK — NEAR-SCENE IMAGE PREFETCH
     Browser-native lazy loading remains enabled.
     This quietly warms the cache for scenes approaching view.
     ========================================================= -->
<script>
(function () {
  var epic = document.querySelector('.brackx-epic');

  if (!epic) {
    return;
  }

  var scenes = Array.prototype.slice.call(
    epic.querySelectorAll('.brackx-scene')
  );

  function warmScene(scene) {
    var image = scene.querySelector('.brackx-sticky img');

    if (!image || image.dataset.brackPrefetched === '1') {
      return;
    }

    image.dataset.brackPrefetched = '1';

    var warmer = new Image();
    warmer.decoding = 'async';
    warmer.src = image.currentSrc || image.src;
  }

  if ('IntersectionObserver' in window) {
    var observer = new IntersectionObserver(
      function (entries) {
        entries.forEach(function (entry) {
          if (entry.isIntersecting) {
            warmScene(entry.target);
            observer.unobserve(entry.target);
          }
        });
      },
      {
        root: null,
        rootMargin: '175% 0px 175% 0px',
        threshold: 0
      }
    );

    scenes.forEach(function (scene) {
      observer.observe(scene);
    });
  } else {
    scenes.slice(0, 3).forEach(warmScene);
  }
})();
</script>

]]></content:encoded>
					
					<wfw:commentRss>https://lexicogs.com/brack-an-immersive-poem/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Boersk and &#8216;Riftweg,&#8217; The Ridgeway</title>
		<link>https://lexicogs.com/boersk-and-riftweg-the-ridgeway/</link>
					<comments>https://lexicogs.com/boersk-and-riftweg-the-ridgeway/#respond</comments>
		
		<dc:creator><![CDATA[duncjclark]]></dc:creator>
		<pubDate>Sun, 20 Sep 2026 17:28:58 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://lexicogs.com/?p=105566</guid>

					<description><![CDATA[Riftweg — The Ridgeway is a Boersk travelling song: a piece for people setting out along the roads and high routes that connect one community with another.]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="576" src="https://lexicogs.com/wp-content/uploads/2026/09/Riftweg-1024x576.png" alt="" class="wp-image-105567 no-lazyload" srcset="https://lexicogs.com/wp-content/uploads/2026/09/Riftweg-1024x576.png 1024w, https://lexicogs.com/wp-content/uploads/2026/09/Riftweg-300x169.png 300w, https://lexicogs.com/wp-content/uploads/2026/09/Riftweg-768x432.png 768w, https://lexicogs.com/wp-content/uploads/2026/09/Riftweg-1536x864.png 1536w, https://lexicogs.com/wp-content/uploads/2026/09/Riftweg.png 1672w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>Riftweg — The Ridgeway</strong> is a Boersk travelling song: a piece for people setting out along the roads and high routes that connect one community with another.</p>



<p class="wp-block-paragraph">The song grew from the Boersk world itself — its landscape, its movement between settlements, and the importance of journeys in carrying people, news, stories and knowledge across the country. But <em>Riftweg</em> is also particularly important as an example of Boersk in use. Rather than presenting the language as isolated vocabulary or grammar, it allows its sounds, rhythms and sentence patterns to unfold through a complete piece of connected text.</p>



<p class="wp-block-paragraph">This recording also marks an important stage in the development of the language&#8217;s spoken form. The Boersk vocal performance is based upon a human recording made specifically to preserve the intended pronunciation and phrasing of the language, allowing the musical arrangement to grow around the spoken sound rather than asking an artificial voice to determine it.</p>



<p class="wp-block-paragraph">In that sense, <em>Riftweg</em> sits at the meeting point between language and culture: a constructed language being used for the purpose for which languages ultimately exist — to carry human expression.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe  id="_ytid_70590"  width="800" height="450"  data-origwidth="800" data-origheight="450"  data-relstop="1" src="https://www.youtube.com/embed/j3G_0chOMGU?enablejsapi=1&#038;autoplay=0&#038;cc_load_policy=0&#038;cc_lang_pref=&#038;iv_load_policy=1&#038;loop=0&#038;rel=0&#038;fs=1&#038;playsinline=0&#038;autohide=2&#038;theme=dark&#038;color=red&#038;controls=1&#038;disablekb=0&#038;" class="__youtube_prefs__  epyt-is-override  no-lazyload" title="YouTube player"  allow="fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen data-no-lazy="1" data-skipgform_ajax_framebjll=""></iframe>
</div></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://lexicogs.com/boersk-and-riftweg-the-ridgeway/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Boersk-English Word Look-Up</title>
		<link>https://lexicogs.com/boersk-english-word-look-up/</link>
					<comments>https://lexicogs.com/boersk-english-word-look-up/#respond</comments>
		
		<dc:creator><![CDATA[duncjclark]]></dc:creator>
		<pubDate>Sun, 20 Sep 2026 15:05:29 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://lexicogs.com/?p=105547</guid>

					<description><![CDATA[Boersk Dictionary Search the Boersk canon Search from English to Boersk, or enter a Boersk word to find its English meaning. Loading dictionary… Dictionary file not connected yet. Select the official Excel workbook to test this page. English → Boersk Find a Boersk word English word or phrase Enter an English word to begin. Boersk [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- =========================================================
     LEXICOGS — BOERSK TWO-WAY DICTIONARY
     Live Excel-backed dictionary
     ========================================================= -->

<div id="boersk-dictionary" class="bd-shell">

  <header class="bd-intro">

    <div class="bd-kicker">
      Boersk Dictionary
    </div>

    <h2>Search the Boersk canon</h2>

    <p>
      Search from English to Boersk, or enter a Boersk word
      to find its English meaning.
    </p>

    <div
      id="bd-status"
      class="bd-status"
      aria-live="polite"
    >
      Loading dictionary…
    </div>

  </header>


  <!-- Only appears if the workbook is not connected -->

  <div
    id="bd-file-loader"
    class="bd-file-loader"
    hidden
  >
    <strong>Dictionary file not connected yet.</strong>

    <span>
      Select the official Excel workbook to test this page.
    </span>

    <input
      id="bd-file-input"
      type="file"
      accept=".xlsx,.xls"
    />
  </div>


  <div class="bd-grid">


    <!-- =====================================================
         ENGLISH → BOERSK
         ===================================================== -->

    <section
      class="bd-panel"
      aria-labelledby="bd-en-title"
    >

      <div class="bd-panel-topline"></div>

      <div class="bd-panel-label">
        English → Boersk
      </div>

      <h3 id="bd-en-title">
        Find a Boersk word
      </h3>

      <label
        class="bd-label"
        for="bd-english-search"
      >
        English word or phrase
      </label>

      <input
        id="bd-english-search"
        class="bd-input"
        type="search"
        autocomplete="off"
        spellcheck="false"
        placeholder="e.g. evening, river, to possess"
        disabled
      />

      <div
        id="bd-english-results"
        class="bd-results"
        aria-live="polite"
      >
        <div class="bd-empty">
          Enter an English word to begin.
        </div>
      </div>

    </section>


    <!-- =====================================================
         BOERSK → ENGLISH
         ===================================================== -->

    <section
      class="bd-panel"
      aria-labelledby="bd-bo-title"
    >

      <div class="bd-panel-topline"></div>

      <div class="bd-panel-label">
        Boersk → English
      </div>

      <h3 id="bd-bo-title">
        Translate a Boersk word
      </h3>

      <label
        class="bd-label"
        for="bd-boersk-search"
      >
        Boersk word
      </label>

      <input
        id="bd-boersk-search"
        class="bd-input"
        type="search"
        autocomplete="off"
        spellcheck="false"
        placeholder="e.g. aafen"
        disabled
      />

      <div
        id="bd-boersk-results"
        class="bd-results"
        aria-live="polite"
      >
        <div class="bd-empty">
          Enter a Boersk word to begin.
        </div>
      </div>

    </section>

  </div>

</div>


<style>
/* =========================================================
   BOERSK DICTIONARY
   Fully scoped to #boersk-dictionary.
   Does not touch Astra / page wrappers / global layout.
   ========================================================= */

#boersk-dictionary,
#boersk-dictionary * {
  box-sizing: border-box;
}

#boersk-dictionary {
  --bd-purple: #8300C9;
  --bd-purple-dark: #65009c;
  --bd-purple-soft: #f5eef9;

  --bd-navy: #101923;
  --bd-navy-2: #182532;
  --bd-slate: #223342;

  --bd-ink: #17202a;
  --bd-muted: #68727c;
  --bd-line: #e0e5e9;

  --bd-soft: #f6f7f8;
  --bd-white: #ffffff;

  width: 100%;
  max-width: 1180px;

  margin:
    clamp(24px, 4vw, 48px)
    auto
    clamp(36px, 6vw, 70px);

  color: var(--bd-ink);

  font-family: inherit;
}


/* =========================================================
   INTRODUCTION
   ========================================================= */

#boersk-dictionary .bd-intro {
  position: relative;

  overflow: hidden;

  margin-bottom: clamp(34px, 5vw, 52px);

  padding:
    clamp(36px, 6vw, 68px)
    clamp(24px, 6vw, 70px);

  text-align: center;

  border-radius: 28px;

  background:
    radial-gradient(
      circle at 18% 18%,
      rgba(131, 0, 201, 0.32),
      transparent 30%
    ),
    radial-gradient(
      circle at 83% 80%,
      rgba(131, 0, 201, 0.16),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      var(--bd-navy),
      var(--bd-slate)
    );

  box-shadow:
    0 20px 50px rgba(17, 27, 38, 0.13);
}


#boersk-dictionary .bd-kicker {
  display: inline-block;

  margin-bottom: 18px;

  padding: 7px 13px;

  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 999px;

  color: rgba(255,255,255,0.82);

  background: rgba(255,255,255,0.07);

  font-size: 0.76rem;
  line-height: 1.2;
  font-weight: 700;

  letter-spacing: 0.11em;
  text-transform: uppercase;
}


#boersk-dictionary .bd-intro h2 {
  margin: 0;

  color: #fff;

  font-family: inherit;

  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
  font-weight: 700;
}


#boersk-dictionary .bd-intro p {
  max-width: 700px;

  margin: 18px auto 0;

  color: rgba(255,255,255,0.82);

  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.04rem, 1.5vw, 1.18rem);
  line-height: 1.7;
  font-weight: 400;
}


/* =========================================================
   STATUS
   ========================================================= */

#boersk-dictionary .bd-status {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 32px;

  margin-top: 22px;

  padding: 7px 13px;

  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 999px;

  color: rgba(255,255,255,0.72);

  background: rgba(255,255,255,0.06);

  font-size: 0.82rem;
  line-height: 1.3;
}


#boersk-dictionary .bd-status.is-ready {
  color: #fff;

  border-color: rgba(255,255,255,0.2);

  background:
    rgba(131, 0, 201, 0.35);
}


#boersk-dictionary .bd-status.is-error {
  color: #fff;

  background: rgba(145, 36, 36, 0.65);
}


/* =========================================================
   MANUAL FILE FALLBACK
   ========================================================= */

#boersk-dictionary .bd-file-loader {
  display: flex;

  flex-wrap: wrap;
  align-items: center;

  gap: 10px 14px;

  margin: 0 0 28px;

  padding: 18px 20px;

  border: 1px dashed var(--bd-line);
  border-radius: 18px;

  background: var(--bd-soft);

  font-size: 0.9rem;
}


#boersk-dictionary .bd-file-loader[hidden] {
  display: none !important;
}


/* =========================================================
   TWO-COLUMN DICTIONARY GRID
   ========================================================= */

#boersk-dictionary .bd-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 26px;

  align-items: start;
}


/* =========================================================
   PANELS
   ========================================================= */

#boersk-dictionary .bd-panel {
  position: relative;

  overflow: hidden;

  padding:
    clamp(24px, 4vw, 34px);

  border: 1px solid var(--bd-line);
  border-radius: 24px;

  background: var(--bd-white);

  box-shadow:
    0 15px 40px rgba(20, 30, 40, 0.065);
}


#boersk-dictionary .bd-panel-topline {
  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 5px;

  background:
    linear-gradient(
      90deg,
      var(--bd-purple),
      var(--bd-purple-dark)
    );
}


#boersk-dictionary .bd-panel-label {
  display: inline-block;

  margin-top: 2px;

  padding: 6px 11px;

  border-radius: 999px;

  background: var(--bd-purple-soft);

  color: var(--bd-purple-dark);

  font-size: 0.72rem;
  line-height: 1.2;
  font-weight: 700;

  letter-spacing: 0.085em;
  text-transform: uppercase;
}


#boersk-dictionary .bd-panel h3 {
  margin:
    18px
    0
    26px;

  color: var(--bd-ink);

  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.55rem, 2.4vw, 2rem);
  line-height: 1.22;
  font-weight: 700;
}


/* =========================================================
   FORM LABELS + INPUTS
   ========================================================= */

#boersk-dictionary .bd-label {
  display: block;

  margin-bottom: 9px;

  color: var(--bd-ink);

  font-size: 0.88rem;
  line-height: 1.4;
  font-weight: 650;
}


#boersk-dictionary .bd-input {
  width: 100%;

  min-height: 54px;

  padding: 13px 16px;

  border: 1px solid #ccd3d9;
  border-radius: 13px;

  background: #fff;

  color: var(--bd-ink);

  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.04rem;
  line-height: 1.4;

  outline: none;

  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    background 160ms ease;
}


#boersk-dictionary .bd-input::placeholder {
  color: #969da4;
}


#boersk-dictionary .bd-input:hover:not(:disabled) {
  border-color: #afb7bf;
}


#boersk-dictionary .bd-input:focus {
  border-color: var(--bd-purple);

  box-shadow:
    0 0 0 3px rgba(131,0,201,0.12);
}


#boersk-dictionary .bd-input:disabled {
  cursor: not-allowed;

  color: #8b9196;

  background: #f1f3f4;
}


/* =========================================================
   RESULTS
   ========================================================= */

#boersk-dictionary .bd-results {
  margin-top: 22px;
}


#boersk-dictionary .bd-empty,
#boersk-dictionary .bd-no-results {
  padding: 16px 2px 3px;

  color: var(--bd-muted);

  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.95rem;
  line-height: 1.6;
}


#boersk-dictionary .bd-result-count {
  margin: 0 0 11px;

  color: var(--bd-muted);

  font-size: 0.76rem;
  line-height: 1.4;
  font-weight: 650;

  letter-spacing: 0.02em;
}


/* =========================================================
   ENGLISH → BOERSK RESULT CARD
   ========================================================= */

#boersk-dictionary .bd-entry,
#boersk-dictionary .bd-translation {
  position: relative;

  padding: 20px;

  border: 1px solid var(--bd-line);
  border-radius: 17px;

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f8f7fa
    );

  box-shadow:
    0 7px 20px rgba(20, 30, 40, 0.035);
}


#boersk-dictionary .bd-entry + .bd-entry,
#boersk-dictionary .bd-translation + .bd-translation {
  margin-top: 13px;
}


/* Boersk headword */

#boersk-dictionary .bd-headword {
  margin: 0;

  color: var(--bd-navy);

  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.7rem, 3vw, 2.2rem);
  line-height: 1.15;
  font-weight: 700;

  overflow-wrap: anywhere;
}


/* Word-type badges */

#boersk-dictionary .bd-badges {
  display: flex;

  flex-wrap: wrap;

  gap: 7px;

  margin-top: 11px;
}


#boersk-dictionary .bd-badge {
  display: inline-flex;

  align-items: center;

  min-height: 27px;

  padding: 4px 10px;

  border: 1px solid rgba(131,0,201,0.15);
  border-radius: 999px;

  background: var(--bd-purple-soft);

  color: var(--bd-purple-dark);

  font-size: 0.72rem;
  line-height: 1.3;
  font-weight: 700;
}


/* English definition */

#boersk-dictionary .bd-definition {
  margin: 16px 0 0;

  color: var(--bd-ink);

  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.08rem;
  line-height: 1.6;
}


/* =========================================================
   NOTES / VARIANTS
   ========================================================= */

#boersk-dictionary .bd-detail {
  margin-top: 16px;

  padding-top: 15px;

  border-top: 1px solid var(--bd-line);
}


#boersk-dictionary .bd-detail-title {
  display: block;

  margin-bottom: 6px;

  color: var(--bd-muted);

  font-size: 0.69rem;
  line-height: 1.3;
  font-weight: 750;

  letter-spacing: 0.085em;
  text-transform: uppercase;
}


#boersk-dictionary .bd-detail-text {
  margin: 0;

  color: var(--bd-ink);

  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.92rem;
  line-height: 1.65;

  white-space: pre-wrap;
  overflow-wrap: anywhere;
}


/* =========================================================
   EXAMPLE SENTENCE
   ========================================================= */

#boersk-dictionary .bd-example {
  margin-top: 17px;

  padding: 15px 17px;

  border-left: 4px solid var(--bd-purple);
  border-radius: 0 12px 12px 0;

  background: #fff;
}


#boersk-dictionary .bd-example-boersk {
  margin: 0 0 5px;

  color: var(--bd-navy);

  font-family: Georgia, "Times New Roman", serif;
  font-size: 1rem;
  line-height: 1.55;
  font-weight: 700;
}


#boersk-dictionary .bd-example-english {
  margin: 0;

  color: var(--bd-muted);

  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.92rem;
  line-height: 1.55;
}


/* =========================================================
   BOERSK → ENGLISH RESULT
   ========================================================= */

#boersk-dictionary .bd-translation-main {
  display: flex;

  align-items: baseline;
  justify-content: space-between;

  gap: 15px;
}


#boersk-dictionary .bd-translation-english {
  color: var(--bd-navy);

  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 700;
}


#boersk-dictionary .bd-word-type {
  flex: 0 0 auto;

  color: var(--bd-purple-dark);

  font-size: 0.78rem;
  line-height: 1.4;
  font-style: italic;
}


#boersk-dictionary .bd-form-note {
  margin-top: 10px;

  color: var(--bd-muted);

  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.88rem;
  line-height: 1.5;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 820px) {

  #boersk-dictionary .bd-grid {
    grid-template-columns: 1fr;
  }

  #boersk-dictionary .bd-intro {
    border-radius: 22px;
  }

  #boersk-dictionary .bd-panel {
    border-radius: 20px;
  }

}


@media (max-width: 520px) {

  #boersk-dictionary {
    margin-top: 20px;
  }

  #boersk-dictionary .bd-intro {
    padding:
      34px
      22px;

    border-radius: 19px;
  }

  #boersk-dictionary .bd-intro h2 {
    font-size: clamp(2rem, 10vw, 2.7rem);
  }

  #boersk-dictionary .bd-panel {
    padding: 22px 18px;

    border-radius: 18px;
  }

  #boersk-dictionary .bd-panel h3 {
    margin-bottom: 22px;
  }

  #boersk-dictionary .bd-entry,
  #boersk-dictionary .bd-translation {
    padding: 18px;

    border-radius: 15px;
  }

  #boersk-dictionary .bd-translation-main {
    display: block;
  }

  #boersk-dictionary .bd-word-type {
    display: block;

    margin-top: 5px;
  }

}
</style>


<!-- =========================================================
     SHEETJS
     Official standalone browser build
     ========================================================= -->

<script
  src="https://cdn.sheetjs.com/xlsx-0.20.3/package/dist/xlsx.full.min.js">
</script>


<script>
(() => {

  'use strict';


  /* =========================================================
     CONFIGURATION
     ========================================================= */

  const EXCEL_URL =
    'https://lexicogs.com/wp-content/uploads/2026/09/Boersk-Official-Word-List.xlsx';

  const SHEET_NAME = 'Lockedin List';

  const MAX_RESULTS = 40;


  /* =========================================================
     WORKBOOK COLUMN NAMES
     ========================================================= */

  const COL = {

    boersk:
      'New language (Boersk)',

    type:
      'Word type',

    notes:
      'Notes',

    variants:
      'Variants',

    exampleBoersk:
      'Example of usage (Boersk)',

    exampleEnglish:
      'Translation',

    english:
      'English'

  };


  let entries = [];


  /* =========================================================
     DOM REFERENCES
     ========================================================= */

  const root =
    document.getElementById(
      'boersk-dictionary'
    );

  const status =
    document.getElementById(
      'bd-status'
    );

  const fileLoader =
    document.getElementById(
      'bd-file-loader'
    );

  const fileInput =
    document.getElementById(
      'bd-file-input'
    );

  const englishInput =
    document.getElementById(
      'bd-english-search'
    );

  const boerskInput =
    document.getElementById(
      'bd-boersk-search'
    );

  const englishResults =
    document.getElementById(
      'bd-english-results'
    );

  const boerskResults =
    document.getElementById(
      'bd-boersk-results'
    );


  if (!root) return;


  /* =========================================================
     TEXT HELPERS
     ========================================================= */

  function clean(value) {

    return String(
      value == null ? '' : value
    ).trim();

  }


  function normalize(value) {

    return clean(value)

      .toLocaleLowerCase('en-GB')

      .replace(
        /[’‘]/g,
        "'"
      )

      .replace(
        /\s+/g,
        ' '
      )

      .trim();

  }


  function normalizeEnglish(value) {

    return normalize(value)

      .replace(
        /^to\s+/,
        ''
      )

      .replace(
        /^[()\s]+|[()\s]+$/g,
        ''
      )

      .trim();

  }


  /* =========================================================
     ENGLISH GLOSSES
     ========================================================= */

  function splitEnglishGlosses(value) {

    const original =
      clean(value);

    if (!original) return [];


    const parts = original

      .split(
        /\s*[;|]\s*|\s+\/\s+/
      )

      .map(
        normalizeEnglish
      )

      .filter(
        Boolean
      );


    const whole =
      normalizeEnglish(original);


    return [
      ...new Set([
        whole,
        ...parts
      ])
    ];

  }


  /* =========================================================
     BOERSK HEADWORDS
     ========================================================= */

  function splitHeadwords(value) {

    return clean(value)

      .split(
        /\s*\/\s*/
      )

      .map(
        normalize
      )

      .filter(
        Boolean
      );

  }


  /* =========================================================
     CANONICAL LISTED VARIANTS

     Variants are only indexed when they are explicitly
     present in the workbook.
     ========================================================= */

  function extractListedVariants(value) {

    const raw =
      clean(value);


    if (
      !raw ||
      raw === '—' ||
      raw === '-'
    ) {
      return [];
    }


    const forms = [];


    raw.split(';')
      .forEach(part => {

        let piece =
          clean(part);


        if (!piece) return;


        const colon =
          piece.indexOf(':');


        if (colon >= 0) {

          piece =
            piece.slice(
              colon + 1
            );

        }


        piece

          .split(
            /\s*\/\s*/
          )

          .map(
            normalize
          )

          .filter(
            Boolean
          )

          .forEach(
            form => forms.push(form)
          );

      });


    return [
      ...new Set(forms)
    ];

  }


  /* =========================================================
     CREATE INTERNAL ENTRY
     ========================================================= */

  function makeEntry(
    row,
    index
  ) {

    const entry = {

      id:
        index,

      boersk:
        clean(
          row[COL.boersk]
        ),

      type:
        clean(
          row[COL.type]
        ),

      notes:
        clean(
          row[COL.notes]
        ),

      variants:
        clean(
          row[COL.variants]
        ),

      exampleBoersk:
        clean(
          row[COL.exampleBoersk]
        ),

      exampleEnglish:
        clean(
          row[COL.exampleEnglish]
        ),

      english:
        clean(
          row[COL.english]
        )

    };


    entry.boerskHeadwords =
      splitHeadwords(
        entry.boersk
      );


    entry.listedVariants =
      extractListedVariants(
        entry.variants
      );


    entry.boerskForms = [
      ...new Set([
        ...entry.boerskHeadwords,
        ...entry.listedVariants
      ])
    ];


    entry.englishGlosses =
      splitEnglishGlosses(
        entry.english
      );


    return entry;

  }


  /* =========================================================
     STATUS
     ========================================================= */

  function setStatus(
    message,
    state
  ) {

    status.textContent =
      message;


    status.className =
      'bd-status' +
      (
        state
          ? ' is-' + state
          : ''
      );

  }


  function setReady() {

    englishInput.disabled =
      false;

    boerskInput.disabled =
      false;


    setStatus(

      entries.length
        .toLocaleString(
          'en-GB'
        )
      +
      ' canonical dictionary entries loaded.',

      'ready'

    );

  }


  /* =========================================================
     VALIDATE WORKBOOK
     ========================================================= */

  function validateColumns(rows) {

    if (!rows.length) {

      throw new Error(
        'The worksheet contains no dictionary rows.'
      );

    }


    const first =
      rows[0];


    const required =
      Object.values(COL);


    const missing =
      required.filter(
        name =>
          !(name in first)
      );


    if (missing.length) {

      throw new Error(
        'Missing expected column(s): ' +
        missing.join(', ')
      );

    }

  }


  /* =========================================================
     LOAD WORKBOOK
     ========================================================= */

  function loadWorkbook(
    arrayBuffer
  ) {

    const workbook =
      XLSX.read(
        arrayBuffer,
        {
          type: 'array'
        }
      );


    const sheet =
      workbook.Sheets[
        SHEET_NAME
      ];


    if (!sheet) {

      throw new Error(
        'Worksheet "' +
        SHEET_NAME +
        '" was not found.'
      );

    }


    const rows =
      XLSX.utils.sheet_to_json(

        sheet,

        {
          defval: '',
          raw: false,
          blankrows: false
        }

      );


    validateColumns(rows);


    entries = rows

      .map(
        makeEntry
      )

      .filter(
        entry =>
          entry.boersk &&
          entry.english
      );


    if (!entries.length) {

      throw new Error(
        'No usable Boersk dictionary entries were found.'
      );

    }


    setReady();


    renderEnglishSearch(
      englishInput.value
    );


    renderBoerskSearch(
      boerskInput.value
    );

  }


  /* =========================================================
     LOAD FROM LIVE WORDPRESS URL
     ========================================================= */

  async function loadFromUrl(url) {

    setStatus(
      'Loading dictionary…'
    );


    const response =
      await fetch(
        url,
        {
          cache: 'no-cache'
        }
      );


    if (!response.ok) {

      throw new Error(
        'Could not load the Excel dictionary (' +
        response.status +
        ').'
      );

    }


    loadWorkbook(
      await response.arrayBuffer()
    );

  }


  /* =========================================================
     LOCAL FILE FALLBACK
     ========================================================= */

  function loadFromFile(file) {

    if (!file) return;


    setStatus(
      'Loading dictionary…'
    );


    const reader =
      new FileReader();


    reader.onload =
      event => {

        try {

          loadWorkbook(
            event.target.result
          );

        } catch (error) {

          handleLoadError(
            error
          );

        }

      };


    reader.onerror =
      () =>
        handleLoadError(
          new Error(
            'The Excel file could not be read.'
          )
        );


    reader.readAsArrayBuffer(
      file
    );

  }


  function handleLoadError(error) {

    console.error(
      error
    );


    setStatus(

      error.message ||
      'The dictionary could not be loaded.',

      'error'

    );


    englishInput.disabled =
      true;

    boerskInput.disabled =
      true;

  }


  /* =========================================================
     DOM HELPERS
     ========================================================= */

  function textElement(
    tag,
    className,
    text
  ) {

    const el =
      document.createElement(tag);


    if (className) {

      el.className =
        className;

    }


    el.textContent =
      text;


    return el;

  }


  function clearResults(
    container
  ) {

    while (
      container.firstChild
    ) {

      container.removeChild(
        container.firstChild
      );

    }

  }


  function addCount(
    container,
    count
  ) {

    const word =
      count === 1
        ? 'result'
        : 'results';


    container.appendChild(

      textElement(

        'div',

        'bd-result-count',

        count +
        ' ' +
        word

      )

    );

  }


  function addNoResults(
    container,
    query
  ) {

    const box =
      textElement(

        'div',

        'bd-no-results',

        'No canon entry found for “' +
        clean(query) +
        '”.'

      );


    container.appendChild(
      box
    );

  }


  function addDetail(
    card,
    title,
    text
  ) {

    if (
      !text ||
      text === '—' ||
      text === '-'
    ) {
      return;
    }


    const detail =
      document.createElement(
        'div'
      );


    detail.className =
      'bd-detail';


    detail.appendChild(

      textElement(

        'span',

        'bd-detail-title',

        title

      )

    );


    detail.appendChild(

      textElement(

        'p',

        'bd-detail-text',

        text

      )

    );


    card.appendChild(
      detail
    );

  }


  /* =========================================================
     ENGLISH → BOERSK RESULT CARD
     ========================================================= */

  function renderEnglishCard(
    entry
  ) {

    const card =
      document.createElement(
        'article'
      );


    card.className =
      'bd-entry';


    card.appendChild(

      textElement(

        'h4',

        'bd-headword',

        entry.boersk

      )

    );


    const badges =
      document.createElement(
        'div'
      );


    badges.className =
      'bd-badges';


    if (entry.type) {

      badges.appendChild(

        textElement(

          'span',

          'bd-badge',

          entry.type

        )

      );

    }


    card.appendChild(
      badges
    );


    card.appendChild(

      textElement(

        'p',

        'bd-definition',

        entry.english

      )

    );


    addDetail(
      card,
      'Notes',
      entry.notes
    );


    addDetail(
      card,
      'Canonical forms / variants',
      entry.variants
    );


    if (
      entry.exampleBoersk ||
      entry.exampleEnglish
    ) {

      const example =
        document.createElement(
          'div'
        );


      example.className =
        'bd-example';


      if (
        entry.exampleBoersk
      ) {

        example.appendChild(

          textElement(

            'p',

            'bd-example-boersk',

            entry.exampleBoersk

          )

        );

      }


      if (
        entry.exampleEnglish
      ) {

        example.appendChild(

          textElement(

            'p',

            'bd-example-english',

            entry.exampleEnglish

          )

        );

      }


      card.appendChild(
        example
      );

    }


    return card;

  }


  /* =========================================================
     ENGLISH SEARCH SCORING
     ========================================================= */

  function englishScore(
    entry,
    query
  ) {

    const q =
      normalizeEnglish(
        query
      );


    if (!q) {

      return Infinity;

    }


    let best =
      Infinity;


    entry.englishGlosses
      .forEach(gloss => {

        if (
          gloss === q
        ) {

          best =
            Math.min(
              best,
              0
            );

        }

        else if (
          gloss.startsWith(q)
        ) {

          best =
            Math.min(
              best,
              1
            );

        }

        else if (
          gloss.includes(q)
        ) {

          best =
            Math.min(
              best,
              2
            );

        }

      });


    return best;

  }


  /* =========================================================
     ENGLISH SEARCH
     ========================================================= */

  function renderEnglishSearch(
    value
  ) {

    clearResults(
      englishResults
    );


    const query =
      clean(value);


    if (!query) {

      englishResults.appendChild(

        textElement(

          'div',

          'bd-empty',

          'Enter an English word to begin.'

        )

      );


      return;

    }


    const matches = entries

      .map(entry => ({

        entry,

        score:
          englishScore(
            entry,
            query
          )

      }))

      .filter(
        item =>
          Number.isFinite(
            item.score
          )
      )

      .sort(
        (a, b) => {

          if (
            a.score !==
            b.score
          ) {

            return (
              a.score -
              b.score
            );

          }


          return (
            a.entry.english
              .localeCompare(
                b.entry.english,
                'en'
              )
          );

        }
      )

      .slice(
        0,
        MAX_RESULTS
      );


    if (!matches.length) {

      addNoResults(
        englishResults,
        query
      );

      return;

    }


    addCount(
      englishResults,
      matches.length
    );


    matches.forEach(
      item =>

        englishResults.appendChild(

          renderEnglishCard(
            item.entry
          )

        )
    );

  }


  /* =========================================================
     BOERSK MATCHING

     Exact headword first.
     Explicitly listed canonical variants second.
     Headword suggestions third.
     ========================================================= */

  function boerskMatch(
    entry,
    query
  ) {

    const q =
      normalize(
        query
      );


    if (!q) {

      return null;

    }


    if (
      entry.boerskHeadwords
        .includes(q)
    ) {

      return {

        score: 0,

        matchedVariant: false,

        matchedForm: q

      };

    }


    if (
      entry.listedVariants
        .includes(q)
    ) {

      return {

        score: 1,

        matchedVariant: true,

        matchedForm: q

      };

    }


    if (
      entry.boerskHeadwords
        .some(
          form =>
            form.startsWith(q)
        )
    ) {

      return {

        score: 2,

        matchedVariant: false,

        matchedForm: ''

      };

    }


    return null;

  }


  /* =========================================================
     BOERSK → ENGLISH RESULT CARD
     ========================================================= */

  function renderBoerskCard(
    entry,
    match,
    typedValue
  ) {

    const card =
      document.createElement(
        'article'
      );


    card.className =
      'bd-translation';


    const main =
      document.createElement(
        'div'
      );


    main.className =
      'bd-translation-main';


    main.appendChild(

      textElement(

        'div',

        'bd-translation-english',

        entry.english

      )

    );


    main.appendChild(

      textElement(

        'div',

        'bd-word-type',

        entry.type || ''

      )

    );


    card.appendChild(
      main
    );


    const typed =
      normalize(
        typedValue
      );


    const isExactHeadword =
      entry.boerskHeadwords
        .includes(
          typed
        );


    if (
      match.matchedVariant
    ) {

      card.appendChild(

        textElement(

          'div',

          'bd-form-note',

          'Listed form of: ' +
          entry.boersk

        )

      );

    }

    else if (
      !isExactHeadword
    ) {

      card.appendChild(

        textElement(

          'div',

          'bd-form-note',

          'Boersk headword: ' +
          entry.boersk

        )

      );

    }


    return card;

  }


  /* =========================================================
     BOERSK SEARCH
     ========================================================= */

  function renderBoerskSearch(
    value
  ) {

    clearResults(
      boerskResults
    );


    const query =
      clean(value);


    if (!query) {

      boerskResults.appendChild(

        textElement(

          'div',

          'bd-empty',

          'Enter a Boersk word to begin.'

        )

      );


      return;

    }


    const matches = entries

      .map(
        entry => {

          const match =
            boerskMatch(
              entry,
              query
            );


          return match
            ? {
                entry,
                match
              }
            : null;

        }
      )

      .filter(
        Boolean
      )

      .sort(
        (a, b) => {

          if (
            a.match.score !==
            b.match.score
          ) {

            return (
              a.match.score -
              b.match.score
            );

          }


          return (
            a.entry.boersk
              .localeCompare(
                b.entry.boersk,
                'en'
              )
          );

        }
      )

      .slice(
        0,
        MAX_RESULTS
      );


    if (!matches.length) {

      addNoResults(
        boerskResults,
        query
      );

      return;

    }


    addCount(
      boerskResults,
      matches.length
    );


    matches.forEach(
      item => {

        boerskResults.appendChild(

          renderBoerskCard(

            item.entry,

            item.match,

            query

          )

        );

      }
    );

  }


  /* =========================================================
     EVENTS
     ========================================================= */

  englishInput.addEventListener(

    'input',

    event =>
      renderEnglishSearch(
        event.target.value
      )

  );


  boerskInput.addEventListener(

    'input',

    event =>
      renderBoerskSearch(
        event.target.value
      )

  );


  fileInput.addEventListener(

    'change',

    event =>
      loadFromFile(
        event.target.files[0]
      )

  );


  /* =========================================================
     INITIALISE
     ========================================================= */

  if (
    EXCEL_URL.trim()
  ) {

    fileLoader.hidden =
      true;


    loadFromUrl(
      EXCEL_URL
    )
    .catch(
      handleLoadError
    );

  }

  else {

    fileLoader.hidden =
      false;


    setStatus(
      'Select the official Excel workbook to test the dictionary.'
    );

  }

})();
</script>
]]></content:encoded>
					
					<wfw:commentRss>https://lexicogs.com/boersk-english-word-look-up/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Why Build a Language? What Creating a Conlang Taught Us About Grammar, Culture and AI</title>
		<link>https://lexicogs.com/why-build-a-language-what-creating-a-conlang-taught-us-about-grammar-culture-and-ai/</link>
					<comments>https://lexicogs.com/why-build-a-language-what-creating-a-conlang-taught-us-about-grammar-culture-and-ai/#respond</comments>
		
		<dc:creator><![CDATA[Lexi Cogs]]></dc:creator>
		<pubDate>Sat, 19 Sep 2026 18:03:38 +0000</pubDate>
				<category><![CDATA[Article]]></category>
		<guid isPermaLink="false">https://lexicogs.com/?p=105518</guid>

					<description><![CDATA[Why Build a Language? What Creating a Conlang Taught Us About Grammar, Culture and AI There is something wonderfully unnecessary about inventing a language. Humanity already has thousands of them. Some are spoken by hundreds of millions of people; others survive within relatively small communities. For example, J.R.R. Tolkien, who I consider as one of [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-large has-custom-border is-style-default" style="margin-top:0;margin-bottom:0"><img decoding="async" width="1024" height="373" src="https://lexicogs.com/wp-content/uploads/2026/09/Conlang-1024x373.jpg" alt="" class="wp-image-105520 no-lazyload" style="border-radius:22px" srcset="https://lexicogs.com/wp-content/uploads/2026/09/Conlang-1024x373.jpg 1024w, https://lexicogs.com/wp-content/uploads/2026/09/Conlang-300x109.jpg 300w, https://lexicogs.com/wp-content/uploads/2026/09/Conlang-768x280.jpg 768w, https://lexicogs.com/wp-content/uploads/2026/09/Conlang-1536x560.jpg 1536w, https://lexicogs.com/wp-content/uploads/2026/09/Conlang.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>



<h1 class="wp-block-heading">Why Build a Language? What Creating a Conlang Taught Us About Grammar, Culture and AI</h1>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">There is something wonderfully unnecessary about inventing a language.</p>



<p class="wp-block-paragraph">Humanity already has thousands of them. Some are spoken by hundreds of millions of people; others survive within relatively small communities. For example, J.R.R. Tolkien, who I consider as one of my idols in this field, developed languages for the different ‘races’ that inhabited Middle Earth in The Lord of the Rings. As he wrote in one of his letters, “The invention of languages is the foundation. The <em>stories</em> were made rather to provide a world for the languages than the reverse. To me a name comes first and the story follows.”<a href="#_ftn1" id="_ftnref1">[1]</a> &nbsp;Taken together, conlangs display an extraordinary variety of sounds, grammatical systems and ways of organizing ideas. Some even come with fictional histories stretching back centuries or millennia.</p>



<p class="wp-block-paragraph">These deliberately created languages are usually called <strong>constructed languages</strong>, or <strong>conlangs</strong> for short. Some are created for fictional worlds. Others are designed as experiments in logic or communication. Some begin as artistic projects. Some are intellectual puzzles. Some are designed with the goal of facilitating international communication. And some, some are simply made because their creators enjoy languages and want to understand them from the inside.</p>



<p class="wp-block-paragraph">Now, that last reason is particularly interesting, as this was where I landed when trying to understand complex grammatical concepts in a way that would make sense to me. Because I decided, maybe foolishly in hindsight, that perhaps one of the best ways to discover how robust my actual understanding of the technical grammar really was, was to try using my understanding (along with all its faults) to build a grammar system from scratch and apply what I may (or may not!) have learned. And I can assure you, I realized how much of a novice I was, but also how this could unlock a more analytical route to unpicking the complexities of how the experts describe all languages, be they conlangs or living ones…</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading"><strong>Taking grammar apart to see how it works</strong></h2>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">So here was my starting point. It is easy to learn a grammatical rule and <em>believe</em> that we understand it. I would often commend myself after an hour-long slog that I’d finally got to grips with a certain linguistic concept (only to be later disappointed that it was a tip of a much bigger iceberg – I am sure you can relate!)</p>



<p class="wp-block-paragraph">Let’s take cases, for example. These can be explained reasonably quickly. As you’ll know from your own studies, a language may change the form of a noun, article or pronoun depending on the grammatical job it performs. German, for instance, retains its four-case system. Latin famously uses cases extensively and language enthusiasts will tell you, after mastering the intricacies of German, that you ‘ain’t seen nothing yet.’ But also, let’s not forget, many other languages organize the expression of similar relationships in different ways.</p>



<p class="wp-block-paragraph">So… learning the rule is one thing. However, what you’ll find is, trying to design a functioning case system is something else entirely.</p>



<p class="wp-block-paragraph">Suddenly you have to make decisions. Here’s what suddenly crops up:</p>



<p class="wp-block-paragraph">Where is the case marked? On the noun? On an article? On an adjective? On several of them?</p>



<p class="wp-block-paragraph">OK. Ahh but what happens now in the plural?</p>



<p class="wp-block-paragraph">Now I want to express something more complex regarding the relationship of one idea to another. So now, I will use a preposition – but which prepositions govern which cases and why should they do so? Is it arbitrary or is there a pattern?</p>



<p class="wp-block-paragraph">And then… verbs. The quagmire that is verbs! New questions emerge:</p>



<p class="wp-block-paragraph">Do some verbs require particular cases or are they associated with prepositions instead? Because this is a structural decision and the answer is less clear than you’d think.</p>



<p class="wp-block-paragraph">Even with nouns, which, on paper, simply have case markers, questions arise that a working language will have answered. For example, what happens when several words form a single noun phrase? Where do we multiply the rules, or where would they naturally be dropped? If we apply pure mathematics, we move away from efficient communication, so decisions are made – or in the case of working languages, conventions have prevailed, and they have done so for specific reasons.</p>



<p class="wp-block-paragraph">And, perhaps most importantly, do the rules you have designed continue working when people try to say things you did not anticipate?</p>



<p class="wp-block-paragraph">All of this is to say, a concept that seemed straightforward when described in a grammar book becomes a system of interacting choices when applied to the real working world of a language.</p>



<p class="wp-block-paragraph">That makes conlang development an unusually powerful form of active learning. Instead of merely observing how linguistic structures work, you are forced to construct them, test them and discover where your understanding was incomplete.</p>



<p class="wp-block-paragraph">And so, when I put this to the team at Lexicogs, our own experiment began in almost exactly this way. In creating Lexicogs as a really useful learning tool, one has to confirm, can we really explain concepts properly? When do we explain, when do we let convention do the talking, what does someone need to know and at what point in their language journey – and from that, how do we create lessons that fulfil this need. And this varies from one language to another. So we decided, the only way to really see this clearly was to put ourselves to the test, and so the experiment of developing a conlang was born.</p>



<p class="wp-block-paragraph">So, to be clear, the original intention was not to create an elaborate fictional civilisation (more on this later). It was much more modest: to explore grammatical systems, starting with case and verb systems, by trying to build one.</p>



<p class="wp-block-paragraph">The next question was: where to start? We decided to look specifically at Germanic languages and use that as the inspiration, not least because English itself is a Germanic language, albeit with lots of new layers on top, but this seemed like a good starting point.</p>



<p class="wp-block-paragraph">The vocabulary therefore was largely developed from Proto-Germanic and then the wider Germanic language family. In practice, the grammar gradually became more sophisticated as we explored examples. Words accumulated. Usage examples were created.</p>



<p class="wp-block-paragraph">And then something unexpected happened.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading"><strong>When vocabulary starts suggesting a culture</strong></h2>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Not part of the original plan, but what became increasingly clear, was that languages are not simply lists of interchangeable labels – we all know this as language enthusiasts, but what we began to see was the mechanics of what drives this.</p>



<p class="wp-block-paragraph">As you’ll have no doubt experienced, an English word and its apparent equivalent in another language rarely occupy precisely the same semantic territory. Languages divide experience differently. And the same is exactly, and perhaps surprisingly true, of a conlang.</p>



<p class="wp-block-paragraph">Experience shows us, one language may distinguish concepts that another expresses with a single word. Another may use the same word across ideas that English treats separately. Metaphors become conventional. Historical meanings linger inside apparently ordinary expressions.</p>



<p class="wp-block-paragraph">But… When building a language carefully, <strong><em>exactly</em></strong> the same thing begins to happen.</p>



<p class="wp-block-paragraph">At first, you consciously choose meanings.</p>



<p class="wp-block-paragraph">Eventually, relationships between those meanings begin suggesting things you did not consciously plan.</p>



<p class="wp-block-paragraph">A vocabulary concerning landscape may suggest how the speakers relate to their environment. Words surrounding obligation, protection, hospitality or judgement may begin implying assumptions about society. Distinctions within apparently simple verbs can reveal what kinds of actions the language treats as meaningfully different. These all become not just word choices, but carefully considered choices.</p>



<p class="wp-block-paragraph">At that point something curious happens.</p>



<p class="wp-block-paragraph">You are no longer simply asking:</p>



<p class="wp-block-paragraph"><strong>“What word should this language have?”</strong></p>



<p class="wp-block-paragraph">You begin asking:</p>



<p class="wp-block-paragraph"><strong>“What kind of people would need these distinctions?”</strong></p>



<p class="wp-block-paragraph">And that question opens an entirely different door.</p>



<p class="wp-block-paragraph">Geography begins to appear. Social structures develop. Stories become possible. Moral assumptions emerge. Customs require explanation that you didn’t expect.</p>



<p class="wp-block-paragraph">Suddenly, the language is no longer sitting inside an experimental framework, but a conlang is developing a fictional world of its own.</p>



<p class="wp-block-paragraph">In other words, the fictional world is beginning to <em>grow</em> out of the language.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading"><strong>Language as a way of exploring worldview</strong></h2>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">This does not mean that grammar magically determines culture. That would be a much stronger claim, and one we would not make – and there are academics who indeed will be devoting their life’s work to exploring this idea, so it is not our place to say.</p>



<p class="wp-block-paragraph">What we can, however, say is that what language appears to do is create <strong>conceptual possibilities</strong>. This conclusion was much stronger than we ever thought it would be.</p>



<p class="wp-block-paragraph">To explain, we found:</p>



<p class="wp-block-paragraph">Once a language distinguishes two ideas, those ideas become easier to discuss separately.</p>



<p class="wp-block-paragraph">Once a metaphor becomes productive, it can be extended.</p>



<p class="wp-block-paragraph">Once a society has vocabulary for a particular kind of obligation, judgement or relationship, writers using that language naturally begin exploring what that concept implies.</p>



<p class="wp-block-paragraph">This is one reason conlangs can become unexpectedly absorbing.</p>



<p class="wp-block-paragraph">They are simultaneously creative and analytical.</p>



<p class="wp-block-paragraph">You design a system – and then start discovering unintended consequences inside the system you designed.</p>



<p class="wp-block-paragraph">That can lead somewhere considerably deeper than naming imaginary mountains. Rather, it can become a form of a much larger cultural thought experiment.</p>



<p class="wp-block-paragraph">What would authority mean in a society that linguistically associates power with protection?</p>



<p class="wp-block-paragraph">What would justice look like if restitution were conceptually distinct from punishment based on a word choice we have decided upon?</p>



<p class="wp-block-paragraph">What happens if myths are classified not according to whether they are literally factual, but according to the kind of truth a community believes they preserve?</p>



<p class="wp-block-paragraph">What sort of stories would such a culture tell?</p>



<p class="wp-block-paragraph">At that point, vocabulary, literature and philosophy begin reinforcing one another.</p>



<p class="wp-block-paragraph">And the conlang becomes less like a code and more like an ecosystem.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading"><strong>Then AI entered the experiment</strong></h2>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">There is another reason this particular project developed in an unusual direction.</p>



<p class="wp-block-paragraph">We were also exploring what artificial intelligence could – &nbsp;and could not – contribute. This is also important when we assess the role of AI in developing language courses for working languages.</p>



<p class="wp-block-paragraph">Now, at first the possibilities appeared obvious:</p>



<p class="wp-block-paragraph">Large language models are extraordinarily good at recognising linguistic patterns. They can analyse grammar, propose examples, identify relationships and produce large amounts of text extremely quickly.</p>



<p class="wp-block-paragraph">Surely, then, a constructed language would be an ideal environment for AI.</p>



<p class="wp-block-paragraph"><strong><em>The reality was considerably messier.</em></strong> Here’s why:</p>



<p class="wp-block-paragraph">AI could produce extremely convincing mistakes.</p>



<p class="wp-block-paragraph">Give a model a language with Germanic ancestry and it could happily invent a word that looked magnificently Germanic, obeyed the apparent sound system and fitted the sentence beautifully.</p>



<p class="wp-block-paragraph">There was only one problem.</p>



<p class="wp-block-paragraph">The word did not exist.</p>



<p class="wp-block-paragraph">The same problem appeared with grammar. Once the model recognised a productive pattern, it might apply that pattern somewhere the language had never authorised it.</p>



<p class="wp-block-paragraph">The result was especially dangerous because incorrect output often looked completely plausible.</p>



<p class="wp-block-paragraph">This led to one of the most useful lessons of the entire experiment:</p>



<p class="wp-block-paragraph"><strong>Plausibility is not the same thing as correctness.</strong></p>



<p class="wp-block-paragraph">And that matters far beyond constructed languages.</p>



<p class="wp-block-paragraph"><strong>Teaching an AI what it is allowed to know</strong></p>



<p class="wp-block-paragraph">The solution emerged slowly through repeated failure.</p>



<p class="wp-block-paragraph">A reliable system needed at least three different forms of authority (it may need more, but we haven’t discovered them yet!) But let’s focus on what we did find that we needed, which emerged through these repeated failures:</p>



<p class="wp-block-paragraph">First came a <strong>controlled lexicon</strong>: the words that actually existed, together with their meanings, grammatical properties and accepted forms.</p>



<p class="wp-block-paragraph">Then came an <strong>explicit grammar</strong>: the rules governing how those words could legitimately interact.</p>



<p class="wp-block-paragraph">Finally came an <strong>attested corpus</strong>: examples of the language being used in conversation, narrative, songs and other contexts.</p>



<p class="wp-block-paragraph">In the event, we can conclude that, despite our best wishes, none of these proved sufficient alone.</p>



<p class="wp-block-paragraph">A dictionary could tell the model which words existed but not everything about how speakers actually used them.</p>



<p class="wp-block-paragraph">A grammar could provide productive rules while still encouraging the model to generate forms that appeared structurally possible but had never been admitted into the language.</p>



<p class="wp-block-paragraph">Examples showed real usage, but without the grammar it was difficult to distinguish an underlying rule from an accidental feature of one sentence.</p>



<p class="wp-block-paragraph">Together, however, they produced something much more powerful.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading"><strong>Lexicon. Grammar. Corpus.</strong></h2>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Each constrains the others.</p>



<p class="wp-block-paragraph">And an important principle related to AI gradually emerged: when the model is uncertain, it must not fill the gap.</p>



<p class="wp-block-paragraph">It must stop.</p>



<p class="wp-block-paragraph">That sounds simple, but it reverses one of the normal expectations placed upon generative AI. We usually ask models to continue producing useful answers.</p>



<p class="wp-block-paragraph">In a controlled linguistic system, sometimes the most valuable answer is:</p>



<p class="wp-block-paragraph"><strong>“That concept does not yet exist in the canon.”</strong></p>



<p class="wp-block-paragraph">The goal therefore became not teaching the AI to invent more successfully, but teaching it when <strong>not to invent at all</strong>.</p>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading"><strong>What failure taught us</strong></h3>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">This process took a surprisingly large number of iterations, and it comes after nine months of repeatedly getting it wrong.</p>



<p class="wp-block-paragraph">Words drifted, grammar was inconsistently applied, earlier examples contradicted later rules and then needed to be revised, over and over until the system – both in terms of the AI model and the rules of the conlang itself – were stable.</p>



<p class="wp-block-paragraph">Then, when we came to producing artefacts in the language, new problems with today’s AI tools emerged that we hadn’t built into the design. For example, even using phonetic spelling based on IPA, speech synthesis pronounced perfectly valid words either incorrectly or in artificially unnatural human speech patterns.</p>



<p class="wp-block-paragraph">And then, music-generation systems interpreted spelling according to entirely different linguistic assumptions, despite being given what superficially seemed like entirely robust instructions.</p>



<p class="wp-block-paragraph">Changes made in one part of the language unexpectedly affected another and everything was more tightly, but inextricably interwoven in ways we did not expect.</p>



<p class="wp-block-paragraph">But, these were healthy failures. Indeed, those failures became part of the experiment and contributed even more to our understanding of how languages really operate.</p>



<p class="wp-block-paragraph">Every problem required another distinction between what was assumed and what was actually defined. Over time, the project developed increasingly clear ideas about source authority, linguistic validation and the division of responsibility between human creator and AI collaborator.</p>



<p class="wp-block-paragraph">The AI became most useful not when it was permitted unlimited creativity, but when creativity occurred <strong>inside carefully maintained boundaries</strong>.</p>



<p class="wp-block-paragraph">That is perhaps the most transferable lesson we have learned so far.</p>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading"><strong>The interesting part is the loop</strong></h3>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">There is also a temptation when discussing AI-assisted creative work to ask who created something.</p>



<p class="wp-block-paragraph">Did the human create it or did the AI create it?</p>



<p class="wp-block-paragraph">Our experience suggests that this can sometimes be the wrong question.</p>



<p class="wp-block-paragraph">The interesting thing is the loop. A human establishes a linguistic rule or chooses a word – in our case, we decided what the master Germanic root word should be by looking at English, Old English, Icelandic, Norse fragments, German, Dutch and Proto-Germanic, or even Indo-European constructions when necessary. We took a view on what we liked, what made sense semantically, what made sense culturally and what fitted best a human preference.</p>



<p class="wp-block-paragraph">Following this, the AI leans into its strongest abilities wonderfully. It identifies the possible implications, the patterns, the wider relationships and links, and, most importantly, the contradictions — because holding that whole mental map of attested and non-attested relationships simultaneously becomes increasingly difficult as the system grows.</p>



<p class="wp-block-paragraph">So, the AI lands its analysis. The human judges whether those implications are linguistically and culturally convincing and makes a decision whether this forms part of an official attested usage by testing the idea through actual use.</p>



<p class="wp-block-paragraph">And, in fact, the contradictions are the most useful part. Based on these, the language is revised and made into a more coherent system. The revised attested system then makes new ideas possible. Importantly, neither participant simply dictates the finished result. The productive unit is the <strong>iteration</strong> and the lessons this provides and the enlightenment that follows.</p>



<p class="wp-block-paragraph">So, to turn back to our original experiment: it has turned a relatively small grammatical exploration exercise into something we did not originally expect and could not at all have anticipated: a new conlang, a language that now has thousands of controlled lexical entries, and with that, its own developing literary forms, social concepts, mythology, music, narratives and a fictional cultural world. Being language nerds, this has become an almost ‘as important’ side project to our original goal of providing really immersive language lessons.</p>



<p class="wp-block-paragraph">For us, it has also raised an intriguing question, that we did not expect to be debating in the field of conlanging. And that is: When does a constructed language stop being merely an invented communication system and start becoming a way of thinking through an imagined culture?</p>



<p class="wp-block-paragraph">We do not yet know the answer.</p>



<p class="wp-block-paragraph">But exploring that question has become part of this unintentional ‘side-project.’ We’re now looking at this in the broader context of AI, its uses in language learning, and the new artistic creations it can spawn, as we’d love to be part of the future discussion on this subject matter and contribute where we can.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading"><strong>So why build a language?</strong></h2>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">OK, so through our own experiences, we feel that we may be better placed to answer this than we were at the beginning, although we do not claim to be in any way the experts in this emerging field of linguistics, far from it!</p>



<p class="wp-block-paragraph">And the annoying answer, but the correct one seems to remain: there are as many answers to this question as there are people making them.</p>



<p class="wp-block-paragraph">Some want to populate fictional worlds – and in the creative arts space this will continue to be hugely valuable, and we can’t wait to see the influence and potential of AI here.</p>



<p class="wp-block-paragraph">&nbsp;Some love phonology – and AI creates an amazing opportunity to explore how ‘dictated rules’ morph when confronted with human conversational reality.</p>



<p class="wp-block-paragraph">Some enjoy grammatical systems. There’s an interesting question that emerges here. Can a language be mathematically perfect? Should it be? It enlightens us as to why ‘exceptions’ exist in real languages when grammar rules hit the reality of efficient human communication.</p>



<p class="wp-block-paragraph">Some want to experiment with communication. There’s a strong case, culturally, for developing a language that is ‘politically neutral,’ but is it possible within our global culture?</p>



<p class="wp-block-paragraph">Some simply find pleasure in discovering what happens when sounds, grammar and meaning are assembled differently. We think that this, combined with the possibilities of AI, could open fascinating new avenues for linguistic experimentation: helping us explore how linguistic systems emerge, why particular kinds of change occur, and what those experiments might suggest about the continuing evolution of living languages.</p>



<p class="wp-block-paragraph">And sometimes, just sometimes, a project begins for one reason and quietly becomes something else.</p>



<p class="wp-block-paragraph">That is what happened to ours.</p>



<p class="wp-block-paragraph">What started as an attempt to understand language structure gradually became an experiment in linguistic design, cultural emergence and AI-assisted creativity.</p>



<p class="wp-block-paragraph">We call the language <strong>Boersk</strong>.</p>



<p class="wp-block-paragraph">And somewhere behind it now sits an entire fantastical world that was never part of the original plan.</p>



<p class="wp-block-paragraph">If you are curious, you can explore the Boersk project <a href="https://lexicogs.com/new-the-conlang-experiment-boersk/">here</a>.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading"><strong>In conclusion</strong></h2>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Even if invented languages themselves hold no particular appeal, and there’s no reason they should, the experiment has already reinforced something central to the philosophy behind Lexicogs and what we already believed:</p>



<p class="wp-block-paragraph">Languages are not simply collections of words to memorise.</p>



<p class="wp-block-paragraph">They are systems through which people organise experience, preserve culture, express relationships and make meaning. And for those with a curious appetite, we’d say this… Sometimes the best way to appreciate how extraordinary those systems are is to try building one and just seeing where that journey takes you!</p>



<p class="wp-block-paragraph"></p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><a href="#_ftnref1" id="_ftn1">[1]</a> J.R.R. Tolkien, Quoted in Humphrey Carpenter and Christopher Tolkien (eds.), No. 165, The Letters of J.R.R. Tolkien</p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://lexicogs.com/why-build-a-language-what-creating-a-conlang-taught-us-about-grammar-culture-and-ai/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Making Comparisons in French</title>
		<link>https://lexicogs.com/making-comparisons-in-french/</link>
		
		<dc:creator><![CDATA[Lexi Cogs]]></dc:creator>
		<pubDate>Sat, 22 Aug 2026 18:47:43 +0000</pubDate>
				<category><![CDATA[French]]></category>
		<category><![CDATA[French Grammar]]></category>
		<category><![CDATA[Lesson]]></category>
		<category><![CDATA[French - Go Deeper - Making Comparisons]]></category>
		<category><![CDATA[French grammar]]></category>
		<category><![CDATA[French language]]></category>
		<guid isPermaLink="false">https://lexicogs.com/?p=105506</guid>

					<description><![CDATA[Learn how to make comparisons in French using plus, moins and aussi, while applying adjective agreement correctly. Build on familiar opinion language to compare films, books, experiences and more, and discover important forms such as meilleur and mieux.]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">This article is associated with the course(s):<br><a href="https://lexicogs.com/french-courses/french-grammar-courses/introduction-to-french-grammar/">Introduction to French Grammar</a></p>



<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-large has-custom-border is-style-default" style="margin-top:0;margin-bottom:0"><img decoding="async" width="1024" height="381" src="https://lexicogs.com/wp-content/uploads/2026/08/Making-Comparisons-in-French-1024x381.png" alt="" class="wp-image-105508 no-lazyload" style="border-radius:22px" srcset="https://lexicogs.com/wp-content/uploads/2026/08/Making-Comparisons-in-French-1024x381.png 1024w, https://lexicogs.com/wp-content/uploads/2026/08/Making-Comparisons-in-French-300x112.png 300w, https://lexicogs.com/wp-content/uploads/2026/08/Making-Comparisons-in-French-766x285.png 766w, https://lexicogs.com/wp-content/uploads/2026/08/Making-Comparisons-in-French-1536x572.png 1536w, https://lexicogs.com/wp-content/uploads/2026/08/Making-Comparisons-in-French-2048x762.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>



<h1 class="wp-block-heading">Making Comparisons in French</h1>



<p class="wp-block-paragraph">Once you can describe something in French, a natural next step is to <strong>compare it with something else</strong>.</p>



<p class="wp-block-paragraph">You might already be able to say:</p>



<p class="wp-block-paragraph"><strong>Le film est intéressant.</strong><br>The film is interesting.</p>



<p class="wp-block-paragraph">But what if you want to say that the film is <strong>more interesting than</strong> the book? Or that an exhibition was <strong>less impressive than</strong> a concert? Or that one performance was <strong>as moving as</strong> another?</p>



<p class="wp-block-paragraph">French uses three very useful comparison patterns to do this:</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — COMPARATIVE PATTERN VISUAL
     plus / moins / aussi + adjective + que
     Fully scoped
     ========================================================= -->

<div class="lexi-comparison-patterns"
     role="group"
     aria-label="French comparison patterns: plus adjective que means more than, moins adjective que means less than, and aussi adjective que means as as.">

  <div class="lexi-comparison-patterns__intro">

    <span class="lexi-comparison-patterns__eyebrow">
      The pattern
    </span>

    <h3>Three ways to compare</h3>

    <p>
      Keep the same basic structure and change the comparison word.
    </p>

  </div>


  <div class="lexi-comparison-patterns__grid">


    <!-- =====================================================
         PLUS
         ===================================================== -->

    <div class="lexi-comparison-patterns__row">

      <div class="lexi-comparison-patterns__formula"
           aria-label="plus adjective que">

        <span class="lexi-comparison-patterns__comparison-word">
          plus
        </span>

        <span class="lexi-comparison-patterns__plus"
              aria-hidden="true">
          +
        </span>

        <span class="lexi-comparison-patterns__adjective">
          adjective
        </span>

        <span class="lexi-comparison-patterns__plus"
              aria-hidden="true">
          +
        </span>

        <span class="lexi-comparison-patterns__que">
          que
        </span>

      </div>

      <div class="lexi-comparison-patterns__meaning">
        <span class="lexi-comparison-patterns__english-focus">
          more
        </span>
        <span>… than</span>
      </div>

    </div>


    <!-- =====================================================
         MOINS
         ===================================================== -->

    <div class="lexi-comparison-patterns__row">

      <div class="lexi-comparison-patterns__formula"
           aria-label="moins adjective que">

        <span class="lexi-comparison-patterns__comparison-word">
          moins
        </span>

        <span class="lexi-comparison-patterns__plus"
              aria-hidden="true">
          +
        </span>

        <span class="lexi-comparison-patterns__adjective">
          adjective
        </span>

        <span class="lexi-comparison-patterns__plus"
              aria-hidden="true">
          +
        </span>

        <span class="lexi-comparison-patterns__que">
          que
        </span>

      </div>

      <div class="lexi-comparison-patterns__meaning">
        <span class="lexi-comparison-patterns__english-focus">
          less
        </span>
        <span>… than</span>
      </div>

    </div>


    <!-- =====================================================
         AUSSI
         ===================================================== -->

    <div class="lexi-comparison-patterns__row">

      <div class="lexi-comparison-patterns__formula"
           aria-label="aussi adjective que">

        <span class="lexi-comparison-patterns__comparison-word">
          aussi
        </span>

        <span class="lexi-comparison-patterns__plus"
              aria-hidden="true">
          +
        </span>

        <span class="lexi-comparison-patterns__adjective">
          adjective
        </span>

        <span class="lexi-comparison-patterns__plus"
              aria-hidden="true">
          +
        </span>

        <span class="lexi-comparison-patterns__que">
          que
        </span>

      </div>

      <div class="lexi-comparison-patterns__meaning">
        <span class="lexi-comparison-patterns__english-focus">
          as
        </span>
        <span>… as</span>
      </div>

    </div>

  </div>


  <!-- =====================================================
       SHARED STRUCTURE
       ===================================================== -->

  <div class="lexi-comparison-patterns__takeaway">

    <span class="lexi-comparison-patterns__takeaway-label">
      Notice
    </span>

    <span>
      The <strong>adjective + que</strong> part stays in place.
      What changes is <strong>plus</strong>, <strong>moins</strong>
      or <strong>aussi</strong>.
    </span>

  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — COMPARATIVE PATTERN VISUAL
   Fully scoped
   ========================================================= */

.lexi-comparison-patterns,
.lexi-comparison-patterns *,
.lexi-comparison-patterns *::before,
.lexi-comparison-patterns *::after {
  box-sizing: border-box;
}

.lexi-comparison-patterns {
  --lexi-purple: #8300C9;
  --lexi-black: #131313;
  --lexi-white: #FFFFFF;
  --lexi-salmon-white: #FFF7FF;
  --lexi-salmon-grey: #F5E9F2;
  --lexi-light-blue: #E5E8FA;
  --lexi-dusty-green: #E0EEE0;
  --lexi-light-grey: #F0F3F8;

  width: 100%;
  max-width: 900px;
  margin: 32px auto;

  color: var(--lexi-black);
  font-family: inherit;
}


/* =========================================================
   INTRO
   ========================================================= */

.lexi-comparison-patterns__intro {
  margin-bottom: 18px;

  text-align: center;
}

.lexi-comparison-patterns__eyebrow {
  display: inline-block;

  margin-bottom: 10px;
  padding: 6px 13px;

  border-radius: 999px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.lexi-comparison-patterns__intro h3 {
  margin: 0 0 7px;

  color: var(--lexi-black);

  font-size: 23px;
  font-weight: 700;
  line-height: 1.3;
}

.lexi-comparison-patterns__intro p {
  margin: 0;

  color: var(--lexi-black);

  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}


/* =========================================================
   OUTER GRID
   ========================================================= */

.lexi-comparison-patterns__grid {
  overflow: hidden;

  border-radius: 18px;

  background: var(--lexi-white);

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   ROW
   ========================================================= */

.lexi-comparison-patterns__row {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(150px, 0.8fr);

  gap: 3px;

  background: var(--lexi-white);
}

.lexi-comparison-patterns__row + .lexi-comparison-patterns__row {
  border-top: 3px solid var(--lexi-white);
}


/* =========================================================
   FRENCH FORMULA
   ========================================================= */

.lexi-comparison-patterns__formula {
  display: flex;

  align-items: center;
  justify-content: center;

  gap: 9px;

  min-width: 0;
  padding: 18px 16px;

  background: var(--lexi-salmon-white);

  color: var(--lexi-black);

  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}


/* Alternate soft row shade */

.lexi-comparison-patterns__row:nth-child(even)
.lexi-comparison-patterns__formula {
  background: var(--lexi-light-grey);
}


/* =========================================================
   COMPARISON WORD
   This is the changing part of the pattern.
   ========================================================= */

.lexi-comparison-patterns__comparison-word {
  min-width: 68px;
  padding: 7px 10px;

  border-radius: 8px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-weight: 700;

  text-align: center;
}


/* =========================================================
   ADJECTIVE SLOT
   Stable middle part of the pattern.
   ========================================================= */

.lexi-comparison-patterns__adjective {
  padding: 7px 12px;

  border: 2px solid var(--lexi-purple);
  border-radius: 8px;

  background: var(--lexi-light-blue);
  color: var(--lexi-black);

  font-weight: 400;

  text-align: center;
}


/* =========================================================
   QUE
   Stable final part.
   ========================================================= */

.lexi-comparison-patterns__que {
  color: var(--lexi-purple);

  font-weight: 600;
}


/* =========================================================
   + SYMBOLS
   ========================================================= */

.lexi-comparison-patterns__plus {
  color: var(--lexi-purple);

  font-size: 18px;
  font-weight: 600;
}


/* =========================================================
   ENGLISH MEANING
   ========================================================= */

.lexi-comparison-patterns__meaning {
  display: flex;

  align-items: center;
  justify-content: center;

  gap: 5px;

  padding: 18px 14px;

  background: var(--lexi-light-blue);
  color: var(--lexi-black);

  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;

  text-align: center;
}

.lexi-comparison-patterns__english-focus {
  color: var(--lexi-purple);

  font-weight: 600;
}


/* =========================================================
   TAKEAWAY
   ========================================================= */

.lexi-comparison-patterns__takeaway {
  display: flex;

  gap: 11px;

  align-items: center;

  margin-top: 18px;
  padding: 14px 16px;

  border-radius: 14px;

  background: var(--lexi-dusty-green);
  color: var(--lexi-black);

  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.lexi-comparison-patterns__takeaway-label {
  flex: 0 0 auto;

  padding: 5px 10px;

  border-radius: 999px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}

.lexi-comparison-patterns__takeaway strong {
  color: var(--lexi-purple);

  font-weight: 600;
}


/* =========================================================
   MOBILE
   Preserve the complete French formula on one line where
   possible, then place its English meaning beneath.
   ========================================================= */

@media (max-width: 650px) {

  .lexi-comparison-patterns__row {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .lexi-comparison-patterns__row + .lexi-comparison-patterns__row {
    border-top: 4px solid var(--lexi-white);
  }

  .lexi-comparison-patterns__meaning {
    padding: 10px 12px;

    border-top: 2px solid var(--lexi-white);
  }

  .lexi-comparison-patterns__intro h3 {
    font-size: 20px;
  }

}


/* =========================================================
   NARROW MOBILE
   ========================================================= */

@media (max-width: 420px) {

  .lexi-comparison-patterns__formula {
    gap: 5px;

    padding: 15px 7px;

    font-size: 12px;
  }

  .lexi-comparison-patterns__comparison-word {
    min-width: 55px;
    padding: 6px 7px;
  }

  .lexi-comparison-patterns__adjective {
    padding: 6px 7px;
  }

  .lexi-comparison-patterns__plus {
    font-size: 14px;
  }

  .lexi-comparison-patterns__meaning {
    font-size: 12.5px;
  }

  .lexi-comparison-patterns__takeaway {
    display: block;

    font-size: 12.5px;
  }

  .lexi-comparison-patterns__takeaway-label {
    display: table;

    margin-bottom: 7px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">The good news is that these structures build directly on adjectives you may already know.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">1. From describing to comparing</h2>



<p class="wp-block-paragraph">Let&#8217;s take a familiar sentence:</p>



<p class="wp-block-paragraph"><strong>Le film est intéressant.</strong><br>The film is interesting.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">To make a comparison, we can place <strong>plus</strong> before the adjective and <strong>que</strong> before the thing we are comparing it with:</p>



<p class="wp-block-paragraph"><strong>Le film est plus intéressant que le livre.</strong><br>The film is more interesting than the book.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">The basic pattern is therefore:</p>



<p class="wp-block-paragraph"><strong>thing + être + plus / moins / aussi + adjective + que + comparison</strong></p>



<p class="wp-block-paragraph">This is best illustrated.</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — LEXI TABLE 2
     Description → Comparison
     ========================================================= -->

<style>
/* =========================================================
   LEXI TABLE 2
   Scoped to this table instance
   ========================================================= */

.lexi-comparison-table-wrap {
  width: 100%;
  margin: 24px 0;
  padding: 0;

  overflow: hidden;
  line-height: 0;

  background: #ffffff;

  border-radius: 14px;

  box-shadow: 0 4px 14px rgba(19, 19, 19, 0.08);
}

.lexi-comparison-table {
  width: 100%;
  margin: 0 !important;

  border-collapse: collapse;
  border-spacing: 0;

  table-layout: auto;

  line-height: 1.5;

  color: #131313;
}

.lexi-comparison-table th,
.lexi-comparison-table td {
  padding: 14px 16px;

  text-align: left;
  vertical-align: middle;

  border: 0;

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}


/* =========================================================
   HEADER
   ========================================================= */

.lexi-comparison-table thead th {
  background: #8300C9;
  color: #ffffff;

  font-weight: 700;
}


/* =========================================================
   BODY ROWS
   ========================================================= */

.lexi-comparison-table tbody tr:nth-child(odd) td {
  background: #ffffff;
}

.lexi-comparison-table tbody tr:nth-child(even) td {
  background: #FFF7FF;
}


/* White internal separators */

.lexi-comparison-table th + th,
.lexi-comparison-table td + td {
  border-left: 3px solid #ffffff;
}

.lexi-comparison-table tbody tr + tr td {
  border-top: 3px solid #ffffff;
}


/* =========================================================
   BODY TEXT
   Normal weight by default
   ========================================================= */

.lexi-comparison-table td {
  color: #131313;

  font-weight: 400;
}


/* =========================================================
   NEW COMPARISON STRUCTURE
   Selective emphasis only
   ========================================================= */

.lexi-comparison-table__focus {
  color: #8300C9;

  font-weight: 700;
}


/* =========================================================
   COLUMN BALANCE
   ========================================================= */

.lexi-comparison-table th:first-child,
.lexi-comparison-table td:first-child {
  width: 38%;
}

.lexi-comparison-table th:last-child,
.lexi-comparison-table td:last-child {
  width: 62%;
}


/* =========================================================
   MOBILE
   Preserve the two-column comparison
   ========================================================= */

@media (max-width: 600px) {

  .lexi-comparison-table th,
  .lexi-comparison-table td {
    padding: 11px 9px;

    font-size: 0.86rem;
    line-height: 1.4;
  }

}
</style>


<div class="lexi-comparison-table-wrap">

  <table class="lexi-comparison-table">

    <thead>
      <tr>
        <th scope="col">Description</th>
        <th scope="col">Comparison</th>
      </tr>
    </thead>

    <tbody>

      <tr>
        <td>
          Le film est intéressant.
        </td>

        <td>
          Le film est
          <strong class="lexi-comparison-table__focus">
            plus intéressant que
          </strong>
          le livre.
        </td>
      </tr>


      <tr>
        <td>
          L’exposition est impressionnante.
        </td>

        <td>
          L’exposition est
          <strong class="lexi-comparison-table__focus">
            moins impressionnante que
          </strong>
          le concert.
        </td>
      </tr>


      <tr>
        <td>
          La pièce est émouvante.
        </td>

        <td>
          La pièce est
          <strong class="lexi-comparison-table__focus">
            aussi émouvante que
          </strong>
          le film.
        </td>
      </tr>

    </tbody>

  </table>

</div>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Notice that French does not normally change the adjective itself to mean <em>more</em> or <em>less</em>. Instead, words such as <strong>plus</strong>, <strong>moins</strong> and <strong>aussi</strong> are placed around the adjective.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">2. Saying ‘more … than’ with <em>plus … que</em></h2>



<p class="wp-block-paragraph">Use:</p>



<p class="wp-block-paragraph"><strong>plus + adjective + que</strong></p>



<p class="wp-block-paragraph">to say that one thing has <strong>more of a particular quality</strong> than another.</p>



<p class="wp-block-paragraph"><strong>Le livre est plus captivant que le film.</strong><br>The book is more captivating than the film.</p>



<p class="wp-block-paragraph"><strong>Le concert est plus divertissant que le spectacle.</strong><br>The concert is more entertaining than the show.</p>



<p class="wp-block-paragraph"><strong>Cette histoire est plus originale que l’autre.</strong><br>This story is more original than the other one.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">The adjective itself still describes the first thing in the comparison. We will come back to why that matters for agreement shortly.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">3. Saying ‘less … than’ with <em>moins … que</em></h2>



<p class="wp-block-paragraph">For the opposite comparison, use:</p>



<p class="wp-block-paragraph"><strong>moins + adjective + que</strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>Le film est moins captivant que le livre.</strong><br>The film is less captivating than the book.</p>



<p class="wp-block-paragraph"><strong>L’exposition est moins impressionnante que le concert.</strong><br>The exhibition is less impressive than the concert.</p>



<p class="wp-block-paragraph"><strong>La fin est moins prévisible que le début.</strong><br>The ending is less predictable than the beginning.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">The structure is identical to the one with <em>plus</em>: only the comparison word changes.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">4. Saying ‘as … as’ with <em>aussi … que</em></h2>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">When the two things are equal in the quality you are describing, use:</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>aussi + adjective + que</strong></p>



<p class="wp-block-paragraph"><strong>La pièce est aussi émouvante que le film.</strong><br>The play is as moving as the film.</p>



<p class="wp-block-paragraph"><strong>Le livre est aussi intéressant que le documentaire.</strong><br>The book is as interesting as the documentary.</p>



<p class="wp-block-paragraph"><strong>L’interprétation est aussi originale que la première version.</strong><br>The performance is as original as the first version.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">So the three structures work as a family:</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — LEXI TABLE 2
     Comparison / French / Example
     ========================================================= -->

<style>
/* =========================================================
   LEXI TABLE 2 — COMPARISON PATTERNS
   Fully scoped to this component
   ========================================================= */

.lexi-comparative-summary-wrap {
  width: 100%;
  margin: 24px 0;
  padding: 0;

  overflow: hidden;
  line-height: 0;

  background: #ffffff;

  border-radius: 14px;

  box-shadow: 0 4px 14px rgba(19, 19, 19, 0.08);
}

.lexi-comparative-summary-table {
  width: 100%;
  margin: 0 !important;

  border-collapse: collapse;
  border-spacing: 0;

  table-layout: auto;

  color: #131313;

  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}


/* =========================================================
   CELLS
   ========================================================= */

.lexi-comparative-summary-table th,
.lexi-comparative-summary-table td {
  padding: 14px 16px;

  border: 0;

  text-align: left;
  vertical-align: middle;

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}


/* =========================================================
   COLUMN WIDTHS
   Example receives more room
   ========================================================= */

.lexi-comparative-summary-table th:nth-child(1),
.lexi-comparative-summary-table td:nth-child(1) {
  width: 22%;
}

.lexi-comparative-summary-table th:nth-child(2),
.lexi-comparative-summary-table td:nth-child(2) {
  width: 24%;
}

.lexi-comparative-summary-table th:nth-child(3),
.lexi-comparative-summary-table td:nth-child(3) {
  width: 54%;
}


/* =========================================================
   HEADER
   ========================================================= */

.lexi-comparative-summary-table thead th {
  background: #8300C9;
  color: #ffffff;

  font-weight: 700;
}


/* =========================================================
   BODY ROWS
   ========================================================= */

.lexi-comparative-summary-table tbody tr:nth-child(odd) td {
  background: #ffffff;
}

.lexi-comparative-summary-table tbody tr:nth-child(even) td {
  background: #FFF7FF;
}


/* White internal separators */

.lexi-comparative-summary-table th + th,
.lexi-comparative-summary-table td + td {
  border-left: 3px solid #ffffff;
}

.lexi-comparative-summary-table tbody tr + tr td {
  border-top: 3px solid #ffffff;
}


/* =========================================================
   DEFAULT BODY TEXT
   ========================================================= */

.lexi-comparative-summary-table td {
  color: #131313;

  font-weight: 400;
}


/* =========================================================
   FRENCH PATTERN
   Whole pattern is the learning target
   ========================================================= */

.lexi-comparative-summary-table__pattern {
  color: #8300C9;

  font-weight: 700;

  white-space: nowrap;
}


/* =========================================================
   EXAMPLE
   Only the comparative structure receives emphasis
   ========================================================= */

.lexi-comparative-summary-table__focus {
  color: #8300C9;

  font-weight: 700;
}


/* =========================================================
   MOBILE
   Keep all three functions aligned:
   Comparison | French | Example
   ========================================================= */

@media (max-width: 650px) {

  .lexi-comparative-summary-table {
    font-size: 12.5px;
    line-height: 1.4;
  }

  .lexi-comparative-summary-table th,
  .lexi-comparative-summary-table td {
    padding: 10px 6px;
  }

  .lexi-comparative-summary-table thead th {
    font-size: 11.5px;
  }

}


/* =========================================================
   NARROW MOBILE
   ========================================================= */

@media (max-width: 420px) {

  .lexi-comparative-summary-table {
    font-size: 11.5px;
  }

  .lexi-comparative-summary-table th,
  .lexi-comparative-summary-table td {
    padding: 9px 4px;
  }

  .lexi-comparative-summary-table thead th {
    font-size: 10.5px;
  }

}
</style>


<div class="lexi-comparative-summary-wrap">

  <table class="lexi-comparative-summary-table">

    <thead>
      <tr>
        <th scope="col">Comparison</th>
        <th scope="col">French</th>
        <th scope="col">Example</th>
      </tr>
    </thead>

    <tbody>

      <tr>
        <td>more … than</td>

        <td>
          <strong class="lexi-comparative-summary-table__pattern">
            plus … que
          </strong>
        </td>

        <td>
          Le film est
          <strong class="lexi-comparative-summary-table__focus">
            plus intéressant que
          </strong>
          le livre.
        </td>
      </tr>


      <tr>
        <td>less … than</td>

        <td>
          <strong class="lexi-comparative-summary-table__pattern">
            moins … que
          </strong>
        </td>

        <td>
          Le film est
          <strong class="lexi-comparative-summary-table__focus">
            moins intéressant que
          </strong>
          le livre.
        </td>
      </tr>


      <tr>
        <td>as … as</td>

        <td>
          <strong class="lexi-comparative-summary-table__pattern">
            aussi … que
          </strong>
        </td>

        <td>
          Le film est
          <strong class="lexi-comparative-summary-table__focus">
            aussi intéressant que
          </strong>
          le livre.
        </td>
      </tr>

    </tbody>

  </table>

</div>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">5. Adjective agreement still matters</h2>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Adding a comparison does not remove the agreement rules you already know.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Compare:</p>



<p class="wp-block-paragraph"><strong>Le film est plus intéressant que la pièce.</strong></p>



<p class="wp-block-paragraph">but:</p>



<p class="wp-block-paragraph"><strong>La pièce est plus intéressante que le film.</strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">The adjective changes because it describes <strong>la pièce</strong>, which is feminine.</p>



<p class="wp-block-paragraph">The noun after <em>que</em> does <strong>not</strong> determine the adjective form.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">That gives us:</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — LEXI TABLE 2
     Adjective agreement inside comparisons
     ========================================================= -->

<div class="lexi-comparison-agreement-table">

  <div class="lexi-comparison-agreement-table__wrap">

    <table class="lexi-comparison-agreement-table__table">

      <thead>
        <tr>
          <th scope="col">What is being described?</th>
          <th scope="col">Comparison</th>
        </tr>
      </thead>

      <tbody>

        <!-- MASCULINE SINGULAR -->

        <tr>
          <td>
            le film
          </td>

          <td>
            Le film est plus
            <strong class="lexi-comparison-agreement-table__focus">
              intéressant
            </strong>
            que la pièce.
          </td>
        </tr>


        <!-- FEMININE SINGULAR -->

        <tr>
          <td>
            la pièce
          </td>

          <td>
            La pièce est plus
            <strong class="lexi-comparison-agreement-table__focus">
              intéressante
            </strong>
            que le film.
          </td>
        </tr>


        <!-- MASCULINE PLURAL -->

        <tr>
          <td>
            les films
          </td>

          <td>
            Les films sont plus
            <strong class="lexi-comparison-agreement-table__focus">
              intéressants
            </strong>
            que la pièce.
          </td>
        </tr>


        <!-- FEMININE PLURAL -->

        <tr>
          <td>
            les chansons
          </td>

          <td>
            Les chansons sont plus
            <strong class="lexi-comparison-agreement-table__focus">
              intéressantes
            </strong>
            que le film.
          </td>
        </tr>

      </tbody>

    </table>

  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — COMPARISON AGREEMENT TABLE
   Lexi Table 2
   Fully scoped
   ========================================================= */

.lexi-comparison-agreement-table,
.lexi-comparison-agreement-table * {
  box-sizing: border-box;
}


/* =========================================================
   WRAPPER
   ========================================================= */

.lexi-comparison-agreement-table__wrap {
  width: 100%;
  margin: 24px 0;
  padding: 0;

  overflow: hidden;
  line-height: 0;

  background: #FFFFFF;

  border-radius: 14px;

  box-shadow: 0 4px 14px rgba(19, 19, 19, 0.08);
}


/* =========================================================
   TABLE
   ========================================================= */

.lexi-comparison-agreement-table__table {
  width: 100%;
  margin: 0 !important;

  border-collapse: collapse;
  border-spacing: 0;

  table-layout: auto;

  color: #131313;

  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}


/* =========================================================
   CELLS
   ========================================================= */

.lexi-comparison-agreement-table__table th,
.lexi-comparison-agreement-table__table td {
  padding: 14px 16px;

  border: 0;

  text-align: left;
  vertical-align: middle;

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}


/* =========================================================
   COLUMN WIDTHS
   ========================================================= */

.lexi-comparison-agreement-table__table th:first-child,
.lexi-comparison-agreement-table__table td:first-child {
  width: 30%;
}

.lexi-comparison-agreement-table__table th:last-child,
.lexi-comparison-agreement-table__table td:last-child {
  width: 70%;
}


/* =========================================================
   HEADER
   ========================================================= */

.lexi-comparison-agreement-table__table thead th {
  background: #8300C9;
  color: #FFFFFF;

  font-weight: 700;
}


/* =========================================================
   BODY ROWS
   ========================================================= */

.lexi-comparison-agreement-table__table tbody tr:nth-child(odd) td {
  background: #FFFFFF;
}

.lexi-comparison-agreement-table__table tbody tr:nth-child(even) td {
  background: #FFF7FF;
}


/* White internal separators */

.lexi-comparison-agreement-table__table th + th,
.lexi-comparison-agreement-table__table td + td {
  border-left: 3px solid #FFFFFF;
}

.lexi-comparison-agreement-table__table tbody tr + tr td {
  border-top: 3px solid #FFFFFF;
}


/* =========================================================
   BODY TEXT
   Normal weight by default
   ========================================================= */

.lexi-comparison-agreement-table__table td {
  color: #131313;

  font-weight: 400;
}


/* =========================================================
   AGREEMENT FORM
   Only the changing adjective receives strong emphasis
   ========================================================= */

.lexi-comparison-agreement-table__focus {
  color: #8300C9;

  font-weight: 700;
}


/* =========================================================
   MOBILE
   Preserve the two-column grammatical relationship
   ========================================================= */

@media (max-width: 600px) {

  .lexi-comparison-agreement-table__table {
    font-size: 12.5px;
    line-height: 1.4;
  }

  .lexi-comparison-agreement-table__table th,
  .lexi-comparison-agreement-table__table td {
    padding: 10px 7px;
  }

  .lexi-comparison-agreement-table__table thead th {
    font-size: 11.5px;
  }

}


/* =========================================================
   NARROW MOBILE
   ========================================================= */

@media (max-width: 420px) {

  .lexi-comparison-agreement-table__table {
    font-size: 11.5px;
  }

  .lexi-comparison-agreement-table__table th,
  .lexi-comparison-agreement-table__table td {
    padding: 9px 5px;
  }

  .lexi-comparison-agreement-table__table thead th {
    font-size: 10.5px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">This is an important connection with the adjective rules you already know: the comparison is new, but <strong>agreement works in exactly the same way</strong>.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">6. Bringing comparisons into an opinion</h2>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Comparisons become particularly useful when you combine them with the opinion language you already know.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Instead of simply saying:</p>



<p class="wp-block-paragraph"><strong>Le livre est captivant.</strong></p>



<p class="wp-block-paragraph">you can make your opinion more precise:</p>



<p class="wp-block-paragraph"><strong>À mon avis, le livre est plus captivant que le film.</strong><br>In my opinion, the book is more captivating than the film.</p>



<p class="wp-block-paragraph">Or:</p>



<p class="wp-block-paragraph"><strong>Je trouve que l’exposition est moins impressionnante que le concert.</strong><br>I think the exhibition is less impressive than the concert.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">And with a past reaction:</p>



<p class="wp-block-paragraph"><strong>Personnellement, j’ai trouvé la pièce aussi émouvante que le film.</strong><br>Personally, I found the play as moving as the film.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">You can also explain your comparison:</p>



<p class="wp-block-paragraph"><strong>À mon avis, le livre est plus captivant que le film parce que l’histoire est plus détaillée.</strong><br>In my opinion, the book is more captivating than the film because the story is more detailed.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">This is where comparisons become much more than a grammar pattern: they allow you to <strong>develop and qualify an opinion</strong> rather than simply describe something.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">7. <em>Que</em> sometimes becomes <em>qu’</em></h2>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Just as elsewhere in French, <strong>que</strong> shortens to <strong>qu’</strong> before a vowel or mute <em>h</em>.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">For example:</p>



<p class="wp-block-paragraph"><strong>Ce film est plus intéressant qu’un documentaire classique.</strong><br>This film is more interesting than a conventional documentary.</p>



<p class="wp-block-paragraph"><strong>La nouvelle version est moins prévisible qu’avant.</strong><br>The new version is less predictable than before.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Nothing has changed in the comparison itself. <strong>Qu’</strong> is simply the shortened form of <strong>que</strong>.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">8. One important exception: <em>bon → meilleur</em></h2>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Most adjectives follow the pattern we have already seen:</p>



<p class="wp-block-paragraph"><strong>plus intéressant</strong><br>more interesting</p>



<p class="wp-block-paragraph"><strong>plus original</strong><br>more original</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">But French does not normally use <em>plus bon</em> as the ordinary comparative of <strong>bon</strong>.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Instead:</p>



<p class="wp-block-paragraph"><strong>bon → meilleur</strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">So:</p>



<p class="wp-block-paragraph"><strong>Le film est bon.</strong><br>The film is good.</p>



<p class="wp-block-paragraph">becomes:</p>



<p class="wp-block-paragraph"><strong>Le film est meilleur que le livre.</strong><br>The film is better than the book.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Because <strong>meilleur</strong> is an adjective, it still agrees with the noun it describes:</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — LEXI TABLE 2
     meilleur / meilleure / meilleurs / meilleures
     ========================================================= -->

<div class="lexi-meilleur-table">

  <div class="lexi-meilleur-table__wrap">

    <table class="lexi-meilleur-table__table">

      <thead>
        <tr>
          <th scope="col">Form</th>
          <th scope="col">Example</th>
        </tr>
      </thead>

      <tbody>

        <tr>
          <td>
            <span class="lexi-meilleur-table__form">
              meilleur
            </span>
          </td>

          <td>
            Le film est
            <strong class="lexi-meilleur-table__focus">
              meilleur
            </strong>.
          </td>
        </tr>


        <tr>
          <td>
            <span class="lexi-meilleur-table__form">
              meilleure
            </span>
          </td>

          <td>
            La pièce est
            <strong class="lexi-meilleur-table__focus">
              meilleure
            </strong>.
          </td>
        </tr>


        <tr>
          <td>
            <span class="lexi-meilleur-table__form">
              meilleurs
            </span>
          </td>

          <td>
            Les films sont
            <strong class="lexi-meilleur-table__focus">
              meilleurs
            </strong>.
          </td>
        </tr>


        <tr>
          <td>
            <span class="lexi-meilleur-table__form">
              meilleures
            </span>
          </td>

          <td>
            Les chansons sont
            <strong class="lexi-meilleur-table__focus">
              meilleures
            </strong>.
          </td>
        </tr>

      </tbody>

    </table>

  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — MEILLEUR AGREEMENT TABLE
   Lexi Table 2
   Fully scoped
   ========================================================= */

.lexi-meilleur-table,
.lexi-meilleur-table * {
  box-sizing: border-box;
}


/* =========================================================
   WRAPPER
   ========================================================= */

.lexi-meilleur-table__wrap {
  width: 100%;
  margin: 24px 0;
  padding: 0;

  overflow: hidden;
  line-height: 0;

  background: #FFFFFF;

  border-radius: 16px;

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   TABLE
   ========================================================= */

.lexi-meilleur-table__table {
  width: 100%;
  margin: 0 !important;

  border-collapse: collapse;
  border-spacing: 0;

  table-layout: auto;

  color: #131313;

  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}


/* =========================================================
   CELLS
   ========================================================= */

.lexi-meilleur-table__table th,
.lexi-meilleur-table__table td {
  padding: 14px 16px;

  border: 0;

  text-align: left;
  vertical-align: middle;

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}


/* =========================================================
   COLUMN WIDTHS
   ========================================================= */

.lexi-meilleur-table__table th:first-child,
.lexi-meilleur-table__table td:first-child {
  width: 32%;
}

.lexi-meilleur-table__table th:last-child,
.lexi-meilleur-table__table td:last-child {
  width: 68%;
}


/* =========================================================
   HEADER
   ========================================================= */

.lexi-meilleur-table__table thead th {
  background: #8300C9;
  color: #FFFFFF;

  font-weight: 700;
}


/* =========================================================
   BODY ROWS
   ========================================================= */

.lexi-meilleur-table__table tbody tr:nth-child(odd) td {
  background: #FFFFFF;
}

.lexi-meilleur-table__table tbody tr:nth-child(even) td {
  background: #FFF7FF;
}


/* White internal separators */

.lexi-meilleur-table__table th + th,
.lexi-meilleur-table__table td + td {
  border-left: 3px solid #FFFFFF;
}

.lexi-meilleur-table__table tbody tr + tr td {
  border-top: 3px solid #FFFFFF;
}


/* =========================================================
   DEFAULT BODY TEXT
   ========================================================= */

.lexi-meilleur-table__table td {
  color: #131313;

  font-weight: 400;
}


/* =========================================================
   FORM COLUMN
   Target form receives modest emphasis
   ========================================================= */

.lexi-meilleur-table__form {
  color: #8300C9;

  font-weight: 600;
}


/* =========================================================
   EXAMPLE
   Only the adjective itself receives strong emphasis
   ========================================================= */

.lexi-meilleur-table__focus {
  color: #8300C9;

  font-weight: 700;
}


/* =========================================================
   MOBILE
   Preserve Form → Example relationship
   ========================================================= */

@media (max-width: 600px) {

  .lexi-meilleur-table__table {
    font-size: 13px;
    line-height: 1.4;
  }

  .lexi-meilleur-table__table th,
  .lexi-meilleur-table__table td {
    padding: 11px 8px;
  }

}


/* =========================================================
   NARROW MOBILE
   ========================================================= */

@media (max-width: 420px) {

  .lexi-meilleur-table__table {
    font-size: 12px;
  }

  .lexi-meilleur-table__table th,
  .lexi-meilleur-table__table td {
    padding: 10px 6px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">This is another point where your knowledge of adjective agreement continues to do useful work.</p>



<p class="wp-block-paragraph">The comparative <em>meilleur</em> is the adjective counterpart of <em>bon</em>.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">9. <em>Meilleur</em> or <em>mieux</em>?</h2>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">English uses <strong>better</strong> in several different ways, but French distinguishes between <strong>meilleur</strong> and <strong>mieux</strong>.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Compare:</p>



<p class="wp-block-paragraph"><strong>Ce film est meilleur que l’autre.</strong><br>This film is better than the other one.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Here we are describing a <strong>thing as better</strong>, so we use the adjective <strong>meilleur</strong>.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">But:</p>



<p class="wp-block-paragraph"><strong>Elle chante mieux que Paul.</strong><br>She sings better than Paul.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Here we are comparing <strong>how an action is performed</strong>. <em>Mieux</em> is the comparative of <strong>bien</strong> and does not agree.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">A useful way of thinking about the distinction is:</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — LEXI TABLE 2
     bon / bien → meilleur / mieux
     ========================================================= -->

<div class="lexi-better-comparison-table">

  <div class="lexi-better-comparison-table__wrap">

    <table class="lexi-better-comparison-table__table">

      <thead>
        <tr>
          <th scope="col">Basic idea</th>
          <th scope="col">Comparative</th>
        </tr>
      </thead>

      <tbody>

        <!-- BON / MEILLEUR -->

        <tr>
          <td>
            <span class="lexi-better-comparison-table__french">
              bon / bonne
            </span>
            <span class="lexi-better-comparison-table__dash"> — </span>
            <span>good</span>
          </td>

          <td>
            <strong class="lexi-better-comparison-table__focus">
              meilleur / meilleure
            </strong>
            <span class="lexi-better-comparison-table__dash"> — </span>
            <span>better</span>
          </td>
        </tr>


        <!-- BIEN / MIEUX -->

        <tr>
          <td>
            <span class="lexi-better-comparison-table__french">
              bien
            </span>
            <span class="lexi-better-comparison-table__dash"> — </span>
            <span>well</span>
          </td>

          <td>
            <strong class="lexi-better-comparison-table__focus">
              mieux
            </strong>
            <span class="lexi-better-comparison-table__dash"> — </span>
            <span>better</span>
          </td>
        </tr>

      </tbody>

    </table>

  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — BETTER COMPARISON TABLE
   Lexi Table 2
   Fully scoped
   ========================================================= */

.lexi-better-comparison-table,
.lexi-better-comparison-table * {
  box-sizing: border-box;
}


/* =========================================================
   WRAPPER
   ========================================================= */

.lexi-better-comparison-table__wrap {
  width: 100%;
  margin: 24px 0;
  padding: 0;

  overflow: hidden;
  line-height: 0;

  background: #FFFFFF;

  border-radius: 16px;

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   TABLE
   ========================================================= */

.lexi-better-comparison-table__table {
  width: 100%;
  margin: 0 !important;

  border-collapse: collapse;
  border-spacing: 0;

  table-layout: fixed;

  color: #131313;

  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}


/* =========================================================
   CELLS
   ========================================================= */

.lexi-better-comparison-table__table th,
.lexi-better-comparison-table__table td {
  width: 50%;

  padding: 15px 18px;

  border: 0;

  text-align: left;
  vertical-align: middle;

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}


/* =========================================================
   HEADER
   ========================================================= */

.lexi-better-comparison-table__table thead th {
  background: #8300C9;
  color: #FFFFFF;

  font-weight: 700;
}


/* =========================================================
   BODY ROWS
   ========================================================= */

.lexi-better-comparison-table__table tbody tr:nth-child(odd) td {
  background: #FFFFFF;
}

.lexi-better-comparison-table__table tbody tr:nth-child(even) td {
  background: #FFF7FF;
}


/* White internal separators */

.lexi-better-comparison-table__table th + th,
.lexi-better-comparison-table__table td + td {
  border-left: 3px solid #FFFFFF;
}

.lexi-better-comparison-table__table tbody tr + tr td {
  border-top: 3px solid #FFFFFF;
}


/* =========================================================
   DEFAULT BODY TEXT
   Normal weight
   ========================================================= */

.lexi-better-comparison-table__table td {
  color: #131313;

  font-weight: 400;
}


/* =========================================================
   FAMILIAR FRENCH FORM
   Light emphasis only
   ========================================================= */

.lexi-better-comparison-table__french {
  color: #131313;

  font-weight: 500;
}


/* =========================================================
   NEW COMPARATIVE FORM
   Strong learning focus
   ========================================================= */

.lexi-better-comparison-table__focus {
  color: #8300C9;

  font-weight: 700;
}


/* =========================================================
   DASH
   ========================================================= */

.lexi-better-comparison-table__dash {
  color: #131313;

  font-weight: 400;
}


/* =========================================================
   MOBILE
   Preserve Basic idea → Comparative relationship
   ========================================================= */

@media (max-width: 600px) {

  .lexi-better-comparison-table__table {
    font-size: 13px;
    line-height: 1.4;
  }

  .lexi-better-comparison-table__table th,
  .lexi-better-comparison-table__table td {
    padding: 11px 8px;
  }

}


/* =========================================================
   NARROW MOBILE
   ========================================================= */

@media (max-width: 420px) {

  .lexi-better-comparison-table__table {
    font-size: 12px;
  }

  .lexi-better-comparison-table__table th,
  .lexi-better-comparison-table__table td {
    padding: 10px 6px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">You will also hear <strong>C’est mieux</strong> — <em>That’s better</em> — as a very common general judgement.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">For this lesson, the important connection is that <strong>meilleur is an adjective</strong>, while <strong>mieux is not</strong>, so only <em>meilleur</em> follows the adjective-agreement system.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">10. What about ‘worse’?</h2>



<p class="wp-block-paragraph">French gives us two useful ways of comparing the adjective <strong>mauvais</strong>:</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>plus mauvais que</strong><br>worse than</p>



<p class="wp-block-paragraph">and:</p>



<p class="wp-block-paragraph"><strong>pire que</strong><br>worse than</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">For example:</p>



<p class="wp-block-paragraph"><strong>Ce film est plus mauvais que le précédent.</strong></p>



<p class="wp-block-paragraph">or:</p>



<p class="wp-block-paragraph"><strong>Ce film est pire que le précédent.</strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Both can express the idea that the film is worse than the previous one. <em>Pire</em> is itself already a comparative form, so we do <strong>not</strong> say <em>plus pire</em>.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">For comparisons such as <em>less bad</em> and <em>as bad as</em>, keep the ordinary adjective:</p>



<p class="wp-block-paragraph"><strong>moins mauvais que</strong><br>less bad than</p>



<p class="wp-block-paragraph"><strong>aussi mauvais que</strong><br>as bad as</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — TRY IT OUT
     Making Comparisons in French

     Interaction:
     - Learner writes a complete translation
     - Learner reveals a model answer
     - No false automatic marking of legitimate alternatives
     ========================================================= -->

<div class="lexi-comparison-practice">

  <!-- =====================================================
       HEADING
       ===================================================== -->

  <div class="lexi-comparison-practice__heading">

    <span class="lexi-comparison-practice__eyebrow">
      Try it out
    </span>

    <h3>Make the comparison</h3>

    <p>
      Translate each sentence into French. Write your answer first,
      then reveal the model answer to compare.
    </p>

  </div>


  <!-- =====================================================
       THINK ABOUT
       ===================================================== -->

  <div class="lexi-comparison-practice__reminder">

    <div class="lexi-comparison-practice__reminder-title">
      Think about:
    </div>

    <div class="lexi-comparison-practice__reminder-grid">

      <div>
        <span class="lexi-comparison-practice__dot"></span>
        <span><strong>plus</strong>, <strong>moins</strong> or <strong>aussi</strong>?</span>
      </div>

      <div>
        <span class="lexi-comparison-practice__dot"></span>
        <span>What adjective form do I need?</span>
      </div>

      <div>
        <span class="lexi-comparison-practice__dot"></span>
        <span>Do I need <strong>que</strong> or <strong>qu’</strong>?</span>
      </div>

      <div>
        <span class="lexi-comparison-practice__dot"></span>
        <span>Is there an irregular form such as <strong>meilleur</strong>?</span>
      </div>

    </div>

  </div>


  <!-- =====================================================
       QUESTIONS
       ===================================================== -->

  <div class="lexi-comparison-practice__questions">


    <!-- QUESTION 1 -->

    <section class="lexi-comparison-practice__card">

      <div class="lexi-comparison-practice__number">
        Question 1
      </div>

      <div class="lexi-comparison-practice__prompt">
        The film is more interesting than the book.
      </div>

      <label class="lexi-comparison-practice__label" for="lexi-comp-q1">
        Your French
      </label>

      <textarea
        id="lexi-comp-q1"
        class="lexi-comparison-practice__input"
        rows="2"
        lang="fr"
        autocomplete="off"
        spellcheck="false"
        placeholder="Type your complete French sentence"
      ></textarea>

      <button
        type="button"
        class="lexi-comparison-practice__reveal"
        aria-expanded="false"
        aria-controls="lexi-comp-a1"
      >
        Reveal model answer
      </button>

      <div
        id="lexi-comp-a1"
        class="lexi-comparison-practice__answer"
        hidden
      >
        <div class="lexi-comparison-practice__answer-label">
          Model answer
        </div>

        <div class="lexi-comparison-practice__answer-text">
          Le film est
          <strong>plus intéressant que</strong>
          le livre.
        </div>

        <div class="lexi-comparison-practice__explanation">
          Use <strong>plus + adjective + que</strong> for
          ‘more … than’.
        </div>
      </div>

    </section>


    <!-- QUESTION 2 -->

    <section class="lexi-comparison-practice__card">

      <div class="lexi-comparison-practice__number">
        Question 2
      </div>

      <div class="lexi-comparison-practice__prompt">
        The exhibition is less impressive than the concert.
      </div>

      <label class="lexi-comparison-practice__label" for="lexi-comp-q2">
        Your French
      </label>

      <textarea
        id="lexi-comp-q2"
        class="lexi-comparison-practice__input"
        rows="2"
        lang="fr"
        autocomplete="off"
        spellcheck="false"
        placeholder="Type your complete French sentence"
      ></textarea>

      <button
        type="button"
        class="lexi-comparison-practice__reveal"
        aria-expanded="false"
        aria-controls="lexi-comp-a2"
      >
        Reveal model answer
      </button>

      <div
        id="lexi-comp-a2"
        class="lexi-comparison-practice__answer"
        hidden
      >
        <div class="lexi-comparison-practice__answer-label">
          Model answer
        </div>

        <div class="lexi-comparison-practice__answer-text">
          L’exposition est
          <strong>moins impressionnante que</strong>
          le concert.
        </div>

        <div class="lexi-comparison-practice__explanation">
          Use <strong>moins + adjective + que</strong> for
          ‘less … than’.
        </div>
      </div>

    </section>


    <!-- QUESTION 3 -->

    <section class="lexi-comparison-practice__card">

      <div class="lexi-comparison-practice__number">
        Question 3
      </div>

      <div class="lexi-comparison-practice__prompt">
        The play is as moving as the film.
      </div>

      <label class="lexi-comparison-practice__label" for="lexi-comp-q3">
        Your French
      </label>

      <textarea
        id="lexi-comp-q3"
        class="lexi-comparison-practice__input"
        rows="2"
        lang="fr"
        autocomplete="off"
        spellcheck="false"
        placeholder="Type your complete French sentence"
      ></textarea>

      <button
        type="button"
        class="lexi-comparison-practice__reveal"
        aria-expanded="false"
        aria-controls="lexi-comp-a3"
      >
        Reveal model answer
      </button>

      <div
        id="lexi-comp-a3"
        class="lexi-comparison-practice__answer"
        hidden
      >
        <div class="lexi-comparison-practice__answer-label">
          Model answer
        </div>

        <div class="lexi-comparison-practice__answer-text">
          La pièce est
          <strong>aussi émouvante que</strong>
          le film.
        </div>

        <div class="lexi-comparison-practice__explanation">
          Use <strong>aussi + adjective + que</strong> for
          ‘as … as’.
        </div>
      </div>

    </section>


    <!-- QUESTION 4 -->

    <section class="lexi-comparison-practice__card">

      <div class="lexi-comparison-practice__number">
        Question 4
      </div>

      <div class="lexi-comparison-practice__prompt">
        The songs are more original than the film.
      </div>

      <label class="lexi-comparison-practice__label" for="lexi-comp-q4">
        Your French
      </label>

      <textarea
        id="lexi-comp-q4"
        class="lexi-comparison-practice__input"
        rows="2"
        lang="fr"
        autocomplete="off"
        spellcheck="false"
        placeholder="Type your complete French sentence"
      ></textarea>

      <button
        type="button"
        class="lexi-comparison-practice__reveal"
        aria-expanded="false"
        aria-controls="lexi-comp-a4"
      >
        Reveal model answer
      </button>

      <div
        id="lexi-comp-a4"
        class="lexi-comparison-practice__answer"
        hidden
      >
        <div class="lexi-comparison-practice__answer-label">
          Model answer
        </div>

        <div class="lexi-comparison-practice__answer-text">
          Les chansons sont plus
          <strong>originales</strong>
          que le film.
        </div>

        <div class="lexi-comparison-practice__explanation">
          <strong>Originales</strong> agrees with
          <em>les chansons</em>: feminine plural.
        </div>
      </div>

    </section>


    <!-- QUESTION 5 -->

    <section class="lexi-comparison-practice__card">

      <div class="lexi-comparison-practice__number">
        Question 5
      </div>

      <div class="lexi-comparison-practice__prompt">
        This film is more interesting than a documentary.
      </div>

      <label class="lexi-comparison-practice__label" for="lexi-comp-q5">
        Your French
      </label>

      <textarea
        id="lexi-comp-q5"
        class="lexi-comparison-practice__input"
        rows="2"
        lang="fr"
        autocomplete="off"
        spellcheck="false"
        placeholder="Type your complete French sentence"
      ></textarea>

      <button
        type="button"
        class="lexi-comparison-practice__reveal"
        aria-expanded="false"
        aria-controls="lexi-comp-a5"
      >
        Reveal model answer
      </button>

      <div
        id="lexi-comp-a5"
        class="lexi-comparison-practice__answer"
        hidden
      >
        <div class="lexi-comparison-practice__answer-label">
          Model answer
        </div>

        <div class="lexi-comparison-practice__answer-text">
          Ce film est plus intéressant
          <strong>qu’un</strong>
          documentaire.
        </div>

        <div class="lexi-comparison-practice__explanation">
          <strong>Que</strong> becomes <strong>qu’</strong>
          before the vowel sound in <em>un</em>.
        </div>
      </div>

    </section>


    <!-- QUESTION 6 -->

    <section class="lexi-comparison-practice__card">

      <div class="lexi-comparison-practice__number">
        Question 6
      </div>

      <div class="lexi-comparison-practice__prompt">
        The book is better than the film.
      </div>

      <label class="lexi-comparison-practice__label" for="lexi-comp-q6">
        Your French
      </label>

      <textarea
        id="lexi-comp-q6"
        class="lexi-comparison-practice__input"
        rows="2"
        lang="fr"
        autocomplete="off"
        spellcheck="false"
        placeholder="Type your complete French sentence"
      ></textarea>

      <button
        type="button"
        class="lexi-comparison-practice__reveal"
        aria-expanded="false"
        aria-controls="lexi-comp-a6"
      >
        Reveal model answer
      </button>

      <div
        id="lexi-comp-a6"
        class="lexi-comparison-practice__answer"
        hidden
      >
        <div class="lexi-comparison-practice__answer-label">
          Model answer
        </div>

        <div class="lexi-comparison-practice__answer-text">
          Le livre est
          <strong>meilleur</strong>
          que le film.
        </div>

        <div class="lexi-comparison-practice__explanation">
          The ordinary comparative of <em>bon</em> is
          <strong>meilleur</strong>.
        </div>
      </div>

    </section>


    <!-- QUESTION 7 -->

    <section class="lexi-comparison-practice__card">

      <div class="lexi-comparison-practice__number">
        Question 7
      </div>

      <div class="lexi-comparison-practice__prompt">
        The adaptation is better than the original film.
      </div>

      <label class="lexi-comparison-practice__label" for="lexi-comp-q7">
        Your French
      </label>

      <textarea
        id="lexi-comp-q7"
        class="lexi-comparison-practice__input"
        rows="2"
        lang="fr"
        autocomplete="off"
        spellcheck="false"
        placeholder="Type your complete French sentence"
      ></textarea>

      <button
        type="button"
        class="lexi-comparison-practice__reveal"
        aria-expanded="false"
        aria-controls="lexi-comp-a7"
      >
        Reveal model answer
      </button>

      <div
        id="lexi-comp-a7"
        class="lexi-comparison-practice__answer"
        hidden
      >
        <div class="lexi-comparison-practice__answer-label">
          Model answer
        </div>

        <div class="lexi-comparison-practice__answer-text">
          L’adaptation est
          <strong>meilleure</strong>
          que le film original.
        </div>

        <div class="lexi-comparison-practice__explanation">
          <strong>Meilleure</strong> agrees with the feminine noun
          <em>l’adaptation</em>.
        </div>
      </div>

    </section>


    <!-- QUESTION 8 -->

    <section class="lexi-comparison-practice__card">

      <div class="lexi-comparison-practice__number">
        Question 8
      </div>

      <div class="lexi-comparison-practice__prompt">
        Paul sings better than Marc.
      </div>

      <label class="lexi-comparison-practice__label" for="lexi-comp-q8">
        Your French
      </label>

      <textarea
        id="lexi-comp-q8"
        class="lexi-comparison-practice__input"
        rows="2"
        lang="fr"
        autocomplete="off"
        spellcheck="false"
        placeholder="Type your complete French sentence"
      ></textarea>

      <button
        type="button"
        class="lexi-comparison-practice__reveal"
        aria-expanded="false"
        aria-controls="lexi-comp-a8"
      >
        Reveal model answer
      </button>

      <div
        id="lexi-comp-a8"
        class="lexi-comparison-practice__answer"
        hidden
      >
        <div class="lexi-comparison-practice__answer-label">
          Model answer
        </div>

        <div class="lexi-comparison-practice__answer-text">
          Paul chante
          <strong>mieux que</strong>
          Marc.
        </div>

        <div class="lexi-comparison-practice__explanation">
          Here we are comparing how someone sings:
          <em>bien</em> becomes <strong>mieux</strong>.
        </div>
      </div>

    </section>


    <!-- QUESTION 9 -->

    <section class="lexi-comparison-practice__card">

      <div class="lexi-comparison-practice__number">
        Question 9
      </div>

      <div class="lexi-comparison-practice__prompt">
        This film is worse than the previous one.
        <span class="lexi-comparison-practice__cue">
          Use <em>pire</em>.
        </span>
      </div>

      <label class="lexi-comparison-practice__label" for="lexi-comp-q9">
        Your French
      </label>

      <textarea
        id="lexi-comp-q9"
        class="lexi-comparison-practice__input"
        rows="2"
        lang="fr"
        autocomplete="off"
        spellcheck="false"
        placeholder="Type your complete French sentence"
      ></textarea>

      <button
        type="button"
        class="lexi-comparison-practice__reveal"
        aria-expanded="false"
        aria-controls="lexi-comp-a9"
      >
        Reveal model answer
      </button>

      <div
        id="lexi-comp-a9"
        class="lexi-comparison-practice__answer"
        hidden
      >
        <div class="lexi-comparison-practice__answer-label">
          Model answer
        </div>

        <div class="lexi-comparison-practice__answer-text">
          Ce film est
          <strong>pire que</strong>
          le précédent.
        </div>

        <div class="lexi-comparison-practice__explanation">
          <strong>Pire</strong> already means ‘worse’, so it does
          not need <em>plus</em>.
        </div>
      </div>

    </section>


    <!-- QUESTION 10 -->

    <section class="lexi-comparison-practice__card">

      <div class="lexi-comparison-practice__number">
        Question 10
      </div>

      <div class="lexi-comparison-practice__prompt">
        In my opinion, the book is more captivating than the film.
      </div>

      <label class="lexi-comparison-practice__label" for="lexi-comp-q10">
        Your French
      </label>

      <textarea
        id="lexi-comp-q10"
        class="lexi-comparison-practice__input"
        rows="2"
        lang="fr"
        autocomplete="off"
        spellcheck="false"
        placeholder="Type your complete French sentence"
      ></textarea>

      <button
        type="button"
        class="lexi-comparison-practice__reveal"
        aria-expanded="false"
        aria-controls="lexi-comp-a10"
      >
        Reveal model answer
      </button>

      <div
        id="lexi-comp-a10"
        class="lexi-comparison-practice__answer"
        hidden
      >
        <div class="lexi-comparison-practice__answer-label">
          Model answer
        </div>

        <div class="lexi-comparison-practice__answer-text">
          À mon avis, le livre est
          <strong>plus captivant que</strong>
          le film.
        </div>

        <div class="lexi-comparison-practice__explanation">
          The comparison can sit naturally inside an opinion.
        </div>
      </div>

    </section>


    <!-- QUESTION 11 -->

    <section class="lexi-comparison-practice__card">

      <div class="lexi-comparison-practice__number">
        Question 11
      </div>

      <div class="lexi-comparison-practice__prompt">
        I think the exhibition is less interesting than the concert.
      </div>

      <label class="lexi-comparison-practice__label" for="lexi-comp-q11">
        Your French
      </label>

      <textarea
        id="lexi-comp-q11"
        class="lexi-comparison-practice__input"
        rows="2"
        lang="fr"
        autocomplete="off"
        spellcheck="false"
        placeholder="Type your complete French sentence"
      ></textarea>

      <button
        type="button"
        class="lexi-comparison-practice__reveal"
        aria-expanded="false"
        aria-controls="lexi-comp-a11"
      >
        Reveal model answer
      </button>

      <div
        id="lexi-comp-a11"
        class="lexi-comparison-practice__answer"
        hidden
      >
        <div class="lexi-comparison-practice__answer-label">
          Model answer
        </div>

        <div class="lexi-comparison-practice__answer-text">
          Je trouve que l’exposition est
          <strong>moins intéressante que</strong>
          le concert.
        </div>

        <div class="lexi-comparison-practice__explanation">
          <em>Je pense que l’exposition est moins intéressante que le concert</em>
          is also a natural answer.
        </div>
      </div>

    </section>


    <!-- QUESTION 12 -->

    <section class="lexi-comparison-practice__card">

      <div class="lexi-comparison-practice__number">
        Question 12
      </div>

      <div class="lexi-comparison-practice__prompt">
        Personally, I found the play as moving as the film.
      </div>

      <label class="lexi-comparison-practice__label" for="lexi-comp-q12">
        Your French
      </label>

      <textarea
        id="lexi-comp-q12"
        class="lexi-comparison-practice__input"
        rows="2"
        lang="fr"
        autocomplete="off"
        spellcheck="false"
        placeholder="Type your complete French sentence"
      ></textarea>

      <button
        type="button"
        class="lexi-comparison-practice__reveal"
        aria-expanded="false"
        aria-controls="lexi-comp-a12"
      >
        Reveal model answer
      </button>

      <div
        id="lexi-comp-a12"
        class="lexi-comparison-practice__answer"
        hidden
      >
        <div class="lexi-comparison-practice__answer-label">
          Model answer
        </div>

        <div class="lexi-comparison-practice__answer-text">
          Personnellement, j’ai trouvé la pièce
          <strong>aussi émouvante que</strong>
          le film.
        </div>

        <div class="lexi-comparison-practice__explanation">
          <strong>Émouvante</strong> agrees with
          <em>la pièce</em>, while <strong>aussi … que</strong>
          expresses equality.
        </div>
      </div>

    </section>

  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — COMPARISON PRACTICE
   Fully self-contained and scoped
   ========================================================= */

.lexi-comparison-practice,
.lexi-comparison-practice *,
.lexi-comparison-practice *::before,
.lexi-comparison-practice *::after {
  box-sizing: border-box;
}

.lexi-comparison-practice {
  --lexi-purple: #8300C9;
  --lexi-black: #131313;
  --lexi-white: #FFFFFF;
  --lexi-salmon-white: #FFF7FF;
  --lexi-salmon-grey: #F5E9F2;
  --lexi-light-blue: #E5E8FA;
  --lexi-dusty-green: #E0EEE0;
  --lexi-green: #43984C;
  --lexi-light-grey: #F0F3F8;

  width: 100%;
  max-width: 980px;
  margin: 34px auto;

  color: var(--lexi-black);
  font-family: inherit;
}


/* =========================================================
   HEADING
   ========================================================= */

.lexi-comparison-practice__heading {
  margin: 0 0 20px;

  text-align: center;
}

.lexi-comparison-practice__eyebrow {
  display: table;

  width: fit-content;

  margin: 0 auto 10px;
  padding: 6px 14px;

  border-radius: 999px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.lexi-comparison-practice__heading h3 {
  margin: 0 0 7px;

  color: var(--lexi-black);

  font-size: 23px;
  font-weight: 700;
  line-height: 1.3;
}

.lexi-comparison-practice__heading p {
  max-width: 700px;

  margin: 0 auto;

  color: var(--lexi-black);

  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}


/* =========================================================
   REMINDER PANEL
   ========================================================= */

.lexi-comparison-practice__reminder {
  margin: 0 0 22px;
  padding: 17px 18px;

  border-radius: 14px;

  background: var(--lexi-light-blue);
  color: var(--lexi-black);
}

.lexi-comparison-practice__reminder-title {
  margin: 0 0 10px;

  font-size: 14px;
  font-weight: 600;
}

.lexi-comparison-practice__reminder-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 8px 20px;
}

.lexi-comparison-practice__reminder-grid > div {
  display: flex;

  gap: 8px;

  align-items: flex-start;

  min-width: 0;

  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
}

.lexi-comparison-practice__reminder-grid strong {
  color: var(--lexi-purple);

  font-weight: 600;
}

.lexi-comparison-practice__dot {
  flex: 0 0 auto;

  width: 7px;
  height: 7px;

  margin-top: 7px;

  border-radius: 50%;

  background: var(--lexi-purple);
}


/* =========================================================
   QUESTION GRID
   ========================================================= */

.lexi-comparison-practice__questions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 18px;
}


/* =========================================================
   QUESTION CARD
   ========================================================= */

.lexi-comparison-practice__card {
  display: flex;
  flex-direction: column;

  min-width: 0;

  margin: 0;
  padding: 19px;

  border: 1px solid #E1E1E1;
  border-radius: 16px;

  background: var(--lexi-white);

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.lexi-comparison-practice__number {
  margin: 0 0 8px;

  color: var(--lexi-purple);

  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}

.lexi-comparison-practice__prompt {
  min-height: 48px;

  margin: 0 0 16px;

  color: var(--lexi-black);

  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.lexi-comparison-practice__cue {
  display: block;

  margin-top: 4px;

  font-size: 13px;
}


/* =========================================================
   INPUT
   ========================================================= */

.lexi-comparison-practice__label {
  display: block;

  margin: 0 0 6px;

  color: var(--lexi-black);

  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}

.lexi-comparison-practice__input {
  display: block;

  width: 100%;
  min-height: 72px;

  margin: 0 0 12px;
  padding: 11px 12px;

  resize: vertical;

  border: 2px solid #D9D9D9;
  border-radius: 10px;

  outline: none;

  background: var(--lexi-white);
  color: var(--lexi-black);

  font: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
}

.lexi-comparison-practice__input:focus {
  border-color: var(--lexi-purple);

  box-shadow: 0 0 0 3px rgba(131, 0, 201, 0.12);
}

.lexi-comparison-practice__input::placeholder {
  color: #707070;
  opacity: 1;
}


/* =========================================================
   REVEAL BUTTON
   Explicit reset protects against WordPress/Astra styling
   ========================================================= */

.lexi-comparison-practice__reveal {
  display: inline-block !important;

  width: fit-content !important;

  margin: auto 0 0 !important;
  padding: 9px 15px !important;

  border: 2px solid var(--lexi-purple) !important;
  border-radius: 999px !important;

  outline: none;

  appearance: none;
  -webkit-appearance: none;

  background: var(--lexi-purple) !important;
  color: var(--lexi-white) !important;

  box-shadow: none !important;

  font: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;

  text-decoration: none !important;
  text-transform: none !important;

  cursor: pointer;
}

.lexi-comparison-practice__reveal:hover {
  background: var(--lexi-white) !important;
  color: var(--lexi-purple) !important;
}

.lexi-comparison-practice__reveal:focus-visible {
  outline: 3px solid rgba(131, 0, 201, 0.3) !important;
  outline-offset: 3px;
}


/* =========================================================
   MODEL ANSWER
   ========================================================= */

.lexi-comparison-practice__answer {
  margin-top: 14px;
  padding: 14px 15px;

  border-left: 5px solid var(--lexi-green);
  border-radius: 10px;

  background: var(--lexi-dusty-green);
  color: var(--lexi-black);
}

.lexi-comparison-practice__answer[hidden] {
  display: none;
}

.lexi-comparison-practice__answer-label {
  margin: 0 0 6px;

  color: var(--lexi-black);

  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;

  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.lexi-comparison-practice__answer-text {
  color: var(--lexi-black);

  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.lexi-comparison-practice__answer-text strong,
.lexi-comparison-practice__explanation strong {
  color: var(--lexi-purple);

  font-weight: 600;
}

.lexi-comparison-practice__explanation {
  margin-top: 7px;

  color: var(--lexi-black);

  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

  .lexi-comparison-practice__questions {
    grid-template-columns: 1fr;
  }

  .lexi-comparison-practice__reminder-grid {
    grid-template-columns: 1fr;
  }

  .lexi-comparison-practice__prompt {
    min-height: 0;
  }

  .lexi-comparison-practice__reveal {
    width: 100% !important;

    text-align: center !important;
  }

}


/* =========================================================
   NARROW MOBILE
   ========================================================= */

@media (max-width: 420px) {

  .lexi-comparison-practice__card {
    padding: 16px;
  }

  .lexi-comparison-practice__heading h3 {
    font-size: 20px;
  }

  .lexi-comparison-practice__prompt {
    font-size: 15px;
  }

  .lexi-comparison-practice__input {
    font-size: 14px;
  }

}
</style>


<script>
(function () {

  const practices = document.querySelectorAll(
    '.lexi-comparison-practice'
  );

  practices.forEach(function (practice) {

    const buttons = practice.querySelectorAll(
      '.lexi-comparison-practice__reveal'
    );

    buttons.forEach(function (button) {

      button.addEventListener('click', function () {

        const answerId = button.getAttribute('aria-controls');
        const answer = document.getElementById(answerId);

        if (!answer) {
          return;
        }

        const isOpen =
          button.getAttribute('aria-expanded') === 'true';

        button.setAttribute(
          'aria-expanded',
          isOpen ? 'false' : 'true'
        );

        answer.hidden = isOpen;

        button.textContent = isOpen
          ? 'Reveal model answer'
          : 'Hide model answer';

      });

    });

  });

})();
</script>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">The pattern to remember</h2>



<p class="wp-block-paragraph">For comparisons with adjectives:</p>



<p class="wp-block-paragraph"><strong>plus + adjective + que</strong><br>more … than</p>



<p class="wp-block-paragraph"><strong>moins + adjective + que</strong><br>less … than</p>



<p class="wp-block-paragraph"><strong>aussi + adjective + que</strong><br>as … as</p>



<p class="wp-block-paragraph">And remember that the adjective still agrees with <strong>the person or thing it describes</strong>.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">So once you can say:</p>



<p class="wp-block-paragraph"><strong>La pièce est intéressante.</strong></p>



<p class="wp-block-paragraph">you are only one small step away from:</p>



<p class="wp-block-paragraph"><strong>À mon avis, la pièce est plus intéressante que le film.</strong></p>



<p class="wp-block-paragraph"></p>



        <style>
          .lexicogs-back-button-wrap {
            margin: 1.5rem 0;
            text-align: center;
          }

          .lexicogs-back-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #8300C9;
            border-radius: 999px;
            padding: 0.8rem 1.2rem;
            background: transparent;
            color: #8300C9;
            font-family: Arial, sans-serif;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.2;
            text-decoration: none;
            cursor: pointer;
            transition: transform 0.15s ease, background 0.15s ease, color 0.15s ease;
          }

          .lexicogs-back-button:hover,
          .lexicogs-back-button:focus {
            background: #FFF7FF;
            color: #8300C9;
            border-color: #8300C9;
            transform: translateY(-1px);
            outline: none;
          }

          .lexicogs-back-button:active {
            transform: translateY(0);
          }
        </style>

        <script>
          document.addEventListener("click", function (event) {
            const button = event.target.closest(".lexicogs-back-button");

            if (!button) {
              return;
            }

            event.preventDefault();

            const fallbackUrl = button.getAttribute("data-fallback-url") || "/";

            if (window.history.length > 1) {
              window.history.back();
            } else {
              window.location.href = fallbackUrl;
            }
          });
        </script>

        
    <div class="lexicogs-back-button-wrap">
      <button
        type="button"
        class="lexicogs-back-button"
        data-fallback-url="https://lexicogs.com/"
      >
        ← Go back      </button>
    </div>

    



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>French Written Quiz &#8211; Using Adjectives in French</title>
		<link>https://lexicogs.com/french-written-quiz-using-adjectives-in-french/</link>
		
		<dc:creator><![CDATA[Lexi Cogs]]></dc:creator>
		<pubDate>Sat, 22 Aug 2026 17:51:57 +0000</pubDate>
				<category><![CDATA[French Quiz]]></category>
		<category><![CDATA[Quiz]]></category>
		<category><![CDATA[French language]]></category>
		<category><![CDATA[Quiz - Using Adjectives in French]]></category>
		<guid isPermaLink="false">https://lexicogs.com/?p=105500</guid>

					<description><![CDATA[A written quiz to test your knowledge of using adjectives and adjusting for noun gender in French.]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large has-custom-border"><img decoding="async" width="1024" height="373" src="https://lexicogs.com/wp-content/uploads/2024/07/Adjectives-in-French-1024x373.jpg" alt="" class="wp-image-72179 no-lazyload" style="border-radius:22px" srcset="https://lexicogs.com/wp-content/uploads/2024/07/Adjectives-in-French-1024x373.jpg 1024w, https://lexicogs.com/wp-content/uploads/2024/07/Adjectives-in-French-300x109.jpg 300w, https://lexicogs.com/wp-content/uploads/2024/07/Adjectives-in-French-768x280.jpg 768w, https://lexicogs.com/wp-content/uploads/2024/07/Adjectives-in-French-1536x560.jpg 1536w, https://lexicogs.com/wp-content/uploads/2024/07/Adjectives-in-French.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">This quiz is associated with the lesson:<br><a href="https://lexicogs.com/using-adjectives-in-french/">Using Adjectives in French</a></p>



<p class="wp-block-paragraph"></p>



<h1 class="wp-block-heading">French Quiz &#8211; Using Adjectives</h1>



<p class="wp-embed-aspect-16-9 wp-has-aspect-ratio wp-block-paragraph"></p>


        <style>
          .boersk-quiz-widget {
            max-width: 520px;
            margin: 2rem auto;
            font-family: Arial, sans-serif;
            text-align: center;
          }

          .boersk-quiz-widget .quiz-card,
          .boersk-quiz-widget .quiz-results {
            background: #E5E8FA;
            border: 2px solid #2f2f2f;
            border-radius: 18px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
            padding: 1.5rem;
            transition: background 0.25s ease;
          }

          .boersk-quiz-widget .quiz-card.is-correct {
            background: #E0EEE0;
          }

          .boersk-quiz-widget .quiz-card.is-incorrect {
            background: #F5E9F2;
          }

          .boersk-quiz-widget .quiz-results {
            background: #F5E9F2;
          }

          .boersk-quiz-widget .quiz-progress {
            font-size: 0.9rem;
            color: #555;
            margin-bottom: 1.2rem;
          }

          .boersk-quiz-widget .quiz-label {
            font-size: 0.85rem;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: #666;
            margin-bottom: 1rem;
          }

          .boersk-quiz-widget .quiz-prompt {
            font-size: clamp(1.8rem, 5.5vw, 3.6rem);
            font-weight: bold;
            color: #1f1f1f;
            margin-bottom: 1.5rem;
          }

          .boersk-quiz-widget .answer-input {
            width: 100%;
            box-sizing: border-box;
            border: 2px solid #2f2f2f;
            border-radius: 999px;
            padding: 0.9rem 1rem;
            font-size: 1.1rem;
            font-family: inherit;
            text-align: center;
            outline: none;
            background: white;
          }

          .boersk-quiz-widget .answer-input:focus {
            border-color: #8300C9;
            box-shadow: 0 0 0 3px rgba(131, 0, 201, 0.18);
          }

          .boersk-quiz-widget .quiz-feedback {
            min-height: 2.6rem;
            margin-top: 1rem;
            font-size: 1rem;
            font-weight: bold;
          }

          .boersk-quiz-widget .quiz-feedback.correct {
            color: #176b2c;
          }

          .boersk-quiz-widget .quiz-feedback.incorrect {
            color: #9b1c1c;
          }

          .boersk-quiz-widget .quiz-controls {
            display: flex;
            justify-content: space-between;
            gap: 0.7rem;
            margin-top: 1rem;
          }

          .boersk-quiz-widget .quiz-controls button,
          .boersk-quiz-widget .quiz-results button {
            flex: 1;
            border: none;
            border-radius: 999px;
            padding: 0.8rem 0.8rem;
            font-size: 0.95rem;
            font-family: inherit;
            cursor: pointer;
            background: #8300C9;
            color: white;
            transition: transform 0.15s ease, background 0.15s ease;
          }

          .boersk-quiz-widget .quiz-controls button:hover,
          .boersk-quiz-widget .quiz-results button:hover {
            background: #6f00ab;
            transform: translateY(-1px);
          }

          .boersk-quiz-widget .quiz-controls button:active,
          .boersk-quiz-widget .quiz-results button:active {
            transform: translateY(0);
          }

          .boersk-quiz-widget .skip-question {
            background: #C3A3B9;
          }

          .boersk-quiz-widget .skip-question:hover {
            background: #ad8aa1;
          }

          .boersk-quiz-widget .quiz-controls button:disabled,
          .boersk-quiz-widget .skip-question:disabled {
            background: #aaa;
            cursor: not-allowed;
            transform: none;
          }

          .boersk-quiz-widget .results-title {
            font-size: 2rem;
            font-weight: bold;
            margin-bottom: 1rem;
            color: #1f1f1f;
          }

          .boersk-quiz-widget .results-score {
            font-size: 1.2rem;
            margin-bottom: 1rem;
            color: #1f1f1f;
          }

          .boersk-quiz-widget .results-message {
            font-size: 1rem;
            margin-bottom: 1.5rem;
            color: #444;
          }

          .boersk-quiz-widget .results-review {
            margin: 0 0 1.5rem;
            text-align: left;
          }

          .boersk-quiz-widget .results-review-title {
            display: table;
            margin: 0 auto 1rem;
            border-radius: 999px;
            padding: 0.55rem 1rem;
            background: #8300C9;
            color: #FFFFFF;
            font-size: 1rem;
            font-weight: bold;
            letter-spacing: 0.02em;
            text-align: center;
          }

          .boersk-quiz-widget .results-review-list {
            display: grid;
            gap: 1rem;
          }

          .boersk-quiz-widget .results-review-item {
            overflow: hidden;
            border: 1px solid #C7B8C4;
            border-radius: 14px;
            background: #FFFFFF;
            box-shadow: 0 5px 14px rgba(0, 0, 0, 0.08);
            color: #131313;
          }

          .boersk-quiz-widget .results-review-prompt {
            display: flex;
            align-items: flex-start;
            gap: 0.7rem;
            margin: 0;
            border-bottom: 1px solid #C6CCDD;
            padding: 0.85rem 1rem;
            background: #E5E8FA;
            color: #131313;
            font-weight: bold;
            line-height: 1.4;
          }

          .boersk-quiz-widget .results-review-number {
            display: inline-flex;
            flex: 0 0 1.8rem;
            align-items: center;
            justify-content: center;
            width: 1.8rem;
            height: 1.8rem;
            border-radius: 50%;
            background: #8300C9;
            color: #FFFFFF;
            font-size: 0.85rem;
            line-height: 1;
          }

          .boersk-quiz-widget .results-review-prompt-text {
            padding-top: 0.15rem;
          }

          .boersk-quiz-widget .results-review-answer {
            margin: 0.8rem 1rem 0;
            border-radius: 10px;
            padding: 0.8rem 0.9rem;
            color: #131313;
            line-height: 1.45;
          }

          .boersk-quiz-widget .results-review-answer:last-child {
            margin-bottom: 1rem;
          }

          .boersk-quiz-widget .results-review-answer.is-entered {
            border-left: 4px solid #D0985A;
            background: #FDE8DE;
          }

          .boersk-quiz-widget .results-review-answer.is-correct {
            border-left: 4px solid #43984C;
            background: #E0EEE0;
          }

          .boersk-quiz-widget .results-review-answer-label {
            display: block;
            margin-bottom: 0.25rem;
            font-size: 0.8rem;
            font-weight: bold;
            letter-spacing: 0.04em;
            text-transform: uppercase;
          }

          .boersk-quiz-widget .results-review-answer.is-entered .results-review-answer-label {
            color: #7A3C00;
          }

          .boersk-quiz-widget .results-review-answer.is-correct .results-review-answer-label {
            color: #176B2C;
          }

          .boersk-quiz-widget .results-review-answer-text {
            display: block;
            color: #131313;
            overflow-wrap: anywhere;
          }

          .boersk-quiz-widget .results-review-answer.is-correct .results-review-answer-text {
            font-weight: bold;
          }

          @media (max-width: 480px) {
            .boersk-quiz-widget .quiz-card,
            .boersk-quiz-widget .quiz-results {
              padding: 1.2rem;
            }

            .boersk-quiz-widget .quiz-prompt {
              font-size: clamp(1.6rem, 6vw, 2.8rem);
            }

            .boersk-quiz-widget .quiz-controls {
              flex-direction: column;
              gap: 0.6rem;
            }

            .boersk-quiz-widget .quiz-controls button,
            .boersk-quiz-widget .quiz-results button {
              font-size: 0.95rem;
              padding: 0.75rem 0.8rem;
            }
          }
        </style>

        <script>
          document.addEventListener("DOMContentLoaded", function () {
            document.querySelectorAll(".boersk-quiz-widget").forEach(function (widget) {
              if (widget.dataset.quizReady === "true") {
                return;
              }

              widget.dataset.quizReady = "true";

              const questions = JSON.parse(widget.dataset.questions || "[]");

              if (!questions.length) {
                return;
              }

              let currentIndex = 0;
              let score = 0;
              let hasAnswered = false;
              let answersToReview = [];

              const quizCard = widget.querySelector(".quiz-card");
              const quizResults = widget.querySelector(".quiz-results");

              const currentQuestion = widget.querySelector(".current-question");
              const totalQuestions = widget.querySelector(".total-questions");
              const quizPrompt = widget.querySelector(".quiz-prompt");
              const answerInput = widget.querySelector(".answer-input");
              const quizFeedback = widget.querySelector(".quiz-feedback");

              const checkAnswerButton = widget.querySelector(".check-answer");
              const nextQuestionButton = widget.querySelector(".next-question");
              const skipQuestionButton = widget.querySelector(".skip-question");
              const restartQuizButton = widget.querySelector(".restart-quiz");

              const finalScore = widget.querySelector(".final-score");
              const finalTotal = widget.querySelector(".final-total");
              const resultsMessage = widget.querySelector(".results-message");
              const resultsReview = widget.querySelector(".results-review");
              const resultsReviewList = widget.querySelector(".results-review-list");

              totalQuestions.textContent = questions.length;
              finalTotal.textContent = questions.length;

              function normaliseAnswer(answer) {
                return answer
                  .trim()
                  .toLowerCase()
                  .replace(/[.,!?;:'"“”‘’()]/g, "")
                  .replace(/\s+/g, " ");
              }

              function scrollToQuizCard() {
                quizCard.scrollIntoView({
                  behavior: "smooth",
                  block: "start"
                });
              }

              function showQuestion() {
                const question = questions[currentIndex];

                quizCard.classList.remove("is-correct", "is-incorrect");

                currentQuestion.textContent = currentIndex + 1;
                quizPrompt.textContent = question.english;

                scrollToQuizCard();

                answerInput.value = "";
                answerInput.disabled = false;

                setTimeout(function () {
                  answerInput.focus();
                }, 250);

                quizFeedback.textContent = "";
                quizFeedback.className = "quiz-feedback";

                checkAnswerButton.disabled = false;
                nextQuestionButton.disabled = true;
                skipQuestionButton.disabled = false;

                if (currentIndex === questions.length - 1) {
                  nextQuestionButton.textContent = "See score →";
                } else {
                  nextQuestionButton.textContent = "Next question →";
                }

                hasAnswered = false;
              }

              function checkAnswer() {
                if (hasAnswered) {
                  return;
                }

                const enteredAnswer = answerInput.value.trim();
                const userAnswer = normaliseAnswer(answerInput.value);
                const correctAnswer = normaliseAnswer(questions[currentIndex].target);

                if (!userAnswer) {
                  quizFeedback.textContent = "Type an answer first, or skip the question.";
                  quizFeedback.className = "quiz-feedback incorrect";
                  quizCard.classList.remove("is-correct");
                  quizCard.classList.add("is-incorrect");
                  scrollToQuizCard();
                  return;
                }

                if (userAnswer === correctAnswer) {
                  score += 1;
                  quizFeedback.textContent = "Correct!";
                  quizFeedback.className = "quiz-feedback correct";
                  quizCard.classList.remove("is-incorrect");
                  quizCard.classList.add("is-correct");
                } else {
                  quizFeedback.textContent =
                    "Not quite. Correct answer: " + questions[currentIndex].target;
                  quizFeedback.className = "quiz-feedback incorrect";
                  quizCard.classList.remove("is-correct");
                  quizCard.classList.add("is-incorrect");

                  answersToReview.push({
                    english: questions[currentIndex].english,
                    entered: enteredAnswer,
                    correct: questions[currentIndex].target,
                    skipped: false
                  });
                }

                hasAnswered = true;
                answerInput.disabled = true;
                checkAnswerButton.disabled = true;
                nextQuestionButton.disabled = false;
                skipQuestionButton.disabled = true;

                scrollToQuizCard();

                nextQuestionButton.focus();
              }

              function skipQuestion() {
                if (hasAnswered) {
                  return;
                }

                quizFeedback.textContent =
                  "Skipped. Correct answer: " + questions[currentIndex].target;
                quizFeedback.className = "quiz-feedback incorrect";

                quizCard.classList.remove("is-correct");
                quizCard.classList.add("is-incorrect");

                answersToReview.push({
                  english: questions[currentIndex].english,
                  entered: "",
                  correct: questions[currentIndex].target,
                  skipped: true
                });

                hasAnswered = true;
                answerInput.disabled = true;
                checkAnswerButton.disabled = true;
                nextQuestionButton.disabled = false;
                skipQuestionButton.disabled = true;

                scrollToQuizCard();

                nextQuestionButton.focus();
              }

              function showResults() {
                quizCard.hidden = true;
                quizResults.hidden = false;

                finalScore.textContent = score;

                const percentage = Math.round((score / questions.length) * 100);

                if (percentage === 100) {
                  resultsMessage.textContent = "Perfect score — excellent work!";
                } else if (percentage >= 80) {
                  resultsMessage.textContent = "Great work — you know this set well.";
                } else if (percentage >= 50) {
                  resultsMessage.textContent =
                    "Good effort — a little more practice and this will stick.";
                } else {
                  resultsMessage.textContent =
                    "Keep practising — try the flashcards again, then retake the test.";
                }

                resultsReviewList.replaceChildren();

                if (answersToReview.length) {
                  answersToReview.forEach(function (answer, index) {
                    const item = document.createElement("div");
                    item.className = "results-review-item";

                    const prompt = document.createElement("div");
                    prompt.className = "results-review-prompt";

                    const reviewNumber = document.createElement("span");
                    reviewNumber.className = "results-review-number";
                    reviewNumber.textContent = String(index + 1);

                    const promptText = document.createElement("span");
                    promptText.className = "results-review-prompt-text";
                    promptText.textContent = answer.english;

                    prompt.appendChild(reviewNumber);
                    prompt.appendChild(promptText);

                    const entered = document.createElement("div");
                    entered.className = "results-review-answer is-entered";

                    const enteredLabel = document.createElement("span");
                    enteredLabel.className = "results-review-answer-label";
                    enteredLabel.textContent = "✕ Your answer";

                    const enteredText = document.createElement("span");
                    enteredText.className = "results-review-answer-text";
                    enteredText.textContent = answer.skipped ? "Skipped" : answer.entered;

                    entered.appendChild(enteredLabel);
                    entered.appendChild(enteredText);

                    const correct = document.createElement("div");
                    correct.className = "results-review-answer is-correct";

                    const correctLabel = document.createElement("span");
                    correctLabel.className = "results-review-answer-label";
                    correctLabel.textContent = "✓ Correct answer";

                    const correctText = document.createElement("span");
                    correctText.className = "results-review-answer-text";
                    correctText.textContent = answer.correct;

                    correct.appendChild(correctLabel);
                    correct.appendChild(correctText);

                    item.appendChild(prompt);
                    item.appendChild(entered);
                    item.appendChild(correct);
                    resultsReviewList.appendChild(item);
                  });

                  resultsReview.hidden = false;
                } else {
                  resultsReview.hidden = true;
                }

                quizResults.scrollIntoView({
                  behavior: "smooth",
                  block: "start"
                });
              }

              function nextQuestion() {
                if (!hasAnswered) {
                  return;
                }

                if (currentIndex === questions.length - 1) {
                  showResults();
                  return;
                }

                currentIndex += 1;
                showQuestion();
              }

              function restartQuiz() {
                currentIndex = 0;
                score = 0;
                hasAnswered = false;
                answersToReview = [];
                resultsReviewList.replaceChildren();
                resultsReview.hidden = true;

                quizResults.hidden = true;
                quizCard.hidden = false;
                quizCard.classList.remove("is-correct", "is-incorrect");

                showQuestion();
              }

              checkAnswerButton.addEventListener("click", checkAnswer);
              nextQuestionButton.addEventListener("click", nextQuestion);
              skipQuestionButton.addEventListener("click", skipQuestion);
              restartQuizButton.addEventListener("click", restartQuiz);

              answerInput.addEventListener("keydown", function (event) {
                if (event.key === "Enter") {
                  event.preventDefault();

                  if (!hasAnswered) {
                    checkAnswer();
                  } else {
                    nextQuestion();
                  }
                }
              });

              showQuestion();
            });
          });
        </script>
        
    <div
      id="boersk-typed-quiz-1"
      class="boersk-quiz-widget"
      data-questions="[{&quot;english&quot;:&quot;la veste + noir&quot;,&quot;target&quot;:&quot;la veste noire&quot;},{&quot;english&quot;:&quot;les manteaux + bleu&quot;,&quot;target&quot;:&quot;les manteaux bleus&quot;},{&quot;english&quot;:&quot;les vestes + vert&quot;,&quot;target&quot;:&quot;les vestes vertes&quot;},{&quot;english&quot;:&quot;la veste + rouge&quot;,&quot;target&quot;:&quot;la veste rouge&quot;},{&quot;english&quot;:&quot;les vestes + jaune&quot;,&quot;target&quot;:&quot;les vestes jaunes&quot;},{&quot;english&quot;:&quot;la veste + blanc&quot;,&quot;target&quot;:&quot;la veste blanche&quot;},{&quot;english&quot;:&quot;les vestes + blanc&quot;,&quot;target&quot;:&quot;les vestes blanches&quot;},{&quot;english&quot;:&quot;le manteau + beau&quot;,&quot;target&quot;:&quot;le beau manteau&quot;},{&quot;english&quot;:&quot;la veste + nouveau&quot;,&quot;target&quot;:&quot;la nouvelle veste&quot;},{&quot;english&quot;:&quot;un appartement + nouveau&quot;,&quot;target&quot;:&quot;un nouvel appartement&quot;},{&quot;english&quot;:&quot;un homme + vieux&quot;,&quot;target&quot;:&quot;un vieil homme&quot;},{&quot;english&quot;:&quot;les vestes + marron&quot;,&quot;target&quot;:&quot;les vestes marron&quot;}]"
    >
      <div class="quiz-card">
        <div class="quiz-progress">
          Question <span class="current-question">1</span> of <span class="total-questions">1</span>
        </div>

        <div class="quiz-label">Make the adjective fit</div>

        <div class="quiz-prompt"></div>

        <input
          type="text"
          class="answer-input"
          placeholder="Type the complete French phrase"
          autocomplete="off"
        />

        <div class="quiz-feedback"></div>

        <div class="quiz-controls">
          <button type="button" class="check-answer">Check answer</button>
          <button type="button" class="next-question" disabled>Next question →</button>
          <button type="button" class="skip-question">Skip question</button>
        </div>
      </div>

      <div class="quiz-results" hidden>
        <div class="results-title">Test complete!</div>
        <div class="results-score">
          You scored <span class="final-score">0</span> out of <span class="final-total">0</span>.
        </div>
        <div class="results-message"></div>
        <div class="results-review" hidden>
          <div class="results-review-title">Review these answers</div>
          <div class="results-review-list"></div>
        </div>
        <button type="button" class="restart-quiz">Try again</button>
      </div>
    </div>

    



<p class="wp-block-paragraph"></p>



<p class="has-text-align-center wp-block-paragraph"></p>



    <div class="lexicogs-back-button-wrap">
      <button
        type="button"
        class="lexicogs-back-button"
        data-fallback-url="https://lexicogs.com/"
      >
        ← Go back      </button>
    </div>

    



<p class="wp-embed-aspect-16-9 wp-has-aspect-ratio wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Indirect Pronouns: Lui, leur or y? People and Things After à</title>
		<link>https://lexicogs.com/indirect-pronouns-lui-leur-or-y-people-and-things-after-a/</link>
		
		<dc:creator><![CDATA[Lexi Cogs]]></dc:creator>
		<pubDate>Sat, 22 Aug 2026 07:48:19 +0000</pubDate>
				<category><![CDATA[French]]></category>
		<category><![CDATA[French Grammar]]></category>
		<category><![CDATA[Lesson]]></category>
		<category><![CDATA[French grammar]]></category>
		<category><![CDATA[French language]]></category>
		<category><![CDATA[Introduction to French Grammar]]></category>
		<guid isPermaLink="false">https://lexicogs.com/?p=105473</guid>

					<description><![CDATA[In this lesson, we investigate where French uses forms such as lui and leur, and where this switches to y.]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">This article is associated with the course(s):<br><a href="https://lexicogs.com/french-courses/french-grammar-courses/introduction-to-french-grammar/">Introduction to French Grammar</a></p>



<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-large has-custom-border is-style-default" style="margin-top:0;margin-bottom:0"><img decoding="async" width="1024" height="373" src="https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Pronouns-Go-Deeper-1024x373.jpg" alt="" class="wp-image-105478 no-lazyload" style="border-radius:22px" srcset="https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Pronouns-Go-Deeper-1024x373.jpg 1024w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Pronouns-Go-Deeper-300x109.jpg 300w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Pronouns-Go-Deeper-768x280.jpg 768w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Pronouns-Go-Deeper-1536x560.jpg 1536w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Pronouns-Go-Deeper.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>



<h1 class="wp-block-heading">Lui, leur or y? People and Things After à</h1>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">French often uses <strong>à</strong> before both people and things:</p>



<p class="wp-block-paragraph"><strong>Je réponds à Marie.</strong><br>I reply to Marie.</p>



<p class="wp-block-paragraph"><strong>Je réponds à la question.</strong><br>I answer the question.</p>



<p class="wp-block-paragraph">At first sight, the structure looks very similar. But when we replace the noun with a pronoun, French treats them differently:</p>



<p class="wp-block-paragraph"><strong>Je réponds à Marie.</strong><br>→ <strong>Je lui réponds.</strong><br>I reply to her.</p>



<p class="wp-block-paragraph">but:</p>



<p class="wp-block-paragraph"><strong>Je réponds à la question.</strong><br>→ <strong>J’y réponds.</strong><br>I answer it.</p>



<p class="wp-block-paragraph">So why do we use <strong>lui</strong> in one sentence and <strong>y</strong> in the other?</p>



<p class="wp-block-paragraph">That is what we are going to explore.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">1. People and Things Can Behave Differently</h2>



<p class="wp-block-paragraph">You may have seen that certain verbs use <strong>lui</strong> or <strong>leur</strong> when the indirect object is a person:</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — LEXI TABLE 2
     People → lui / leur
     ========================================================= -->

<div class="lexi-people-pronoun-table">

  <div class="lexi-table-wrap">

    <table class="lexi-table">

      <thead>
        <tr>
          <th scope="col">With the person</th>
          <th scope="col">With the pronoun</th>
        </tr>
      </thead>

      <tbody>

        <tr>
          <td>
            Je téléphone <strong>à Paul</strong>.
          </td>
          <td>
            Je <strong>lui</strong> téléphone.
          </td>
        </tr>

        <tr>
          <td>
            Nous répondons <strong>à nos clients</strong>.
          </td>
          <td>
            Nous <strong>leur</strong> répondons.
          </td>
        </tr>

      </tbody>

    </table>

  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — LEXI TABLE 2
   Scoped to this component only
   ========================================================= */

.lexi-people-pronoun-table,
.lexi-people-pronoun-table * {
  box-sizing: border-box;
}


/* =========================================================
   WRAPPER
   ========================================================= */

.lexi-people-pronoun-table .lexi-table-wrap {
  width: 100%;
  margin: 24px 0;
  padding: 0;

  overflow: hidden;
  line-height: 0;

  background: #FFFFFF;

  border-radius: 14px;

  box-shadow: 0 4px 14px rgba(19, 19, 19, 0.08);
}


/* =========================================================
   TABLE
   ========================================================= */

.lexi-people-pronoun-table .lexi-table {
  width: 100%;
  margin: 0 !important;

  border-collapse: collapse;
  border-spacing: 0;

  table-layout: auto;

  color: #131313;

  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}


/* =========================================================
   CELLS
   ========================================================= */

.lexi-people-pronoun-table .lexi-table th,
.lexi-people-pronoun-table .lexi-table td {
  width: 50%;

  padding: 14px 16px;

  border: 0;

  text-align: left;
  vertical-align: middle;

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}


/* =========================================================
   HEADER
   ========================================================= */

.lexi-people-pronoun-table .lexi-table thead th {
  background: #8300C9;
  color: #FFFFFF;

  font-weight: 700;
}


/* =========================================================
   BODY ROWS
   ========================================================= */

.lexi-people-pronoun-table .lexi-table tbody tr:nth-child(odd) td {
  background: #FFFFFF;
}

.lexi-people-pronoun-table .lexi-table tbody tr:nth-child(even) td {
  background: #FFF7FF;
}


/* White internal separators */

.lexi-people-pronoun-table .lexi-table th + th,
.lexi-people-pronoun-table .lexi-table td + td {
  border-left: 3px solid #FFFFFF;
}

.lexi-people-pronoun-table .lexi-table tbody tr + tr td {
  border-top: 3px solid #FFFFFF;
}


/* =========================================================
   TARGET GRAMMAR
   ========================================================= */

.lexi-people-pronoun-table .lexi-table td strong {
  color: #8300C9;
  font-weight: 800;
}


/* =========================================================
   MOBILE
   Preserve the two-column comparison
   ========================================================= */

@media (max-width: 600px) {

  .lexi-people-pronoun-table .lexi-table {
    font-size: 0.86rem;
    line-height: 1.4;
  }

  .lexi-people-pronoun-table .lexi-table th,
  .lexi-people-pronoun-table .lexi-table td {
    padding: 11px 8px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">But when an <strong>à + non-person</strong> phrase is replaced, French very often uses <strong>y</strong>:</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — LEXI TABLE 2
     Things / ideas → y
     ========================================================= -->

<div class="lexi-y-pronoun-table">

  <div class="lexi-table-wrap">

    <table class="lexi-table">

      <thead>
        <tr>
          <th scope="col">With the thing or idea</th>
          <th scope="col">With the pronoun</th>
        </tr>
      </thead>

      <tbody>

        <tr>
          <td>
            Je réponds <strong>à cette question</strong>.
          </td>
          <td>
            J’<strong>y</strong> réponds.
          </td>
        </tr>

        <tr>
          <td>
            Nous réfléchissons <strong>à ce problème</strong>.
          </td>
          <td>
            Nous <strong>y</strong> réfléchissons.
          </td>
        </tr>

      </tbody>

    </table>

  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — LEXI TABLE 2
   Scoped to this component only
   ========================================================= */

.lexi-y-pronoun-table,
.lexi-y-pronoun-table * {
  box-sizing: border-box;
}


/* =========================================================
   WRAPPER
   ========================================================= */

.lexi-y-pronoun-table .lexi-table-wrap {
  width: 100%;
  margin: 24px 0;
  padding: 0;

  overflow: hidden;
  line-height: 0;

  background: #FFFFFF;

  border-radius: 14px;

  box-shadow: 0 4px 14px rgba(19, 19, 19, 0.08);
}


/* =========================================================
   TABLE
   ========================================================= */

.lexi-y-pronoun-table .lexi-table {
  width: 100%;
  margin: 0 !important;

  border-collapse: collapse;
  border-spacing: 0;

  table-layout: auto;

  color: #131313;

  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}


/* =========================================================
   CELLS
   ========================================================= */

.lexi-y-pronoun-table .lexi-table th,
.lexi-y-pronoun-table .lexi-table td {
  width: 50%;

  padding: 14px 16px;

  border: 0;

  text-align: left;
  vertical-align: middle;

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}


/* =========================================================
   HEADER
   ========================================================= */

.lexi-y-pronoun-table .lexi-table thead th {
  background: #8300C9;
  color: #FFFFFF;

  font-weight: 700;
}


/* =========================================================
   BODY ROWS
   ========================================================= */

.lexi-y-pronoun-table .lexi-table tbody tr:nth-child(odd) td {
  background: #FFFFFF;
}

.lexi-y-pronoun-table .lexi-table tbody tr:nth-child(even) td {
  background: #FFF7FF;
}


/* White internal separators */

.lexi-y-pronoun-table .lexi-table th + th,
.lexi-y-pronoun-table .lexi-table td + td {
  border-left: 3px solid #FFFFFF;
}

.lexi-y-pronoun-table .lexi-table tbody tr + tr td {
  border-top: 3px solid #FFFFFF;
}


/* =========================================================
   TARGET GRAMMAR
   ========================================================= */

.lexi-y-pronoun-table .lexi-table td strong {
  color: #8300C9;
  font-weight: 800;
}


/* =========================================================
   MOBILE
   Preserve the two-column comparison
   ========================================================= */

@media (max-width: 600px) {

  .lexi-y-pronoun-table .lexi-table {
    font-size: 0.86rem;
    line-height: 1.4;
  }

  .lexi-y-pronoun-table .lexi-table th,
  .lexi-y-pronoun-table .lexi-table td {
    padding: 11px 8px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Here, <strong>y</strong> replaces the whole phrase beginning with <strong>à</strong>:</p>



<p class="wp-block-paragraph"><strong>à cette question → y</strong></p>



<p class="wp-block-paragraph"><strong>à ce problème → y</strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">And, like <strong>lui</strong> and <strong>leur</strong>, <strong>y normally goes before the verb</strong>.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">So compare:</p>



<p class="wp-block-paragraph"><strong>Je lui réponds.</strong><br>I reply to him / her.</p>



<p class="wp-block-paragraph"><strong>J’y réponds.</strong><br>I answer it.</p>



<p class="wp-block-paragraph">The first refers to a <strong>person</strong>.<br>The second refers to a <strong>thing or idea</strong>.</p>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading">A useful starting point</h3>



<p class="wp-block-paragraph">When you see <strong>à + a noun</strong>, ask:</p>



<p class="wp-block-paragraph"><strong>Am I referring to a person, or to a thing?</strong></p>



<p class="wp-block-paragraph">That will often help you decide which pronoun pattern you need. If <em>lui </em>and <em>leur</em> are new to you, then start with our lesson, <a href="https://lexicogs.com/how-to-use-indirect-object-pronouns-in-french/">How to Use Indirect Object Pronouns in French.</a></p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">2. <em>Y</em> with Things and Ideas</h2>



<p class="wp-block-paragraph">Let&#8217;s start with some examples illustrating what happens when the complement is not a person.</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — LEXI TABLE 2
     À + thing / idea → y
     ========================================================= -->

<div class="lexi-y-examples-table">

  <div class="lexi-y-examples-table__wrap">

    <table class="lexi-y-examples-table__table">

      <thead>
        <tr>
          <th scope="col">With the thing or idea</th>
          <th scope="col">With <em>y</em></th>
          <th scope="col">English</th>
        </tr>
      </thead>

      <tbody>

        <tr>
          <td>
            Je réponds <strong>à la question</strong>.
          </td>
          <td>
            J’<strong>y</strong> réponds.
          </td>
          <td>
            I answer it.
          </td>
        </tr>

        <tr>
          <td>
            Elle pense <strong>à son avenir</strong>.
          </td>
          <td>
            Elle <strong>y</strong> pense.
          </td>
          <td>
            She thinks about it.
          </td>
        </tr>

        <tr>
          <td>
            Nous réfléchissons <strong>au problème</strong>.
          </td>
          <td>
            Nous <strong>y</strong> réfléchissons.
          </td>
          <td>
            We think about it.
          </td>
        </tr>

        <tr>
          <td>
            Il s’intéresse <strong>à la politique française</strong>.
          </td>
          <td>
            Il s’<strong>y</strong> intéresse.
          </td>
          <td>
            He is interested in it.
          </td>
        </tr>

      </tbody>

    </table>

  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — LEXI TABLE 2
   Scoped to this component only
   ========================================================= */

.lexi-y-examples-table,
.lexi-y-examples-table * {
  box-sizing: border-box;
}


/* =========================================================
   WRAPPER
   ========================================================= */

.lexi-y-examples-table__wrap {
  width: 100%;
  margin: 28px 0;
  padding: 0;

  overflow: hidden;
  line-height: 0;

  border-radius: 16px;

  background: #FFFFFF;

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   TABLE
   ========================================================= */

.lexi-y-examples-table__table {
  width: 100%;
  margin: 0 !important;

  border-collapse: collapse;
  border-spacing: 0;

  table-layout: auto;

  color: #131313;

  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}


/* =========================================================
   COLUMN WIDTHS
   ========================================================= */

.lexi-y-examples-table__table th:nth-child(1),
.lexi-y-examples-table__table td:nth-child(1) {
  width: 38%;
}

.lexi-y-examples-table__table th:nth-child(2),
.lexi-y-examples-table__table td:nth-child(2) {
  width: 32%;
}

.lexi-y-examples-table__table th:nth-child(3),
.lexi-y-examples-table__table td:nth-child(3) {
  width: 30%;
}


/* =========================================================
   CELLS
   ========================================================= */

.lexi-y-examples-table__table th,
.lexi-y-examples-table__table td {
  padding: 15px 16px;

  border: 0;

  text-align: left;
  vertical-align: middle;

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}


/* =========================================================
   HEADER
   ========================================================= */

.lexi-y-examples-table__table thead th {
  background: #8300C9;
  color: #FFFFFF;

  font-weight: 700;
}

.lexi-y-examples-table__table thead em {
  color: #FFFFFF;
}


/* =========================================================
   BODY ROWS
   ========================================================= */

.lexi-y-examples-table__table tbody tr:nth-child(odd) td {
  background: #FFFFFF;
}

.lexi-y-examples-table__table tbody tr:nth-child(even) td {
  background: #FFF7FF;
}


/* White internal separators */

.lexi-y-examples-table__table th + th,
.lexi-y-examples-table__table td + td {
  border-left: 3px solid #FFFFFF;
}

.lexi-y-examples-table__table tbody tr + tr td {
  border-top: 3px solid #FFFFFF;
}


/* =========================================================
   TARGET GRAMMAR
   ========================================================= */

.lexi-y-examples-table__table tbody strong {
  color: #8300C9;
  font-weight: 800;
}


/* =========================================================
   MOBILE
   Preserve all three aligned columns
   ========================================================= */

@media (max-width: 650px) {

  .lexi-y-examples-table__table {
    font-size: 12.5px;
    line-height: 1.4;
  }

  .lexi-y-examples-table__table th,
  .lexi-y-examples-table__table td {
    padding: 10px 6px;
  }

}


/* =========================================================
   VERY NARROW SCREENS
   ========================================================= */

@media (max-width: 420px) {

  .lexi-y-examples-table__table {
    font-size: 11.5px;
  }

  .lexi-y-examples-table__table th,
  .lexi-y-examples-table__table td {
    padding: 9px 5px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">In these examples, <strong>y</strong> replaces the whole <strong>à + thing or idea</strong> phrase.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Notice that this also works when <strong>à</strong> has combined with an article:</p>



<p class="wp-block-paragraph"><strong>au problème → y</strong></p>



<p class="wp-block-paragraph"><strong>à la question → y</strong></p>



<p class="wp-block-paragraph"><strong>aux conséquences → y</strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">The complete phrase disappears and <strong>y</strong> takes its place.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">3. <em>Y</em> Does Not Show Gender or Number</h2>



<p class="wp-block-paragraph">There is another useful difference.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">With <strong>lui</strong> and <strong>leur</strong>, French distinguishes between one person and several people:</p>



<p class="wp-block-paragraph"><strong>à Marie → lui</strong></p>



<p class="wp-block-paragraph"><strong>à Marie et Paul → leur</strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">But <strong>y does not change</strong> according to the gender or number of the thing being replaced.</p>



<p class="wp-block-paragraph">Compare:</p>



<p class="wp-block-paragraph"><strong>Je pense à ce problème.</strong><br>→ <strong>J’y pense.</strong></p>



<p class="wp-block-paragraph"><strong>Je pense à cette question.</strong><br>→ <strong>J’y pense.</strong></p>



<p class="wp-block-paragraph"><strong>Je pense à ces problèmes.</strong><br>→ <strong>J’y pense.</strong></p>



<p class="wp-block-paragraph"><strong>Je pense à ces questions.</strong><br>→ <strong>J’y pense.</strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">The same pronoun — <strong>y</strong> — works in all four sentences.</p>



<p class="wp-block-paragraph">So you do not need separate masculine, feminine, singular or plural forms.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">4. The Three Patterns Side by Side</h2>



<p class="wp-block-paragraph">We can now bring everything together into three distinct patterns.</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — THREE PATTERNS AFTER À
     Static grammar comparison
     ========================================================= -->

<div class="lexi-a-patterns"
     role="group"
     aria-label="Three French pronoun patterns after à: person with an indirect-object verb uses lui or leur; person with a verb that keeps à uses à plus a stressed pronoun; thing or idea after à uses y.">


  <!-- =====================================================
       PATTERN A
       ===================================================== -->

  <section class="lexi-a-patterns__card lexi-a-patterns__card--a">

    <div class="lexi-a-patterns__header">

      <span class="lexi-a-patterns__letter">
        A
      </span>

      <div>
        <div class="lexi-a-patterns__title">
          Person
        </div>

        <div class="lexi-a-patterns__subtitle">
          with an indirect-object verb
        </div>
      </div>

    </div>


    <!-- EXAMPLE 1 -->

    <div class="lexi-a-patterns__example">

      <div class="lexi-a-patterns__before">
        Je réponds
        <span class="lexi-a-patterns__source">à Marie</span>.
      </div>

      <div class="lexi-a-patterns__arrow"
           aria-hidden="true">
        ↓
      </div>

      <div class="lexi-a-patterns__after">
        Je
        <span class="lexi-a-patterns__target">lui</span>
        réponds.
      </div>

    </div>


    <!-- EXAMPLE 2 -->

    <div class="lexi-a-patterns__example">

      <div class="lexi-a-patterns__before">
        Nous répondons
        <span class="lexi-a-patterns__source">à Paul et Marie</span>.
      </div>

      <div class="lexi-a-patterns__arrow"
           aria-hidden="true">
        ↓
      </div>

      <div class="lexi-a-patterns__after">
        Nous
        <span class="lexi-a-patterns__target">leur</span>
        répondons.
      </div>

    </div>


    <!-- PATTERN SUMMARY -->

    <div class="lexi-a-patterns__rule">
      <span>à + person</span>
      <strong>→ lui / leur</strong>
    </div>

  </section>



  <!-- =====================================================
       PATTERN B
       ===================================================== -->

  <section class="lexi-a-patterns__card lexi-a-patterns__card--b">

    <div class="lexi-a-patterns__header">

      <span class="lexi-a-patterns__letter">
        B
      </span>

      <div>
        <div class="lexi-a-patterns__title">
          Person
        </div>

        <div class="lexi-a-patterns__subtitle">
          with a verb that keeps <em>à</em>
        </div>
      </div>

    </div>


    <!-- EXAMPLE 1 -->

    <div class="lexi-a-patterns__example">

      <div class="lexi-a-patterns__before">
        Je pense
        <span class="lexi-a-patterns__source">à Marie</span>.
      </div>

      <div class="lexi-a-patterns__arrow"
           aria-hidden="true">
        ↓
      </div>

      <div class="lexi-a-patterns__after">
        Je pense
        <span class="lexi-a-patterns__target">à elle</span>.
      </div>

    </div>


    <!-- EXAMPLE 2 -->

    <div class="lexi-a-patterns__example">

      <div class="lexi-a-patterns__before">
        Je pense
        <span class="lexi-a-patterns__source">à Paul</span>.
      </div>

      <div class="lexi-a-patterns__arrow"
           aria-hidden="true">
        ↓
      </div>

      <div class="lexi-a-patterns__after">
        Je pense
        <span class="lexi-a-patterns__target">à lui</span>.
      </div>

    </div>


    <!-- PATTERN SUMMARY -->

    <div class="lexi-a-patterns__rule">
      <span>à + person</span>
      <strong>→ à + stressed pronoun</strong>
    </div>

  </section>



  <!-- =====================================================
       PATTERN C
       ===================================================== -->

  <section class="lexi-a-patterns__card lexi-a-patterns__card--c">

    <div class="lexi-a-patterns__header">

      <span class="lexi-a-patterns__letter">
        C
      </span>

      <div>
        <div class="lexi-a-patterns__title">
          Thing or idea
        </div>

        <div class="lexi-a-patterns__subtitle">
          after <em>à</em>
        </div>
      </div>

    </div>


    <!-- EXAMPLE 1 -->

    <div class="lexi-a-patterns__example">

      <div class="lexi-a-patterns__before">
        Je réponds
        <span class="lexi-a-patterns__source">à la question</span>.
      </div>

      <div class="lexi-a-patterns__arrow"
           aria-hidden="true">
        ↓
      </div>

      <div class="lexi-a-patterns__after">
        J’<span class="lexi-a-patterns__target">y</span>
        réponds.
      </div>

    </div>


    <!-- EXAMPLE 2 -->

    <div class="lexi-a-patterns__example">

      <div class="lexi-a-patterns__before">
        Je pense
        <span class="lexi-a-patterns__source">à cette question</span>.
      </div>

      <div class="lexi-a-patterns__arrow"
           aria-hidden="true">
        ↓
      </div>

      <div class="lexi-a-patterns__after">
        J’<span class="lexi-a-patterns__target">y</span>
        pense.
      </div>

    </div>


    <!-- PATTERN SUMMARY -->

    <div class="lexi-a-patterns__rule">
      <span>à + thing / idea</span>
      <strong>→ y</strong>
    </div>

  </section>

</div>


<style>
/* =========================================================
   LEXICOGS — THREE PATTERNS AFTER À
   Fully scoped component
   ========================================================= */

.lexi-a-patterns,
.lexi-a-patterns *,
.lexi-a-patterns *::before,
.lexi-a-patterns *::after {
  box-sizing: border-box;
}

.lexi-a-patterns {
  --lexi-purple: #8300C9;
  --lexi-black: #131313;
  --lexi-white: #FFFFFF;
  --lexi-salmon-white: #FFF7FF;
  --lexi-salmon-grey: #F5E9F2;
  --lexi-light-blue: #E5E8FA;
  --lexi-dusty-green: #E0EEE0;
  --lexi-light-grey: #F0F3F8;

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 16px;

  width: 100%;
  max-width: 980px;
  margin: 30px auto;

  color: var(--lexi-black);
  font-family: inherit;
}


/* =========================================================
   CARDS
   ========================================================= */

.lexi-a-patterns__card {
  display: flex;
  flex-direction: column;

  min-width: 0;

  overflow: hidden;

  border: 1px solid rgba(19, 19, 19, 0.08);
  border-radius: 18px;

  background: var(--lexi-white);

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   HEADERS
   ========================================================= */

.lexi-a-patterns__header {
  display: flex;

  gap: 11px;

  align-items: center;

  min-height: 92px;

  padding: 16px;
}


/* Different approved pale surfaces distinguish,
   but do not define, the three grammatical patterns */

.lexi-a-patterns__card--a .lexi-a-patterns__header {
  background: var(--lexi-salmon-grey);
}

.lexi-a-patterns__card--b .lexi-a-patterns__header {
  background: var(--lexi-light-blue);
}

.lexi-a-patterns__card--c .lexi-a-patterns__header {
  background: var(--lexi-dusty-green);
}


/* A / B / C marker */

.lexi-a-patterns__letter {
  display: flex;

  flex: 0 0 38px;

  width: 38px;
  height: 38px;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}


/* Heading text */

.lexi-a-patterns__title {
  color: var(--lexi-black);

  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
}

.lexi-a-patterns__subtitle {
  margin-top: 3px;

  color: var(--lexi-black);

  font-size: 13px;
  line-height: 1.35;
}


/* =========================================================
   EXAMPLES
   ========================================================= */

.lexi-a-patterns__example {
  padding: 17px 13px;

  border-top: 3px solid var(--lexi-white);

  background: var(--lexi-salmon-white);

  text-align: center;
}

.lexi-a-patterns__example + .lexi-a-patterns__example {
  background: var(--lexi-light-grey);
}


/* Original sentence */

.lexi-a-patterns__before {
  color: var(--lexi-black);

  font-size: 15px;
  font-weight: 650;
  line-height: 1.5;
}


/* Phrase being replaced */

.lexi-a-patterns__source {
  font-weight: 800;

  text-decoration: underline;
  text-decoration-color: var(--lexi-purple);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}


/* =========================================================
   ARROW
   ========================================================= */

.lexi-a-patterns__arrow {
  padding: 7px 0;

  color: var(--lexi-purple);

  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}


/* =========================================================
   RESULT
   ========================================================= */

.lexi-a-patterns__after {
  color: var(--lexi-black);

  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}


/* Only the actual replacement is highlighted */

.lexi-a-patterns__target {
  display: inline-block;

  padding: 2px 7px;

  border-radius: 6px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-weight: 800;
}


/* =========================================================
   RULE STRIP
   ========================================================= */

.lexi-a-patterns__rule {
  display: grid;

  gap: 5px;

  margin-top: auto;
  padding: 14px 12px;

  border-top: 3px solid var(--lexi-white);

  background: var(--lexi-white);

  text-align: center;
}

.lexi-a-patterns__rule span {
  color: var(--lexi-black);

  font-size: 12.5px;
  line-height: 1.35;
}

.lexi-a-patterns__rule strong {
  color: var(--lexi-purple);

  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
}


/* =========================================================
   TABLET
   Keep each grammatical pattern intact.
   ========================================================= */

@media (max-width: 850px) {

  .lexi-a-patterns {
    grid-template-columns: 1fr;

    gap: 18px;

    max-width: 680px;
  }

  .lexi-a-patterns__header {
    min-height: 0;
  }

}


/* =========================================================
   MOBILE
   Pattern A completes before B begins;
   B completes before C begins.
   ========================================================= */

@media (max-width: 600px) {

  .lexi-a-patterns {
    margin: 25px auto;

    gap: 15px;
  }

  .lexi-a-patterns__card {
    border-radius: 16px;
  }

  .lexi-a-patterns__header {
    padding: 14px;
  }

  .lexi-a-patterns__letter {
    flex-basis: 34px;

    width: 34px;
    height: 34px;

    font-size: 14px;
  }

  .lexi-a-patterns__title {
    font-size: 17px;
  }

  .lexi-a-patterns__subtitle {
    font-size: 12.5px;
  }

  .lexi-a-patterns__example {
    padding: 15px 11px;
  }

  .lexi-a-patterns__before,
  .lexi-a-patterns__after {
    font-size: 15px;
  }

  .lexi-a-patterns__rule {
    padding: 13px 10px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">So there are really <strong>two questions</strong> to ask:</p>



<p class="wp-block-paragraph"><strong>1. What pattern does the verb use?</strong></p>



<p class="wp-block-paragraph">and:</p>



<p class="wp-block-paragraph"><strong>2. Am I replacing a person or a thing?</strong></p>



<p class="wp-block-paragraph">Those two questions will take you much further than a rule based simply on seeing <strong>à</strong>.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">5. Begin Recognizing the Patterns</h2>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">One of the clearest ways to see the difference is to keep the verb the same and change what follows it.</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — RÉPONDRE À
     Person vs thing / idea
     ========================================================= -->

<div class="lexi-repondre-contrast"
     role="group"
     aria-label="With répondre à, a person can be replaced by lui or leur, while a thing or idea can be replaced by y.">

  <!-- =====================================================
       VERB HEADING
       ===================================================== -->

  <div class="lexi-repondre-contrast__heading">

    <span class="lexi-repondre-contrast__verb">
      répondre à
    </span>

    <span class="lexi-repondre-contrast__heading-note">
      Same verb — different replacement
    </span>

  </div>


  <!-- =====================================================
       COMPARISON GRID
       ===================================================== -->

  <div class="lexi-repondre-contrast__grid">


    <!-- ===================================================
         PERSON
         =================================================== -->

    <section class="lexi-repondre-contrast__card
                    lexi-repondre-contrast__card--person">

      <div class="lexi-repondre-contrast__card-label">
        Person
      </div>


      <div class="lexi-repondre-contrast__before">

        Je réponds
        <span class="lexi-repondre-contrast__source">
          à Marie
        </span>.

      </div>


      <div class="lexi-repondre-contrast__arrow"
           aria-hidden="true">
        ↓
      </div>


      <div class="lexi-repondre-contrast__after">

        Je
        <span class="lexi-repondre-contrast__target">
          lui
        </span>
        réponds.

      </div>


      <div class="lexi-repondre-contrast__meaning">
        I reply to her.
      </div>


      <div class="lexi-repondre-contrast__rule">
        <span>à + person</span>
        <strong>→ lui / leur</strong>
      </div>

    </section>


    <!-- ===================================================
         THING OR IDEA
         =================================================== -->

    <section class="lexi-repondre-contrast__card
                    lexi-repondre-contrast__card--thing">

      <div class="lexi-repondre-contrast__card-label">
        Thing or idea
      </div>


      <div class="lexi-repondre-contrast__before">

        Je réponds
        <span class="lexi-repondre-contrast__source">
          à la question
        </span>.

      </div>


      <div class="lexi-repondre-contrast__arrow"
           aria-hidden="true">
        ↓
      </div>


      <div class="lexi-repondre-contrast__after">

        J’<span class="lexi-repondre-contrast__target">y</span>
        réponds.

      </div>


      <div class="lexi-repondre-contrast__meaning">
        I answer it.
      </div>


      <div class="lexi-repondre-contrast__rule">
        <span>à + thing / idea</span>
        <strong>→ y</strong>
      </div>

    </section>

  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — RÉPONDRE À CONTRAST
   Fully scoped component
   ========================================================= */

.lexi-repondre-contrast,
.lexi-repondre-contrast *,
.lexi-repondre-contrast *::before,
.lexi-repondre-contrast *::after {
  box-sizing: border-box;
}

.lexi-repondre-contrast {
  --lexi-purple: #8300C9;
  --lexi-black: #131313;
  --lexi-white: #FFFFFF;
  --lexi-salmon-white: #FFF7FF;
  --lexi-salmon-grey: #F5E9F2;
  --lexi-light-blue: #E5E8FA;
  --lexi-dusty-green: #E0EEE0;
  --lexi-light-grey: #F0F3F8;

  width: 100%;
  max-width: 850px;
  margin: 30px auto;

  color: var(--lexi-black);
  font-family: inherit;
}


/* =========================================================
   HEADING
   ========================================================= */

.lexi-repondre-contrast__heading {
  padding: 17px 18px;

  border-radius: 18px 18px 0 0;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  text-align: center;
}

.lexi-repondre-contrast__verb {
  display: block;

  color: var(--lexi-white);

  font-size: 21px;
  font-weight: 800;
  line-height: 1.3;
}

.lexi-repondre-contrast__heading-note {
  display: block;

  margin-top: 3px;

  color: var(--lexi-white);

  font-size: 13px;
  line-height: 1.4;
}


/* =========================================================
   GRID
   ========================================================= */

.lexi-repondre-contrast__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 3px;

  padding: 3px;

  border-radius: 0 0 18px 18px;

  background: var(--lexi-white);

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   CARDS
   ========================================================= */

.lexi-repondre-contrast__card {
  min-width: 0;
  overflow: hidden;

  text-align: center;
}

.lexi-repondre-contrast__card--person {
  background: var(--lexi-light-blue);
}

.lexi-repondre-contrast__card--thing {
  background: var(--lexi-dusty-green);
}


/* =========================================================
   EXPLICIT CATEGORY LABEL
   ========================================================= */

.lexi-repondre-contrast__card-label {
  padding: 11px 12px;

  border-bottom: 3px solid var(--lexi-white);

  background: rgba(255, 255, 255, 0.5);
  color: var(--lexi-purple);

  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
}


/* =========================================================
   ORIGINAL SENTENCE
   ========================================================= */

.lexi-repondre-contrast__before {
  padding: 21px 15px 10px;

  color: var(--lexi-black);

  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.lexi-repondre-contrast__source {
  font-weight: 800;

  text-decoration: underline;
  text-decoration-color: var(--lexi-purple);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}


/* =========================================================
   ARROW
   ========================================================= */

.lexi-repondre-contrast__arrow {
  padding: 2px 0 7px;

  color: var(--lexi-purple);

  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}


/* =========================================================
   RESULT
   ========================================================= */

.lexi-repondre-contrast__after {
  padding: 0 15px 17px;

  color: var(--lexi-black);

  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
}

.lexi-repondre-contrast__target {
  display: inline-block;

  padding: 2px 7px;

  border-radius: 6px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-weight: 800;
}


/* =========================================================
   ENGLISH
   ========================================================= */

.lexi-repondre-contrast__meaning {
  padding: 12px 13px;

  border-top: 3px solid var(--lexi-white);

  background: var(--lexi-salmon-white);
  color: var(--lexi-black);

  font-size: 14px;
  line-height: 1.45;
}


/* =========================================================
   RULE SUMMARY
   ========================================================= */

.lexi-repondre-contrast__rule {
  display: grid;

  gap: 4px;

  padding: 13px 12px;

  border-top: 3px solid var(--lexi-white);

  background: var(--lexi-white);

  text-align: center;
}

.lexi-repondre-contrast__rule span {
  color: var(--lexi-black);

  font-size: 12.5px;
  line-height: 1.35;
}

.lexi-repondre-contrast__rule strong {
  color: var(--lexi-purple);

  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
}


/* =========================================================
   MOBILE
   Each complete grammatical pathway remains intact:
   PERSON first, then THING OR IDEA.
   ========================================================= */

@media (max-width: 650px) {

  .lexi-repondre-contrast__heading {
    border-radius: 16px 16px 0 0;
  }

  .lexi-repondre-contrast__verb {
    font-size: 19px;
  }

  .lexi-repondre-contrast__grid {
    grid-template-columns: 1fr;

    border-radius: 0 0 16px 16px;
  }

  .lexi-repondre-contrast__before {
    padding: 18px 12px 8px;

    font-size: 17px;
  }

  .lexi-repondre-contrast__after {
    padding: 0 12px 15px;

    font-size: 17px;
  }

  .lexi-repondre-contrast__meaning {
    font-size: 13px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — PENSER À
     Person vs thing / idea
     ========================================================= -->

<div class="lexi-penser-contrast"
     role="group"
     aria-label="With penser à, a person is replaced by à plus a stressed pronoun, while a thing or idea is replaced by y.">

  <!-- =====================================================
       VERB HEADING
       ===================================================== -->

  <div class="lexi-penser-contrast__heading">

    <span class="lexi-penser-contrast__verb">
      penser à
    </span>

    <span class="lexi-penser-contrast__heading-note">
      Same verb — different replacement
    </span>

  </div>


  <!-- =====================================================
       COMPARISON GRID
       ===================================================== -->

  <div class="lexi-penser-contrast__grid">


    <!-- ===================================================
         PERSON
         =================================================== -->

    <section class="lexi-penser-contrast__card
                    lexi-penser-contrast__card--person">

      <div class="lexi-penser-contrast__card-label">
        Person
      </div>


      <div class="lexi-penser-contrast__before">

        Je pense
        <span class="lexi-penser-contrast__source">
          à Marie
        </span>.

      </div>


      <div class="lexi-penser-contrast__arrow"
           aria-hidden="true">
        ↓
      </div>


      <div class="lexi-penser-contrast__after">

        Je pense
        <span class="lexi-penser-contrast__target">
          à elle
        </span>.

      </div>


      <div class="lexi-penser-contrast__meaning">
        I think about her.
      </div>


      <div class="lexi-penser-contrast__rule">
        <span>à + person</span>
        <strong>→ à + stressed pronoun</strong>
      </div>

    </section>


    <!-- ===================================================
         THING OR IDEA
         =================================================== -->

    <section class="lexi-penser-contrast__card
                    lexi-penser-contrast__card--thing">

      <div class="lexi-penser-contrast__card-label">
        Thing or idea
      </div>


      <div class="lexi-penser-contrast__before">

        Je pense
        <span class="lexi-penser-contrast__source">
          à cette question
        </span>.

      </div>


      <div class="lexi-penser-contrast__arrow"
           aria-hidden="true">
        ↓
      </div>


      <div class="lexi-penser-contrast__after">

        J’<span class="lexi-penser-contrast__target">y</span>
        pense.

      </div>


      <div class="lexi-penser-contrast__meaning">
        I think about it.
      </div>


      <div class="lexi-penser-contrast__rule">
        <span>à + thing / idea</span>
        <strong>→ y</strong>
      </div>

    </section>

  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — PENSER À CONTRAST
   Fully scoped component
   ========================================================= */

.lexi-penser-contrast,
.lexi-penser-contrast *,
.lexi-penser-contrast *::before,
.lexi-penser-contrast *::after {
  box-sizing: border-box;
}

.lexi-penser-contrast {
  --lexi-purple: #8300C9;
  --lexi-black: #131313;
  --lexi-white: #FFFFFF;
  --lexi-salmon-white: #FFF7FF;
  --lexi-salmon-grey: #F5E9F2;
  --lexi-light-blue: #E5E8FA;
  --lexi-dusty-green: #E0EEE0;

  width: 100%;
  max-width: 850px;
  margin: 30px auto;

  color: var(--lexi-black);
  font-family: inherit;
}


/* =========================================================
   HEADING
   ========================================================= */

.lexi-penser-contrast__heading {
  padding: 17px 18px;

  border-radius: 18px 18px 0 0;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  text-align: center;
}

.lexi-penser-contrast__verb {
  display: block;

  color: var(--lexi-white);

  font-size: 21px;
  font-weight: 800;
  line-height: 1.3;
}

.lexi-penser-contrast__heading-note {
  display: block;

  margin-top: 3px;

  color: var(--lexi-white);

  font-size: 13px;
  line-height: 1.4;
}


/* =========================================================
   GRID
   ========================================================= */

.lexi-penser-contrast__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 3px;
  padding: 3px;

  border-radius: 0 0 18px 18px;

  background: var(--lexi-white);

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   CARDS
   ========================================================= */

.lexi-penser-contrast__card {
  min-width: 0;
  overflow: hidden;

  text-align: center;
}

.lexi-penser-contrast__card--person {
  background: var(--lexi-light-blue);
}

.lexi-penser-contrast__card--thing {
  background: var(--lexi-dusty-green);
}


/* =========================================================
   CATEGORY LABEL
   ========================================================= */

.lexi-penser-contrast__card-label {
  padding: 11px 12px;

  border-bottom: 3px solid var(--lexi-white);

  background: rgba(255, 255, 255, 0.5);
  color: var(--lexi-purple);

  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
}


/* =========================================================
   ORIGINAL SENTENCE
   ========================================================= */

.lexi-penser-contrast__before {
  padding: 21px 15px 10px;

  color: var(--lexi-black);

  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.lexi-penser-contrast__source {
  font-weight: 800;

  text-decoration: underline;
  text-decoration-color: var(--lexi-purple);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}


/* =========================================================
   ARROW
   ========================================================= */

.lexi-penser-contrast__arrow {
  padding: 2px 0 7px;

  color: var(--lexi-purple);

  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}


/* =========================================================
   RESULT
   ========================================================= */

.lexi-penser-contrast__after {
  padding: 0 15px 17px;

  color: var(--lexi-black);

  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
}

.lexi-penser-contrast__target {
  display: inline-block;

  padding: 2px 7px;

  border-radius: 6px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-weight: 800;
}


/* =========================================================
   ENGLISH
   ========================================================= */

.lexi-penser-contrast__meaning {
  padding: 12px 13px;

  border-top: 3px solid var(--lexi-white);

  background: var(--lexi-salmon-white);
  color: var(--lexi-black);

  font-size: 14px;
  line-height: 1.45;
}


/* =========================================================
   RULE SUMMARY
   ========================================================= */

.lexi-penser-contrast__rule {
  display: grid;

  gap: 4px;

  padding: 13px 12px;

  border-top: 3px solid var(--lexi-white);

  background: var(--lexi-white);

  text-align: center;
}

.lexi-penser-contrast__rule span {
  color: var(--lexi-black);

  font-size: 12.5px;
  line-height: 1.35;
}

.lexi-penser-contrast__rule strong {
  color: var(--lexi-purple);

  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
}


/* =========================================================
   MOBILE
   Complete PERSON pathway first,
   then complete THING / IDEA pathway.
   ========================================================= */

@media (max-width: 650px) {

  .lexi-penser-contrast__heading {
    border-radius: 16px 16px 0 0;
  }

  .lexi-penser-contrast__verb {
    font-size: 19px;
  }

  .lexi-penser-contrast__grid {
    grid-template-columns: 1fr;

    border-radius: 0 0 16px 16px;
  }

  .lexi-penser-contrast__before {
    padding: 18px 12px 8px;

    font-size: 17px;
  }

  .lexi-penser-contrast__after {
    padding: 0 12px 15px;

    font-size: 17px;
  }

  .lexi-penser-contrast__meaning {
    font-size: 13px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — S’INTÉRESSER À
     Person vs thing / idea
     ========================================================= -->

<div class="lexi-interesser-contrast"
     role="group"
     aria-label="With s’intéresser à, a person is replaced by à plus a stressed pronoun, while a thing or idea is replaced by y.">

  <!-- =====================================================
       VERB HEADING
       ===================================================== -->

  <div class="lexi-interesser-contrast__heading">

    <span class="lexi-interesser-contrast__verb">
      s’intéresser à
    </span>

    <span class="lexi-interesser-contrast__heading-note">
      Same verb — different replacement
    </span>

  </div>


  <!-- =====================================================
       COMPARISON GRID
       ===================================================== -->

  <div class="lexi-interesser-contrast__grid">


    <!-- ===================================================
         PERSON
         =================================================== -->

    <section class="lexi-interesser-contrast__card
                    lexi-interesser-contrast__card--person">

      <div class="lexi-interesser-contrast__card-label">
        Person
      </div>


      <div class="lexi-interesser-contrast__before">

        Il s’intéresse
        <span class="lexi-interesser-contrast__source">
          à Sophie
        </span>.

      </div>


      <div class="lexi-interesser-contrast__arrow"
           aria-hidden="true">
        ↓
      </div>


      <div class="lexi-interesser-contrast__after">

        Il s’intéresse
        <span class="lexi-interesser-contrast__target">
          à elle
        </span>.

      </div>


      <div class="lexi-interesser-contrast__meaning">
        He is interested in her.
      </div>


      <div class="lexi-interesser-contrast__rule">
        <span>à + person</span>
        <strong>→ à + stressed pronoun</strong>
      </div>

    </section>


    <!-- ===================================================
         THING OR IDEA
         =================================================== -->

    <section class="lexi-interesser-contrast__card
                    lexi-interesser-contrast__card--thing">

      <div class="lexi-interesser-contrast__card-label">
        Thing or idea
      </div>


      <div class="lexi-interesser-contrast__before">

        Il s’intéresse
        <span class="lexi-interesser-contrast__source">
          à l’histoire
        </span>.

      </div>


      <div class="lexi-interesser-contrast__arrow"
           aria-hidden="true">
        ↓
      </div>


      <div class="lexi-interesser-contrast__after">

        Il s’<span class="lexi-interesser-contrast__target">y</span>
        intéresse.

      </div>


      <div class="lexi-interesser-contrast__meaning">
        He is interested in it.
      </div>


      <div class="lexi-interesser-contrast__rule">
        <span>à + thing / idea</span>
        <strong>→ y</strong>
      </div>

    </section>

  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — S’INTÉRESSER À CONTRAST
   Fully scoped component
   ========================================================= */

.lexi-interesser-contrast,
.lexi-interesser-contrast *,
.lexi-interesser-contrast *::before,
.lexi-interesser-contrast *::after {
  box-sizing: border-box;
}

.lexi-interesser-contrast {
  --lexi-purple: #8300C9;
  --lexi-black: #131313;
  --lexi-white: #FFFFFF;
  --lexi-salmon-white: #FFF7FF;
  --lexi-salmon-grey: #F5E9F2;
  --lexi-light-blue: #E5E8FA;
  --lexi-dusty-green: #E0EEE0;

  width: 100%;
  max-width: 850px;
  margin: 30px auto;

  color: var(--lexi-black);
  font-family: inherit;
}


/* =========================================================
   HEADING
   ========================================================= */

.lexi-interesser-contrast__heading {
  padding: 17px 18px;

  border-radius: 18px 18px 0 0;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  text-align: center;
}

.lexi-interesser-contrast__verb {
  display: block;

  color: var(--lexi-white);

  font-size: 21px;
  font-weight: 800;
  line-height: 1.3;
}

.lexi-interesser-contrast__heading-note {
  display: block;

  margin-top: 3px;

  color: var(--lexi-white);

  font-size: 13px;
  line-height: 1.4;
}


/* =========================================================
   GRID
   ========================================================= */

.lexi-interesser-contrast__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 3px;
  padding: 3px;

  border-radius: 0 0 18px 18px;

  background: var(--lexi-white);

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   CARDS
   ========================================================= */

.lexi-interesser-contrast__card {
  min-width: 0;
  overflow: hidden;

  text-align: center;
}

.lexi-interesser-contrast__card--person {
  background: var(--lexi-light-blue);
}

.lexi-interesser-contrast__card--thing {
  background: var(--lexi-dusty-green);
}


/* =========================================================
   CATEGORY LABEL
   ========================================================= */

.lexi-interesser-contrast__card-label {
  padding: 11px 12px;

  border-bottom: 3px solid var(--lexi-white);

  background: rgba(255, 255, 255, 0.5);
  color: var(--lexi-purple);

  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
}


/* =========================================================
   ORIGINAL SENTENCE
   ========================================================= */

.lexi-interesser-contrast__before {
  padding: 21px 15px 10px;

  color: var(--lexi-black);

  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.lexi-interesser-contrast__source {
  font-weight: 800;

  text-decoration: underline;
  text-decoration-color: var(--lexi-purple);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}


/* =========================================================
   ARROW
   ========================================================= */

.lexi-interesser-contrast__arrow {
  padding: 2px 0 7px;

  color: var(--lexi-purple);

  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}


/* =========================================================
   RESULT
   ========================================================= */

.lexi-interesser-contrast__after {
  padding: 0 15px 17px;

  color: var(--lexi-black);

  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
}

.lexi-interesser-contrast__target {
  display: inline-block;

  padding: 2px 7px;

  border-radius: 6px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-weight: 800;
}


/* =========================================================
   ENGLISH
   ========================================================= */

.lexi-interesser-contrast__meaning {
  padding: 12px 13px;

  border-top: 3px solid var(--lexi-white);

  background: var(--lexi-salmon-white);
  color: var(--lexi-black);

  font-size: 14px;
  line-height: 1.45;
}


/* =========================================================
   RULE SUMMARY
   ========================================================= */

.lexi-interesser-contrast__rule {
  display: grid;

  gap: 4px;

  padding: 13px 12px;

  border-top: 3px solid var(--lexi-white);

  background: var(--lexi-white);

  text-align: center;
}

.lexi-interesser-contrast__rule span {
  color: var(--lexi-black);

  font-size: 12.5px;
  line-height: 1.35;
}

.lexi-interesser-contrast__rule strong {
  color: var(--lexi-purple);

  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
}


/* =========================================================
   MOBILE
   Complete PERSON pathway first,
   then complete THING / IDEA pathway.
   ========================================================= */

@media (max-width: 650px) {

  .lexi-interesser-contrast__heading {
    border-radius: 16px 16px 0 0;
  }

  .lexi-interesser-contrast__verb {
    font-size: 19px;
  }

  .lexi-interesser-contrast__grid {
    grid-template-columns: 1fr;

    border-radius: 0 0 16px 16px;
  }

  .lexi-interesser-contrast__before {
    padding: 18px 12px 8px;

    font-size: 17px;
  }

  .lexi-interesser-contrast__after {
    padding: 0 12px 15px;

    font-size: 17px;
  }

  .lexi-interesser-contrast__meaning {
    font-size: 13px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">These comparisons are particularly useful because they show that <strong>the noun being replaced matters as well as how different verbs behave</strong>.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">6. Where Does <em>y</em> Go?</h2>



<p class="wp-block-paragraph">In the examples above, <strong>y comes before the conjugated verb</strong>:</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>J’y pense.</strong></p>



<p class="wp-block-paragraph"><strong>Nous y répondons.</strong></p>



<p class="wp-block-paragraph"><strong>Elle s’y intéresse.</strong></p>



<p class="wp-block-paragraph"><strong>Ils y réfléchissent.</strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">This is the same general position we also see with <strong>lui</strong> and <strong>leur</strong>:</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>Je lui parle.</strong></p>



<p class="wp-block-paragraph"><strong>Nous leur répondons.</strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Compare:</p>



<p class="wp-block-paragraph"><strong>Je réponds à Marie.</strong><br>→ <strong>Je lui réponds.</strong></p>



<p class="wp-block-paragraph"><strong>Je réponds à cette question.</strong><br>→ <strong>J’y réponds.</strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">The pronoun changes, but its position before the verb remains familiar.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">There are additional rules when an infinitive, compound tense or command is involved, which we can see in this table:</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — LEXI TABLE 2
     Position of Y
     ========================================================= -->

<div class="lexi-y-position-table">

  <div class="lexi-y-position-table__wrap">

    <table class="lexi-y-position-table__table">

      <thead>
        <tr>
          <th scope="col">Structure</th>
          <th scope="col">With the noun phrase</th>
          <th scope="col">With <em>y</em></th>
        </tr>
      </thead>

      <tbody>

        <!-- INFINITIVE -->

        <tr>
          <td>
            <strong>With an infinitive</strong>
          </td>

          <td>
            Je vais penser <span class="lexi-y-position-table__source">à cette question</span>.
          </td>

          <td>
            Je vais <span class="lexi-y-position-table__target">y</span> penser.
          </td>
        </tr>


        <!-- COMPOUND TENSE -->

        <tr>
          <td>
            <strong>Compound tense</strong>
          </td>

          <td>
            J’ai pensé <span class="lexi-y-position-table__source">à cette question</span>.
          </td>

          <td>
            J’<span class="lexi-y-position-table__target">y</span> ai pensé.
          </td>
        </tr>


        <!-- POSITIVE COMMAND -->

        <tr>
          <td>
            <strong>Positive command</strong>
          </td>

          <td>
            Réponds <span class="lexi-y-position-table__source">à cette question</span> !
          </td>

          <td>
            Réponds-<span class="lexi-y-position-table__target">y</span> !
          </td>
        </tr>


        <!-- NEGATIVE COMMAND -->

        <tr>
          <td>
            <strong>Negative command</strong>
          </td>

          <td>
            Ne réponds pas <span class="lexi-y-position-table__source">à cette question</span> !
          </td>

          <td>
            N’<span class="lexi-y-position-table__target">y</span> réponds pas !
          </td>
        </tr>

      </tbody>

    </table>

  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — POSITION OF Y
   Lexi Table 2
   Fully scoped
   ========================================================= */

.lexi-y-position-table,
.lexi-y-position-table * {
  box-sizing: border-box;
}


/* =========================================================
   WRAPPER
   ========================================================= */

.lexi-y-position-table__wrap {
  width: 100%;
  margin: 28px 0;
  padding: 0;

  overflow: hidden;
  line-height: 0;

  border-radius: 16px;

  background: #FFFFFF;

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   TABLE
   ========================================================= */

.lexi-y-position-table__table {
  width: 100%;
  margin: 0 !important;

  border-collapse: collapse;
  border-spacing: 0;

  table-layout: auto;

  color: #131313;

  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}


/* =========================================================
   COLUMN WIDTHS
   ========================================================= */

.lexi-y-position-table__table th:nth-child(1),
.lexi-y-position-table__table td:nth-child(1) {
  width: 24%;
}

.lexi-y-position-table__table th:nth-child(2),
.lexi-y-position-table__table td:nth-child(2) {
  width: 40%;
}

.lexi-y-position-table__table th:nth-child(3),
.lexi-y-position-table__table td:nth-child(3) {
  width: 36%;
}


/* =========================================================
   CELLS
   ========================================================= */

.lexi-y-position-table__table th,
.lexi-y-position-table__table td {
  padding: 15px 16px;

  border: 0;

  text-align: left;
  vertical-align: middle;

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}


/* =========================================================
   HEADER
   ========================================================= */

.lexi-y-position-table__table thead th {
  background: #8300C9;
  color: #FFFFFF;

  font-weight: 700;
}

.lexi-y-position-table__table thead em {
  color: #FFFFFF;
}


/* =========================================================
   BODY
   ========================================================= */

.lexi-y-position-table__table tbody tr:nth-child(odd) td {
  background: #FFFFFF;
}

.lexi-y-position-table__table tbody tr:nth-child(even) td {
  background: #FFF7FF;
}


/* White internal separators */

.lexi-y-position-table__table th + th,
.lexi-y-position-table__table td + td {
  border-left: 3px solid #FFFFFF;
}

.lexi-y-position-table__table tbody tr + tr td {
  border-top: 3px solid #FFFFFF;
}


/* =========================================================
   STRUCTURE LABEL
   ========================================================= */

.lexi-y-position-table__table td:first-child strong {
  color: #131313;
  font-weight: 700;
}


/* =========================================================
   ORIGINAL À PHRASE
   ========================================================= */

.lexi-y-position-table__source {
  font-weight: 700;

  text-decoration: underline;
  text-decoration-color: #8300C9;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}


/* =========================================================
   Y — TARGET FORM
   ========================================================= */

.lexi-y-position-table__target {
  display: inline-block;

  padding: 1px 6px;

  border-radius: 5px;

  background: #E5E8FA;
  color: #8300C9;

  font-weight: 800;
}


/* =========================================================
   MOBILE
   Preserve the three-column relationship
   ========================================================= */

@media (max-width: 650px) {

  .lexi-y-position-table__table {
    font-size: 12.5px;
    line-height: 1.4;
  }

  .lexi-y-position-table__table th,
  .lexi-y-position-table__table td {
    padding: 10px 6px;
  }

}


/* =========================================================
   VERY NARROW SCREENS
   ========================================================= */

@media (max-width: 420px) {

  .lexi-y-position-table__table {
    font-size: 11.5px;
  }

  .lexi-y-position-table__table th,
  .lexi-y-position-table__table td {
    padding: 9px 5px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">7. <em>Y</em> Can Also Refer to a Place</h2>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">You may already have seen <strong>y</strong> used in another way:</p>



<p class="wp-block-paragraph"><strong>Je vais à Paris.</strong><br>→ <strong>J’y vais.</strong><br>I’m going there.</p>



<p class="wp-block-paragraph"><strong>Nous sommes au restaurant.</strong><br>→ <strong>Nous y sommes.</strong><br>We are there.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">That is another major use of <strong>y</strong>.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">In this lesson, however, we are concentrating on cases where <strong>y replaces an à + thing or idea</strong>:</p>



<p class="wp-block-paragraph"><strong>penser à quelque chose → y penser</strong></p>



<p class="wp-block-paragraph"><strong>répondre à quelque chose → y répondre</strong></p>



<p class="wp-block-paragraph"><strong>s’intéresser à quelque chose → s’y intéresser</strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">The place use is closely related, but it is worth learning as its own pattern.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">8. Putting It into Practice</h2>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — TRY IT OUT
     LUI / LEUR, À + STRESSED PRONOUN, OR Y?
     ========================================================= -->

<section class="lexi-a-pronoun-quiz"
         aria-labelledby="lexi-a-pronoun-quiz-title">

  <!-- =====================================================
       CENTRED LABEL
       ===================================================== -->

  <div class="lexi-a-pronoun-quiz__label">
    Try it out
  </div>


  <!-- =====================================================
       INTRO
       ===================================================== -->

  <div class="lexi-a-pronoun-quiz__intro">

    <h3 id="lexi-a-pronoun-quiz-title">
      Which pronoun pattern do you need?
    </h3>

    <p>
      Choose the pronoun or pronoun pattern that gives the
      <strong>natural replacement</strong>.
    </p>

  </div>


  <!-- =====================================================
       QUESTION 1
       ===================================================== -->

  <article class="lexi-a-pronoun-quiz__question"
           data-answer="indirect"
           data-model="Je lui téléphone."
           data-explanation="téléphoner à quelqu’un uses an indirect-object pronoun. Marie is one person, so we use lui.">

    <div class="lexi-a-pronoun-quiz__number">1</div>

    <div class="lexi-a-pronoun-quiz__prompt">
      Je téléphone <strong>à Marie</strong>.
    </div>

    <div class="lexi-a-pronoun-quiz__options">

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="indirect"
              aria-pressed="false">
        <strong>lui / leur</strong>
      </button>

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="stressed"
              aria-pressed="false">
        <strong>à + stressed pronoun</strong>
      </button>

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="y"
              aria-pressed="false">
        <strong>y</strong>
      </button>

    </div>

    <div class="lexi-a-pronoun-quiz__feedback"
         aria-live="polite"
         hidden></div>

  </article>


  <!-- =====================================================
       QUESTION 2
       ===================================================== -->

  <article class="lexi-a-pronoun-quiz__question"
           data-answer="y"
           data-model="J’y réponds."
           data-explanation="à cette question refers to a thing or idea, so the whole à phrase is replaced by y.">

    <div class="lexi-a-pronoun-quiz__number">2</div>

    <div class="lexi-a-pronoun-quiz__prompt">
      Je réponds <strong>à cette question</strong>.
    </div>

    <div class="lexi-a-pronoun-quiz__options">

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="indirect"
              aria-pressed="false">
        <strong>lui / leur</strong>
      </button>

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="stressed"
              aria-pressed="false">
        <strong>à + stressed pronoun</strong>
      </button>

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="y"
              aria-pressed="false">
        <strong>y</strong>
      </button>

    </div>

    <div class="lexi-a-pronoun-quiz__feedback"
         aria-live="polite"
         hidden></div>

  </article>


  <!-- =====================================================
       QUESTION 3
       ===================================================== -->

  <article class="lexi-a-pronoun-quiz__question"
           data-answer="stressed"
           data-model="Nous pensons à lui."
           data-explanation="penser à keeps à when it refers to a person, so Paul becomes à lui.">

    <div class="lexi-a-pronoun-quiz__number">3</div>

    <div class="lexi-a-pronoun-quiz__prompt">
      Nous pensons <strong>à Paul</strong>.
    </div>

    <div class="lexi-a-pronoun-quiz__options">

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="indirect"
              aria-pressed="false">
        <strong>lui / leur</strong>
      </button>

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="stressed"
              aria-pressed="false">
        <strong>à + stressed pronoun</strong>
      </button>

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="y"
              aria-pressed="false">
        <strong>y</strong>
      </button>

    </div>

    <div class="lexi-a-pronoun-quiz__feedback"
         aria-live="polite"
         hidden></div>

  </article>


  <!-- =====================================================
       QUESTION 4
       ===================================================== -->

  <article class="lexi-a-pronoun-quiz__question"
           data-answer="y"
           data-model="Nous y pensons."
           data-explanation="à ce problème refers to a thing or idea, so it is replaced by y.">

    <div class="lexi-a-pronoun-quiz__number">4</div>

    <div class="lexi-a-pronoun-quiz__prompt">
      Nous pensons <strong>à ce problème</strong>.
    </div>

    <div class="lexi-a-pronoun-quiz__options">

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="indirect"
              aria-pressed="false">
        <strong>lui / leur</strong>
      </button>

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="stressed"
              aria-pressed="false">
        <strong>à + stressed pronoun</strong>
      </button>

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="y"
              aria-pressed="false">
        <strong>y</strong>
      </button>

    </div>

    <div class="lexi-a-pronoun-quiz__feedback"
         aria-live="polite"
         hidden></div>

  </article>


  <!-- =====================================================
       QUESTION 5
       ===================================================== -->

  <article class="lexi-a-pronoun-quiz__question"
           data-answer="indirect"
           data-model="Elle leur répond."
           data-explanation="répondre à quelqu’un uses an indirect-object pronoun. Ses parents refers to more than one person, so we use leur.">

    <div class="lexi-a-pronoun-quiz__number">5</div>

    <div class="lexi-a-pronoun-quiz__prompt">
      Elle répond <strong>à ses parents</strong>.
    </div>

    <div class="lexi-a-pronoun-quiz__options">

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="indirect"
              aria-pressed="false">
        <strong>lui / leur</strong>
      </button>

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="stressed"
              aria-pressed="false">
        <strong>à + stressed pronoun</strong>
      </button>

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="y"
              aria-pressed="false">
        <strong>y</strong>
      </button>

    </div>

    <div class="lexi-a-pronoun-quiz__feedback"
         aria-live="polite"
         hidden></div>

  </article>


  <!-- =====================================================
       QUESTION 6
       ===================================================== -->

  <article class="lexi-a-pronoun-quiz__question"
           data-answer="stressed"
           data-model="Elle s’intéresse à elle."
           data-explanation="s’intéresser à keeps à when it refers to a person, so Marie becomes à elle.">

    <div class="lexi-a-pronoun-quiz__number">6</div>

    <div class="lexi-a-pronoun-quiz__prompt">
      Elle s’intéresse <strong>à Marie</strong>.
    </div>

    <div class="lexi-a-pronoun-quiz__options">

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="indirect"
              aria-pressed="false">
        <strong>lui / leur</strong>
      </button>

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="stressed"
              aria-pressed="false">
        <strong>à + stressed pronoun</strong>
      </button>

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="y"
              aria-pressed="false">
        <strong>y</strong>
      </button>

    </div>

    <div class="lexi-a-pronoun-quiz__feedback"
         aria-live="polite"
         hidden></div>

  </article>


  <!-- =====================================================
       QUESTION 7
       ===================================================== -->

  <article class="lexi-a-pronoun-quiz__question"
           data-answer="y"
           data-model="Elle s’y intéresse."
           data-explanation="à la littérature française refers to a thing or subject, so the whole phrase is replaced by y.">

    <div class="lexi-a-pronoun-quiz__number">7</div>

    <div class="lexi-a-pronoun-quiz__prompt">
      Elle s’intéresse <strong>à la littérature française</strong>.
    </div>

    <div class="lexi-a-pronoun-quiz__options">

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="indirect"
              aria-pressed="false">
        <strong>lui / leur</strong>
      </button>

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="stressed"
              aria-pressed="false">
        <strong>à + stressed pronoun</strong>
      </button>

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="y"
              aria-pressed="false">
        <strong>y</strong>
      </button>

    </div>

    <div class="lexi-a-pronoun-quiz__feedback"
         aria-live="polite"
         hidden></div>

  </article>


  <!-- =====================================================
       QUESTION 8
       ===================================================== -->

  <article class="lexi-a-pronoun-quiz__question"
           data-answer="y"
           data-model="Tu y réfléchis."
           data-explanation="à cette proposition refers to a thing or idea, so it is replaced by y.">

    <div class="lexi-a-pronoun-quiz__number">8</div>

    <div class="lexi-a-pronoun-quiz__prompt">
      Tu réfléchis <strong>à cette proposition</strong>.
    </div>

    <div class="lexi-a-pronoun-quiz__options">

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="indirect"
              aria-pressed="false">
        <strong>lui / leur</strong>
      </button>

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="stressed"
              aria-pressed="false">
        <strong>à + stressed pronoun</strong>
      </button>

      <button type="button"
              class="lexi-a-pronoun-quiz__option"
              data-choice="y"
              aria-pressed="false">
        <strong>y</strong>
      </button>

    </div>

    <div class="lexi-a-pronoun-quiz__feedback"
         aria-live="polite"
         hidden></div>

  </article>


  <!-- =====================================================
       RESET
       ===================================================== -->

  <div class="lexi-a-pronoun-quiz__controls">

    <button type="button"
            class="lexi-a-pronoun-quiz__reset">
      Try again
    </button>

  </div>

</section>


<style>
/* =========================================================
   LEXICOGS — LUI / LEUR / STRESSED / Y QUIZ
   Fully scoped component
   ========================================================= */

.lexi-a-pronoun-quiz,
.lexi-a-pronoun-quiz *,
.lexi-a-pronoun-quiz *::before,
.lexi-a-pronoun-quiz *::after {
  box-sizing: border-box;
}

.lexi-a-pronoun-quiz {
  --lexi-purple: #8300C9;
  --lexi-black: #131313;
  --lexi-white: #FFFFFF;
  --lexi-salmon-white: #FFF7FF;
  --lexi-salmon-grey: #F5E9F2;
  --lexi-light-blue: #E5E8FA;
  --lexi-dusty-green: #E0EEE0;
  --lexi-green: #43984C;
  --lexi-warning: #D0985A;
  --lexi-warning-bg: #FDE8DE;

  width: 100%;
  max-width: 840px;
  margin: 32px auto;

  color: var(--lexi-black);
  font-family: inherit;
}


/* =========================================================
   TRY IT OUT — CENTRED
   ========================================================= */

.lexi-a-pronoun-quiz__label {
  display: table;

  margin: 0 auto 12px;
  padding: 7px 16px;

  border-radius: 999px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;

  text-align: center;
}


/* =========================================================
   INTRO
   ========================================================= */

.lexi-a-pronoun-quiz__intro {
  margin-bottom: 18px;
  padding: 18px 20px;

  border-radius: 16px;

  background: var(--lexi-light-blue);

  text-align: center;
}

.lexi-a-pronoun-quiz__intro h3 {
  margin: 0 0 5px;

  color: var(--lexi-black);

  font-size: 19px;
  font-weight: 800;
  line-height: 1.35;
}

.lexi-a-pronoun-quiz__intro p {
  margin: 0;

  color: var(--lexi-black);

  font-size: 14px;
  line-height: 1.5;
}

.lexi-a-pronoun-quiz__intro strong {
  color: var(--lexi-purple);
}


/* =========================================================
   QUESTION CARD
   ========================================================= */

.lexi-a-pronoun-quiz__question {
  position: relative;

  overflow: hidden;

  margin: 0 0 16px;

  border-radius: 16px;

  background: var(--lexi-white);

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   NUMBER
   ========================================================= */

.lexi-a-pronoun-quiz__number {
  position: absolute;
  top: 15px;
  left: 15px;

  display: flex;

  width: 30px;
  height: 30px;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}


/* =========================================================
   PROMPT
   ========================================================= */

.lexi-a-pronoun-quiz__prompt {
  min-height: 66px;

  padding: 18px 18px 18px 59px;

  background: var(--lexi-salmon-white);
  color: var(--lexi-black);

  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}

.lexi-a-pronoun-quiz__prompt strong {
  color: var(--lexi-purple);
  font-weight: 800;
}


/* =========================================================
   SELECTABLE CELLS
   ========================================================= */

.lexi-a-pronoun-quiz__options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 3px;

  padding-top: 3px;

  background: var(--lexi-white);
}


/* Explicit reset against WordPress/theme button styling */

.lexi-a-pronoun-quiz__option {
  display: block !important;

  width: 100% !important;
  min-width: 0;
  min-height: 62px;

  margin: 0 !important;
  padding: 13px 10px !important;

  border: 0 !important;
  border-radius: 0 !important;

  appearance: none;
  -webkit-appearance: none;

  box-shadow: none !important;

  background: var(--lexi-salmon-grey) !important;
  color: var(--lexi-black) !important;

  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;

  text-align: center !important;
  text-decoration: none !important;

  cursor: pointer;
}

.lexi-a-pronoun-quiz__option strong {
  color: inherit;
  font-weight: 800;
}


/* Hover */

.lexi-a-pronoun-quiz__option:not(:disabled):hover {
  background: var(--lexi-purple) !important;
  color: var(--lexi-white) !important;
}


/* Keyboard focus */

.lexi-a-pronoun-quiz__option:focus-visible {
  position: relative;
  z-index: 2;

  outline: 3px solid rgba(131, 0, 201, 0.35) !important;
  outline-offset: -3px;
}


/* =========================================================
   ANSWER STATES
   ========================================================= */

/* Correct selected answer */

.lexi-a-pronoun-quiz__option.is-correct {
  background: var(--lexi-green) !important;
  color: var(--lexi-white) !important;
}


/* Incorrect selected answer */

.lexi-a-pronoun-quiz__option.is-incorrect {
  background: var(--lexi-warning-bg) !important;
  color: var(--lexi-black) !important;

  box-shadow:
    inset 0 0 0 3px var(--lexi-warning) !important;
}


/* Correct answer revealed after an incorrect choice */

.lexi-a-pronoun-quiz__option.is-answer {
  background: var(--lexi-dusty-green) !important;
  color: var(--lexi-black) !important;

  box-shadow:
    inset 0 0 0 3px var(--lexi-green) !important;
}


.lexi-a-pronoun-quiz__option:disabled {
  opacity: 1 !important;
  cursor: default;
}


/* =========================================================
   FEEDBACK
   ========================================================= */

.lexi-a-pronoun-quiz__feedback {
  padding: 16px 18px;

  border-top: 3px solid var(--lexi-white);

  color: var(--lexi-black);

  font-size: 14px;
  line-height: 1.55;
}

.lexi-a-pronoun-quiz__feedback.is-correct {
  background: var(--lexi-dusty-green);
}

.lexi-a-pronoun-quiz__feedback.is-incorrect {
  background: var(--lexi-warning-bg);
}

.lexi-a-pronoun-quiz__feedback-title {
  display: block;

  margin-bottom: 4px;

  font-weight: 800;
}

.lexi-a-pronoun-quiz__feedback.is-correct
.lexi-a-pronoun-quiz__feedback-title {
  color: var(--lexi-green);
}

.lexi-a-pronoun-quiz__feedback.is-incorrect
.lexi-a-pronoun-quiz__feedback-title {
  color: #8A5720;
}


/* =========================================================
   MODEL SENTENCE
   ========================================================= */

.lexi-a-pronoun-quiz__model {
  display: block;

  margin-top: 9px;
  padding: 10px 12px;

  border-radius: 9px;

  background: var(--lexi-white);
  color: var(--lexi-purple);

  font-size: 16px;
  font-weight: 800;
  line-height: 1.45;
}


/* =========================================================
   RESET
   ========================================================= */

.lexi-a-pronoun-quiz__controls {
  margin-top: 20px;

  text-align: center;
}

.lexi-a-pronoun-quiz__reset {
  display: inline-block !important;

  margin: 0 !important;
  padding: 10px 19px !important;

  border: 2px solid var(--lexi-purple) !important;
  border-radius: 999px !important;

  appearance: none;
  -webkit-appearance: none;

  box-shadow: none !important;

  background: var(--lexi-purple) !important;
  color: var(--lexi-white) !important;

  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;

  cursor: pointer;
}

.lexi-a-pronoun-quiz__reset:hover {
  background: var(--lexi-white) !important;
  color: var(--lexi-purple) !important;
}

.lexi-a-pronoun-quiz__reset:focus-visible {
  outline: 3px solid rgba(131, 0, 201, 0.3);
  outline-offset: 3px;
}


/* =========================================================
   MOBILE
   Choices stack as one integrated selection set.
   ========================================================= */

@media (max-width: 650px) {

  .lexi-a-pronoun-quiz {
    margin: 26px auto;
  }

  .lexi-a-pronoun-quiz__intro {
    padding: 16px 13px;
  }

  .lexi-a-pronoun-quiz__intro h3 {
    font-size: 17px;
  }

  .lexi-a-pronoun-quiz__intro p {
    font-size: 13px;
  }

  .lexi-a-pronoun-quiz__question {
    border-radius: 14px;
  }

  .lexi-a-pronoun-quiz__prompt {
    min-height: 62px;

    padding: 17px 12px 17px 52px;

    font-size: 16px;
  }

  .lexi-a-pronoun-quiz__number {
    top: 15px;
    left: 13px;

    width: 27px;
    height: 27px;

    font-size: 12px;
  }

  .lexi-a-pronoun-quiz__options {
    grid-template-columns: 1fr;
  }

  .lexi-a-pronoun-quiz__option {
    min-height: 52px;

    padding: 12px 10px !important;

    font-size: 13px !important;
  }

  .lexi-a-pronoun-quiz__feedback {
    padding: 14px 13px;

    font-size: 13px;
  }

  .lexi-a-pronoun-quiz__model {
    font-size: 15px;
  }

}
</style>


<script>
(function () {

  function initialiseLexiAPronounQuiz() {

    var quizzes = document.querySelectorAll(
      ".lexi-a-pronoun-quiz"
    );

    quizzes.forEach(function (quiz) {

      if (quiz.dataset.initialised === "true") {
        return;
      }

      quiz.dataset.initialised = "true";

      var questions = quiz.querySelectorAll(
        ".lexi-a-pronoun-quiz__question"
      );

      var resetButton = quiz.querySelector(
        ".lexi-a-pronoun-quiz__reset"
      );


      /* =====================================================
         QUESTIONS
         ===================================================== */

      questions.forEach(function (question) {

        var options = question.querySelectorAll(
          ".lexi-a-pronoun-quiz__option"
        );

        var feedback = question.querySelector(
          ".lexi-a-pronoun-quiz__feedback"
        );


        options.forEach(function (option) {

          option.addEventListener("click", function () {

            if (question.dataset.answered === "true") {
              return;
            }

            question.dataset.answered = "true";

            var chosen = option.dataset.choice;
            var correct = question.dataset.answer;
            var model = question.dataset.model;
            var explanation = question.dataset.explanation;

            var isCorrect = chosen === correct;


            /* Lock this question */

            options.forEach(function (button) {

              button.disabled = true;

              button.setAttribute(
                "aria-pressed",
                button === option ? "true" : "false"
              );

              button.classList.remove(
                "is-correct",
                "is-incorrect",
                "is-answer"
              );

            });


            /* =================================================
               CORRECT
               ================================================= */

            if (isCorrect) {

              option.classList.add("is-correct");

              feedback.className =
                "lexi-a-pronoun-quiz__feedback is-correct";

              feedback.innerHTML =
                '<span class="lexi-a-pronoun-quiz__feedback-title">' +
                  'Correct.' +
                '</span>' +
                explanation +
                '<span class="lexi-a-pronoun-quiz__model">' +
                  model +
                '</span>';

            }


            /* =================================================
               INCORRECT
               ================================================= */

            else {

              option.classList.add("is-incorrect");

              options.forEach(function (button) {

                if (button.dataset.choice === correct) {
                  button.classList.add("is-answer");
                }

              });

              feedback.className =
                "lexi-a-pronoun-quiz__feedback is-incorrect";

              feedback.innerHTML =
                '<span class="lexi-a-pronoun-quiz__feedback-title">' +
                  'Not quite.' +
                '</span>' +
                explanation +
                '<span class="lexi-a-pronoun-quiz__model">' +
                  model +
                '</span>';

            }

            feedback.hidden = false;

          });

        });

      });


      /* =====================================================
         RESET
         ===================================================== */

      resetButton.addEventListener("click", function () {

        questions.forEach(function (question) {

          question.dataset.answered = "false";

          var options = question.querySelectorAll(
            ".lexi-a-pronoun-quiz__option"
          );

          var feedback = question.querySelector(
            ".lexi-a-pronoun-quiz__feedback"
          );


          options.forEach(function (option) {

            option.disabled = false;

            option.setAttribute(
              "aria-pressed",
              "false"
            );

            option.classList.remove(
              "is-correct",
              "is-incorrect",
              "is-answer"
            );

          });


          feedback.hidden = true;
          feedback.innerHTML = "";

          feedback.className =
            "lexi-a-pronoun-quiz__feedback";

        });


        var firstOption = quiz.querySelector(
          ".lexi-a-pronoun-quiz__option"
        );

        if (firstOption) {
          firstOption.focus();
        }

      });

    });

  }


  if (document.readyState === "loading") {

    document.addEventListener(
      "DOMContentLoaded",
      initialiseLexiAPronounQuiz
    );

  } else {

    initialiseLexiAPronounQuiz();

  }

})();
</script>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">A Practical Way to Think About It</h2>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">You do not need to label every complement grammatically before speaking.</p>



<p class="wp-block-paragraph">A more useful habit is to learn the pattern with the verb and notice what is being replaced.</p>



<p class="wp-block-paragraph">For example:</p>



<p class="wp-block-paragraph"><strong>répondre à quelqu’un → lui / leur répondre</strong></p>



<p class="wp-block-paragraph"><strong>répondre à quelque chose → y répondre</strong></p>



<p class="wp-block-paragraph"><strong>penser à quelqu’un → penser à lui / elle / eux / elles</strong></p>



<p class="wp-block-paragraph"><strong>penser à quelque chose → y penser</strong></p>



<p class="wp-block-paragraph"><strong>s’intéresser à quelqu’un → s’intéresser à lui / elle / eux / elles</strong></p>



<p class="wp-block-paragraph"><strong>s’intéresser à quelque chose → s’y intéresser</strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Over time, these combinations become familiar as complete patterns rather than rules that have to be reconstructed every time.</p>



<p class="wp-block-paragraph"></p>


<aside class="lexi-inline-notice lexi-inline-notice--default" role="note"><div class="lexi-inline-notice__label">Key idea</div><div class="lexi-inline-notice__message"><br />
Look at the <strong>verb pattern</strong> — then look at <strong>what you are replacing</strong>.<br /></div></aside>



<p class="wp-block-paragraph"></p>



    <div class="lexicogs-back-button-wrap">
      <button
        type="button"
        class="lexicogs-back-button"
        data-fallback-url="https://lexicogs.com/"
      >
        ← Go back      </button>
    </div>

    



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Indirect Pronouns: Lui, leur or à lui, à elle?</title>
		<link>https://lexicogs.com/lui-leur-or-a-lui-a-elle/</link>
		
		<dc:creator><![CDATA[Lexi Cogs]]></dc:creator>
		<pubDate>Thu, 20 Aug 2026 08:20:28 +0000</pubDate>
				<category><![CDATA[French]]></category>
		<category><![CDATA[French Grammar]]></category>
		<category><![CDATA[Lesson]]></category>
		<category><![CDATA[French grammar]]></category>
		<category><![CDATA[French language]]></category>
		<category><![CDATA[Go Deeper - French - Indirect Object Pronouns]]></category>
		<category><![CDATA[Introduction to French Grammar]]></category>
		<guid isPermaLink="false">https://lexicogs.com/?p=105319</guid>

					<description><![CDATA[In this lesson, we look at some of the most useful cases where French keeps à and uses forms such as à lui, à elle, à eux and à elles instead of using lui and leur.]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">This article is associated with the course(s):<br><a href="https://lexicogs.com/french-courses/french-grammar-courses/introduction-to-french-grammar/">Introduction to French Grammar</a></p>



<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-large has-custom-border is-style-default" style="margin-top:0;margin-bottom:0"><img decoding="async" width="1024" height="373" src="https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-2-1-1024x373.jpg" alt="" class="wp-image-105322 no-lazyload" style="border-radius:22px" srcset="https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-2-1-1024x373.jpg 1024w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-2-1-1536x560.jpg 1536w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-2-1-300x109.jpg 300w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-2-1-768x280.jpg 768w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-2-1.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>



<h1 class="wp-block-heading">Lui, leur or à lui, à elle?</h1>



<h2 class="wp-block-heading">1. Why Do We Sometimes Use <em>lui</em> — and Sometimes <em>à lui</em> or <em>à elle</em>?</h2>



<p class="wp-block-paragraph">You may already have learnt that when we are talking about a person after certain verbs, we can replace <strong>à + the person</strong> with an indirect object pronoun.</p>



<p class="wp-block-paragraph">For example:</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — INDIRECT OBJECT TRANSFORMATION
     Je parle à Marie. → Je lui parle.
     ========================================================= -->

<div class="lexi-indirect-transform"
     role="group"
     aria-label="Je parle à Marie becomes Je lui parle, meaning I speak to her.">

  <div class="lexi-indirect-transform__flow">

    <!-- BEFORE -->

    <div class="lexi-indirect-transform__panel
                lexi-indirect-transform__panel--before">

      <span class="lexi-indirect-transform__label">
        Before
      </span>

      <div class="lexi-indirect-transform__sentence">
        Je parle
        <span class="lexi-indirect-transform__source">à Marie</span>.
      </div>

    </div>


    <!-- ARROW -->

    <div class="lexi-indirect-transform__arrow"
         aria-hidden="true">

      <span class="lexi-indirect-transform__arrow-desktop">→</span>
      <span class="lexi-indirect-transform__arrow-mobile">↓</span>

    </div>


    <!-- AFTER -->

    <div class="lexi-indirect-transform__panel
                lexi-indirect-transform__panel--after">

      <span class="lexi-indirect-transform__label">
        With pronoun
      </span>

      <div class="lexi-indirect-transform__sentence">
        Je
        <span class="lexi-indirect-transform__pronoun">lui</span>
        parle.
      </div>

    </div>

  </div>


  <!-- ENGLISH -->

  <div class="lexi-indirect-transform__meaning">
    I speak <strong>to her</strong>.
  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — INDIRECT OBJECT TRANSFORMATION
   ========================================================= */

.lexi-indirect-transform,
.lexi-indirect-transform *,
.lexi-indirect-transform *::before,
.lexi-indirect-transform *::after {
  box-sizing: border-box;
}

.lexi-indirect-transform {
  --lexi-purple: #8300C9;
  --lexi-black: #131313;
  --lexi-white: #FFFFFF;
  --lexi-salmon-white: #FFF7FF;
  --lexi-light-blue: #E5E8FA;
  --lexi-dusty-green: #E0EEE0;

  width: 100%;
  max-width: 760px;
  margin: 28px auto;
  overflow: hidden;

  border-radius: 20px;
  background: var(--lexi-white);

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);

  color: var(--lexi-black);
  font-family: inherit;
}


/* =========================================================
   MAIN FLOW
   ========================================================= */

.lexi-indirect-transform__flow {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    58px
    minmax(0, 1fr);

  align-items: stretch;
}


/* =========================================================
   PANELS
   ========================================================= */

.lexi-indirect-transform__panel {
  min-width: 0;
  padding: 22px 18px;
  text-align: center;
}

.lexi-indirect-transform__panel--before {
  background: var(--lexi-salmon-white);
}

.lexi-indirect-transform__panel--after {
  background: var(--lexi-light-blue);
}


/* =========================================================
   LABELS
   ========================================================= */

.lexi-indirect-transform__label {
  display: inline-block;

  margin-bottom: 13px;
  padding: 6px 13px;

  border-radius: 999px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}


/* =========================================================
   FRENCH
   ========================================================= */

.lexi-indirect-transform__sentence {
  color: var(--lexi-black);

  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;

  word-break: normal;
  overflow-wrap: normal;
}


/* Phrase being replaced */

.lexi-indirect-transform__source {
  font-weight: 800;

  text-decoration: underline;
  text-decoration-color: var(--lexi-purple);
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}


/* Replacement pronoun */

.lexi-indirect-transform__pronoun {
  display: inline-block;

  padding: 1px 7px;
  border-radius: 6px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-weight: 800;
}


/* =========================================================
   ARROW
   ========================================================= */

.lexi-indirect-transform__arrow {
  display: flex;
  align-items: center;
  justify-content: center;

  min-width: 0;

  background: var(--lexi-white);
  color: var(--lexi-purple);

  font-size: 29px;
  font-weight: 800;
  line-height: 1;
}

.lexi-indirect-transform__arrow-desktop {
  display: inline;
}

.lexi-indirect-transform__arrow-mobile {
  display: none;
}


/* =========================================================
   ENGLISH MEANING
   ========================================================= */

.lexi-indirect-transform__meaning {
  padding: 16px 20px;

  background: var(--lexi-dusty-green);
  color: var(--lexi-black);

  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}

.lexi-indirect-transform__meaning strong {
  color: var(--lexi-purple);
  font-weight: 800;
}


/* =========================================================
   MOBILE
   Genuine vertical flow:
   BEFORE
     ↓
   AFTER
   ========================================================= */

@media (max-width: 650px) {

  .lexi-indirect-transform {
    border-radius: 17px;
  }

  .lexi-indirect-transform__flow {
    grid-template-columns: minmax(0, 1fr);
  }

  .lexi-indirect-transform__panel {
    width: 100%;
    padding: 19px 13px;
  }

  .lexi-indirect-transform__arrow {
    width: 100%;
    min-height: 42px;
    padding: 7px 0;
  }

  .lexi-indirect-transform__arrow-desktop {
    display: none;
  }

  .lexi-indirect-transform__arrow-mobile {
    display: inline;
  }

  .lexi-indirect-transform__sentence {
    font-size: 18px;
  }

  .lexi-indirect-transform__meaning {
    padding: 14px 13px;
    font-size: 15px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Or, in the masculine version:</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — INDIRECT OBJECT TRANSFORMATION
     Je téléphone à Paul. → Je lui téléphone.
     ========================================================= -->

<div class="lexi-indirect-transform"
     role="group"
     aria-label="Je téléphone à Paul becomes Je lui téléphone, meaning I phone him.">

  <div class="lexi-indirect-transform__flow">

    <!-- BEFORE -->

    <div class="lexi-indirect-transform__panel
                lexi-indirect-transform__panel--before">

      <span class="lexi-indirect-transform__label">
        Before
      </span>

      <div class="lexi-indirect-transform__sentence">
        Je téléphone
        <span class="lexi-indirect-transform__source">à Paul</span>.
      </div>

    </div>


    <!-- ARROW -->

    <div class="lexi-indirect-transform__arrow"
         aria-hidden="true">

      <span class="lexi-indirect-transform__arrow-desktop">→</span>
      <span class="lexi-indirect-transform__arrow-mobile">↓</span>

    </div>


    <!-- AFTER -->

    <div class="lexi-indirect-transform__panel
                lexi-indirect-transform__panel--after">

      <span class="lexi-indirect-transform__label">
        With pronoun
      </span>

      <div class="lexi-indirect-transform__sentence">
        Je
        <span class="lexi-indirect-transform__pronoun">lui</span>
        téléphone.
      </div>

    </div>

  </div>


  <!-- ENGLISH -->

  <div class="lexi-indirect-transform__meaning">
    I phone <strong>him</strong>.
  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — INDIRECT OBJECT TRANSFORMATION
   ========================================================= */

.lexi-indirect-transform,
.lexi-indirect-transform *,
.lexi-indirect-transform *::before,
.lexi-indirect-transform *::after {
  box-sizing: border-box;
}

.lexi-indirect-transform {
  --lexi-purple: #8300C9;
  --lexi-black: #131313;
  --lexi-white: #FFFFFF;
  --lexi-salmon-white: #FFF7FF;
  --lexi-light-blue: #E5E8FA;
  --lexi-dusty-green: #E0EEE0;

  width: 100%;
  max-width: 760px;
  margin: 28px auto;
  overflow: hidden;

  border-radius: 20px;
  background: var(--lexi-white);

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);

  color: var(--lexi-black);
  font-family: inherit;
}


/* =========================================================
   MAIN FLOW
   ========================================================= */

.lexi-indirect-transform__flow {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    58px
    minmax(0, 1fr);

  align-items: stretch;
}


/* =========================================================
   PANELS
   ========================================================= */

.lexi-indirect-transform__panel {
  min-width: 0;
  padding: 22px 18px;
  text-align: center;
}

.lexi-indirect-transform__panel--before {
  background: var(--lexi-salmon-white);
}

.lexi-indirect-transform__panel--after {
  background: var(--lexi-light-blue);
}


/* =========================================================
   LABELS
   ========================================================= */

.lexi-indirect-transform__label {
  display: inline-block;

  margin-bottom: 13px;
  padding: 6px 13px;

  border-radius: 999px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}


/* =========================================================
   FRENCH
   ========================================================= */

.lexi-indirect-transform__sentence {
  color: var(--lexi-black);

  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;

  word-break: normal;
  overflow-wrap: normal;
}


/* Phrase being replaced */

.lexi-indirect-transform__source {
  font-weight: 800;

  text-decoration: underline;
  text-decoration-color: var(--lexi-purple);
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}


/* Replacement pronoun */

.lexi-indirect-transform__pronoun {
  display: inline-block;

  padding: 1px 7px;
  border-radius: 6px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-weight: 800;
}


/* =========================================================
   ARROW
   ========================================================= */

.lexi-indirect-transform__arrow {
  display: flex;
  align-items: center;
  justify-content: center;

  min-width: 0;

  background: var(--lexi-white);
  color: var(--lexi-purple);

  font-size: 29px;
  font-weight: 800;
  line-height: 1;
}

.lexi-indirect-transform__arrow-desktop {
  display: inline;
}

.lexi-indirect-transform__arrow-mobile {
  display: none;
}


/* =========================================================
   ENGLISH MEANING
   ========================================================= */

.lexi-indirect-transform__meaning {
  padding: 16px 20px;

  background: var(--lexi-dusty-green);
  color: var(--lexi-black);

  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}

.lexi-indirect-transform__meaning strong {
  color: var(--lexi-purple);
  font-weight: 800;
}


/* =========================================================
   MOBILE
   Genuine vertical flow:
   BEFORE
     ↓
   AFTER
   ========================================================= */

@media (max-width: 650px) {

  .lexi-indirect-transform {
    border-radius: 17px;
  }

  .lexi-indirect-transform__flow {
    grid-template-columns: minmax(0, 1fr);
  }

  .lexi-indirect-transform__panel {
    width: 100%;
    padding: 19px 13px;
  }

  .lexi-indirect-transform__arrow {
    width: 100%;
    min-height: 42px;
    padding: 7px 0;
  }

  .lexi-indirect-transform__arrow-desktop {
    display: none;
  }

  .lexi-indirect-transform__arrow-mobile {
    display: inline;
  }

  .lexi-indirect-transform__sentence {
    font-size: 18px;
  }

  .lexi-indirect-transform__meaning {
    padding: 14px 13px;
    font-size: 15px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">So far, so good. But perhaps you have also come across sentences such as, &#8216;Je pense à elle&#8217;:</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — JE PENSE À ELLE / NOT JE LUI PENSE
     ========================================================= -->

<div class="lexi-think-contrast" role="group" aria-label="Je pense à Marie becomes Je pense à elle. I think about her. Je lui pense is not correct in this meaning.">

  <!-- MAIN TRANSFORMATION -->

  <div class="lexi-think-contrast__main">

    <div class="lexi-think-contrast__panel lexi-think-contrast__panel--before">
      <span class="lexi-think-contrast__label">Before</span>
      <div class="lexi-think-contrast__sentence">
        Je pense <span class="lexi-think-contrast__source">à Marie</span>.
      </div>
    </div>

    <div class="lexi-think-contrast__arrow" aria-hidden="true">
      <span class="lexi-think-contrast__arrow-desktop">→</span>
      <span class="lexi-think-contrast__arrow-mobile">↓</span>
    </div>

    <div class="lexi-think-contrast__panel lexi-think-contrast__panel--after">
      <span class="lexi-think-contrast__label">Correct form</span>
      <div class="lexi-think-contrast__sentence">
        Je pense <span class="lexi-think-contrast__correct-pronoun">à elle</span>.
      </div>
    </div>

  </div>

  <!-- ENGLISH -->

  <div class="lexi-think-contrast__meaning">
    I think about <strong>her</strong>.
  </div>

  <!-- WARNING / NOT THIS -->

  <div class="lexi-think-contrast__warning">
    <div class="lexi-think-contrast__warning-head">
      <span class="lexi-think-contrast__warning-icon" aria-hidden="true">!</span>
      <span>Not correct here</span>
    </div>

    <div class="lexi-think-contrast__wrong-sentence">
      Je lui pense.
    </div>

    <p class="lexi-think-contrast__warning-text">
      With <strong>penser à</strong>, French keeps <strong>à</strong> and uses a stressed pronoun:
      <strong>à lui</strong>, <strong>à elle</strong>, <strong>à eux</strong> or <strong>à elles</strong>.
    </p>
  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — THINK CONTRAST VISUAL
   ========================================================= */

.lexi-think-contrast,
.lexi-think-contrast *,
.lexi-think-contrast *::before,
.lexi-think-contrast *::after {
  box-sizing: border-box;
}

.lexi-think-contrast {
  --lexi-purple: #8300C9;
  --lexi-black: #131313;
  --lexi-white: #FFFFFF;
  --lexi-salmon-white: #FFF7FF;
  --lexi-light-blue: #E5E8FA;
  --lexi-dusty-green: #E0EEE0;
  --lexi-warning-bg: #FDE8DE;
  --lexi-warning-accent: #C96A28;
  --lexi-warning-text: #7A3D14;

  width: 100%;
  max-width: 780px;
  margin: 28px auto;
  overflow: hidden;
  border-radius: 20px;
  background: var(--lexi-white);
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  color: var(--lexi-black);
  font-family: inherit;
}


/* =========================================================
   MAIN FLOW
   ========================================================= */

.lexi-think-contrast__main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 58px minmax(0, 1fr);
  align-items: stretch;
}

.lexi-think-contrast__panel {
  min-width: 0;
  padding: 22px 18px;
  text-align: center;
}

.lexi-think-contrast__panel--before {
  background: var(--lexi-salmon-white);
}

.lexi-think-contrast__panel--after {
  background: var(--lexi-light-blue);
}


/* =========================================================
   LABELS
   ========================================================= */

.lexi-think-contrast__label {
  display: inline-block;
  margin-bottom: 13px;
  padding: 6px 13px;
  border-radius: 999px;
  background: var(--lexi-purple);
  color: var(--lexi-white);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}


/* =========================================================
   SENTENCES
   ========================================================= */

.lexi-think-contrast__sentence {
  color: var(--lexi-black);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;
  word-break: normal;
  overflow-wrap: normal;
}

.lexi-think-contrast__source {
  font-weight: 800;
  text-decoration: underline;
  text-decoration-color: var(--lexi-purple);
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}

.lexi-think-contrast__correct-pronoun {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 6px;
  background: var(--lexi-purple);
  color: var(--lexi-white);
  font-weight: 800;
}


/* =========================================================
   ARROW
   ========================================================= */

.lexi-think-contrast__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  background: var(--lexi-white);
  color: var(--lexi-purple);
  font-size: 29px;
  font-weight: 800;
  line-height: 1;
}

.lexi-think-contrast__arrow-desktop {
  display: inline;
}

.lexi-think-contrast__arrow-mobile {
  display: none;
}


/* =========================================================
   ENGLISH
   ========================================================= */

.lexi-think-contrast__meaning {
  padding: 16px 20px;
  background: var(--lexi-dusty-green);
  color: var(--lexi-black);
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}

.lexi-think-contrast__meaning strong {
  color: var(--lexi-purple);
  font-weight: 800;
}


/* =========================================================
   WARNING BOX
   ========================================================= */

.lexi-think-contrast__warning {
  padding: 18px 20px;
  background: var(--lexi-warning-bg);
  border-top: 3px solid var(--lexi-white);
}

.lexi-think-contrast__warning-head {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
  color: var(--lexi-warning-text);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}

.lexi-think-contrast__warning-icon {
  display: inline-flex;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--lexi-warning-accent);
  color: var(--lexi-white);
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
}

.lexi-think-contrast__wrong-sentence {
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px 14px;
  border-radius: 10px;
  background: #FFFFFF;
  color: var(--lexi-warning-text);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

.lexi-think-contrast__warning-text {
  margin: 0;
  color: var(--lexi-black);
  font-size: 14px;
  line-height: 1.6;
}

.lexi-think-contrast__warning-text strong {
  color: var(--lexi-purple);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

  .lexi-think-contrast {
    border-radius: 17px;
  }

  .lexi-think-contrast__main {
    grid-template-columns: minmax(0, 1fr);
  }

  .lexi-think-contrast__panel {
    width: 100%;
    padding: 19px 13px;
  }

  .lexi-think-contrast__arrow {
    width: 100%;
    min-height: 42px;
    padding: 7px 0;
  }

  .lexi-think-contrast__arrow-desktop {
    display: none;
  }

  .lexi-think-contrast__arrow-mobile {
    display: inline;
  }

  .lexi-think-contrast__sentence,
  .lexi-think-contrast__wrong-sentence {
    font-size: 18px;
  }

  .lexi-think-contrast__meaning {
    padding: 14px 13px;
    font-size: 15px;
  }

  .lexi-think-contrast__warning {
    padding: 16px 13px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — S’INTÉRESSER À
     Il s’intéresse à Paul. → Il s’intéresse à lui.
     ========================================================= -->

<div class="lexi-interest-contrast"
     role="group"
     aria-label="Il s’intéresse à Paul becomes Il s’intéresse à lui, meaning he is interested in him. Il lui s’intéresse is not correct.">

  <!-- =====================================================
       MAIN TRANSFORMATION
       ===================================================== -->

  <div class="lexi-interest-contrast__main">

    <!-- BEFORE -->

    <div class="lexi-interest-contrast__panel
                lexi-interest-contrast__panel--before">

      <span class="lexi-interest-contrast__label">
        Before
      </span>

      <div class="lexi-interest-contrast__sentence">
        Il s’intéresse
        <span class="lexi-interest-contrast__source">à Paul</span>.
      </div>

    </div>


    <!-- ARROW -->

    <div class="lexi-interest-contrast__arrow"
         aria-hidden="true">

      <span class="lexi-interest-contrast__arrow-desktop">
        →
      </span>

      <span class="lexi-interest-contrast__arrow-mobile">
        ↓
      </span>

    </div>


    <!-- CORRECT FORM -->

    <div class="lexi-interest-contrast__panel
                lexi-interest-contrast__panel--after">

      <span class="lexi-interest-contrast__label">
        Correct form
      </span>

      <div class="lexi-interest-contrast__sentence">
        Il s’intéresse
        <span class="lexi-interest-contrast__correct-pronoun">à lui</span>.
      </div>

    </div>

  </div>


  <!-- =====================================================
       ENGLISH MEANING
       ===================================================== -->

  <div class="lexi-interest-contrast__meaning">
    He is interested in <strong>him</strong>.
  </div>


  <!-- =====================================================
       INCORRECT FORM
       ===================================================== -->

  <div class="lexi-interest-contrast__warning">

    <div class="lexi-interest-contrast__warning-head">

      <span class="lexi-interest-contrast__warning-icon"
            aria-hidden="true">
        !
      </span>

      <span>
        Not correct here
      </span>

    </div>


    <div class="lexi-interest-contrast__wrong-sentence">
      Il lui s’intéresse.
    </div>


    <p class="lexi-interest-contrast__warning-text">
      With <strong>s’intéresser à</strong>, French keeps
      <strong>à</strong> and uses a stressed pronoun:
      <strong>à lui</strong>, <strong>à elle</strong>,
      <strong>à eux</strong> or <strong>à elles</strong>.
    </p>

  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — S’INTÉRESSER À CONTRAST
   Scoped static grammar visual
   ========================================================= */

.lexi-interest-contrast,
.lexi-interest-contrast *,
.lexi-interest-contrast *::before,
.lexi-interest-contrast *::after {
  box-sizing: border-box;
}

.lexi-interest-contrast {
  --lexi-purple: #8300C9;
  --lexi-black: #131313;
  --lexi-white: #FFFFFF;
  --lexi-salmon-white: #FFF7FF;
  --lexi-light-blue: #E5E8FA;
  --lexi-dusty-green: #E0EEE0;
  --lexi-warning-bg: #FDE8DE;
  --lexi-warning-accent: #D0985A;

  width: 100%;
  max-width: 780px;
  margin: 28px auto;
  overflow: hidden;

  border-radius: 20px;
  background: var(--lexi-white);

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);

  color: var(--lexi-black);
  font-family: inherit;
}


/* =========================================================
   MAIN TRANSFORMATION
   ========================================================= */

.lexi-interest-contrast__main {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    58px
    minmax(0, 1fr);

  align-items: stretch;
}


/* =========================================================
   PANELS
   ========================================================= */

.lexi-interest-contrast__panel {
  min-width: 0;
  padding: 22px 18px;

  text-align: center;
}

.lexi-interest-contrast__panel--before {
  background: var(--lexi-salmon-white);
}

.lexi-interest-contrast__panel--after {
  background: var(--lexi-light-blue);
}


/* =========================================================
   LABELS
   ========================================================= */

.lexi-interest-contrast__label {
  display: inline-block;

  margin-bottom: 13px;
  padding: 6px 13px;

  border-radius: 999px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}


/* =========================================================
   FRENCH SENTENCES
   ========================================================= */

.lexi-interest-contrast__sentence {
  color: var(--lexi-black);

  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;

  overflow-wrap: normal;
  word-break: normal;
}


/* Phrase being replaced */

.lexi-interest-contrast__source {
  font-weight: 800;

  text-decoration: underline;
  text-decoration-color: var(--lexi-purple);
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}


/* Correct replacement */

.lexi-interest-contrast__correct-pronoun {
  display: inline-block;

  padding: 1px 8px;

  border-radius: 6px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-weight: 800;
}


/* =========================================================
   ARROW
   ========================================================= */

.lexi-interest-contrast__arrow {
  display: flex;

  min-width: 0;

  align-items: center;
  justify-content: center;

  background: var(--lexi-white);
  color: var(--lexi-purple);

  font-size: 29px;
  font-weight: 800;
  line-height: 1;
}

.lexi-interest-contrast__arrow-desktop {
  display: inline;
}

.lexi-interest-contrast__arrow-mobile {
  display: none;
}


/* =========================================================
   ENGLISH MEANING
   ========================================================= */

.lexi-interest-contrast__meaning {
  padding: 16px 20px;

  background: var(--lexi-dusty-green);
  color: var(--lexi-black);

  font-size: 16px;
  line-height: 1.5;

  text-align: center;
}

.lexi-interest-contrast__meaning strong {
  color: var(--lexi-purple);
  font-weight: 800;
}


/* =========================================================
   INCORRECT-FORM WARNING
   ========================================================= */

.lexi-interest-contrast__warning {
  padding: 18px 20px;

  border-top: 3px solid var(--lexi-white);

  background: var(--lexi-warning-bg);
  color: var(--lexi-black);
}


/* Warning heading */

.lexi-interest-contrast__warning-head {
  display: flex;

  gap: 10px;

  align-items: center;

  margin-bottom: 12px;

  color: var(--lexi-black);

  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}


/* Warning icon */

.lexi-interest-contrast__warning-icon {
  display: inline-flex;

  width: 28px;
  height: 28px;

  flex: 0 0 28px;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: var(--lexi-warning-accent);
  color: var(--lexi-white);

  font-size: 18px;
  font-weight: 800;
  line-height: 1;
}


/* Incorrect sentence */

.lexi-interest-contrast__wrong-sentence {
  display: inline-block;

  margin-bottom: 11px;
  padding: 10px 14px;

  border: 2px solid var(--lexi-warning-accent);
  border-radius: 10px;

  background: var(--lexi-white);
  color: var(--lexi-black);

  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}


/* Explanation */

.lexi-interest-contrast__warning-text {
  margin: 0;

  color: var(--lexi-black);

  font-size: 14px;
  line-height: 1.6;
}

.lexi-interest-contrast__warning-text strong {
  color: var(--lexi-purple);
  font-weight: 800;
}


/* =========================================================
   MOBILE
   Genuine vertical flow:

   BEFORE
     ↓
   CORRECT FORM
   MEANING
   WARNING
   ========================================================= */

@media (max-width: 650px) {

  .lexi-interest-contrast {
    margin: 25px auto;
    border-radius: 17px;
  }


  /* Remove desktop arrow column completely */

  .lexi-interest-contrast__main {
    grid-template-columns: minmax(0, 1fr);
  }


  /* Full-width panels */

  .lexi-interest-contrast__panel {
    width: 100%;
    min-width: 0;

    padding: 19px 13px;
  }


  /* Genuine downward arrow row */

  .lexi-interest-contrast__arrow {
    width: 100%;
    min-width: 0;
    min-height: 42px;

    padding: 7px 0;

    align-items: center;
    justify-content: center;
  }

  .lexi-interest-contrast__arrow-desktop {
    display: none;
  }

  .lexi-interest-contrast__arrow-mobile {
    display: inline;
  }


  /* Typography */

  .lexi-interest-contrast__sentence {
    font-size: 18px;
  }

  .lexi-interest-contrast__meaning {
    padding: 14px 13px;
    font-size: 15px;
  }

  .lexi-interest-contrast__warning {
    padding: 16px 13px;
  }

  .lexi-interest-contrast__wrong-sentence {
    font-size: 18px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">At first sight, this can seem rather strange. In all four examples, we can see <strong>à + a person</strong>:</p>



<p class="wp-block-paragraph"><strong>parler à Marie</strong><br><strong>téléphoner à Paul</strong><br><strong>penser à Marie</strong><br><strong>s’intéresser à Paul</strong></p>



<p class="wp-block-paragraph">But French does not treat all of these patterns in the same way.</p>



<p class="wp-block-paragraph">With verbs such as <strong>parler à</strong> and <strong>téléphoner à</strong>, we can replace the person with <strong>lui</strong> or <strong>leur</strong>, and the <strong>à</strong> disappears:</p>



<p class="wp-block-paragraph"><strong>Je parle à Marie. → Je lui parle.</strong></p>



<p class="wp-block-paragraph">With other verbs and expressions, such as <strong>penser à</strong> and <strong>s’intéresser à</strong>, the <strong>à remains</strong>:</p>



<p class="wp-block-paragraph"><strong>Je pense à Marie. → Je pense à elle.</strong></p>



<p class="wp-block-paragraph">So the important idea for this lesson is:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"></p>
</blockquote>



<!-- =========================================================
     LEXICOGS — KEY GRAMMAR POINT
     ========================================================= -->

<div class="lexi-grammar-notice"
     role="note"
     aria-label="Key grammar point: do not choose the pronoun simply because you see à. The pattern used by the verb matters.">

  <div class="lexi-grammar-notice__label">
    Key point
  </div>

  <p class="lexi-grammar-notice__text">
    <strong>Don’t decide what pronoun to use simply because you can see
    <em>à</em>.</strong>
    The <span class="lexi-grammar-notice__highlight">pattern used by the verb</span>
    matters.
  </p>

</div>


<style>
/* =========================================================
   LEXICOGS — KEY GRAMMAR NOTICE
   ========================================================= */

.lexi-grammar-notice,
.lexi-grammar-notice * {
  box-sizing: border-box;
}

.lexi-grammar-notice {
  width: 100%;
  max-width: 780px;
  margin: 28px auto;
  padding: 20px 22px;

  border-left: 6px solid #8300C9;
  border-radius: 14px;

  background: #E5E8FA;
  color: #131313;

  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);

  font-family: inherit;
}


/* LABEL */

.lexi-grammar-notice__label {
  display: inline-block;

  margin-bottom: 10px;
  padding: 5px 11px;

  border-radius: 999px;

  background: #8300C9;
  color: #FFFFFF;

  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}


/* TEXT */

.lexi-grammar-notice__text {
  margin: 0;

  color: #131313;

  font-size: 17px;
  line-height: 1.6;
}

.lexi-grammar-notice__text strong {
  color: #131313;
  font-weight: 700;
}

.lexi-grammar-notice__text em {
  color: #8300C9;
  font-style: italic;
  font-weight: 800;
}


/* MAIN TEACHING CONTRAST */

.lexi-grammar-notice__highlight {
  color: #8300C9;
  font-weight: 800;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

  .lexi-grammar-notice {
    margin: 24px auto;
    padding: 17px 16px;

    border-left-width: 5px;
    border-radius: 12px;
  }

  .lexi-grammar-notice__text {
    font-size: 15px;
    line-height: 1.55;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">In this lesson, we’ll look at some of the most useful cases where French keeps <strong>à</strong> and uses forms such as <strong>à lui, à elle, à eux</strong> and <strong>à elles</strong> instead.</p>



<h2 class="wp-block-heading">2. Two Different Patterns with <em>à + a Person</em></h2>



<p class="wp-block-paragraph">The examples in the first section look very similar:</p>



<p class="wp-block-paragraph"><strong>Je parle à Marie.</strong><br><strong>Je pense à Marie.</strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Both contain <strong>à + a person</strong>, but French treats the two constructions differently.</p>



<p class="wp-block-paragraph">With some verbs, the whole <strong>à + person</strong> phrase can be replaced by an indirect object pronoun:</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — LEXI TABLE 1
     à + person → lui / leur
     ========================================================= -->

<div class="lexi-table-container">

  <div class="lexi-table">

    <!-- HEADER -->

    <div class="lexi-table-row lexi-table-header">
      <div>With the person</div>
      <div>With the pronoun</div>
    </div>


    <!-- ROW 1 -->

    <div class="lexi-table-row">
      <div>
        Je parle
        <strong class="lexi-table-source">à Marie</strong>.
      </div>

      <div>
        Je <strong class="lexi-table-pronoun">lui</strong> parle.
      </div>
    </div>


    <!-- ROW 2 -->

    <div class="lexi-table-row">
      <div>
        Nous téléphonons
        <strong class="lexi-table-source">à Paul et Marie</strong>.
      </div>

      <div>
        Nous <strong class="lexi-table-pronoun">leur</strong> téléphonons.
      </div>
    </div>

  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — LEXI TABLE 1
   ========================================================= */

.lexi-table-container,
.lexi-table-container * {
  box-sizing: border-box;
}

.lexi-table-container {
  width: 100%;
  max-width: 780px;
  margin: 28px auto;
}

.lexi-table {
  width: 100%;
  overflow: hidden;

  border-radius: 16px;
  background: #FFFFFF;

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);

  color: #131313;
  font-family: inherit;
}


/* =========================================================
   ROWS
   ========================================================= */

.lexi-table-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.lexi-table-row > div {
  min-width: 0;
  padding: 16px 18px;

  color: #131313;

  font-size: 16px;
  line-height: 1.5;

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}


/* White internal column separator */

.lexi-table-row > div + div {
  border-left: 3px solid #FFFFFF;
}


/* White internal row separators */

.lexi-table-row + .lexi-table-row {
  border-top: 3px solid #FFFFFF;
}


/* =========================================================
   HEADER
   ========================================================= */

.lexi-table-header > div {
  background: #E5E8FA;

  color: #131313;

  font-weight: 700;
  text-align: center;
}


/* =========================================================
   BODY ROWS
   ========================================================= */

.lexi-table-row:nth-child(2) > div {
  background: #FFF7FF;
}

.lexi-table-row:nth-child(3) > div {
  background: #F5E9F2;
}


/* =========================================================
   TARGET GRAMMAR
   ========================================================= */

.lexi-table-source {
  color: #131313;
  font-weight: 700;

  text-decoration: underline;
  text-decoration-color: #8300C9;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.lexi-table-pronoun {
  color: #8300C9;
  font-weight: 800;
}


/* =========================================================
   MOBILE
   Preserve two-column relationship
   ========================================================= */

@media (max-width: 600px) {

  .lexi-table-row > div {
    padding: 11px 8px;

    font-size: 12.5px;
    line-height: 1.45;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Here, <strong>à Marie</strong> or <strong>à Paul et Marie</strong> disappears completely and is replaced by <strong>lui</strong> or <strong>leur</strong>.</p>



<p class="wp-block-paragraph">But with other verbs and expressions, French keeps <strong>à</strong>:</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — LEXI TABLE 1
     à + person → à + stressed pronoun
     ========================================================= -->

<div class="lexi-table-container">

  <div class="lexi-table">

    <!-- HEADER -->

    <div class="lexi-table-row lexi-table-header">
      <div>With the person</div>
      <div>With the pronoun</div>
    </div>


    <!-- ROW 1 -->

    <div class="lexi-table-row">
      <div>
        Je pense
        <strong class="lexi-table-source">à Marie</strong>.
      </div>

      <div>
        Je pense
        <strong class="lexi-table-pronoun">à elle</strong>.
      </div>
    </div>


    <!-- ROW 2 -->

    <div class="lexi-table-row">
      <div>
        Il s’intéresse
        <strong class="lexi-table-source">à Paul</strong>.
      </div>

      <div>
        Il s’intéresse
        <strong class="lexi-table-pronoun">à lui</strong>.
      </div>
    </div>

  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — LEXI TABLE 1
   ========================================================= */

.lexi-table-container,
.lexi-table-container * {
  box-sizing: border-box;
}

.lexi-table-container {
  width: 100%;
  max-width: 780px;
  margin: 28px auto;
}

.lexi-table {
  width: 100%;
  overflow: hidden;

  border-radius: 16px;
  background: #FFFFFF;

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);

  color: #131313;
  font-family: inherit;
}


/* =========================================================
   ROWS
   ========================================================= */

.lexi-table-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.lexi-table-row > div {
  min-width: 0;
  padding: 16px 18px;

  color: #131313;

  font-size: 16px;
  line-height: 1.5;

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}


/* White internal column separator */

.lexi-table-row > div + div {
  border-left: 3px solid #FFFFFF;
}


/* White internal row separators */

.lexi-table-row + .lexi-table-row {
  border-top: 3px solid #FFFFFF;
}


/* =========================================================
   HEADER
   ========================================================= */

.lexi-table-header > div {
  background: #E5E8FA;

  color: #131313;

  font-weight: 700;
  text-align: center;
}


/* =========================================================
   BODY ROWS
   ========================================================= */

.lexi-table-row:nth-child(2) > div {
  background: #FFF7FF;
}

.lexi-table-row:nth-child(3) > div {
  background: #F5E9F2;
}


/* =========================================================
   TARGET GRAMMAR
   ========================================================= */

.lexi-table-source {
  color: #131313;
  font-weight: 700;

  text-decoration: underline;
  text-decoration-color: #8300C9;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.lexi-table-pronoun {
  color: #8300C9;
  font-weight: 800;
}


/* =========================================================
   MOBILE
   Preserve two-column relationship
   ========================================================= */

@media (max-width: 600px) {

  .lexi-table-row > div {
    padding: 11px 8px;

    font-size: 12.5px;
    line-height: 1.45;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">In these examples, we are not replacing the whole <strong>à + person</strong> phrase with <em>lui</em> or <em>leur</em>. Instead, we keep <strong>à</strong> and replace only the person:</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>à Marie → à elle</strong><br><strong>à Paul → à lui</strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">The forms <strong>moi, toi, lui, elle, nous, vous, eux</strong> and <strong>elles</strong> are often called <strong>stressed pronouns</strong>. You may also see them described as <strong>disjunctive pronouns</strong>. We’ll look at the full set in the next section.</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — KEY GRAMMAR DISTINCTION
     ========================================================= -->

<div class="lexi-pattern-notice"
     role="note"
     aria-label="Some verb patterns replace à plus a person with lui or leur. Other verb patterns keep à and use a stressed pronoun after it.">

  <div class="lexi-pattern-notice__label">
    For now
  </div>

  <p class="lexi-pattern-notice__text">
    <strong>Some verb patterns replace
      <span class="lexi-pattern-notice__target">à + person</span>
      with
      <span class="lexi-pattern-notice__target">lui</span>
      or
      <span class="lexi-pattern-notice__target">leur</span>.
    </strong>

    Other verb patterns keep
    <span class="lexi-pattern-notice__target">à</span>
    and use a <strong>stressed pronoun</strong> after it.
  </p>

</div>


<style>
/* =========================================================
   LEXICOGS — KEY GRAMMAR NOTICE
   ========================================================= */

.lexi-pattern-notice,
.lexi-pattern-notice * {
  box-sizing: border-box;
}

.lexi-pattern-notice {
  width: 100%;
  max-width: 780px;
  margin: 28px auto;
  padding: 20px 22px;

  border-left: 6px solid #8300C9;
  border-radius: 14px;

  background: #E5E8FA;
  color: #131313;

  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);

  font-family: inherit;
}


/* =========================================================
   LABEL
   ========================================================= */

.lexi-pattern-notice__label {
  display: inline-block;

  margin-bottom: 11px;
  padding: 5px 11px;

  border-radius: 999px;

  background: #8300C9;
  color: #FFFFFF;

  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}


/* =========================================================
   TEXT
   ========================================================= */

.lexi-pattern-notice__text {
  margin: 0;

  color: #131313;

  font-size: 17px;
  line-height: 1.65;
}

.lexi-pattern-notice__text strong {
  color: #131313;
  font-weight: 700;
}


/* Exact grammar forms being contrasted */

.lexi-pattern-notice__target {
  color: #8300C9;
  font-style: italic;
  font-weight: 800;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

  .lexi-pattern-notice {
    margin: 24px auto;
    padding: 17px 16px;

    border-left-width: 5px;
    border-radius: 12px;
  }

  .lexi-pattern-notice__text {
    font-size: 15px;
    line-height: 1.6;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">There is a deeper grammatical reason for this distinction, connected with the way different French verbs take their complements. But you do <strong>not</strong> need to analyse that every time you speak French. At this stage, it is much more useful to learn the pattern together with the verb:</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>parler à quelqu’un → lui / leur parler</strong><br><strong>téléphoner à quelqu’un → lui / leur téléphoner</strong></p>



<p class="wp-block-paragraph">but:</p>



<p class="wp-block-paragraph"><strong>penser à quelqu’un → penser à lui / elle / eux / elles</strong><br><strong>s’intéresser à quelqu’un → s’intéresser à lui / elle / eux / elles</strong></p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">3. The Stressed Pronouns After <em>à</em></h2>



<p class="wp-block-paragraph">We have now seen that with some verbs and expressions, French keeps <strong>à</strong> when we replace the person:</p>



<p class="wp-block-paragraph"><strong>Je pense à Marie.</strong><br>→ <strong>Je pense à elle.</strong></p>



<p class="wp-block-paragraph"><strong>Il s’intéresse à Paul.</strong><br>→ <strong>Il s’intéresse à lui.</strong></p>



<p class="wp-block-paragraph">The pronouns we use in this type of construction are called <strong>stressed pronouns</strong>. You may also see them called <strong>disjunctive pronouns</strong>.</p>



<p class="wp-block-paragraph">Here is the full set:</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — LEXI TABLE 1
     Stressed pronouns after à
     ========================================================= -->

<div class="lexi-table-container">

  <div class="lexi-table">

    <!-- HEADER -->

    <div class="lexi-table-row lexi-table-header">
      <div>Stressed form</div>
      <div>English</div>
    </div>


    <!-- ROW 1 -->

    <div class="lexi-table-row">
      <div>
        <strong>à moi</strong>
      </div>
      <div>
        to/about me
      </div>
    </div>


    <!-- ROW 2 -->

    <div class="lexi-table-row">
      <div>
        <strong>à toi</strong>
      </div>
      <div>
        to/about you
      </div>
    </div>


    <!-- ROW 3 -->

    <div class="lexi-table-row">
      <div>
        <strong>à lui</strong>
      </div>
      <div>
        to/about him
      </div>
    </div>


    <!-- ROW 4 -->

    <div class="lexi-table-row">
      <div>
        <strong>à elle</strong>
      </div>
      <div>
        to/about her
      </div>
    </div>


    <!-- ROW 5 -->

    <div class="lexi-table-row">
      <div>
        <strong>à nous</strong>
      </div>
      <div>
        to/about us
      </div>
    </div>


    <!-- ROW 6 -->

    <div class="lexi-table-row">
      <div>
        <strong>à vous</strong>
      </div>
      <div>
        to/about you
      </div>
    </div>


    <!-- ROW 7 -->

    <div class="lexi-table-row">
      <div>
        <strong>à eux</strong>
      </div>
      <div>
        to/about them
      </div>
    </div>


    <!-- ROW 8 -->

    <div class="lexi-table-row">
      <div>
        <strong>à elles</strong>
      </div>
      <div>
        to/about them
      </div>
    </div>

  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — LEXI TABLE 1
   ========================================================= */

.lexi-table-container,
.lexi-table-container * {
  box-sizing: border-box;
}

.lexi-table-container {
  width: 100%;
  max-width: 780px;
  margin: 28px auto;
}

.lexi-table {
  width: 100%;
  overflow: hidden;

  border-radius: 16px;
  background: #FFFFFF;

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);

  color: #131313;
  font-family: inherit;
}


/* =========================================================
   ROWS
   ========================================================= */

.lexi-table-row {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
}

.lexi-table-row > div {
  min-width: 0;
  padding: 16px 18px;

  color: #131313;

  font-size: 16px;
  line-height: 1.5;

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}


/* White internal column separator */

.lexi-table-row > div + div {
  border-left: 3px solid #FFFFFF;
}


/* White internal row separators */

.lexi-table-row + .lexi-table-row {
  border-top: 3px solid #FFFFFF;
}


/* =========================================================
   HEADER
   ========================================================= */

.lexi-table-header > div {
  background: #E5E8FA;
  color: #131313;

  font-weight: 700;
  text-align: center;
}


/* =========================================================
   BODY ROWS
   ========================================================= */

.lexi-table-row:nth-child(even) > div {
  background: #FFF7FF;
}

.lexi-table-row:nth-child(odd):not(.lexi-table-header) > div {
  background: #F5E9F2;
}


/* =========================================================
   TARGET LANGUAGE
   ========================================================= */

.lexi-table-row strong {
  color: #8300C9;
  font-weight: 800;
}


/* =========================================================
   MOBILE
   Preserve the two-column relationship
   ========================================================= */

@media (max-width: 600px) {

  .lexi-table-row {
    grid-template-columns: 1fr 1.3fr;
  }

  .lexi-table-row > div {
    padding: 11px 8px;

    font-size: 12.5px;
    line-height: 1.45;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">For example:</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — LEXI TABLE 1
     Stressed pronouns after à — examples
     ========================================================= -->

<div class="lexi-table-container">

  <div class="lexi-table">

    <!-- HEADER -->

    <div class="lexi-table-row lexi-table-header">
      <div>French</div>
      <div>English</div>
    </div>


    <!-- ROW 1 -->

    <div class="lexi-table-row">
      <div>
        Il pense <strong>à moi</strong>.
      </div>
      <div>
        He thinks about me.
      </div>
    </div>


    <!-- ROW 2 -->

    <div class="lexi-table-row">
      <div>
        Je pense <strong>à toi</strong>.
      </div>
      <div>
        I think about you.
      </div>
    </div>


    <!-- ROW 3 -->

    <div class="lexi-table-row">
      <div>
        Nous pensons <strong>à lui</strong>.
      </div>
      <div>
        We think about him.
      </div>
    </div>


    <!-- ROW 4 -->

    <div class="lexi-table-row">
      <div>
        Elle pense <strong>à nous</strong>.
      </div>
      <div>
        She thinks about us.
      </div>
    </div>


    <!-- ROW 5 -->

    <div class="lexi-table-row">
      <div>
        Je pense <strong>à vous</strong>.
      </div>
      <div>
        I think about you.
      </div>
    </div>


    <!-- ROW 6 -->

    <div class="lexi-table-row">
      <div>
        Il pense <strong>à elles</strong>.
      </div>
      <div>
        He thinks about them.
      </div>
    </div>

  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — LEXI TABLE 1
   ========================================================= */

.lexi-table-container,
.lexi-table-container * {
  box-sizing: border-box;
}

.lexi-table-container {
  width: 100%;
  max-width: 780px;
  margin: 28px auto;
}

.lexi-table {
  width: 100%;
  overflow: hidden;

  border-radius: 16px;
  background: #FFFFFF;

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);

  color: #131313;
  font-family: inherit;
}


/* =========================================================
   ROWS
   ========================================================= */

.lexi-table-row {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
}

.lexi-table-row > div {
  min-width: 0;
  padding: 16px 18px;

  color: #131313;

  font-size: 16px;
  line-height: 1.5;

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}


/* White internal separators */

.lexi-table-row > div + div {
  border-left: 3px solid #FFFFFF;
}

.lexi-table-row + .lexi-table-row {
  border-top: 3px solid #FFFFFF;
}


/* =========================================================
   HEADER
   ========================================================= */

.lexi-table-header > div {
  background: #8300C9;
  color: #FFFFFF;

  font-weight: 700;
  text-align: center;
}


/* =========================================================
   BODY
   ========================================================= */

.lexi-table-row:nth-child(even) > div {
  background: #FFF7FF;
}

.lexi-table-row:nth-child(odd):not(.lexi-table-header) > div {
  background: #F5E9F2;
}


/* =========================================================
   TARGET GRAMMAR
   ========================================================= */

.lexi-table-row strong {
  color: #8300C9;
  font-weight: 800;
}


/* =========================================================
   MOBILE
   Preserve the two-column relationship
   ========================================================= */

@media (max-width: 600px) {

  .lexi-table-row {
    grid-template-columns: 1fr 1.3fr;
  }

  .lexi-table-row > div {
    padding: 11px 8px;

    font-size: 12.5px;
    line-height: 1.45;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">There is an important difference here from <strong>lui</strong> and <strong>leur</strong>.</p>



<p class="wp-block-paragraph">When we use the indirect object pronouns:</p>



<p class="wp-block-paragraph"><strong>lui</strong> can mean <strong>to him</strong> or <strong>to her</strong><br><strong>leur</strong> can mean <strong>to them</strong>, regardless of gender.</p>



<p class="wp-block-paragraph">For example:</p>



<p class="wp-block-paragraph"><strong>Je parle à Paul. → Je lui parle.</strong><br>I speak to him.</p>



<p class="wp-block-paragraph"><strong>Je parle à Marie. → Je lui parle.</strong><br>I speak to her.</p>



<p class="wp-block-paragraph">But with stressed pronouns after <strong>à</strong>, the distinction between masculine and feminine becomes visible again:</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — À + STRESSED PRONOUN
     Gender and number comparison
     ========================================================= -->

<div class="lexi-stressed-gender"
     role="group"
     aria-label="With third-person stressed pronouns after à, gender is visible. Singular: à lui for him and à elle for her. Plural: à eux for a masculine or mixed group and à elles for a feminine group.">

  <!-- HEADING -->

  <div class="lexi-stressed-gender__heading">

    <span class="lexi-stressed-gender__eyebrow">
      Notice the difference
    </span>

    <h3>
      Gender becomes visible again
    </h3>

    <p>
      With third-person stressed pronouns after <strong>à</strong>,
      French distinguishes masculine and feminine forms.
    </p>

  </div>


  <!-- =====================================================
       SINGULAR
       ===================================================== -->

  <section class="lexi-stressed-gender__group">

    <div class="lexi-stressed-gender__group-label">
      Singular
    </div>

    <div class="lexi-stressed-gender__pair">

      <!-- MASCULINE -->

      <div class="lexi-stressed-gender__card
                  lexi-stressed-gender__card--blue">

        <div class="lexi-stressed-gender__type">
          <span class="lexi-stressed-gender__icon"
                aria-hidden="true">M</span>
          Masculine
        </div>

        <div class="lexi-stressed-gender__form">
          à lui
        </div>

        <div class="lexi-stressed-gender__meaning">
          him
        </div>

      </div>


      <!-- FEMININE -->

      <div class="lexi-stressed-gender__card
                  lexi-stressed-gender__card--blush">

        <div class="lexi-stressed-gender__type">
          <span class="lexi-stressed-gender__icon"
                aria-hidden="true">F</span>
          Feminine
        </div>

        <div class="lexi-stressed-gender__form">
          à elle
        </div>

        <div class="lexi-stressed-gender__meaning">
          her
        </div>

      </div>

    </div>

  </section>


  <!-- =====================================================
       PLURAL
       ===================================================== -->

  <section class="lexi-stressed-gender__group">

    <div class="lexi-stressed-gender__group-label">
      Plural
    </div>

    <div class="lexi-stressed-gender__pair">

      <!-- MASCULINE / MIXED -->

      <div class="lexi-stressed-gender__card
                  lexi-stressed-gender__card--blue">

        <div class="lexi-stressed-gender__type">
          <span class="lexi-stressed-gender__icon"
                aria-hidden="true">M</span>
          Masculine or mixed
        </div>

        <div class="lexi-stressed-gender__form">
          à eux
        </div>

        <div class="lexi-stressed-gender__meaning">
          them
        </div>

      </div>


      <!-- FEMININE -->

      <div class="lexi-stressed-gender__card
                  lexi-stressed-gender__card--blush">

        <div class="lexi-stressed-gender__type">
          <span class="lexi-stressed-gender__icon"
                aria-hidden="true">F</span>
          Feminine
        </div>

        <div class="lexi-stressed-gender__form">
          à elles
        </div>

        <div class="lexi-stressed-gender__meaning">
          them
        </div>

      </div>

    </div>

  </section>


  <!-- TAKEAWAY -->

  <div class="lexi-stressed-gender__takeaway">

    <strong>Compare:</strong>

    <span>
      <b>à lui</b> / <b>à elle</b>
    </span>

    <span class="lexi-stressed-gender__divider"
          aria-hidden="true">•</span>

    <span>
      <b>à eux</b> / <b>à elles</b>
    </span>

  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — STRESSED PRONOUN GENDER GRID
   ========================================================= */

.lexi-stressed-gender,
.lexi-stressed-gender *,
.lexi-stressed-gender *::before,
.lexi-stressed-gender *::after {
  box-sizing: border-box;
}

.lexi-stressed-gender {
  --lexi-purple: #8300C9;
  --lexi-black: #131313;
  --lexi-white: #FFFFFF;
  --lexi-light-blue: #E5E8FA;
  --lexi-salmon-white: #FFF7FF;
  --lexi-salmon-grey: #F5E9F2;
  --lexi-dusty-green: #E0EEE0;
  --lexi-light-grey: #F0F3F8;

  width: 100%;
  max-width: 820px;
  margin: 30px auto;

  overflow: hidden;

  border-radius: 20px;

  background: var(--lexi-white);

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);

  color: var(--lexi-black);
  font-family: inherit;
}


/* =========================================================
   HEADING
   ========================================================= */

.lexi-stressed-gender__heading {
  padding: 21px 20px 19px;

  background: var(--lexi-light-grey);

  text-align: center;
}

.lexi-stressed-gender__eyebrow {
  display: inline-block;

  margin-bottom: 9px;
  padding: 6px 13px;

  border-radius: 999px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.lexi-stressed-gender__heading h3 {
  margin: 0 0 7px;

  color: var(--lexi-black);

  font-size: 23px;
  line-height: 1.3;
}

.lexi-stressed-gender__heading p {
  max-width: 600px;
  margin: 0 auto;

  color: var(--lexi-black);

  font-size: 15px;
  line-height: 1.55;
}

.lexi-stressed-gender__heading strong {
  color: var(--lexi-purple);
}


/* =========================================================
   SINGULAR / PLURAL GROUP
   ========================================================= */

.lexi-stressed-gender__group {
  padding: 18px 20px 3px;
}

.lexi-stressed-gender__group + .lexi-stressed-gender__group {
  padding-top: 15px;
}

.lexi-stressed-gender__group-label {
  margin-bottom: 9px;

  color: var(--lexi-purple);

  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;

  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.045em;
}


/* =========================================================
   PAIR GRID
   ========================================================= */

.lexi-stressed-gender__pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 3px;
}


/* =========================================================
   CARDS
   ========================================================= */

.lexi-stressed-gender__card {
  min-width: 0;

  padding: 17px 14px;

  color: var(--lexi-black);

  text-align: center;
}

.lexi-stressed-gender__card--blue {
  background: var(--lexi-light-blue);
}

.lexi-stressed-gender__card--blush {
  background: var(--lexi-salmon-grey);
}


/* =========================================================
   TYPE LABEL
   ========================================================= */

.lexi-stressed-gender__type {
  display: flex;

  gap: 7px;

  align-items: center;
  justify-content: center;

  margin-bottom: 11px;

  color: var(--lexi-black);

  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.lexi-stressed-gender__icon {
  display: inline-flex;

  width: 26px;
  height: 26px;

  flex: 0 0 26px;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}


/* =========================================================
   FRENCH FORM
   ========================================================= */

.lexi-stressed-gender__form {
  display: inline-block;

  padding: 7px 13px;

  border-radius: 8px;

  background: var(--lexi-white);
  color: var(--lexi-purple);

  font-size: 22px;
  font-weight: 800;
  line-height: 1.25;
}


/* =========================================================
   ENGLISH MEANING
   ========================================================= */

.lexi-stressed-gender__meaning {
  margin-top: 7px;

  color: var(--lexi-black);

  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}


/* =========================================================
   TAKEAWAY
   ========================================================= */

.lexi-stressed-gender__takeaway {
  display: flex;

  flex-wrap: wrap;

  gap: 8px;

  align-items: center;
  justify-content: center;

  margin-top: 15px;
  padding: 16px 18px;

  background: var(--lexi-dusty-green);
  color: var(--lexi-black);

  font-size: 15px;
  line-height: 1.5;

  text-align: center;
}

.lexi-stressed-gender__takeaway > strong {
  color: var(--lexi-black);
}

.lexi-stressed-gender__takeaway b {
  color: var(--lexi-purple);
  font-weight: 800;
}

.lexi-stressed-gender__divider {
  color: var(--lexi-purple);
  font-weight: 800;
}


/* =========================================================
   MOBILE
   Keep masculine/feminine side by side because the
   comparison itself is the teaching point.
   ========================================================= */

@media (max-width: 650px) {

  .lexi-stressed-gender {
    margin: 25px auto;

    border-radius: 17px;
  }

  .lexi-stressed-gender__heading {
    padding: 18px 14px 16px;
  }

  .lexi-stressed-gender__heading h3 {
    font-size: 20px;
  }

  .lexi-stressed-gender__heading p {
    font-size: 14px;
  }

  .lexi-stressed-gender__group {
    padding: 15px 10px 3px;
  }

  .lexi-stressed-gender__card {
    padding: 14px 7px;
  }

  .lexi-stressed-gender__type {
    gap: 5px;

    font-size: 11.5px;
  }

  .lexi-stressed-gender__icon {
    width: 23px;
    height: 23px;

    flex-basis: 23px;

    font-size: 10px;
  }

  .lexi-stressed-gender__form {
    padding: 6px 9px;

    font-size: 18px;
  }

  .lexi-stressed-gender__meaning {
    font-size: 12.5px;
  }

  .lexi-stressed-gender__takeaway {
    padding: 14px 10px;

    font-size: 13px;
  }

}


/* =========================================================
   VERY NARROW SCREENS

   There is still enough room for the short forms to remain
   paired. Reduce padding rather than breaking the conceptual
   comparison apart.
   ========================================================= */

@media (max-width: 360px) {

  .lexi-stressed-gender__card {
    padding: 12px 5px;
  }

  .lexi-stressed-gender__type {
    flex-direction: column;

    gap: 4px;
  }

  .lexi-stressed-gender__form {
    font-size: 17px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — LUI vs À + STRESSED PRONOUN
     Static comparison grid
     ========================================================= -->

<div class="lexi-pronoun-pattern-grid"
     role="group"
     aria-label="Comparison of parler à and penser à. Je parle à Marie becomes Je lui parle, but Je pense à Marie becomes Je pense à elle. Je parle à Paul becomes Je lui parle, but Je pense à Paul becomes Je pense à lui.">

  <!-- =====================================================
       MARIE
       ===================================================== -->

  <section class="lexi-pronoun-pattern-grid__card">

    <div class="lexi-pronoun-pattern-grid__person">
      Marie
    </div>


    <!-- PARLER -->

    <div class="lexi-pronoun-pattern-grid__row
                lexi-pronoun-pattern-grid__row--indirect">

      <div class="lexi-pronoun-pattern-grid__pattern-label">
        parler à
      </div>

      <div class="lexi-pronoun-pattern-grid__before">
        Je parle
        <span class="lexi-pronoun-pattern-grid__source">à Marie</span>.
      </div>

      <div class="lexi-pronoun-pattern-grid__arrow"
           aria-hidden="true">
        ↓
      </div>

      <div class="lexi-pronoun-pattern-grid__after">
        Je
        <span class="lexi-pronoun-pattern-grid__indirect-pronoun">lui</span>
        parle.
      </div>

    </div>


    <!-- BUT -->

    <div class="lexi-pronoun-pattern-grid__but">
      but
    </div>


    <!-- PENSER -->

    <div class="lexi-pronoun-pattern-grid__row
                lexi-pronoun-pattern-grid__row--stressed">

      <div class="lexi-pronoun-pattern-grid__pattern-label">
        penser à
      </div>

      <div class="lexi-pronoun-pattern-grid__before">
        Je pense
        <span class="lexi-pronoun-pattern-grid__source">à Marie</span>.
      </div>

      <div class="lexi-pronoun-pattern-grid__arrow"
           aria-hidden="true">
        ↓
      </div>

      <div class="lexi-pronoun-pattern-grid__after">
        Je pense
        <span class="lexi-pronoun-pattern-grid__stressed-pronoun">à elle</span>.
      </div>

    </div>

  </section>


  <!-- =====================================================
       PAUL
       ===================================================== -->

  <section class="lexi-pronoun-pattern-grid__card">

    <div class="lexi-pronoun-pattern-grid__person">
      Paul
    </div>


    <!-- PARLER -->

    <div class="lexi-pronoun-pattern-grid__row
                lexi-pronoun-pattern-grid__row--indirect">

      <div class="lexi-pronoun-pattern-grid__pattern-label">
        parler à
      </div>

      <div class="lexi-pronoun-pattern-grid__before">
        Je parle
        <span class="lexi-pronoun-pattern-grid__source">à Paul</span>.
      </div>

      <div class="lexi-pronoun-pattern-grid__arrow"
           aria-hidden="true">
        ↓
      </div>

      <div class="lexi-pronoun-pattern-grid__after">
        Je
        <span class="lexi-pronoun-pattern-grid__indirect-pronoun">lui</span>
        parle.
      </div>

    </div>


    <!-- BUT -->

    <div class="lexi-pronoun-pattern-grid__but">
      but
    </div>


    <!-- PENSER -->

    <div class="lexi-pronoun-pattern-grid__row
                lexi-pronoun-pattern-grid__row--stressed">

      <div class="lexi-pronoun-pattern-grid__pattern-label">
        penser à
      </div>

      <div class="lexi-pronoun-pattern-grid__before">
        Je pense
        <span class="lexi-pronoun-pattern-grid__source">à Paul</span>.
      </div>

      <div class="lexi-pronoun-pattern-grid__arrow"
           aria-hidden="true">
        ↓
      </div>

      <div class="lexi-pronoun-pattern-grid__after">
        Je pense
        <span class="lexi-pronoun-pattern-grid__stressed-pronoun">à lui</span>.
      </div>

    </div>

  </section>

</div>


<style>
/* =========================================================
   LEXICOGS — PRONOUN PATTERN COMPARISON GRID
   ========================================================= */

.lexi-pronoun-pattern-grid,
.lexi-pronoun-pattern-grid *,
.lexi-pronoun-pattern-grid *::before,
.lexi-pronoun-pattern-grid *::after {
  box-sizing: border-box;
}

.lexi-pronoun-pattern-grid {
  --lexi-purple: #8300C9;
  --lexi-black: #131313;
  --lexi-white: #FFFFFF;
  --lexi-light-blue: #E5E8FA;
  --lexi-salmon-white: #FFF7FF;
  --lexi-salmon-grey: #F5E9F2;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;

  width: 100%;
  max-width: 900px;
  margin: 30px auto;

  color: var(--lexi-black);
  font-family: inherit;
}


/* =========================================================
   PERSON CARD
   ========================================================= */

.lexi-pronoun-pattern-grid__card {
  min-width: 0;
  overflow: hidden;

  border-radius: 18px;

  background: var(--lexi-white);

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   PERSON HEADING
   ========================================================= */

.lexi-pronoun-pattern-grid__person {
  padding: 12px 15px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-size: 17px;
  font-weight: 800;
  line-height: 1.3;

  text-align: center;
}


/* =========================================================
   PATTERN ROWS
   ========================================================= */

.lexi-pronoun-pattern-grid__row {
  padding: 17px 15px;

  text-align: center;
}

.lexi-pronoun-pattern-grid__row--indirect {
  background: var(--lexi-light-blue);
}

.lexi-pronoun-pattern-grid__row--stressed {
  background: var(--lexi-salmon-grey);
}


/* =========================================================
   VERB PATTERN LABEL
   ========================================================= */

.lexi-pronoun-pattern-grid__pattern-label {
  display: inline-block;

  margin-bottom: 11px;
  padding: 5px 10px;

  border-radius: 999px;

  background: var(--lexi-white);
  color: var(--lexi-purple);

  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
}


/* =========================================================
   SENTENCES
   ========================================================= */

.lexi-pronoun-pattern-grid__before,
.lexi-pronoun-pattern-grid__after {
  color: var(--lexi-black);

  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;

  word-break: normal;
  overflow-wrap: normal;
}


/* Original à + person */

.lexi-pronoun-pattern-grid__source {
  font-weight: 800;

  text-decoration: underline;
  text-decoration-color: var(--lexi-purple);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}


/* =========================================================
   ARROW
   ========================================================= */

.lexi-pronoun-pattern-grid__arrow {
  padding: 6px 0;

  color: var(--lexi-purple);

  font-size: 23px;
  font-weight: 800;
  line-height: 1;
}


/* =========================================================
   RESULTING PRONOUNS
   ========================================================= */

/* lui as indirect object */

.lexi-pronoun-pattern-grid__indirect-pronoun {
  display: inline-block;

  padding: 1px 6px;

  border-radius: 5px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-weight: 800;
}


/* à + stressed pronoun */

.lexi-pronoun-pattern-grid__stressed-pronoun {
  display: inline-block;

  padding: 1px 7px;

  border-radius: 5px;

  background: var(--lexi-white);
  color: var(--lexi-purple);

  font-weight: 800;
}


/* =========================================================
   BUT DIVIDER
   ========================================================= */

.lexi-pronoun-pattern-grid__but {
  padding: 7px 10px;

  border-top: 3px solid var(--lexi-white);
  border-bottom: 3px solid var(--lexi-white);

  background: var(--lexi-salmon-white);
  color: var(--lexi-purple);

  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;

  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}


/* =========================================================
   MOBILE
   Stack Marie and Paul vertically.
   Each grammatical comparison remains intact.
   ========================================================= */

@media (max-width: 650px) {

  .lexi-pronoun-pattern-grid {
    grid-template-columns: minmax(0, 1fr);

    gap: 15px;

    margin: 25px auto;
  }

  .lexi-pronoun-pattern-grid__card {
    border-radius: 16px;
  }

  .lexi-pronoun-pattern-grid__row {
    padding: 15px 11px;
  }

  .lexi-pronoun-pattern-grid__before,
  .lexi-pronoun-pattern-grid__after {
    font-size: 17px;
  }

}
</style>



<p class="wp-block-paragraph">This last comparison is particularly useful because <strong>lui</strong> appears in both patterns — but it is doing something different.</p>



<p class="wp-block-paragraph">In:</p>



<p class="wp-block-paragraph"><strong>Je lui parle.</strong></p>



<p class="wp-block-paragraph"><strong>lui</strong> stands on its own before the verb.</p>



<p class="wp-block-paragraph">But in:</p>



<p class="wp-block-paragraph"><strong>Je pense à lui.</strong></p>



<p class="wp-block-paragraph">the <strong>à remains</strong>, and <strong>lui</strong> comes after it.</p>



<p class="wp-block-paragraph">For now, there is no need to analyse that distinction technically. The useful thing to recognise is the pattern:</p>



<p class="wp-block-paragraph"><strong>lui / leur + verb</strong></p>



<p class="wp-block-paragraph">versus:</p>



<p class="wp-block-paragraph"><strong>verb + à + stressed pronoun</strong></p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — STRESSED PRONOUNS AFTER À
     Lexi Table 2
     ========================================================= -->

<div class="lexi-stressed-pronouns-table-wrap">

  <table class="lexi-stressed-pronouns-table">

    <thead>
      <tr>
        <th scope="col">Stressed form</th>
        <th scope="col">English</th>
        <th scope="col">Example</th>
      </tr>
    </thead>

    <tbody>

      <tr>
        <td>
          <span class="lexi-stressed-form">à moi</span>
        </td>

        <td>
          me
        </td>

        <td>
          <strong>Il pense à moi.</strong>
          <span class="lexi-stressed-example-english">
            He thinks about me.
          </span>
        </td>
      </tr>


      <tr>
        <td>
          <span class="lexi-stressed-form">à toi</span>
        </td>

        <td>
          you
        </td>

        <td>
          <strong>Je pense à toi.</strong>
          <span class="lexi-stressed-example-english">
            I think about you.
          </span>
        </td>
      </tr>


      <tr>
        <td>
          <span class="lexi-stressed-form">à lui</span>
        </td>

        <td>
          him
        </td>

        <td>
          <strong>Nous pensons à lui.</strong>
          <span class="lexi-stressed-example-english">
            We think about him.
          </span>
        </td>
      </tr>


      <tr>
        <td>
          <span class="lexi-stressed-form">à elle</span>
        </td>

        <td>
          her
        </td>

        <td>
          <strong>Nous pensons à elle.</strong>
          <span class="lexi-stressed-example-english">
            We think about her.
          </span>
        </td>
      </tr>


      <tr>
        <td>
          <span class="lexi-stressed-form">à nous</span>
        </td>

        <td>
          us
        </td>

        <td>
          <strong>Elle pense à nous.</strong>
          <span class="lexi-stressed-example-english">
            She thinks about us.
          </span>
        </td>
      </tr>


      <tr>
        <td>
          <span class="lexi-stressed-form">à vous</span>
        </td>

        <td>
          you
        </td>

        <td>
          <strong>Je pense à vous.</strong>
          <span class="lexi-stressed-example-english">
            I think about you.
          </span>
        </td>
      </tr>


      <tr>
        <td>
          <span class="lexi-stressed-form">à eux</span>
        </td>

        <td>
          them<br>
          <span class="lexi-stressed-note">
            masculine or mixed
          </span>
        </td>

        <td>
          <strong>Je pense à eux.</strong>
          <span class="lexi-stressed-example-english">
            I think about them.
          </span>
        </td>
      </tr>


      <tr>
        <td>
          <span class="lexi-stressed-form">à elles</span>
        </td>

        <td>
          them<br>
          <span class="lexi-stressed-note">
            feminine
          </span>
        </td>

        <td>
          <strong>Je pense à elles.</strong>
          <span class="lexi-stressed-example-english">
            I think about them.
          </span>
        </td>
      </tr>

    </tbody>

  </table>

</div>


<style>
/* =========================================================
   LEXICOGS — STRESSED PRONOUNS AFTER À
   Canonical Lexi Table 2 treatment
   ========================================================= */

.lexi-stressed-pronouns-table-wrap,
.lexi-stressed-pronouns-table-wrap * {
  box-sizing: border-box;
}


/* =========================================================
   OUTER WRAPPER
   ========================================================= */

.lexi-stressed-pronouns-table-wrap {
  width: 100%;
  margin: 28px 0;
  padding: 0;

  overflow: hidden;

  border-radius: 16px;

  background: #FFFFFF;

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);

  /* Prevents a theme-generated gap beneath the table */
  line-height: 0;
}


/* =========================================================
   TABLE
   ========================================================= */

.lexi-stressed-pronouns-table {
  width: 100%;
  margin: 0 !important;

  border-collapse: collapse;
  border-spacing: 0;

  table-layout: auto;

  color: #131313;

  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}


/* =========================================================
   COLUMN WIDTHS
   Example column deliberately given more room
   ========================================================= */

.lexi-stressed-pronouns-table th:nth-child(1),
.lexi-stressed-pronouns-table td:nth-child(1) {
  width: 23%;
}

.lexi-stressed-pronouns-table th:nth-child(2),
.lexi-stressed-pronouns-table td:nth-child(2) {
  width: 25%;
}

.lexi-stressed-pronouns-table th:nth-child(3),
.lexi-stressed-pronouns-table td:nth-child(3) {
  width: 52%;
}


/* =========================================================
   CELLS
   ========================================================= */

.lexi-stressed-pronouns-table th,
.lexi-stressed-pronouns-table td {
  padding: 15px 17px;

  text-align: left;
  vertical-align: middle;

  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}


/* =========================================================
   HEADER
   ========================================================= */

.lexi-stressed-pronouns-table thead th {
  background: #8300C9;
  color: #FFFFFF;

  font-weight: 700;
}


/* =========================================================
   BODY
   ========================================================= */

.lexi-stressed-pronouns-table tbody td {
  color: #131313;

  border-top: 3px solid #FFFFFF;
}


/* White internal column separators */

.lexi-stressed-pronouns-table th + th,
.lexi-stressed-pronouns-table td + td {
  border-left: 3px solid #FFFFFF;
}


/* Alternating Lexi Table 2 rows */

.lexi-stressed-pronouns-table tbody tr:nth-child(odd) td {
  background: #FFFFFF;
}

.lexi-stressed-pronouns-table tbody tr:nth-child(even) td {
  background: #FFF7FF;
}


/* =========================================================
   STRESSED PRONOUN
   ========================================================= */

.lexi-stressed-form {
  display: inline-block;

  padding: 2px 7px;

  border-radius: 5px;

  background: #E5E8FA;
  color: #8300C9;

  font-weight: 800;
}


/* =========================================================
   EXAMPLES
   ========================================================= */

.lexi-stressed-pronouns-table td strong {
  display: block;

  color: #131313;

  font-weight: 700;
}

.lexi-stressed-example-english {
  display: block;

  margin-top: 3px;

  color: #131313;

  font-size: 14px;
  font-weight: 400;
}


/* Small clarification for eux / elles */

.lexi-stressed-note {
  color: #131313;

  font-size: 12px;
  font-weight: 400;
}


/* =========================================================
   MOBILE
   Preserve the three-column relationship.
   Reduce padding and type rather than separating the
   form, meaning and example.
   ========================================================= */

@media (max-width: 650px) {

  .lexi-stressed-pronouns-table {
    font-size: 13px;
    line-height: 1.4;
  }

  .lexi-stressed-pronouns-table th,
  .lexi-stressed-pronouns-table td {
    padding: 10px 7px;
  }

  .lexi-stressed-form {
    padding: 1px 4px;
  }

  .lexi-stressed-example-english {
    margin-top: 2px;
    font-size: 11.5px;
    line-height: 1.4;
  }

  .lexi-stressed-note {
    font-size: 10.5px;
    line-height: 1.35;
  }

}


/* Extra protection for very narrow phones */

@media (max-width: 420px) {

  .lexi-stressed-pronouns-table {
    font-size: 12px;
  }

  .lexi-stressed-pronouns-table th,
  .lexi-stressed-pronouns-table td {
    padding: 9px 5px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">4. Common Verb Patterns That Keep <em>à</em></h2>



<p class="wp-block-paragraph">Now that you know what the stressed pronouns look like, the next step is to become familiar with some of the <strong>verb patterns that use them</strong>.</p>



<p class="wp-block-paragraph">The most useful approach is not to see <strong>à</strong> and try to work out a rule each time. Instead, learn the <strong>verb and its pattern together</strong>.</p>



<p class="wp-block-paragraph">We have already seen two important examples:</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — VERB PATTERNS THAT KEEP À
     penser à / s’intéresser à
     ========================================================= -->

<div class="lexi-keep-a-patterns"
     role="group"
     aria-label="Examples of French verb patterns that keep à before a stressed pronoun. Penser à Marie becomes penser à elle. S’intéresser à Paul becomes s’intéresser à lui.">

  <!-- =====================================================
       PENSER À
       ===================================================== -->

  <article class="lexi-keep-a-patterns__card">

    <div class="lexi-keep-a-patterns__header">
      <span class="lexi-keep-a-patterns__verb">
        penser à quelqu’un
      </span>

      <span class="lexi-keep-a-patterns__gloss">
        to think about someone
      </span>
    </div>


    <div class="lexi-keep-a-patterns__example">

      <div class="lexi-keep-a-patterns__before">
        Je pense
        <span class="lexi-keep-a-patterns__source">à Marie</span>.
      </div>

      <div class="lexi-keep-a-patterns__arrow"
           aria-hidden="true">
        ↓
      </div>

      <div class="lexi-keep-a-patterns__after">
        Je pense
        <span class="lexi-keep-a-patterns__result">à elle</span>.
      </div>

    </div>


    <div class="lexi-keep-a-patterns__meaning">
      I think about <strong>her</strong>.
    </div>

  </article>


  <!-- =====================================================
       S’INTÉRESSER À
       ===================================================== -->

  <article class="lexi-keep-a-patterns__card">

    <div class="lexi-keep-a-patterns__header">
      <span class="lexi-keep-a-patterns__verb">
        s’intéresser à quelqu’un
      </span>

      <span class="lexi-keep-a-patterns__gloss">
        to be interested in someone
      </span>
    </div>


    <div class="lexi-keep-a-patterns__example">

      <div class="lexi-keep-a-patterns__before">
        Il s’intéresse
        <span class="lexi-keep-a-patterns__source">à Paul</span>.
      </div>

      <div class="lexi-keep-a-patterns__arrow"
           aria-hidden="true">
        ↓
      </div>

      <div class="lexi-keep-a-patterns__after">
        Il s’intéresse
        <span class="lexi-keep-a-patterns__result">à lui</span>.
      </div>

    </div>


    <div class="lexi-keep-a-patterns__meaning">
      He is interested in <strong>him</strong>.
    </div>

  </article>

</div>


<style>
/* =========================================================
   LEXICOGS — VERB PATTERNS THAT KEEP À
   ========================================================= */

.lexi-keep-a-patterns,
.lexi-keep-a-patterns *,
.lexi-keep-a-patterns *::before,
.lexi-keep-a-patterns *::after {
  box-sizing: border-box;
}

.lexi-keep-a-patterns {
  --lexi-purple: #8300C9;
  --lexi-black: #131313;
  --lexi-white: #FFFFFF;
  --lexi-salmon-white: #FFF7FF;
  --lexi-salmon-grey: #F5E9F2;
  --lexi-light-blue: #E5E8FA;
  --lexi-dusty-green: #E0EEE0;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;

  width: 100%;
  max-width: 900px;
  margin: 30px auto;

  color: var(--lexi-black);
  font-family: inherit;
}


/* =========================================================
   CARD
   ========================================================= */

.lexi-keep-a-patterns__card {
  min-width: 0;
  overflow: hidden;

  border-radius: 18px;
  background: var(--lexi-white);

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   VERB PATTERN HEADER
   ========================================================= */

.lexi-keep-a-patterns__header {
  padding: 17px 16px;

  background: var(--lexi-light-blue);

  text-align: center;
}

.lexi-keep-a-patterns__verb {
  display: block;

  color: var(--lexi-purple);

  font-size: 18px;
  font-weight: 800;
  line-height: 1.35;
}

.lexi-keep-a-patterns__gloss {
  display: block;

  margin-top: 4px;

  color: var(--lexi-black);

  font-size: 13px;
  line-height: 1.4;
}


/* =========================================================
   TRANSFORMATION AREA
   ========================================================= */

.lexi-keep-a-patterns__example {
  padding: 18px 15px;

  background: var(--lexi-salmon-white);

  text-align: center;
}


/* Original sentence */

.lexi-keep-a-patterns__before {
  color: var(--lexi-black);

  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}


/* Original à + person */

.lexi-keep-a-patterns__source {
  font-weight: 800;

  text-decoration: underline;
  text-decoration-color: var(--lexi-purple);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}


/* Arrow */

.lexi-keep-a-patterns__arrow {
  padding: 7px 0;

  color: var(--lexi-purple);

  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}


/* Result sentence */

.lexi-keep-a-patterns__after {
  color: var(--lexi-black);

  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}


/* à + stressed pronoun */

.lexi-keep-a-patterns__result {
  display: inline-block;

  padding: 2px 7px;

  border-radius: 6px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-weight: 800;
}


/* =========================================================
   ENGLISH MEANING
   ========================================================= */

.lexi-keep-a-patterns__meaning {
  padding: 14px 15px;

  border-top: 3px solid var(--lexi-white);

  background: var(--lexi-dusty-green);
  color: var(--lexi-black);

  font-size: 14px;
  line-height: 1.45;

  text-align: center;
}

.lexi-keep-a-patterns__meaning strong {
  color: var(--lexi-purple);
  font-weight: 800;
}


/* =========================================================
   MOBILE
   Stack the two complete verb-pattern cards.
   Each transformation already flows vertically internally.
   ========================================================= */

@media (max-width: 650px) {

  .lexi-keep-a-patterns {
    grid-template-columns: minmax(0, 1fr);

    gap: 15px;

    margin: 25px auto;
  }

  .lexi-keep-a-patterns__card {
    border-radius: 16px;
  }

  .lexi-keep-a-patterns__header {
    padding: 15px 12px;
  }

  .lexi-keep-a-patterns__verb {
    font-size: 17px;
  }

  .lexi-keep-a-patterns__example {
    padding: 16px 12px;
  }

  .lexi-keep-a-patterns__before,
  .lexi-keep-a-patterns__after {
    font-size: 17px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Here are some other useful patterns that behave in the same way.</p>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading"><em>tenir à quelqu’un</em></h3>



<p class="wp-block-paragraph">When <strong>tenir à quelqu’un</strong> means that someone matters to you or that you care about them, the <strong>à</strong> remains:</p>



<p class="wp-block-paragraph"><strong>Elle tient à ses amis.</strong><br>→ <strong>Elle tient à eux.</strong><br>Her friends matter to her. / She cares about them.</p>



<p class="wp-block-paragraph"><strong>Je tiens à Marie.</strong><br>→ <strong>Je tiens à elle.</strong><br>I care about her.</p>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading"><em>faire attention à quelqu’un</em></h3>



<p class="wp-block-paragraph">With <strong>faire attention à</strong>, we also keep <strong>à</strong>:</p>



<p class="wp-block-paragraph"><strong>Fais attention à Paul.</strong><br>→ <strong>Fais attention à lui.</strong><br>Pay attention to him.</p>



<p class="wp-block-paragraph"><strong>Nous faisons attention aux enfants.</strong><br>→ <strong>Nous faisons attention à eux.</strong><br>We pay attention to them.</p>



<p class="wp-block-paragraph">Notice something useful in that second example. With the noun, we have:</p>



<p class="wp-block-paragraph"><strong>aux enfants</strong></p>



<p class="wp-block-paragraph">because <strong>à + les = aux</strong>.</p>



<p class="wp-block-paragraph">But when we replace <em>les enfants</em> with a stressed pronoun, we return to:</p>



<p class="wp-block-paragraph"><strong>à eux</strong></p>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading"><em>songer à quelqu’un</em></h3>



<p class="wp-block-paragraph"><strong>Songer à</strong> means to think about or think of someone, often with a slightly more reflective sense than <em>penser à</em>.</p>



<p class="wp-block-paragraph"><strong>Elle songe à Paul.</strong><br>→ <strong>Elle songe à lui.</strong><br>She is thinking about him.</p>



<p class="wp-block-paragraph"><strong>Je songe à mes parents.</strong><br>→ <strong>Je songe à eux.</strong><br>I am thinking about my parents.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">We do <strong>not</strong> need to learn a huge list of these verbs at once. What matters is beginning to recognise that these belong to a different pattern from verbs such as <strong>parler à</strong>, <strong>téléphoner à</strong> and <strong>répondre à</strong>.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">So compare:</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>parler à Marie → lui parler</strong></p>



<p class="wp-block-paragraph">but:</p>



<p class="wp-block-paragraph"><strong>penser à Marie → penser à elle</strong></p>



<p class="wp-block-paragraph">and:</p>



<p class="wp-block-paragraph"><strong>téléphoner à Paul → lui téléphoner</strong></p>



<p class="wp-block-paragraph">but:</p>



<p class="wp-block-paragraph"><strong>faire attention à Paul → faire attention à lui</strong></p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — KEY VERB-PATTERN NOTICE
     ========================================================= -->

<div class="lexi-verb-pattern-notice" role="note" aria-label="The safest habit is to learn the pronoun pattern with the verb.">

  <div class="lexi-verb-pattern-notice__label">
    Key Point
  </div>

  <p class="lexi-verb-pattern-notice__intro">
    The safest habit is therefore:
  </p>

  <p class="lexi-verb-pattern-notice__message">
    Learn the <strong>pronoun pattern</strong> with the
    <strong>verb</strong>.
  </p>

</div>


<style>
/* =========================================================
   LEXICOGS — KEY VERB-PATTERN NOTICE
   ========================================================= */

.lexi-verb-pattern-notice,
.lexi-verb-pattern-notice * {
  box-sizing: border-box;
}

.lexi-verb-pattern-notice {
  width: 100%;
  max-width: 780px;
  margin: 28px auto;
  padding: 20px 22px;

  border-left: 6px solid #8300C9;
  border-radius: 14px;

  background: #E5E8FA;
  color: #131313;

  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);

  font-family: inherit;
}


/* LABEL */

.lexi-verb-pattern-notice__label {
  display: inline-block;

  margin-bottom: 11px;
  padding: 5px 11px;

  border-radius: 999px;

  background: #8300C9;
  color: #FFFFFF;

  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}


/* INTRO */

.lexi-verb-pattern-notice__intro {
  margin: 0 0 7px;

  color: #131313;

  font-size: 15px;
  line-height: 1.5;
}


/* MAIN MESSAGE */

.lexi-verb-pattern-notice__message {
  margin: 0;

  color: #131313;

  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
}

.lexi-verb-pattern-notice__message strong {
  color: #8300C9;
  font-weight: 800;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

  .lexi-verb-pattern-notice {
    margin: 24px auto;
    padding: 17px 16px;

    border-left-width: 5px;
    border-radius: 12px;
  }

  .lexi-verb-pattern-notice__intro {
    font-size: 14px;
  }

  .lexi-verb-pattern-notice__message {
    font-size: 17px;
    line-height: 1.45;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">For this lesson, the main patterns to recognise are:</p>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — VERBS THAT KEEP À
     Lexi Table 2
     ========================================================= -->

<div class="lexi-keep-a-table-wrap">

  <table class="lexi-keep-a-table">

    <thead>
      <tr>
        <th scope="col">Verb pattern</th>
        <th scope="col">With a stressed pronoun</th>
      </tr>
    </thead>

    <tbody>

      <tr>
        <td>
          <strong>penser à quelqu’un</strong>
        </td>

        <td>
          penser
          <span class="lexi-keep-a-form">à lui</span> /
          <span class="lexi-keep-a-form">à elle</span> /
          <span class="lexi-keep-a-form">à eux</span> /
          <span class="lexi-keep-a-form">à elles</span>
        </td>
      </tr>


      <tr>
        <td>
          <strong>s’intéresser à quelqu’un</strong>
        </td>

        <td>
          s’intéresser
          <span class="lexi-keep-a-form">à lui</span> /
          <span class="lexi-keep-a-form">à elle</span> /
          <span class="lexi-keep-a-form">à eux</span> /
          <span class="lexi-keep-a-form">à elles</span>
        </td>
      </tr>


      <tr>
        <td>
          <strong>tenir à quelqu’un</strong>
        </td>

        <td>
          tenir
          <span class="lexi-keep-a-form">à lui</span> /
          <span class="lexi-keep-a-form">à elle</span> /
          <span class="lexi-keep-a-form">à eux</span> /
          <span class="lexi-keep-a-form">à elles</span>
        </td>
      </tr>


      <tr>
        <td>
          <strong>faire attention à quelqu’un</strong>
        </td>

        <td>
          faire attention
          <span class="lexi-keep-a-form">à lui</span> /
          <span class="lexi-keep-a-form">à elle</span> /
          <span class="lexi-keep-a-form">à eux</span> /
          <span class="lexi-keep-a-form">à elles</span>
        </td>
      </tr>


      <tr>
        <td>
          <strong>songer à quelqu’un</strong>
        </td>

        <td>
          songer
          <span class="lexi-keep-a-form">à lui</span> /
          <span class="lexi-keep-a-form">à elle</span> /
          <span class="lexi-keep-a-form">à eux</span> /
          <span class="lexi-keep-a-form">à elles</span>
        </td>
      </tr>

    </tbody>

  </table>

</div>


<style>
/* =========================================================
   LEXICOGS — VERBS THAT KEEP À
   Lexi Table 2
   ========================================================= */

.lexi-keep-a-table-wrap,
.lexi-keep-a-table-wrap * {
  box-sizing: border-box;
}


/* =========================================================
   OUTER WRAPPER
   ========================================================= */

.lexi-keep-a-table-wrap {
  width: 100%;
  margin: 28px 0;
  padding: 0;

  overflow: hidden;

  border-radius: 16px;

  background: #FFFFFF;

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);

  /* Prevent WordPress/theme gap beneath table */
  line-height: 0;
}


/* =========================================================
   TABLE
   ========================================================= */

.lexi-keep-a-table {
  width: 100%;
  margin: 0 !important;

  border-collapse: collapse;
  border-spacing: 0;

  table-layout: auto;

  color: #131313;

  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}


/* =========================================================
   COLUMN WIDTHS
   ========================================================= */

.lexi-keep-a-table th:first-child,
.lexi-keep-a-table td:first-child {
  width: 38%;
}

.lexi-keep-a-table th:last-child,
.lexi-keep-a-table td:last-child {
  width: 62%;
}


/* =========================================================
   CELLS
   ========================================================= */

.lexi-keep-a-table th,
.lexi-keep-a-table td {
  padding: 16px 18px;

  text-align: left;
  vertical-align: middle;

  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}


/* =========================================================
   HEADER
   ========================================================= */

.lexi-keep-a-table thead th {
  background: #8300C9;
  color: #FFFFFF;

  font-weight: 700;
}


/* =========================================================
   BODY
   ========================================================= */

.lexi-keep-a-table tbody td {
  color: #131313;

  border-top: 3px solid #FFFFFF;
}


/* White vertical separator */

.lexi-keep-a-table th + th,
.lexi-keep-a-table td + td {
  border-left: 3px solid #FFFFFF;
}


/* Alternating Lexi Table 2 rows */

.lexi-keep-a-table tbody tr:nth-child(odd) td {
  background: #FFFFFF;
}

.lexi-keep-a-table tbody tr:nth-child(even) td {
  background: #FFF7FF;
}


/* =========================================================
   VERB PATTERN
   ========================================================= */

.lexi-keep-a-table td:first-child strong {
  color: #131313;
  font-weight: 700;
}


/* =========================================================
   STRESSED-PRONOUN FORMS
   ========================================================= */

.lexi-keep-a-form {
  display: inline-block;

  margin: 2px 0;
  padding: 2px 6px;

  border-radius: 5px;

  background: #E5E8FA;
  color: #8300C9;

  font-weight: 800;
}


/* =========================================================
   MOBILE
   Keep the two-column relationship intact.
   Reduce typography and padding rather than creating
   horizontal scrolling or splitting words.
   ========================================================= */

@media (max-width: 650px) {

  .lexi-keep-a-table {
    font-size: 13px;
    line-height: 1.45;
  }

  .lexi-keep-a-table th,
  .lexi-keep-a-table td {
    padding: 11px 7px;
  }

  .lexi-keep-a-form {
    padding: 1px 4px;
  }

}


/* =========================================================
   VERY NARROW SCREENS
   ========================================================= */

@media (max-width: 420px) {

  .lexi-keep-a-table {
    font-size: 12px;
  }

  .lexi-keep-a-table th,
  .lexi-keep-a-table td {
    padding: 9px 5px;
  }

}
</style>



<p class="wp-block-paragraph"></p>



<!-- =========================================================
     LEXICOGS — TRY IT OUT
     Which pronoun pattern does the verb use?
     Select and reveal
     ========================================================= -->

<div class="lexi-pronoun-choice">

  <!-- LABEL -->

  <div class="lexi-pronoun-choice__label">
    Try it out
  </div>


  <!-- INTRO -->

  <div class="lexi-pronoun-choice__intro">
    <strong>Which pattern does the verb use?</strong>
    <span>
      Choose the normal pronoun pattern for each sentence.
      The complete model sentence will appear after you choose.
    </span>
  </div>


  <!-- =====================================================
       QUESTION 1
       ===================================================== -->

  <article class="lexi-pronoun-choice__question"
           data-answer="indirect"
           data-model="Je lui parle."
           data-explanation="parler à quelqu’un uses an indirect object pronoun: lui or leur.">

    <div class="lexi-pronoun-choice__number">1</div>

    <div class="lexi-pronoun-choice__prompt">
      Je parle <strong>à Marie</strong>.
    </div>

    <div class="lexi-pronoun-choice__options">

      <button type="button"
              class="lexi-pronoun-choice__option"
              data-choice="indirect"
              aria-pressed="false">
        Use <strong>lui / leur</strong>
      </button>

      <button type="button"
              class="lexi-pronoun-choice__option"
              data-choice="stressed"
              aria-pressed="false">
        Keep <strong>à + stressed pronoun</strong>
      </button>

    </div>

    <div class="lexi-pronoun-choice__feedback"
         aria-live="polite"
         hidden></div>

  </article>


  <!-- =====================================================
       QUESTION 2
       ===================================================== -->

  <article class="lexi-pronoun-choice__question"
           data-answer="stressed"
           data-model="Je pense à elle."
           data-explanation="penser à quelqu’un keeps à and uses a stressed pronoun.">

    <div class="lexi-pronoun-choice__number">2</div>

    <div class="lexi-pronoun-choice__prompt">
      Je pense <strong>à Marie</strong>.
    </div>

    <div class="lexi-pronoun-choice__options">

      <button type="button"
              class="lexi-pronoun-choice__option"
              data-choice="indirect"
              aria-pressed="false">
        Use <strong>lui / leur</strong>
      </button>

      <button type="button"
              class="lexi-pronoun-choice__option"
              data-choice="stressed"
              aria-pressed="false">
        Keep <strong>à + stressed pronoun</strong>
      </button>

    </div>

    <div class="lexi-pronoun-choice__feedback"
         aria-live="polite"
         hidden></div>

  </article>


  <!-- =====================================================
       QUESTION 3
       ===================================================== -->

  <article class="lexi-pronoun-choice__question"
           data-answer="indirect"
           data-model="Nous leur téléphonons."
           data-explanation="téléphoner à quelqu’un uses an indirect object pronoun: lui or leur.">

    <div class="lexi-pronoun-choice__number">3</div>

    <div class="lexi-pronoun-choice__prompt">
      Nous téléphonons <strong>à nos parents</strong>.
    </div>

    <div class="lexi-pronoun-choice__options">

      <button type="button"
              class="lexi-pronoun-choice__option"
              data-choice="indirect"
              aria-pressed="false">
        Use <strong>lui / leur</strong>
      </button>

      <button type="button"
              class="lexi-pronoun-choice__option"
              data-choice="stressed"
              aria-pressed="false">
        Keep <strong>à + stressed pronoun</strong>
      </button>

    </div>

    <div class="lexi-pronoun-choice__feedback"
         aria-live="polite"
         hidden></div>

  </article>


  <!-- =====================================================
       QUESTION 4
       ===================================================== -->

  <article class="lexi-pronoun-choice__question"
           data-answer="stressed"
           data-model="Nous pensons à eux."
           data-explanation="penser à quelqu’un keeps à and uses a stressed pronoun.">

    <div class="lexi-pronoun-choice__number">4</div>

    <div class="lexi-pronoun-choice__prompt">
      Nous pensons <strong>à nos parents</strong>.
    </div>

    <div class="lexi-pronoun-choice__options">

      <button type="button"
              class="lexi-pronoun-choice__option"
              data-choice="indirect"
              aria-pressed="false">
        Use <strong>lui / leur</strong>
      </button>

      <button type="button"
              class="lexi-pronoun-choice__option"
              data-choice="stressed"
              aria-pressed="false">
        Keep <strong>à + stressed pronoun</strong>
      </button>

    </div>

    <div class="lexi-pronoun-choice__feedback"
         aria-live="polite"
         hidden></div>

  </article>


  <!-- =====================================================
       QUESTION 5
       ===================================================== -->

  <article class="lexi-pronoun-choice__question"
           data-answer="indirect"
           data-model="Elle lui répond."
           data-explanation="répondre à quelqu’un uses an indirect object pronoun: lui or leur.">

    <div class="lexi-pronoun-choice__number">5</div>

    <div class="lexi-pronoun-choice__prompt">
      Elle répond <strong>à Paul</strong>.
    </div>

    <div class="lexi-pronoun-choice__options">

      <button type="button"
              class="lexi-pronoun-choice__option"
              data-choice="indirect"
              aria-pressed="false">
        Use <strong>lui / leur</strong>
      </button>

      <button type="button"
              class="lexi-pronoun-choice__option"
              data-choice="stressed"
              aria-pressed="false">
        Keep <strong>à + stressed pronoun</strong>
      </button>

    </div>

    <div class="lexi-pronoun-choice__feedback"
         aria-live="polite"
         hidden></div>

  </article>


  <!-- =====================================================
       QUESTION 6
       ===================================================== -->

  <article class="lexi-pronoun-choice__question"
           data-answer="stressed"
           data-model="Elle s’intéresse à lui."
           data-explanation="s’intéresser à quelqu’un keeps à and uses a stressed pronoun.">

    <div class="lexi-pronoun-choice__number">6</div>

    <div class="lexi-pronoun-choice__prompt">
      Elle s’intéresse <strong>à Paul</strong>.
    </div>

    <div class="lexi-pronoun-choice__options">

      <button type="button"
              class="lexi-pronoun-choice__option"
              data-choice="indirect"
              aria-pressed="false">
        Use <strong>lui / leur</strong>
      </button>

      <button type="button"
              class="lexi-pronoun-choice__option"
              data-choice="stressed"
              aria-pressed="false">
        Keep <strong>à + stressed pronoun</strong>
      </button>

    </div>

    <div class="lexi-pronoun-choice__feedback"
         aria-live="polite"
         hidden></div>

  </article>


  <!-- =====================================================
       QUESTION 7
       ===================================================== -->

  <article class="lexi-pronoun-choice__question"
           data-answer="stressed"
           data-model="Fais attention à elle."
           data-explanation="faire attention à quelqu’un keeps à and uses a stressed pronoun.">

    <div class="lexi-pronoun-choice__number">7</div>

    <div class="lexi-pronoun-choice__prompt">
      Fais attention <strong>à Marie</strong>.
    </div>

    <div class="lexi-pronoun-choice__options">

      <button type="button"
              class="lexi-pronoun-choice__option"
              data-choice="indirect"
              aria-pressed="false">
        Use <strong>lui / leur</strong>
      </button>

      <button type="button"
              class="lexi-pronoun-choice__option"
              data-choice="stressed"
              aria-pressed="false">
        Keep <strong>à + stressed pronoun</strong>
      </button>

    </div>

    <div class="lexi-pronoun-choice__feedback"
         aria-live="polite"
         hidden></div>

  </article>


  <!-- =====================================================
       QUESTION 8
       ===================================================== -->

  <article class="lexi-pronoun-choice__question"
           data-answer="stressed"
           data-model="Je tiens à eux."
           data-explanation="tenir à quelqu’un keeps à and uses a stressed pronoun.">

    <div class="lexi-pronoun-choice__number">8</div>

    <div class="lexi-pronoun-choice__prompt">
      Je tiens <strong>à mes amis</strong>.
    </div>

    <div class="lexi-pronoun-choice__options">

      <button type="button"
              class="lexi-pronoun-choice__option"
              data-choice="indirect"
              aria-pressed="false">
        Use <strong>lui / leur</strong>
      </button>

      <button type="button"
              class="lexi-pronoun-choice__option"
              data-choice="stressed"
              aria-pressed="false">
        Keep <strong>à + stressed pronoun</strong>
      </button>

    </div>

    <div class="lexi-pronoun-choice__feedback"
         aria-live="polite"
         hidden></div>

  </article>


  <!-- =====================================================
       RESET
       ===================================================== -->

  <div class="lexi-pronoun-choice__controls">
    <button type="button"
            class="lexi-pronoun-choice__reset">
      Try again
    </button>
  </div>

</div>


<style>
/* =========================================================
   LEXICOGS — PRONOUN PATTERN SELECT AND REVEAL
   ========================================================= */

.lexi-pronoun-choice,
.lexi-pronoun-choice *,
.lexi-pronoun-choice *::before,
.lexi-pronoun-choice *::after {
  box-sizing: border-box;
}

.lexi-pronoun-choice {
  --lexi-purple: #8300C9;
  --lexi-black: #131313;
  --lexi-white: #FFFFFF;
  --lexi-salmon-white: #FFF7FF;
  --lexi-salmon-grey: #F5E9F2;
  --lexi-light-blue: #E5E8FA;
  --lexi-dusty-green: #E0EEE0;
  --lexi-green: #43984C;
  --lexi-warning: #D0985A;
  --lexi-warning-bg: #FDE8DE;

  width: 100%;
  max-width: 820px;
  margin: 30px auto;

  color: var(--lexi-black);
  font-family: Arial, Helvetica, sans-serif;
}


/* =========================================================
   LABEL — CENTRED CANONICAL TREATMENT
   ========================================================= */

.lexi-pronoun-choice__label {
  display: block;
  width: fit-content;

  margin: 0 auto 10px;
  padding: 6px 13px;

  border-radius: 999px;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;

  text-align: center;
}


/* =========================================================
   INTRO
   ========================================================= */

.lexi-pronoun-choice__intro {
  margin-bottom: 18px;
  padding: 18px 20px;

  border-radius: 16px;

  background: var(--lexi-light-blue);

  text-align: center;
}

.lexi-pronoun-choice__intro strong {
  display: block;

  margin-bottom: 5px;

  color: var(--lexi-black);

  font-size: 18px;
  line-height: 1.35;
}

.lexi-pronoun-choice__intro span {
  display: block;

  color: var(--lexi-black);

  font-size: 14px;
  line-height: 1.5;
}


/* =========================================================
   QUESTION CARD
   ========================================================= */

.lexi-pronoun-choice__question {
  position: relative;

  overflow: hidden;

  margin-bottom: 16px;

  border-radius: 16px;

  background: var(--lexi-white);

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

.lexi-pronoun-choice__question:last-of-type {
  margin-bottom: 0;
}


/* =========================================================
   QUESTION NUMBER
   ========================================================= */

.lexi-pronoun-choice__number {
  position: absolute;
  top: 14px;
  left: 15px;

  display: flex;

  width: 30px;
  height: 30px;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: var(--lexi-purple);
  color: var(--lexi-white);

  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}


/* =========================================================
   PROMPT
   ========================================================= */

.lexi-pronoun-choice__prompt {
  min-height: 68px;

  padding: 18px 18px 18px 58px;

  background: var(--lexi-salmon-white);
  color: var(--lexi-black);

  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}

.lexi-pronoun-choice__prompt strong {
  color: var(--lexi-purple);
  font-weight: 800;
}


/* =========================================================
   OPTIONS
   Integrated selectable cells
   ========================================================= */

.lexi-pronoun-choice__options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 3px;

  padding-top: 3px;

  background: var(--lexi-white);
}


/* Strong WordPress/theme reset */

.lexi-pronoun-choice__option {
  display: block !important;

  width: 100% !important;
  min-height: 62px;

  margin: 0 !important;
  padding: 13px 14px !important;

  border: 0 !important;
  border-radius: 0 !important;

  appearance: none;
  -webkit-appearance: none;

  box-shadow: none !important;

  background: var(--lexi-salmon-grey) !important;
  color: var(--lexi-black) !important;

  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;

  text-align: center !important;
  text-decoration: none !important;

  cursor: pointer;
}

.lexi-pronoun-choice__option strong {
  color: inherit;
  font-weight: 800;
}


/* Hover */

.lexi-pronoun-choice__option:not(:disabled):hover {
  background: var(--lexi-purple) !important;
  color: var(--lexi-white) !important;
}


/* Keyboard focus */

.lexi-pronoun-choice__option:focus-visible {
  position: relative;
  z-index: 2;

  outline: 3px solid rgba(131, 0, 201, 0.32) !important;
  outline-offset: -3px;
}


/* Chosen correct answer */

.lexi-pronoun-choice__option.is-correct {
  background: var(--lexi-green) !important;
  color: var(--lexi-white) !important;
}


/* Chosen incorrect answer */

.lexi-pronoun-choice__option.is-incorrect {
  background: var(--lexi-warning-bg) !important;
  color: var(--lexi-black) !important;

  box-shadow:
    inset 0 0 0 3px var(--lexi-warning) !important;
}


/* Reveal correct option after an incorrect choice */

.lexi-pronoun-choice__option.is-answer {
  background: var(--lexi-dusty-green) !important;
  color: var(--lexi-black) !important;

  box-shadow:
    inset 0 0 0 3px var(--lexi-green) !important;
}


/* Disabled after answering */

.lexi-pronoun-choice__option:disabled {
  opacity: 1 !important;
  cursor: default;
}


/* =========================================================
   FEEDBACK
   ========================================================= */

.lexi-pronoun-choice__feedback {
  padding: 16px 18px;

  border-top: 3px solid var(--lexi-white);

  color: var(--lexi-black);

  font-size: 14px;
  line-height: 1.55;
}

.lexi-pronoun-choice__feedback.is-correct {
  background: var(--lexi-dusty-green);
}

.lexi-pronoun-choice__feedback.is-incorrect {
  background: var(--lexi-warning-bg);
}


/* Feedback headings */

.lexi-pronoun-choice__feedback-title {
  display: block;

  margin-bottom: 4px;

  font-weight: 800;
}

.lexi-pronoun-choice__feedback.is-correct
.lexi-pronoun-choice__feedback-title {
  color: var(--lexi-green);
}

.lexi-pronoun-choice__feedback.is-incorrect
.lexi-pronoun-choice__feedback-title {
  color: #8A5720;
}


/* Model sentence */

.lexi-pronoun-choice__model {
  display: block;

  margin-top: 8px;
  padding: 10px 12px;

  border-radius: 9px;

  background: var(--lexi-white);
  color: var(--lexi-purple);

  font-size: 16px;
  font-weight: 800;
  line-height: 1.45;
}


/* =========================================================
   RESET
   ========================================================= */

.lexi-pronoun-choice__controls {
  margin-top: 19px;

  text-align: center;
}

.lexi-pronoun-choice__reset {
  display: inline-block !important;

  margin: 0 !important;
  padding: 10px 18px !important;

  border: 2px solid var(--lexi-purple) !important;
  border-radius: 999px !important;

  appearance: none;
  -webkit-appearance: none;

  box-shadow: none !important;

  background: var(--lexi-purple) !important;
  color: var(--lexi-white) !important;

  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;

  cursor: pointer;
}

.lexi-pronoun-choice__reset:hover {
  background: var(--lexi-white) !important;
  color: var(--lexi-purple) !important;
}

.lexi-pronoun-choice__reset:focus-visible {
  outline: 3px solid rgba(131, 0, 201, 0.28) !important;
  outline-offset: 3px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

  .lexi-pronoun-choice {
    margin: 25px auto;
  }

  .lexi-pronoun-choice__label {
    font-size: 13px;
  }

  .lexi-pronoun-choice__intro {
    padding: 15px 13px;
  }

  .lexi-pronoun-choice__intro strong {
    font-size: 16px;
  }

  .lexi-pronoun-choice__intro span {
    font-size: 13px;
  }

  .lexi-pronoun-choice__question {
    border-radius: 14px;
  }

  .lexi-pronoun-choice__prompt {
    min-height: 64px;

    padding: 17px 13px 17px 52px;

    font-size: 16px;
  }

  .lexi-pronoun-choice__number {
    top: 15px;
    left: 13px;

    width: 27px;
    height: 27px;

    font-size: 12px;
  }

  /*
   * Stack the two choices on narrow screens.
   * They remain one integrated choice set.
   */

  .lexi-pronoun-choice__options {
    grid-template-columns: minmax(0, 1fr);
  }

  .lexi-pronoun-choice__option {
    min-height: 54px;

    padding: 12px 10px !important;

    font-size: 13px !important;
  }

  .lexi-pronoun-choice__feedback {
    padding: 14px 13px;

    font-size: 13px;
  }

  .lexi-pronoun-choice__model {
    font-size: 15px;
  }

}
</style>


<script>
(function () {

  function initialiseLexiPronounChoice() {

    var activities = document.querySelectorAll(
      ".lexi-pronoun-choice"
    );

    activities.forEach(function (activity) {

      if (activity.dataset.initialised === "true") {
        return;
      }

      activity.dataset.initialised = "true";

      var questions = activity.querySelectorAll(
        ".lexi-pronoun-choice__question"
      );

      var resetButton = activity.querySelector(
        ".lexi-pronoun-choice__reset"
      );


      /* =====================================================
         ANSWER A QUESTION
         ===================================================== */

      questions.forEach(function (question) {

        var options = question.querySelectorAll(
          ".lexi-pronoun-choice__option"
        );

        var feedback = question.querySelector(
          ".lexi-pronoun-choice__feedback"
        );

        options.forEach(function (option) {

          option.addEventListener("click", function () {

            /*
             * Question locks after one choice.
             * Reset allows another attempt.
             */

            if (question.dataset.answered === "true") {
              return;
            }

            question.dataset.answered = "true";

            var chosenAnswer = option.dataset.choice;
            var correctAnswer = question.dataset.answer;
            var model = question.dataset.model;
            var explanation = question.dataset.explanation;

            var isCorrect =
              chosenAnswer === correctAnswer;


            /* Reset option states */

            options.forEach(function (button) {

              button.disabled = true;

              button.setAttribute(
                "aria-pressed",
                button === option ? "true" : "false"
              );

              button.classList.remove(
                "is-correct",
                "is-incorrect",
                "is-answer"
              );

            });


            /* =================================================
               CORRECT
               ================================================= */

            if (isCorrect) {

              option.classList.add("is-correct");

              feedback.className =
                "lexi-pronoun-choice__feedback is-correct";

              feedback.innerHTML =
                '<span class="lexi-pronoun-choice__feedback-title">' +
                  'Correct.' +
                '</span>' +
                explanation +
                '<span class="lexi-pronoun-choice__model">' +
                  model +
                '</span>';

            }


            /* =================================================
               INCORRECT
               ================================================= */

            else {

              option.classList.add("is-incorrect");

              options.forEach(function (button) {

                if (button.dataset.choice === correctAnswer) {
                  button.classList.add("is-answer");
                }

              });

              feedback.className =
                "lexi-pronoun-choice__feedback is-incorrect";

              feedback.innerHTML =
                '<span class="lexi-pronoun-choice__feedback-title">' +
                  'Not quite.' +
                '</span>' +
                explanation +
                '<span class="lexi-pronoun-choice__model">' +
                  model +
                '</span>';

            }

            feedback.hidden = false;

          });

        });

      });


      /* =====================================================
         RESET
         ===================================================== */

      resetButton.addEventListener("click", function () {

        questions.forEach(function (question) {

          question.dataset.answered = "false";

          var options = question.querySelectorAll(
            ".lexi-pronoun-choice__option"
          );

          var feedback = question.querySelector(
            ".lexi-pronoun-choice__feedback"
          );

          options.forEach(function (option) {

            option.disabled = false;

            option.setAttribute(
              "aria-pressed",
              "false"
            );

            option.classList.remove(
              "is-correct",
              "is-incorrect",
              "is-answer"
            );

          });

          feedback.hidden = true;
          feedback.innerHTML = "";
          feedback.className =
            "lexi-pronoun-choice__feedback";

        });


        var firstOption = activity.querySelector(
          ".lexi-pronoun-choice__option"
        );

        if (firstOption) {
          firstOption.focus();
        }

      });

    });

  }


  if (document.readyState === "loading") {

    document.addEventListener(
      "DOMContentLoaded",
      initialiseLexiPronounChoice
    );

  } else {

    initialiseLexiPronounChoice();

  }

})();
</script>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">7. One Last Detail: Adding Emphasis or Contrast</h2>



<p class="wp-block-paragraph">There is one useful final detail to know.</p>



<p class="wp-block-paragraph">With verbs such as <strong>parler à</strong>, the normal pattern is still:</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>Je parle à Marie. → Je lui parle.</strong><br>I speak to her.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Remember that <strong>lui</strong> can mean either <strong>to him</strong> or <strong>to her</strong>. Usually, the context makes it perfectly clear who we are talking about.</p>



<p class="wp-block-paragraph">But sometimes a speaker wants to make the distinction explicit — perhaps to emphasise one person or contrast them with somebody else.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">In that situation, French can add a stressed pronoun:</p>



<p class="wp-block-paragraph"><strong>Je lui parle, à elle, pas à lui.</strong><br>I’m talking to <strong>her</strong>, not to him.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Here, <strong>lui</strong> is still the indirect object pronoun belonging to <strong>parler à quelqu’un</strong>.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">The additional <strong>à elle</strong> tells us exactly who is being emphasised.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">You can see the same idea in:</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>Je lui ai donné le livre, à elle.</strong><br>I gave the book to <strong>her</strong>.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">The stressed pronoun has not replaced the normal indirect object pronoun pattern. It has been <strong>added for emphasis or clarification</strong>. This is a recognised use of French stressed pronouns, particularly when the speaker needs to make gender or contrast explicit.</p>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading">Compare the two uses</h3>



<p class="wp-block-paragraph">In a normal, neutral sentence:</p>



<p class="wp-block-paragraph"><strong>Je lui parle.</strong><br>I speak to him / her.</p>



<p class="wp-block-paragraph">With deliberate contrast:</p>



<p class="wp-block-paragraph"><strong>Je lui parle, à elle, pas à lui.</strong><br>I’m speaking to <strong>her</strong>, not to him.</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">This is different from the pattern you learnt with <strong>penser à</strong>:</p>



<p class="wp-block-paragraph"><strong>Je pense à elle.</strong></p>



<p class="wp-block-paragraph">Here, <strong>à elle is required by the verb pattern</strong>. There is no indirect object pronoun alongside it:</p>



<p class="wp-block-paragraph"><strong>Je pense à elle.</strong> <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /><br><strong>Je lui pense.</strong> <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">So these two sentences may both contain <strong>à elle</strong>, but for different reasons:</p>



<p class="wp-block-paragraph"><strong>Je pense à elle.</strong><br>→ <em>penser à</em> normally keeps <strong>à + stressed pronoun</strong>.</p>



<p class="wp-block-paragraph"><strong>Je lui parle, à elle.</strong><br>→ <em>parler à</em> normally uses <strong>lui</strong>, with <strong>à elle</strong> added only for emphasis or clarification.</p>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading">The big picture</h3>



<p class="wp-block-paragraph">For ordinary sentences, keep relying on the verb pattern you have learnt:</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>parler à quelqu’un → lui / leur parler</strong></p>



<p class="wp-block-paragraph"><strong>penser à quelqu’un → penser à lui / elle / eux / elles</strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">If you later hear a stressed pronoun added to a sentence such as <strong>Je lui parle, à elle</strong>, you now know why it is there: <strong>the speaker is making the person explicit or creating a contrast</strong>.</p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading wp-embed-aspect-16-9 wp-has-aspect-ratio">Give It a Go!</h2>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">If you&#8217;d like to test your knowledge of what you&#8217;ve learned so far, you can select from any quizzes or activities below.</p>



<p class="wp-block-paragraph"></p>



	<style id="lexicogs-post-grid-css">


		/* =====================================================
		   LEXICOGS POST GRID
		   ===================================================== */


		.lexi-post-grid,
		.lexi-post-grid *,
		.lexi-post-grid *::before,
		.lexi-post-grid *::after {

			box-sizing: border-box;
		}


		.lexi-post-grid {

			--lexi-purple: #8300C9;
			--lexi-black: #131313;

			display: grid !important;


			/*
			 * Three equal-width cards on desktop.
			 *
			 * Results beyond three automatically create
			 * subsequent rows.
			 */
			grid-template-columns: repeat(3, minmax(0, 1fr));

			gap: 24px;

			width: 100%;

			margin: 0;
			padding: 0;

			align-items: stretch;
		}


		/* =====================================================
		   CARD
		   ===================================================== */


		.lexi-post-card {

			display: flex;
			flex-direction: column;

			min-width: 0;

			margin: 0;
			padding: 0;

			background: var(--lexi-card-bg);

			color: var(--lexi-black);

			border: 0;

			border-radius: 20px;

			/*
			 * Ensures the featured image follows the
			 * rounded top corners of the card.
			 */
			overflow: hidden;
		}


		/* =====================================================
		   FEATURED IMAGE
		   ===================================================== */


		.lexi-post-card__image-link {

			display: block;

			width: 100%;

			margin: 0;
			padding: 0;

			background: var(--lexi-purple);

			text-decoration: none !important;

			overflow: hidden;
		}


		.lexi-post-card__image {

			display: block;

			width: 100% !important;
			height: auto !important;

			margin: 0 !important;
			padding: 0 !important;
		}


		/*
		 * Missing featured-image fallback.
		 */
		.lexi-post-card__image-fallback {

			aspect-ratio: 16 / 9;

			background: var(--lexi-purple);
		}


		/* =====================================================
		   CARD BODY
		   ===================================================== */


		.lexi-post-card__body {

			display: flex;

			flex: 1 1 auto;
			flex-direction: column;

			padding: 20px;
		}


		.lexi-post-card__title {

			margin: 0 0 14px !important;
			padding: 0 !important;

			color: var(--lexi-black) !important;

			line-height: 1.25;
		}


		.lexi-post-card__title a,
		.lexi-post-card__title a:visited {

			color: var(--lexi-black) !important;

			text-decoration: none !important;
		}


		.lexi-post-card__title a:hover {

			color: var(--lexi-purple) !important;
		}


		.lexi-post-card__excerpt {

			margin: 0 0 22px;
			padding: 0;

			color: var(--lexi-black) !important;
		}


		.lexi-post-card__excerpt p {

			color: var(--lexi-black) !important;
		}


		.lexi-post-card__excerpt p:first-child {

			margin-top: 0;
		}


		.lexi-post-card__excerpt p:last-child {

			margin-bottom: 0;
		}


		/* =====================================================
		   CTA
		   ===================================================== */


		.lexi-post-card__cta {

			display: inline-flex !important;

			align-items: center;
			justify-content: center;

			align-self: flex-start;

			width: auto !important;


			/*
			 * Keeps the CTA at the bottom of the card body
			 * where neighbouring excerpts differ in length.
			 */
			margin: auto 0 0 !important;

			padding: 10px 22px !important;

			background: var(--lexi-purple) !important;

			border: 1px solid var(--lexi-purple) !important;

			border-radius: 30px !important;

			color: #FFFFFF !important;

			text-decoration: none !important;

			box-shadow: none !important;

			appearance: none;
			-webkit-appearance: none;

			transition:
				background-color 0.18s ease,
				color 0.18s ease,
				border-color 0.18s ease;
		}


		/*
		 * Hover / pressed / most recently followed state.
		 */
		.lexi-post-card__cta:hover,
		.lexi-post-card__cta:active,
		.lexi-post-card__cta.is-visited {

			background: transparent !important;

			border-color: var(--lexi-purple) !important;

			color: var(--lexi-purple) !important;
		}


		/* =====================================================
		   KEYBOARD ACCESSIBILITY
		   ===================================================== */


		.lexi-post-card__cta:focus-visible,
		.lexi-post-card__title a:focus-visible,
		.lexi-post-card__image-link:focus-visible {

			outline: 3px solid var(--lexi-purple) !important;

			outline-offset: 3px;
		}


		.lexi-post-card__cta:focus-visible {

			background: transparent !important;

			color: var(--lexi-purple) !important;
		}


		/* =====================================================
		   EMPTY STATE
		   ===================================================== */


		.lexi-post-grid__empty {

			margin: 0;

			color: #131313;
		}


		/* =====================================================
		   MOBILE
		   ===================================================== */


		@media (max-width: 767px) {


			/*
			 * All cards stack vertically on mobile.
			 */
			.lexi-post-grid {

				grid-template-columns: 1fr;

				gap: 20px;
			}


			.lexi-post-card__body {

				padding: 20px;
			}
		}


	</style>


	<script id="lexicogs-post-grid-js">

	(function () {

		'use strict';


		/*
		 * Only ONE value is now stored:
		 * the destination of the most recently clicked card.
		 */
		var storageKey = 'lexicogs-post-grid-last-clicked';


		/*
		 * Safely read browser-local state.
		 */
		function readLastClicked() {

			try {

				return window.localStorage.getItem(storageKey);

			} catch (error) {

				return null;
			}
		}


		/*
		 * Safely save the latest destination.
		 *
		 * Setting this value automatically replaces the
		 * previously stored destination.
		 */
		function saveLastClicked(url) {

			try {

				window.localStorage.setItem(
					storageKey,
					url
				);

			} catch (error) {

				/*
				 * The grid remains fully functional if
				 * localStorage is unavailable.
				 */
			}
		}


		/*
		 * Remove the inverted state from every CTA currently
		 * rendered on the page.
		 */
		function clearClickedStates() {

			document
				.querySelectorAll('.lexi-post-card__cta.is-visited')
				.forEach(function (cta) {

					cta.classList.remove('is-visited');

				});
		}


		function initialiseLexicogsPostGrid() {


			var lastClicked = readLastClicked();


			document
				.querySelectorAll('.lexi-post-card')
				.forEach(function (card) {


					var cta = card.querySelector(
						'.lexi-post-card__cta'
					);


					if (!cta) {

						return;
					}


					/*
					 * Restore the inverted state ONLY if this
					 * card was the most recently followed one.
					 */
					if (lastClicked === cta.href) {

						cta.classList.add('is-visited');
					}


					/*
					 * Clicking the image, title or CTA makes
					 * THIS card the single most recently
					 * followed destination.
					 */
					card
						.querySelectorAll('a[href]')
						.forEach(function (link) {


							link.addEventListener(
								'click',
								function () {


									/*
									 * First restore every other CTA
									 * on the current page to normal.
									 */
									clearClickedStates();


									/*
									 * Store this destination as the
									 * one and only latest click.
									 */
									saveLastClicked(
										cta.href
									);


									/*
									 * Invert this CTA.
									 */
									cta.classList.add(
										'is-visited'
									);

								}
							);


						});


				});

		}


		if (document.readyState === 'loading') {


			document.addEventListener(
				'DOMContentLoaded',
				initialiseLexicogsPostGrid
			);


		} else {


			initialiseLexicogsPostGrid();
		}


	})();

	</script>

	

	<div class="lexi-post-grid">

		

			<article
				class="lexi-post-card lexi-post-card--exercise"
				style="--lexi-card-bg: #E0EEE0;"
			>


				

				

					<a
						class="lexi-post-card__image-link"
						href="https://lexicogs.com/french-written-quiz-indirect-pronoun-patterns/"
						aria-label="French Written Quiz &#8211; Indirect Pronoun Patterns"
					>

						<img width="1024" height="373" src="https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-2-1-1024x373.jpg" class="lexi-post-card__image wp-post-image no-lazyload" alt="" loading="lazy" decoding="async" srcset="https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-2-1-1024x373.jpg 1024w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-2-1-1536x560.jpg 1536w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-2-1-300x109.jpg 300w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-2-1-768x280.jpg 768w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-2-1.jpg 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" />
					</a>


				

				

				<div class="lexi-post-card__body">


					<h3 class="lexi-post-card__title">

						<a href="https://lexicogs.com/french-written-quiz-indirect-pronoun-patterns/">
							French Written Quiz &#8211; Indirect Pronoun Patterns						</a>

					</h3>


					

						<div class="lexi-post-card__excerpt">

							<p>A written quiz to test your knowledge of indirect object pronouns and their patterns in French.</p>

						</div>


					

					<a
						class="lexi-post-card__cta"
						href="https://lexicogs.com/french-written-quiz-indirect-pronoun-patterns/"
					>
						Launch					</a>


				</div>


			</article>


		

	</div>


	



<p class="wp-block-paragraph"></p>



    <div class="lexicogs-back-button-wrap">
      <button
        type="button"
        class="lexicogs-back-button"
        data-fallback-url="https://lexicogs.com/"
      >
        ← Go back      </button>
    </div>

    



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>French Written Quiz &#8211; Indirect Pronoun Patterns</title>
		<link>https://lexicogs.com/french-written-quiz-indirect-pronoun-patterns/</link>
		
		<dc:creator><![CDATA[Lexi Cogs]]></dc:creator>
		<pubDate>Thu, 20 Aug 2026 08:15:43 +0000</pubDate>
				<category><![CDATA[French Quiz]]></category>
		<category><![CDATA[Quiz]]></category>
		<category><![CDATA[French language]]></category>
		<category><![CDATA[Quiz - Indirect Pronoun Patterns in French]]></category>
		<guid isPermaLink="false">https://lexicogs.com/?p=105335</guid>

					<description><![CDATA[A written quiz to test your knowledge of indirect object pronouns and their patterns in French.]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large has-custom-border"><img decoding="async" width="1024" height="373" src="https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-2-1-1024x373.jpg" alt="" class="wp-image-105322 no-lazyload" style="border-radius:22px" srcset="https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-2-1-1024x373.jpg 1024w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-2-1-1536x560.jpg 1536w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-2-1-300x109.jpg 300w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-2-1-768x280.jpg 768w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-2-1.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">This quiz appears is associated with the article:<br><a href="https://lexicogs.com/how-to-use-direct-object-pronouns-in-french/">How To Use Indirect Object Pronouns in French</a></p>



<p class="wp-block-paragraph"></p>



<h1 class="wp-block-heading">French Quiz &#8211; Indirect Pronoun Patterns</h1>



<p class="wp-embed-aspect-16-9 wp-has-aspect-ratio wp-block-paragraph"></p>



    <div
      id="boersk-typed-quiz-2"
      class="boersk-quiz-widget"
      data-questions="[{&quot;english&quot;:&quot;Je téléphone à Marie.&quot;,&quot;target&quot;:&quot;Je lui téléphone.&quot;},{&quot;english&quot;:&quot;Je pense à Marie.&quot;,&quot;target&quot;:&quot;Je pense à elle.&quot;},{&quot;english&quot;:&quot;Nous répondons à Paul et Marie.&quot;,&quot;target&quot;:&quot;Nous leur répondons.&quot;},{&quot;english&quot;:&quot;Nous pensons à Paul et Marie.&quot;,&quot;target&quot;:&quot;Nous pensons à eux.&quot;},{&quot;english&quot;:&quot;Elle s’intéresse à Sophie.&quot;,&quot;target&quot;:&quot;Elle s’intéresse à elle.&quot;},{&quot;english&quot;:&quot;Je tiens à Marie et Sophie.&quot;,&quot;target&quot;:&quot;Je tiens à elles.&quot;},{&quot;english&quot;:&quot;Tu réponds à Paul.&quot;,&quot;target&quot;:&quot;Tu lui réponds.&quot;},{&quot;english&quot;:&quot;Tu fais attention à Paul et Marie.&quot;,&quot;target&quot;:&quot;Tu fais attention à eux.&quot;}]"
    >
      <div class="quiz-card">
        <div class="quiz-progress">
          Question <span class="current-question">1</span> of <span class="total-questions">1</span>
        </div>

        <div class="quiz-label">Rewrite without repeating the person or people</div>

        <div class="quiz-prompt"></div>

        <input
          type="text"
          class="answer-input"
          placeholder="Type the complete French sentence"
          autocomplete="off"
        />

        <div class="quiz-feedback"></div>

        <div class="quiz-controls">
          <button type="button" class="check-answer">Check answer</button>
          <button type="button" class="next-question" disabled>Next question →</button>
          <button type="button" class="skip-question">Skip question</button>
        </div>
      </div>

      <div class="quiz-results" hidden>
        <div class="results-title">Test complete!</div>
        <div class="results-score">
          You scored <span class="final-score">0</span> out of <span class="final-total">0</span>.
        </div>
        <div class="results-message"></div>
        <div class="results-review" hidden>
          <div class="results-review-title">Review these answers</div>
          <div class="results-review-list"></div>
        </div>
        <button type="button" class="restart-quiz">Try again</button>
      </div>
    </div>

    



<p class="wp-block-paragraph"></p>



<p class="has-text-align-center wp-block-paragraph"></p>



    <div class="lexicogs-back-button-wrap">
      <button
        type="button"
        class="lexicogs-back-button"
        data-fallback-url="https://lexicogs.com/"
      >
        ← Go back      </button>
    </div>

    



<p class="wp-embed-aspect-16-9 wp-has-aspect-ratio wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>French Written Quiz &#8211; Indirect Object Pronouns</title>
		<link>https://lexicogs.com/french-written-quiz-indirect-object-pronouns/</link>
		
		<dc:creator><![CDATA[Lexi Cogs]]></dc:creator>
		<pubDate>Wed, 19 Aug 2026 09:15:59 +0000</pubDate>
				<category><![CDATA[French Quiz]]></category>
		<category><![CDATA[Quiz]]></category>
		<category><![CDATA[French language]]></category>
		<category><![CDATA[Quiz - Indirect Object Pronouns in French]]></category>
		<guid isPermaLink="false">https://lexicogs.com/?p=105292</guid>

					<description><![CDATA[A quiz to test your knowledge of indirect object pronouns in French.]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large has-custom-border"><img decoding="async" width="1024" height="373" src="https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-1024x373.jpg" alt="" class="wp-image-105267 no-lazyload" style="border-radius:22px" srcset="https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-1024x373.jpg 1024w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-300x109.jpg 300w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-768x280.jpg 768w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns-1536x560.jpg 1536w, https://lexicogs.com/wp-content/uploads/2026/08/Indirect-Object-Pronouns.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">This quiz appears is associated with the article:<br><a href="https://lexicogs.com/how-to-use-direct-object-pronouns-in-french/">How To Use Indirect Object Pronouns in French</a></p>



<p class="wp-block-paragraph"></p>



<h1 class="wp-block-heading">French Quiz &#8211; Indirect Object Pronouns</h1>



<p class="wp-embed-aspect-16-9 wp-has-aspect-ratio wp-block-paragraph"></p>



    <div
      id="boersk-typed-quiz-3"
      class="boersk-quiz-widget"
      data-questions="[{&quot;english&quot;:&quot;Je parle à Marie.&quot;,&quot;target&quot;:&quot;Je lui parle.&quot;},{&quot;english&quot;:&quot;Paul téléphone à sa sœur.&quot;,&quot;target&quot;:&quot;Paul lui téléphone.&quot;},{&quot;english&quot;:&quot;Nous écrivons à nos parents.&quot;,&quot;target&quot;:&quot;Nous leur écrivons.&quot;},{&quot;english&quot;:&quot;Elle répond à ses amis.&quot;,&quot;target&quot;:&quot;Elle leur répond.&quot;},{&quot;english&quot;:&quot;Je donne le livre à Paul.&quot;,&quot;target&quot;:&quot;Je lui donne le livre.&quot;},{&quot;english&quot;:&quot;Nous montrons la photo à Marie.&quot;,&quot;target&quot;:&quot;Nous lui montrons la photo.&quot;},{&quot;english&quot;:&quot;Il envoie un message à ses parents.&quot;,&quot;target&quot;:&quot;Il leur envoie un message.&quot;},{&quot;english&quot;:&quot;Je vais téléphoner à Marie.&quot;,&quot;target&quot;:&quot;Je vais lui téléphoner.&quot;},{&quot;english&quot;:&quot;Nous voulons écrire à nos amis.&quot;,&quot;target&quot;:&quot;Nous voulons leur écrire.&quot;},{&quot;english&quot;:&quot;Elle préfère parler à Paul.&quot;,&quot;target&quot;:&quot;Elle préfère lui parler.&quot;},{&quot;english&quot;:&quot;Ils doivent répondre à leurs clients.&quot;,&quot;target&quot;:&quot;Ils doivent leur répondre.&quot;},{&quot;english&quot;:&quot;Je peux prêter mon vélo à Marie.&quot;,&quot;target&quot;:&quot;Je peux lui prêter mon vélo.&quot;},{&quot;english&quot;:&quot;J’ai parlé à Marie.&quot;,&quot;target&quot;:&quot;Je lui ai parlé.&quot;},{&quot;english&quot;:&quot;Nous avons écrit à nos parents.&quot;,&quot;target&quot;:&quot;Nous leur avons écrit.&quot;},{&quot;english&quot;:&quot;Elle a téléphoné à Paul.&quot;,&quot;target&quot;:&quot;Elle lui a téléphoné.&quot;},{&quot;english&quot;:&quot;Ils ont envoyé un message à leurs amis.&quot;,&quot;target&quot;:&quot;Ils leur ont envoyé un message.&quot;},{&quot;english&quot;:&quot;Téléphone à Marie !&quot;,&quot;target&quot;:&quot;Téléphone-lui !&quot;},{&quot;english&quot;:&quot;Écrivez à vos clients !&quot;,&quot;target&quot;:&quot;Écrivez-leur !&quot;},{&quot;english&quot;:&quot;Ne réponds pas à Paul !&quot;,&quot;target&quot;:&quot;Ne lui réponds pas !&quot;},{&quot;english&quot;:&quot;Ne téléphone pas à tes parents !&quot;,&quot;target&quot;:&quot;Ne leur téléphone pas !&quot;}]"
    >
      <div class="quiz-card">
        <div class="quiz-progress">
          Question <span class="current-question">1</span> of <span class="total-questions">1</span>
        </div>

        <div class="quiz-label">Rewrite using an indirect object pronoun</div>

        <div class="quiz-prompt"></div>

        <input
          type="text"
          class="answer-input"
          placeholder="Type the complete French sentence"
          autocomplete="off"
        />

        <div class="quiz-feedback"></div>

        <div class="quiz-controls">
          <button type="button" class="check-answer">Check answer</button>
          <button type="button" class="next-question" disabled>Next question →</button>
          <button type="button" class="skip-question">Skip question</button>
        </div>
      </div>

      <div class="quiz-results" hidden>
        <div class="results-title">Test complete!</div>
        <div class="results-score">
          You scored <span class="final-score">0</span> out of <span class="final-total">0</span>.
        </div>
        <div class="results-message"></div>
        <div class="results-review" hidden>
          <div class="results-review-title">Review these answers</div>
          <div class="results-review-list"></div>
        </div>
        <button type="button" class="restart-quiz">Try again</button>
      </div>
    </div>

    



<p class="wp-block-paragraph"></p>



<p class="has-text-align-center wp-block-paragraph"></p>



    <div class="lexicogs-back-button-wrap">
      <button
        type="button"
        class="lexicogs-back-button"
        data-fallback-url="https://lexicogs.com/"
      >
        ← Go back      </button>
    </div>

    



<p class="wp-embed-aspect-16-9 wp-has-aspect-ratio wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
