<turbo-stream action="update" target="program_collection_homepage"><template><div class="hidden"
     data-controller="integrations"
     data-integrations-facebook-pixel-enabled-value="true"
     data-integrations-google-tag-manager-enabled-value="true"
     data-integrations-google-analytics-enabled-value="true"
>
  <span class="hidden"
        data-integrations-target="gTag"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Practical Writing Tips&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Practical Writing Tips&quot;]'
  ></span>
</div>

<div class="collection pt-0 lg:pt-4">
    <div
      class='container hotwired'
      id="collection_cover"
      data-controller="program program-details-modal"
      data-program-id="1331400"
      data-blocked-in-user-country="false"
    >
      
<ds-modal no-background="" size="small" with-close-icon id="more-details-modal" data-action="close->program-details-modal#closeDetailModal">
  <div class="bg-ds-default">
    <div class="p-6 pb-0 max-h-[calc(100vh-190px)] overflow-y-auto">
      <p class="text-ds-default text-ds-large-bold mb-4">Practical Writing Tips</p>
      <p class="text-ds-small-semi-bold-uppercase text-ds-muted mb-4">About</p>
      <div class="content-description text-ds-base-regular text-ds-default mb-6" data-program-details-modal-target="modalContent"></div>
      <div class="p-4 bg-ds-overlay flex flex-col gap-2 rounded overflow-x-auto">
        <div class="flex w-full gap-2">
          <div class="text-ds-small-medium text-ds-default w-[100px]">Released</div>
          <div class="text-ds-small-regular text-ds-default">September 2021</div>
        </div>
          <div class="flex w-full gap-2">
              <div class="text-ds-small-medium text-ds-default w-[100px] shrink-0">Categories</div>
            <div class="flex flex-col w-full">
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/practical-writing-tips"
                    data-turbo-frame="_top"
                  >
                    Practical Writing Tips
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (8 videos)
                  </span>
                </div>
            </div>
          </div>
      </div>
    </div>
    <div class="text-right p-6 pt-2">
      <ds-button variant="primary" onclick="document.getElementById('more-details-modal').close()">Close</ds-button>
    </div>
  </div>
</ds-modal>

<div class="flex flex-col lg:flex-row gap-x-12 mb-6 lg:mb-0">
    <div class="h-full w-full lg:w-[55%] relative">
        <img
          src="https://alpha.uscreencdn.com/images/programs/1331400/horizontal/collection-thumbnail-practical-writing-tips.1659391561.png?auto=webp&width=700"
          srcset="https://alpha.uscreencdn.com/images/programs/1331400/horizontal/collection-thumbnail-practical-writing-tips.1659391561.png?auto=webp&width=700,
                  https://alpha.uscreencdn.com/images/programs/1331400/horizontal/collection-thumbnail-practical-writing-tips.1659391561.png?auto=webp&width=1050 2x"
          alt="Practical Writing Tips"
          class="aspect-video rounded h-auto w-full"
        >
    </div>
  <div id="program_about" class="w-full lg:w-[45%] lg:mb-5">
      <p class="text-primary text-ds-tiny-bold-uppercase mb-1 mt-4 lg:mt-0">
        <ds-icon class="inline-block align-sub" size="16px" name='playlist'></ds-icon> Collection
      </p>
      <h1 class="text-ds-title-2-semi-bold mt-2 lg:mt-0">
        Practical Writing Tips
      </h1>
      <div class="mt-2">
        <span class="inline-block">
            <ds-avatar
              style="--ds-avatar-size: 1.5rem;"
              class="inline-block "
              size="xxxs"
              url="https://alpha.uscreencdn.com/images/author/26229/small_small_small_small_small_MCwqAfgeTLOU29UiucDb_Write_20Roundel_20md.jpg"
              text="The Write Team">
            </ds-avatar>
        </span>
        <span class="inline-block align-super text-ds-default text-ds-small-regular">
          The Write Team
        </span>
      </div>
    <div class="mt-4 text-ds-small-regular">
      <div aria-expanded=true class="content-description line-clamp-3 max-h-[60px] xl:line-clamp-[7] xl:max-h-[140px] xl:aria-expanded:line-clamp-[11] xl:aria-expanded:max-h-[220px]" data-program-details-modal-target="description">
        <p>This collection teaches you practical techniques for using language and grammar that will make a big difference and set your writing apart from others.</p>
      </div>
      <ds-button variant="text" data-action="click->program-details-modal#openDetailModal" class="cursor-pointer">Learn more</ds-button>
    </div>
    <div class="mt-4 flex flex-col sm:flex-row gap-2 ">
            <ds-dropdown data-test="subscriptions-list" float="center" sm="float:left" class="w-full">
              <ds-button class="w-full" slot="control" variant="primary" onclick="window.CatalogAnalytics('clickVideoCtaToSubscribe', '1331400', 'sidebar', 'Subscribe to watch')">
                  Subscribe to watch
                <ds-icon slot="after" name="chevron-down"></ds-icon>
              </ds-button>
              <div
                slot="content"
                class="p-6 pt-4 w-screen max-w-screen-md sm:max-w-lg box-border sm:w-auto"
              >
                <p class="text-ds-small-regular mb-4">Select a membership:</p>
                  <a
                    href="/checkout/new?o=38797"
                    data-turbo-frame="_top"
                    class="mb-4 last:mb-0 rounded w-full border border-solid border-ds-default flex hover:opacity-70 transition-opacity"
                  >
                      <div class="h-[4rem] sm:h-[7rem] max-w-[112px] w-full sm:max-w-[192px] flex shrink-0">
                        <img class="h-full max-w-full max-h-full rounded-l mr-auto" src="https://alpha.uscreencdn.com/images/offer/38797/waves-blue.1719979799.jpg">
                      </div>
                    <div class="py-1 px-2 sm:px-3 sm:py-3 flex flex-col items-start justify-center w-full">
                      <p class="text-ds-tiny-bold-uppercase text-primary">
                        Monthly
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        Free 7-day trial, then $29 monthly
                      </p>
                        <div class="flex flex-col items-start">
                          <span class="text-ds-base-semi-bold">
                            Free for 7 days
                          </span>
                          <span class="text-ds-tiny-regular text-ds-muted sm:whitespace-nowrap">
                            NZD $29.00/month after trial
                          </span>
                        </div>
                    </div>
                  </a>
                  <a
                    href="/checkout/new?o=42898"
                    data-turbo-frame="_top"
                    class="mb-4 last:mb-0 rounded w-full border border-solid border-ds-default flex hover:opacity-70 transition-opacity"
                  >
                      <div class="h-[4rem] sm:h-[7rem] max-w-[112px] w-full sm:max-w-[192px] flex shrink-0">
                        <img class="h-full max-w-full max-h-full rounded-l mr-auto" src="https://alpha.uscreencdn.com/images/offer/42898/compelling-cv-pattern.1719979055.jpg">
                      </div>
                    <div class="py-1 px-2 sm:px-3 sm:py-3 flex flex-col items-start justify-center w-full">
                      <p class="text-ds-tiny-bold-uppercase text-primary">
                        Annually
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        Free 7-day trial, then $239 annually
                      </p>
                        <div class="flex flex-col items-start">
                          <span class="text-ds-base-semi-bold">
                            Free for 7 days
                          </span>
                          <span class="text-ds-tiny-regular text-ds-muted sm:whitespace-nowrap">
                            NZD $239.00/year after trial
                          </span>
                        </div>
                    </div>
                  </a>
              </div>
            </ds-dropdown>
    </div>
  </div>
</div>

    </div>

  <div class="collection-videos relative bg-ds-inset border-y border-ds-default mt-4" id="program_playlist">
    <div class="container">
      <div
        class="py-8"
        data-area="playlist"
        data-controller="playlist-modal"
        data-playlist-modal-root-url-value="https://writeonline.co.nz"
      >
          <ds-modal
            id="free-video-modal"
            size="large"
            with-close-icon
            close-icon-in-backdrop
            no-background
            
            data-action="close->playlist-modal#stopVideo"
            data-playlist-modal-target="modal"
          >
            <div data-controller="integrations"
                 data-integrations-facebook-pixel-enabled-value="true"
                 data-integrations-google-tag-manager-enabled-value="true"
                 data-integrations-google-analytics-enabled-value="true"
                 class="bg-ds-subtle"
            >
              <turbo-frame id="free_program"></turbo-frame>            </div>
          </ds-modal>

        <div class="flex items-center justify-between mb-5">
          <p class="collection-videos-counter text-ds-tiny-semi-bold-uppercase" data-area="counter">
            <ds-icon size="16px" class="pr-1 inline-block align-bottom" name='playlist'></ds-icon>
            Videos (4)
          </p>
        </div>
          <div class="playlist-divider mt-4 mb-3 md:hidden col-span-full" data-area="playlist-divider">
            
          </div>
            <ds-swiper
              initial-slide="0"
              class="md:hidden"
              md="disabled:true"
              overflow-visible
              options="{&quot;slidesPerView&quot;:2.3,&quot;spaceBetween&quot;:8}"
            >
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2436084">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Commonly confused words: How to tell tricky words apart" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1329554/horizontal/Updated-thumbnail-Commonly-confused-words-2022-07-21.1659391668.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1329554/horizontal/Updated-thumbnail-Commonly-confused-words-2022-07-21.1659391668.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1329554/horizontal/Updated-thumbnail-Commonly-confused-words-2022-07-21.1659391668.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1329554/horizontal/Updated-thumbnail-Commonly-confused-words-2022-07-21.1659391668.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">05:50</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Commonly confused words: How to tell tricky words apart">Commonly confused words: How to tell tricky words apart</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Access or excess? Affect or effect? Continual or continuous? This lesson will help you tell tricky words apart.</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="3122690">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Handle conflict with confidence: Part 1" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2294861/horizontal/thumbnail-part-1-handle-conflict-with-confidence.1684381617.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2294861/horizontal/thumbnail-part-1-handle-conflict-with-confidence.1684381617.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2294861/horizontal/thumbnail-part-1-handle-conflict-with-confidence.1684381617.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2294861/horizontal/thumbnail-part-1-handle-conflict-with-confidence.1684381617.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">04:46</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Handle conflict with confidence: Part 1">Handle conflict with confidence: Part 1</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Watch this two-part miniseries to handle conflict with confidence.</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="3122691">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Handle conflict with confidence: Part 2" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2294860/horizontal/uscreen-thumbnail-commonly-confused-words.1684382251.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2294860/horizontal/uscreen-thumbnail-commonly-confused-words.1684382251.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2294860/horizontal/uscreen-thumbnail-commonly-confused-words.1684382251.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2294860/horizontal/uscreen-thumbnail-commonly-confused-words.1684382251.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">03:51</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Handle conflict with confidence: Part 2">Handle conflict with confidence: Part 2</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Watch this two-part miniseries to handle conflict with confidence.</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="4152997">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Retire your inner English teacher" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/3540402/horizontal/0d9ce9b5-5b3b-4bf9-994a-80c02d607d4b.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/3540402/horizontal/0d9ce9b5-5b3b-4bf9-994a-80c02d607d4b.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/3540402/horizontal/0d9ce9b5-5b3b-4bf9-994a-80c02d607d4b.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/3540402/horizontal/0d9ce9b5-5b3b-4bf9-994a-80c02d607d4b.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">03:18</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Retire your inner English teacher">Retire your inner English teacher</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Writing to be understood is more important than following every writing rule — let go of old writing habits today.</p>
  </div>

                </swiper-slide>
            </ds-swiper>
        <ds-show-more
          style="--ds-show-more-fade-color: transparent;"
          content-not-clickable
          class="!hidden md:!block"
          float="center"
          disabled="true"
          once
          max-height="550"
          md="disabled:false"
          lg="max-height:900"
        >
          <ds-button slot="button" class="collection-videos-button mt-6">Show all videos</ds-button>
          <div slot="content" class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" data-area="chapters">
                <div class="content-item block pointer-events-none" data-cid="2436084">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Commonly confused words: How to tell tricky words apart" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1329554/horizontal/Updated-thumbnail-Commonly-confused-words-2022-07-21.1659391668.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1329554/horizontal/Updated-thumbnail-Commonly-confused-words-2022-07-21.1659391668.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1329554/horizontal/Updated-thumbnail-Commonly-confused-words-2022-07-21.1659391668.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1329554/horizontal/Updated-thumbnail-Commonly-confused-words-2022-07-21.1659391668.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">05:50</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Commonly confused words: How to tell tricky words apart">Commonly confused words: How to tell tricky words apart</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Access or excess? Affect or effect? Continual or continuous? This lesson will help you tell tricky words apart.</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="3122690">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Handle conflict with confidence: Part 1" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2294861/horizontal/thumbnail-part-1-handle-conflict-with-confidence.1684381617.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2294861/horizontal/thumbnail-part-1-handle-conflict-with-confidence.1684381617.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2294861/horizontal/thumbnail-part-1-handle-conflict-with-confidence.1684381617.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2294861/horizontal/thumbnail-part-1-handle-conflict-with-confidence.1684381617.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">04:46</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Handle conflict with confidence: Part 1">Handle conflict with confidence: Part 1</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Watch this two-part miniseries to handle conflict with confidence.</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="3122691">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Handle conflict with confidence: Part 2" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/2294860/horizontal/uscreen-thumbnail-commonly-confused-words.1684382251.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/2294860/horizontal/uscreen-thumbnail-commonly-confused-words.1684382251.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/2294860/horizontal/uscreen-thumbnail-commonly-confused-words.1684382251.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/2294860/horizontal/uscreen-thumbnail-commonly-confused-words.1684382251.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">03:51</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Handle conflict with confidence: Part 2">Handle conflict with confidence: Part 2</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Watch this two-part miniseries to handle conflict with confidence.</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="4152997">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Retire your inner English teacher" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/3540402/horizontal/0d9ce9b5-5b3b-4bf9-994a-80c02d607d4b.png?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/3540402/horizontal/0d9ce9b5-5b3b-4bf9-994a-80c02d607d4b.png?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/3540402/horizontal/0d9ce9b5-5b3b-4bf9-994a-80c02d607d4b.png?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/3540402/horizontal/0d9ce9b5-5b3b-4bf9-994a-80c02d607d4b.png" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">03:18</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Retire your inner English teacher">Retire your inner English teacher</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Writing to be understood is more important than following every writing rule — let go of old writing habits today.</p>
  </div>

          </div>
        </ds-show-more>
      </div>
    </div>
  </div>

</div>
</template></turbo-stream>