/* Approved subtle refinements retained in the simpler local review.
   Load after the canonical styles.
   Every selector is confined to one of these four existing sections. */

/* Retain the approved quiet paper surface around the original static figure. */
#follow-the-return.section {
  background-color: #faf9f5;
  background-image: radial-gradient(ellipse at 76% 48%, #ffffff, transparent 60%);
  border-top: 1px solid #e3e4da;
  border-bottom: 1px solid #d9ded6;
}

#follow-the-return .return-body { color: #46555b; }
#follow-the-return .return-next {
  text-underline-offset: 6px;
  text-decoration-color: #88998f;
}

/* Retain the subdued gallery light through the original course introduction. */
#lessons.section {
  background-color: #0b1028;
  background-image: radial-gradient(ellipse at 14% 24%, #7c8c9910, transparent 44%);
}

#lessons .outline-intro { padding-bottom: 2px; }
#lessons .outline-intro .outline-description { color: #c4c9c6; }
#lessons .outline-intro .outline-instruction { color: #9cabad; }

/* Retain the approved caption contrast, fine rules and artwork mounts on the restored native outline. */
#lessons .outline-group { border-top-color: #a5b3b63b; }
#lessons .outline-description { color: #c4c9c6; }
#lessons .outline-lessons > li { border-color: #a5b3b629; }
#lessons .outline-number { color: #b4beb9; }
#lessons .outline-toggle { color: #a7b6b4; }
#lessons .outline-title { color: #ebece4; }
#lessons .outline-group-art .course-preview-image {
  padding: 7px;
  background: linear-gradient(140deg, #e1e6df12, #00000012);
  border: 1px solid #bbc8c338;
  border-radius: 1px;
  box-shadow: 0 4px 6px #0000001c, 0 18px 30px -17px #00000099;
}
#lessons .outline-detail-art .course-preview-image { border-color: #aab9b742; }
#lessons figcaption,
#lessons .course-preview-label { color: #a7b7b3; font-size: 12px; }
#lessons .outline-art-open {
  background: #0b1627ec;
  border: 1px solid #dce2d82c;
}

/* The genuine written lesson and slide remain square, complete and clickable.
   Depth comes from a subtle mount and contact shadow around the source image. */
#inside.section {
  background-color: #faf9f5;
  background-image: linear-gradient(112deg, #ffffff5c, #eeefe740);
  border-block: 1px solid #dbe0d7;
}
#inside .materials-spread {
  position: relative;
  isolation: isolate;
  padding-block: 12px 7px;
}
#inside .page .course-preview-image {
  border: 1px solid #cfd5cc;
  border-radius: 0;
  box-shadow: 0 2px 3px #23333212, 0 17px 23px -13px #23333242;
}
#inside .page .course-preview-image::before {
  content: '';
  position: absolute;
  pointer-events: none;
  inset: -6px -5px;
  z-index: -1;
  background: #f0f1eb;
  border: 1px solid #dee2d8;
}
#inside .page-written .course-preview-image { isolation: isolate; }
#inside .page-open { background: #172f3be8; color: #f7f7ef; }
#inside .course-preview-label { color: #4a6265; font-size: 12px; }
#inside .materials-credit { color: #65716f; border-top-color: #d6ded3; }

/* Preserve the selected enrollment stack and its existing one-shot light.
   Only the surrounding light, image shadows and neutral rules are refined. */
#enroll.section {
  background-color: #0c1a29;
  background-image: radial-gradient(ellipse at 81% 17%, #8da2a313, transparent 48%);
  box-shadow: inset 0 1px 0 #c6d0c52e, inset 0 -1px 0 #c6d0c51c;
}
#enroll .enroll-artwork { box-shadow: 0 2px 4px #00000045, 0 12px 25px #0000004a; }
#enroll .enroll-list li { border-color: #7c90923b; }
#enroll .enroll-checkout { border-color: #7c90924f; }
#enroll .terms { border-color: #7c90923b; }

@media (max-width: 640px) {
  #lessons .outline-group-art .course-preview-image { padding: 5px; }
  #inside .materials-spread { padding-block: 6px 3px; }
}