/* AFTERLOGUE — HOME / DISCOVER VISUALS
   Scoped to this page. Global header, account controls, and authentication
   keep their existing styles and behavior.
   Hero still: Aux garçons de mon âge (2026), from Wikimedia Commons.
*/
body.discovery-home-page {
  background: #000;
  overflow-x: clip;
}

.discovery-home-page .discover-page {
  width: min(1480px, 100%);
  max-width: none;
  min-height: 0;
  margin: 0 auto;
  padding: 0 clamp(18px, 4.6vw, 70px) 60px;
}

/* Cinematic horizontal hero; dark edges dissolve into the page. */
.discovery-home-page .discover-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: 350px;
  height: clamp(360px, 32vw, 425px);
  width: 100vw;
  margin: 0 0 32px calc(50% - 50vw);
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #000;
}

.discovery-home-page .discover-hero-photo {
  position: absolute;
  z-index: -2;
  inset: 0;
  background-color: #22201d;
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/e/e8/Aux_gar%C3%A7ons_de_mon_%C3%A2ge_-_Still_4.jpg");
  background-size: cover;
  background-position: center 81%;
  transform: scale(1.045);
  transform-origin: center;
  filter: saturate(1) brightness(.96);
}

.discovery-home-page .discover-hero::after {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: -1;
  inset: 0;
  /* Gentle left-side shading for the heading. No opaque bottom strip. */
  background: linear-gradient(
    90deg,
    rgba(13,15,14,.38) 0%,
    rgba(13,15,14,.22) 28%,
    rgba(13,15,14,.05) 55%,
    transparent 75%
  );
}

.discovery-home-page .discover-intro {
  position: relative;
  z-index: 1;
  max-width: 58%;
  padding: 20px 0 22px clamp(28px, 5.1vw, 90px);
}

.discovery-home-page .discover-eyebrow {
  margin: 0 0 12px;
  color: #D8B98F;
  font: 600 9px/1.4 Arial,Helvetica,sans-serif;
  letter-spacing: .19em;
}

.discovery-home-page .discover-intro h1 {
  max-width: 580px;
  margin: 0 0 13px;
  color: #F4EADD;
  font: 400 clamp(38px, 3.65vw, 56px)/1.06 Georgia,"Times New Roman",serif;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.discovery-home-page .discover-hero-line { display: block; }

.discovery-home-page .discover-description {
  max-width: 465px;
  margin: 0;
  color: #DBCFBF;
  font: 12px/1.6 Arial,Helvetica,sans-serif;
}

.discovery-home-page .discover-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 17px;
  margin-top: 17px;
}

.discovery-home-page .discover-again-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 225px;
  width: auto;
  min-height: 39px;
  margin: 0;
  padding: 10px 22px;
  color: #131210;
  background: #F4EADD;
  border: 1px solid #F4EADD;
  border-radius: 999px;
  font: 500 12px/1.4 Arial,Helvetica,sans-serif;
  letter-spacing: 0;
  cursor: pointer;
  transition: background .2s,color .2s;
}

.discovery-home-page .discover-again-button:hover,
.discovery-home-page .discover-again-button:focus-visible {
  color: #10100f;
  background: #D4B487;
  border-color: #D4B487;
}

.discovery-home-page .discover-again-button:focus-visible {
  outline: 2px solid #F4EADD;
  outline-offset: 3px;
}

.discovery-home-page .discover-hero-note {
  color: #BFAE96;
  font: 9px/1.4 Arial,Helvetica,sans-serif;
  letter-spacing: .08em;
}

/* Compact heading so the first five posters appear in the same viewport. */
.discovery-home-page .discovery-selections {
  padding: 12px 0 0;
  margin: 0;
}

.discovery-home-page .discovery-top {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  padding: 0 0 11px;
  border-bottom: 1px solid rgba(206,177,139,.24);
}

.discovery-home-page .discovery-section-header {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.discovery-home-page .discovery-section-header p {
  margin: 0 0 6px;
  color: #CDAE82;
  font: 600 9px/1.3 Arial,sans-serif;
  letter-spacing: .17em;
}

.discovery-home-page .discovery-section-header h2 {
  margin: 0;
  color: #F4EADD;
  font: 400 clamp(24px,2.5vw,35px)/1.15 Georgia,serif;
  letter-spacing: -.02em;
}

.discovery-home-page .discovery-count {
  margin: 8px 0 0;
  color: #BCAF9E;
  font: 11px/1.45 Inter,Arial,Helvetica,sans-serif;
}

.discovery-home-page [hidden] { display: none !important; }

.discovery-home-page .discovery-category-buttons {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-items: center;
  width: min(760px, 100%);
  min-width: 0;
  gap: 11px;
  margin: 12px auto 0;
  padding: 0;
  border-radius: 0;
  background: none;
}

.discovery-home-page .discovery-category {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 31px;
  padding: 6px 14px;
  border: 1px solid rgba(212,180,135,.35);
  border-radius: 999px;
  color: #E9DCCB;
  background: transparent;
  font: 500 11px/1.35 Inter,Arial,Helvetica,sans-serif;
  transition: background-color .2s ease,color .2s ease,border-color .2s ease;
  white-space: nowrap;
}

.discovery-home-page .discovery-category:hover,
.discovery-home-page .discovery-category:focus-visible {
  border-color: #D4B487;
  background: #D4B487;
  color: #171310;
}

.discovery-home-page .discovery-category.active {
  background: #D4B487;
  color: #171310;
  border-color: #D4B487;
}

/* Posters return to their original vertical, borderless presentation. */
.discovery-home-page .discovery-results {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  align-items: start;
  justify-content: space-between;
  gap: clamp(14px,1.6vw,24px);
  width: 100%;
  max-width: none;
  margin: 25px 0 0;
}

.discovery-home-page .discovery-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-self: center;
  width: 100%;
  max-width: 225px;
  min-width: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.discovery-home-page .discovery-poster {
  position: relative;
  display: block;
  isolation: isolate;
  width: 100%;
  aspect-ratio: 2 / 3;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 2px;
  overflow: hidden;
  background: transparent;
  color: #F4EADD;
  cursor: pointer;
}

.discovery-home-page .discovery-poster::before { display: none; }

.discovery-home-page .discovery-poster .discovery-artwork {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.discovery-home-page .discovery-reason {
  z-index: 2;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  padding: 12px;
  background: rgba(8,9,8,.92);
  text-align: left;
}

.discovery-home-page .discovery-reason-label {
  color: #D5B588;
  font: 600 9px/1.5 Arial,sans-serif;
  letter-spacing: .12em;
}

.discovery-home-page .discovery-reason-text {
  font: 11px/1.5 Arial,Helvetica,sans-serif;
}

.discovery-home-page .discovery-card h3 {
  max-width: 100%;
  min-height: 0;
  padding: 0;
  margin: 12px 0 6px;
  color: #F4EADD;
  font: 500 clamp(14px,1.3vw,16px)/1.35 Inter,Arial,Helvetica,sans-serif;
  letter-spacing: .005em;
}

.discovery-home-page .discovery-year {
  padding: 0 67px 0 0;
  margin: auto 0 0;
  color: #B6A995;
  font: 500 11px/1.5 Inter,Arial,Helvetica,sans-serif;
  letter-spacing: .02em;
}

.discovery-home-page .discovery-card-actions {
  position: absolute;
  right: 0;
  bottom: -5px;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0;
}

.discovery-home-page .discovery-bookmark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin: 0;
  padding: 6px;
  color: #C1AD91;
  background: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: color .15s ease;
}

.discovery-home-page .discovery-bookmark:hover,
.discovery-home-page .discovery-bookmark:focus-visible {
  color: #F4EADD;
  background: transparent;
  transform: none;
}

.discovery-home-page .discovery-bookmark:focus-visible {
  outline: 1px solid #D4B487;
  outline-offset: 1px;
}

.discovery-home-page .discovery-empty {
  grid-column: 1/-1;
  padding: 20px 0 35px;
  color: #B7A795;
}

@media(max-width:900px) {
  .discovery-home-page .discover-page { padding: 0 4% 70px; }
  .discovery-home-page .discover-hero { height: 365px; min-height: 0; margin: 0 0 26px calc(50% - 50vw); }
  .discovery-home-page .discover-intro { max-width: 70%; }
  .discovery-home-page .discovery-card { max-width: 225px; }
}

@media(max-width:650px) {
  .discovery-home-page .discover-page { padding: 0 0 65px; }
  .discovery-home-page .discover-hero {
    height: 450px;
    min-height: 0;
    margin: 0 0 22px;
    align-items: flex-end;
    border: 0;
    border-radius: 0;
  }
  .discovery-home-page .discover-hero-photo {
    background-position: center 72%;
  }
  .discovery-home-page .discover-hero::after {
    /* A small, transparent fade behind the mobile text only. */
    background: linear-gradient(
      0deg,
      rgba(13,15,14,.30) 0%,
      rgba(13,15,14,.13) 25%,
      transparent 58%
    );
  }
  .discovery-home-page .discover-intro {
    max-width: 100%;
    padding: 42px 6% 76px;
  }
  .discovery-home-page .discover-eyebrow { margin-bottom: 13px; font-size: 9px; }
  .discovery-home-page .discover-intro h1 {
    max-width: 420px;
    margin-bottom: 13px;
    font-size: clamp(36px,9vw,48px);
  }
  .discovery-home-page .discover-description {
    max-width: 365px;
    font-size: 12px;
    line-height: 1.55;
  }
  .discovery-home-page .discover-hero-actions { gap: 9px; margin-top: 18px; }
  .discovery-home-page .discover-again-button {
    min-width: 0;
    width: auto;
    min-height: 42px;
    padding: 11px 23px;
    font-size: 12px;
  }
  .discovery-home-page .discover-hero-note { font-size: 9px; }
  .discovery-home-page .discovery-selections {
    margin: 13px 0 0;
    padding: 0 5%;
  }
  .discovery-home-page .discovery-top {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
    padding-bottom: 13px;
  }
  .discovery-home-page .discovery-section-header h2 { font-size: 31px; }
  .discovery-home-page .discovery-category-buttons { width: 100%; min-width: 0; gap: 9px; margin: 12px auto 0; }
  .discovery-home-page .discovery-results {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 23px 14px;
    margin-top: 16px;
  }
  .discovery-home-page .discovery-card { max-width: none; }
  .discovery-home-page .discovery-card h3 { font-size: 15px; }
  .discovery-home-page .discovery-year { font-size: 11px; }
}

/* Mobile header: keep the account icon at the far right and the menu
   directly beneath it, rather than letting the panel run off the left edge. */
@media (max-width:650px) {
  .discovery-home-page > header.site-header nav {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: clamp(13px, 3.5vw, 21px);
  }

  .discovery-home-page > header.site-header nav .account-menu {
    margin-left: auto;
    flex: 0 0 auto;
  }

  .discovery-home-page > header.site-header nav .account-dropdown {
    top: calc(100% + 15px);
    right: 0;
    left: auto;
    width: min(265px, calc(100vw - 30px));
    max-width: calc(100vw - 30px);
    padding: 17px 19px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 10px;
  }

  .discovery-home-page > header.site-header nav .account-dropdown p {
    margin-bottom: 8px;
  }

  .discovery-home-page > header.site-header nav .account-dropdown .account-divider {
    margin: 13px 0;
  }
}

@media(prefers-reduced-motion:reduce) {
  .discovery-home-page .discover-again-button { transition: none; }
}

/* Three balanced actions below every card — never overlap title/year. */
.discovery-home-page .discovery-year{padding-right:0;margin:0}
.discovery-home-page .discovery-card-actions{position:static;display:flex;justify-content:flex-end;align-items:center;gap:5px;width:100%;min-height:38px;margin-top:5px;padding:0}
.discovery-home-page .discovery-card-actions .discovery-bookmark,
.discovery-home-page .discovery-card-actions .afterlogue-seen-eye,
.discovery-home-page .discovery-card-actions .discovery-detail{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;min-width:34px;min-height:34px;padding:7px;margin:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#b9aa95;text-decoration:none;cursor:pointer}
.discovery-home-page .discovery-card-actions .afterlogue-seen-eye.is-seen{background:rgba(212,180,135,.1);color:#d4b487;border-color:rgba(212,180,135,.26)}
.discovery-home-page .discovery-card-actions :is(.discovery-bookmark,.afterlogue-seen-eye,.discovery-detail):hover{background:rgba(212,180,135,.1);color:#f4eadd}
.discovery-home-page .discovery-card-actions :is(.discovery-bookmark,.afterlogue-seen-eye,.discovery-detail):focus-visible{outline:2px solid #d4b487;outline-offset:2px}
.discovery-home-page .discovery-card-actions .discovery-detail{font:21px Georgia,serif}

/* Afterlogue quick actions: slight poster lift, actions tucked just beneath.
   The poster itself always opens the full story; the panel is separate. */
.discovery-home-page .discovery-results{align-items:start;overflow:visible}
.discovery-home-page .discovery-card{isolation:isolate;transition:transform .2s ease;z-index:1}
.discovery-home-page .discovery-card:hover,.discovery-home-page .discovery-card:focus-within{z-index:20}
@media(hover:hover) and (pointer:fine){
 .discovery-home-page .discovery-card:hover,.discovery-home-page .discovery-card:focus-within{transform:translateY(-5px) scale(1.035)}
}
.discovery-home-page .discovery-poster-stack{position:relative;width:100%;isolation:isolate}
.discovery-home-page .discovery-poster{display:block;text-decoration:none;box-shadow:0 8px 26px rgba(0,0,0,.2)}
.discovery-home-page .discovery-poster:focus-visible{outline:2px solid #d4b487;outline-offset:3px}
.discovery-home-page .discovery-poster .discovery-artwork{object-fit:cover}
.discovery-home-page .discovery-card-actions{
 position:absolute;top:100%;left:0;right:0;bottom:auto;z-index:8;
 display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;
 gap:6px;min-height:48px;width:100%;padding:7px 9px;margin:0;
 color:#f4eadd;background:#1b1c1d;border:1px solid rgba(212,180,135,.34);
 border-top:0;border-radius:0 0 9px 9px;box-shadow:0 18px 26px rgba(0,0,0,.6);
 opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px);
 transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.discovery-home-page .discovery-card:hover .discovery-card-actions,
.discovery-home-page .discovery-card:focus-within .discovery-card-actions{
 opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);
}
.discovery-home-page .discovery-card-actions .discovery-detail{
 width:auto;min-width:0;flex:1 1 auto;justify-content:flex-start;padding:6px 4px;
 border-radius:5px;font:11px Inter,Arial,sans-serif;white-space:nowrap;
}
.discovery-home-page .discovery-card-actions .discovery-bookmark{
 width:auto;flex:0 0 auto;gap:4px;font:11px Inter,Arial,sans-serif;white-space:nowrap;padding:5px 7px
}
.discovery-home-page .discovery-card-actions .afterlogue-seen-eye{flex:0 0 34px}
.discovery-home-page .discovery-saved-note{flex:1 0 100%;padding:4px;color:#d4b487;font:10px/1.4 Arial,sans-serif}
@media(hover:none),(pointer:coarse){
 .discovery-home-page .discovery-card-actions{
  position:relative;top:auto;bottom:auto;opacity:1;visibility:visible;pointer-events:auto;
  transform:none;box-shadow:none;min-height:41px;border-radius:0 0 7px 7px;
 }
}
@media(prefers-reduced-motion:reduce){
 .discovery-home-page .discovery-card,
 .discovery-home-page .discovery-card-actions{transition:none;transform:none!important}
}

/* Poster-only discovery shelf: no repeated titles or redundant Details link.
   The hover panel belongs to the poster, not to text under the image. */
.discovery-home-page .discovery-card-actions{
  justify-content:center;gap:12px;
  padding:7px 10px;min-height:43px
}
.discovery-home-page .discovery-card-actions .discovery-bookmark{
  padding:7px 10px;min-height:33px;border:1px solid rgba(212,180,135,.24);
  border-radius:99px;color:#e7d5bc
}
.discovery-home-page .discovery-card-actions .afterlogue-seen-eye{
  align-self:center;flex:0 0 34px;width:34px;height:34px;
  border-color:rgba(212,180,135,.24)
}
.discovery-home-page .discovery-card-actions .discovery-bookmark[disabled]{opacity:.5;cursor:wait}
@media(hover:none),(pointer:coarse){
  .discovery-home-page .discovery-card-actions{
    justify-content:center;gap:12px;margin:0;
    border-top:1px solid rgba(212,180,135,.2)
  }
}

/* Home is a small cinematic exhibition, not a dashboard:
   give the hero, the five posters, and the saved collection distinct space. */
@media(min-width:651px){
 .discovery-home-page .discover-hero{margin-bottom:clamp(52px,6vw,92px)}
 .discovery-home-page .discovery-selections{padding:0;max-width:1220px;margin:0 auto}
 .discovery-home-page .discovery-top{padding-bottom:19px}
 .discovery-home-page .discovery-category-buttons{margin-top:26px;gap:13px}
 .discovery-home-page .discovery-results{
   max-width:1160px;margin:34px auto 0;
   gap:clamp(21px,3.2vw,45px);justify-content:center
 }
 .discovery-home-page .discovery-card{max-width:208px}
}
@media(max-width:650px){
 .discovery-home-page .discover-hero{margin-bottom:42px}
 .discovery-home-page .discovery-selections{margin:0;padding:0 6%}
 .discovery-home-page .discovery-top{padding-bottom:20px}
 .discovery-home-page .discovery-category-buttons{margin-top:23px}
 .discovery-home-page .discovery-results{margin-top:25px;gap:26px 18px}
}
/* Invitation beneath the personalized shelf: collapsed by default and
   unobtrusive until a viewer chooses to revisit their own saved titles. */
.discovery-home-page .watchlist-reminder{
  box-sizing:border-box;max-width:1220px;
  margin:clamp(85px,10vw,145px) auto 34px;
  padding:clamp(26px,3vw,44px) 0 0;
  border-top:1px solid rgba(212,180,135,.3);
}
.discovery-home-page .watchlist-reminder-eyebrow{
  margin:0 0 13px;font:600 10px/1.4 Inter,Arial,sans-serif;
  letter-spacing:.18em;color:#c9ae87
}
.discovery-home-page .watchlist-reminder h2{
  margin:0 0 12px;font:400 clamp(27px,3vw,43px)/1.16 Georgia,serif;
  color:#f4eadd;letter-spacing:-.025em
}
.discovery-home-page .watchlist-reminder-caption{
  margin:0 0 23px;color:#bcafa0;font:13px/1.65 Inter,Arial,sans-serif
}
.discovery-home-page .watchlist-reminder-toggle{
  display:inline-flex;align-items:center;gap:12px;min-height:45px;
  max-width:100%;padding:11px 19px;border:1px solid rgba(212,180,135,.68);
  border-radius:999px;background:transparent;color:#ecd6b5;
  font:12px/1.45 Inter,Arial,sans-serif;text-align:left;cursor:pointer;
  transition:background .2s,color .2s,border-color .2s
}
.discovery-home-page .watchlist-reminder-toggle:hover,
.discovery-home-page .watchlist-reminder-toggle:focus-visible{
  background:#d4b487;color:#171615;border-color:#d4b487
}
.discovery-home-page .watchlist-reminder-symbol{font:18px/1 Georgia,serif;flex:none}
.discovery-home-page .watchlist-reminder-content{
  max-width:800px;padding:32px 0 0
}
.discovery-home-page .watchlist-reminder-status{
  margin:0 0 13px;color:#bead95;font:12px/1.6 Inter,Arial,sans-serif
}
.discovery-home-page .watchlist-reminder-status:empty{display:none}
.discovery-home-page .watchlist-reminder-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,2vw,26px);align-items:start
}
.discovery-home-page .watchlist-reminder-card{min-width:0}
.discovery-home-page .watchlist-reminder-poster{
  display:flex;align-items:center;justify-content:center;aspect-ratio:2/3;
  overflow:hidden;border:1px solid rgba(212,180,135,.2);
  border-radius:8px;background:linear-gradient(140deg,#282522,#181817);
  color:#f0dfc5;text-decoration:none
}
.discovery-home-page .watchlist-reminder-poster img{
  display:block;width:100%;height:100%;object-fit:cover;
  transition:transform .3s ease
}
.discovery-home-page .watchlist-reminder-poster:hover img,
.discovery-home-page .watchlist-reminder-poster:focus-visible img{transform:scale(1.04)}
.discovery-home-page .watchlist-reminder-poster:focus-visible{
  outline:2px solid #d4b487;outline-offset:3px
}
.discovery-home-page .watchlist-reminder-poster-fallback{
  font:italic 23px/1.2 Georgia,serif;text-align:center;padding:16px;
  overflow-wrap:anywhere
}
.discovery-home-page .watchlist-reminder-card-title{
  display:block;text-decoration:none;margin:11px 0 4px;
  color:#f4eadd;font:500 14px/1.35 Inter,Arial,sans-serif
}
.discovery-home-page .watchlist-reminder-card-title:hover{
  text-decoration:underline;text-underline-offset:3px
}
.discovery-home-page .watchlist-reminder-meta{
  margin:0;color:#a99b88;font:11px/1.4 Inter,Arial,sans-serif
}
.discovery-home-page .watchlist-reminder-footer{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:18px;margin:24px 0 0
}
.discovery-home-page .watchlist-reminder-next{
  border:0;background:transparent;padding:8px 0;
  color:#d4b487;cursor:pointer;font:12px Inter,Arial,sans-serif
}
.discovery-home-page .watchlist-reminder-next:hover,
.discovery-home-page .watchlist-reminder-next:focus-visible{text-decoration:underline;text-underline-offset:3px}
.discovery-home-page .watchlist-reminder-all{
  color:#d4b487;text-decoration:none;font:12px Inter,Arial,sans-serif
}
.discovery-home-page .watchlist-reminder-all:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){
 .discovery-home-page .watchlist-reminder{
  margin:83px 6% 22px;padding-top:29px
 }
 .discovery-home-page .watchlist-reminder-content{padding-top:27px}
 .discovery-home-page .watchlist-reminder-grid{gap:11px}
 .discovery-home-page .watchlist-reminder-card-title{font-size:11px}
 .discovery-home-page .watchlist-reminder-meta{font-size:10px}
 .discovery-home-page .watchlist-reminder h2{font-size:29px}
}
@media(max-width:370px){
 .discovery-home-page .watchlist-reminder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
 .discovery-home-page .watchlist-reminder-poster img,
 .discovery-home-page .watchlist-reminder-toggle{transition:none}
}
