/*
  JLETI OJS Brand-System Stylesheet
  Modified: gold/yellow accents changed to burgundy only
  Journal of Law, Emerging Technology & Information

  Designed to match the provided JLETI visual identity:
  - Deep Navy: #0B1F3A
  - Soft Ivory: #FAF7F0
  - Slate Gray: #52616B
  - Light Blue Accent: #5BA7D8
  - Muted Burgundy: #7A2230

  Design principle:
  Navy is used as an accent/authority color for mastheads, navigation,
  section bars, rules, metadata panels, and short callouts. Long body text
  should generally sit on white or ivory backgrounds for readability.

  Upload in OJS:
  Settings > Website > Appearance > Advanced > Journal style sheet

  Notes:
  - This is built to make OJS look more like a custom journal website.
  - It keeps the structure OJS-safe but gives the site a premium legal-tech identity.
*/

/* Optional web fonts. If OJS blocks external font imports, the fallbacks below will still work. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700;800&family=Inter:wght@400;500;600;700;800&family=Source+Sans+3:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600;700&display=swap');

/* =========================================================
   1. JLETI Brand Variables
   ========================================================= */

:root {
  --jleti-navy: #0B1F3A;
  --jleti-navy-dark: #061527;
  --jleti-navy-soft: #102B4D;
  --jleti-ivory: #FAF7F0;
  --jleti-ivory-2: #F4EFE4;
  --jleti-white: #FFFFFF;
  --jleti-slate: #52616B;
  --jleti-slate-dark: #36434B;
  --jleti-light blue: #5BA7D8;
  --jleti-light blue-dark: #2F6FAD;
  --jleti-burgundy: #7A2230;
  --jleti-burgundy-light: #A64A59;
  --jleti-border: rgba(82, 97, 107, 0.22);
  --jleti-border-strong: rgba(82, 97, 107, 0.38);
  --jleti-radius-sm: 8px;
  --jleti-radius-md: 14px;
  --jleti-radius-lg: 22px;
  --jleti-shadow-sm: 0 8px 24px rgba(6, 21, 39, 0.08);
  --jleti-shadow-md: 0 18px 50px rgba(6, 21, 39, 0.13);
  --jleti-shadow-lg: 0 28px 90px rgba(6, 21, 39, 0.24);
  --jleti-serif: "Cormorant Garamond", Georgia, Cambria, "Times New Roman", serif;
  --jleti-sans: "Source Sans 3", "Source Sans Pro", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --jleti-ui: Inter, "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --jleti-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* =========================================================
   2. Base Page Styling
   ========================================================= */

html {
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(circle at top left, rgba(91, 167, 216, 0.12), transparent 30rem),
    radial-gradient(circle at top right, rgba(122, 34, 48, 0.12), transparent 24rem),
    var(--jleti-ivory);
  color: var(--jleti-navy);
  font-family: var(--jleti-sans);
  font-size: 16px;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

::selection {
  background: rgba(122, 34, 48, 0.32);
  color: var(--jleti-navy);
}

p,
li,
td,
th {
  color: var(--jleti-slate-dark);
}

a {
  color: var(--jleti-light blue);
  text-decoration-color: rgba(91, 167, 216, 0.40);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.16s ease, text-decoration-color 0.16s ease, background 0.16s ease, border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

a:hover,
a:focus {
  color: var(--jleti-navy);
  text-decoration-color: var(--jleti-burgundy);
}

h1,
h2,
h3,
h4,
h5,
h6,
.page_title,
.obj_article_summary .title,
.obj_issue_summary .title {
  color: var(--jleti-navy);
  font-family: var(--jleti-serif);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.08;
}

h1,
.page_title {
  font-size: clamp(2.1rem, 4vw, 4.1rem);
}

h2 {
  font-size: clamp(1.65rem, 3vw, 2.6rem);
}

h3 {
  font-size: clamp(1.25rem, 2vw, 1.7rem);
}

hr {
  border: 0;
  border-top: 2px solid var(--jleti-burgundy);
  margin: 2rem 0;
  max-width: 430px;
}

/* =========================================================
   3. OJS Page Structure
   ========================================================= */

.pkp_structure_page {
  background: transparent;
}

.pkp_structure_content {
  max-width: 1180px;
  padding-top: 2rem;
}

.pkp_structure_main {
  background: var(--jleti-white);
  border: 1px solid rgba(82, 97, 107, 0.18);
  border-radius: var(--jleti-radius-lg);
  box-shadow: var(--jleti-shadow-md);
  padding: clamp(1.35rem, 3vw, 2.5rem);
  position: relative;
}

.pkp_structure_main::before {
  background: linear-gradient(90deg, var(--jleti-burgundy), rgba(122, 34, 48, 0.22), transparent);
  content: "";
  height: 3px;
  left: 1.4rem;
  position: absolute;
  right: 1.4rem;
  top: 0;
}

/* =========================================================
   4. Masthead / Header
   ========================================================= */

.pkp_structure_head {
  background: var(--jleti-navy);
  border-bottom: 0;
  box-shadow: 0 18px 60px rgba(6, 21, 39, 0.25);
  overflow: hidden;
  position: relative;
}

.pkp_structure_head::before {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px);
  background-size: 44px 44px;
  content: "";
  inset: 0;
  opacity: 0.22;
  pointer-events: none;
  position: absolute;
}

.pkp_structure_head::after {
  background: linear-gradient(90deg, var(--jleti-burgundy) 0%, var(--jleti-burgundy) 64%, var(--jleti-light blue) 100%);
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
}

.pkp_head_wrapper,
.pkp_site_name_wrapper {
  position: relative;
  z-index: 2;
}

.pkp_site_name_wrapper {
  padding-bottom: clamp(1.35rem, 3.5vw, 2.6rem);
  padding-top: clamp(1.35rem, 3.5vw, 2.6rem);
}

.pkp_site_name,
.pkp_site_name > a,
.pkp_site_name .is_text {
  color: var(--jleti-ivory) !important;
  text-decoration: none !important;
}

.pkp_site_name::before {
  background: var(--jleti-burgundy);
  content: "";
  display: block;
  height: 3px;
  margin-bottom: 1.2rem;
  width: 160px;
}

.pkp_site_name .is_text {
  display: inline-block;
  font-family: var(--jleti-serif);
  font-size: clamp(1.9rem, 4.2vw, 3.8rem);
  font-weight: 800;
  letter-spacing: 0.015em;
  line-height: 0.98;
  max-width: 1050px;
  text-transform: uppercase;
}

.pkp_site_name .is_img img {
  filter: drop-shadow(0 16px 40px rgba(0, 0, 0, 0.28));
  max-height: 125px;
}

/* Add a small burgundy JLETI mark under text-based masthead */
.pkp_site_name .is_text::after {
  color: var(--jleti-burgundy);
  content: "JLETI";
  display: block;
  font-family: var(--jleti-mono);
  font-size: clamp(0.95rem, 1.4vw, 1.25rem);
  font-weight: 700;
  letter-spacing: 0.32em;
  margin-top: 1rem;
  text-transform: uppercase;
}

/* =========================================================
   5. Navigation
   ========================================================= */

.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row {
  background: var(--jleti-navy);
  border-top: 1px solid rgba(250, 247, 240, 0.12);
  position: relative;
  z-index: 5;
}

.pkp_navigation_primary_wrapper::after,
.pkp_navigation_primary_row::after {
  background: linear-gradient(90deg, var(--jleti-burgundy), var(--jleti-light blue));
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a {
  color: var(--jleti-ivory) !important;
  font-family: var(--jleti-ui);
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
  color: var(--jleti-burgundy-light) !important;
}

.pkp_navigation_primary .dropdown-menu,
.pkp_navigation_user .dropdown-menu {
  background: var(--jleti-ivory);
  border: 1px solid rgba(82, 97, 107, 0.22);
  border-radius: var(--jleti-radius-sm);
  box-shadow: var(--jleti-shadow-lg);
  overflow: hidden;
}

.pkp_navigation_primary .dropdown-menu a,
.pkp_navigation_user .dropdown-menu a {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-ui);
  font-weight: 650;
  text-decoration: none;
}

.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_user .dropdown-menu a:hover {
  background: rgba(91, 167, 216, 0.14);
  color: var(--jleti-light blue) !important;
}

/* =========================================================
   6. Buttons and CTAs
   ========================================================= */

.cmp_button,
.cmp_form .buttons button,
.page_search .submit button,
.obj_galley_link,
.block_make_submission a,
.pkp_page_index .current_issue .read_more,
a.jleti-button,
.jleti-button {
  background: var(--jleti-light blue);
  border: 1px solid var(--jleti-light blue);
  border-radius: var(--jleti-radius-sm);
  box-shadow: 0 12px 28px rgba(47, 111, 173, 0.20);
  color: var(--jleti-white) !important;
  display: inline-block;
  font-family: var(--jleti-ui);
  font-weight: 800;
  letter-spacing: 0.01em;
  padding: 0.78rem 1.25rem;
  text-decoration: none !important;
}

.cmp_button:hover,
.cmp_form .buttons button:hover,
.page_search .submit button:hover,
.obj_galley_link:hover,
.block_make_submission a:hover,
.pkp_page_index .current_issue .read_more:hover,
a.jleti-button:hover,
.jleti-button:hover {
  background: var(--jleti-light blue-dark);
  border-color: var(--jleti-light blue-dark);
  box-shadow: 0 18px 38px rgba(47, 111, 173, 0.26);
  color: var(--jleti-white) !important;
  transform: translateY(-1px);
}

/* =========================================================
   7. Homepage Hero Components
   Paste optional HTML block into OJS to use these.

   Navy is used as an accent here, not as the main reading surface.
   ========================================================= */

.jleti-hero {
  background:
    linear-gradient(180deg, var(--jleti-white), var(--jleti-ivory));
  border: 1px solid rgba(82, 97, 107, 0.18);
  border-top: 16px solid var(--jleti-navy);
  border-radius: var(--jleti-radius-lg);
  box-shadow: var(--jleti-shadow-md);
  color: var(--jleti-navy);
  margin: -0.5rem 0 2.2rem 0;
  overflow: hidden;
  padding: clamp(2rem, 5vw, 4.2rem) clamp(1.4rem, 5vw, 3.5rem);
  position: relative;
}

.jleti-hero::before {
  background: var(--jleti-burgundy);
  content: "";
  height: 3px;
  left: clamp(1.4rem, 5vw, 3.5rem);
  position: absolute;
  top: clamp(1.45rem, 4vw, 2.2rem);
  width: 140px;
}

.jleti-hero::after {
  background: linear-gradient(90deg, var(--jleti-burgundy), var(--jleti-light blue), transparent);
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
}

.jleti-hero > * {
  position: relative;
  z-index: 1;
}

.jleti-kicker {
  color: var(--jleti-burgundy);
  font-family: var(--jleti-mono);
  font-size: clamp(0.82rem, 1.5vw, 1rem);
  font-weight: 700;
  letter-spacing: 0.24em;
  margin-bottom: 1.15rem;
  padding-top: 1.1rem;
  text-transform: uppercase;
}

.jleti-hero h1 {
  color: var(--jleti-navy);
  font-family: var(--jleti-serif);
  font-size: clamp(2.3rem, 5.5vw, 5rem);
  font-weight: 800;
  letter-spacing: -0.018em;
  line-height: 0.96;
  margin: 0 0 1.15rem 0;
  max-width: 1000px;
}

.jleti-hero p {
  color: var(--jleti-slate-dark);
  font-family: var(--jleti-sans);
  font-size: clamp(1.08rem, 2vw, 1.35rem);
  line-height: 1.55;
  max-width: 920px;
}

.jleti-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
}

.jleti-section-heading {
  align-items: center;
  display: flex;
  gap: 1.5rem;
  margin: 2.5rem 0 1.25rem 0;
}

.jleti-section-heading h2 {
  background: var(--jleti-navy);
  color: var(--jleti-white);
  font-family: var(--jleti-ui);
  font-size: clamp(1.2rem, 2.4vw, 1.75rem);
  font-weight: 800;
  letter-spacing: -0.01em;
  margin: 0;
  padding: 0.45rem 0.75rem;
  white-space: nowrap;
}

.jleti-section-heading::after {
  background: var(--jleti-burgundy);
  content: "";
  flex: 1;
  height: 2px;
  max-width: 520px;
}

/* Secondary button is now light-background friendly */
a.jleti-button.secondary,
.jleti-button.secondary {
  background: transparent;
  border: 1px solid var(--jleti-navy);
  box-shadow: none;
  color: var(--jleti-navy) !important;
}

a.jleti-button.secondary:hover,
.jleti-button.secondary:hover {
  background: var(--jleti-navy);
  border-color: var(--jleti-navy);
  color: var(--jleti-white) !important;
}

/* =========================================================
   8. Article and Issue Cards
   ========================================================= */

.obj_article_summary,
.obj_issue_summary,
.obj_monograph_summary {
  background: var(--jleti-white);
  border: 1px solid rgba(82, 97, 107, 0.15);
  border-left: 6px solid var(--jleti-slate);
  box-shadow: 0 8px 20px rgba(6, 21, 39, 0.04);
  margin: 1rem 0;
  padding: 1.35rem 1.45rem;
  transition: box-shadow 0.16s ease, transform 0.16s ease, border-color 0.16s ease;
}

.obj_article_summary:nth-of-type(3n+1),
.obj_issue_summary:nth-of-type(3n+1) {
  border-left-color: var(--jleti-light blue);
}

.obj_article_summary:nth-of-type(3n+2),
.obj_issue_summary:nth-of-type(3n+2) {
  border-left-color: var(--jleti-burgundy);
}

.obj_article_summary:hover,
.obj_issue_summary:hover {
  box-shadow: var(--jleti-shadow-sm);
  transform: translateY(-1px);
}

.obj_article_summary .title,
.obj_issue_summary .title,
.obj_article_summary .title a,
.obj_issue_summary .title a {
  color: var(--jleti-navy);
  font-family: var(--jleti-serif);
  font-size: clamp(1.45rem, 2.3vw, 2rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.05;
  text-decoration: none;
}

.obj_article_summary .authors,
.obj_article_summary .meta,
.obj_article_summary .pages,
.obj_issue_summary .published {
  color: var(--jleti-slate);
  font-family: var(--jleti-sans);
  font-size: 0.98rem;
}

.obj_article_details .main_entry,
.obj_issue_toc,
.page_issue_archive .issues_archive {
  background: var(--jleti-white);
  border: 1px solid rgba(82, 97, 107, 0.17);
  border-radius: var(--jleti-radius-md);
  box-shadow: var(--jleti-shadow-sm);
  padding: clamp(1rem, 2.3vw, 1.65rem);
}

.obj_galley_link {
  font-family: var(--jleti-ui);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Metadata should feel more technical */
.obj_article_details .item.doi,
.obj_article_details .item.keywords,
.obj_article_details .item.citation,
.obj_article_summary .meta,
.obj_issue_summary .series {
  font-family: var(--jleti-mono);
}

/* =========================================================
   9. Announcements
   ========================================================= */

.obj_announcement_summary,
.cmp_announcements .obj_announcement_summary {
  background: var(--jleti-white);
  border: 1px solid rgba(82, 97, 107, 0.15);
  border-left: 7px solid var(--jleti-navy);
  border-radius: var(--jleti-radius-md);
  box-shadow: var(--jleti-shadow-sm);
  margin-bottom: 1.1rem;
  overflow: hidden;
  padding: 1.35rem 1.5rem;
  position: relative;
}

.obj_announcement_summary::before,
.cmp_announcements .obj_announcement_summary::before {
  background: var(--jleti-burgundy);
  content: "";
  height: 3px;
  left: 1.5rem;
  position: absolute;
  top: 1.1rem;
  width: 110px;
}

.obj_announcement_summary h2,
.obj_announcement_summary h3,
.obj_announcement_summary .title,
.obj_announcement_summary .title a {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif);
  font-weight: 800;
  letter-spacing: -0.015em;
  padding-top: 0.8rem;
  text-decoration: none;
}

.obj_announcement_summary p,
.obj_announcement_summary .description {
  color: var(--jleti-slate-dark);
}

.obj_announcement_summary .date {
  color: var(--jleti-light blue);
  font-family: var(--jleti-mono);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* =========================================================
   10. Custom Card / Callout Components
   ========================================================= */

.jleti-card-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  margin: 1.5rem 0 2rem;
}

.jleti-card {
  background: var(--jleti-white);
  border: 1px solid rgba(82, 97, 107, 0.16);
  border-left: 5px solid var(--jleti-light blue);
  box-shadow: var(--jleti-shadow-sm);
  padding: 1.35rem;
  transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.jleti-card:nth-child(2n) {
  border-left-color: var(--jleti-burgundy);
}

.jleti-card:nth-child(3n) {
  border-left-color: var(--jleti-slate);
}

.jleti-card:hover {
  box-shadow: var(--jleti-shadow-md);
  transform: translateY(-2px);
}

.jleti-card h2,
.jleti-card h3 {
  color: var(--jleti-navy);
  margin-top: 0;
}

.jleti-card p:last-child {
  margin-bottom: 0;
}

.jleti-callout {
  background: var(--jleti-white);
  border: 1px solid rgba(82, 97, 107, 0.16);
  border-left: 7px solid var(--jleti-navy);
  border-radius: var(--jleti-radius-md);
  box-shadow: var(--jleti-shadow-sm);
  color: var(--jleti-navy);
  margin: 1.8rem 0;
  overflow: hidden;
  padding: 1.45rem 1.6rem;
  position: relative;
}

.jleti-callout::before {
  background: var(--jleti-burgundy);
  content: "";
  height: 3px;
  left: 1.6rem;
  position: absolute;
  top: 1.15rem;
  width: 115px;
}

.jleti-callout h2,
.jleti-callout h3 {
  color: var(--jleti-navy);
  padding-top: 0.75rem;
}

.jleti-callout p {
  color: var(--jleti-slate-dark);
}

.jleti-callout p:last-child {
  margin-bottom: 0;
}

.jleti-badge {
  background: var(--jleti-light blue);
  border-radius: 7px;
  color: var(--jleti-white);
  display: inline-block;
  font-family: var(--jleti-mono);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  padding: 0.28rem 0.65rem;
  text-transform: uppercase;
}

.jleti-meta {
  color: var(--jleti-slate);
  font-family: var(--jleti-mono);
  font-size: 0.9rem;
}

/* =========================================================
   11. Sidebar Blocks
   ========================================================= */

.pkp_block {
  background: var(--jleti-white);
  border: 1px solid rgba(82, 97, 107, 0.17);
  border-radius: var(--jleti-radius-md);
  box-shadow: var(--jleti-shadow-sm);
  margin-bottom: 1rem;
  overflow: hidden;
  padding: 1.15rem;
}

.pkp_block .title {
  border-bottom: 1px solid var(--jleti-border);
  color: var(--jleti-navy);
  display: block;
  font-family: var(--jleti-ui);
  font-size: 0.86rem;
  font-weight: 800;
  letter-spacing: 0.09em;
  margin-bottom: 0.9rem;
  padding-bottom: 0.65rem;
  position: relative;
  text-transform: uppercase;
}

.pkp_block .title::after {
  background: var(--jleti-burgundy);
  bottom: -1px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 68px;
}

/* =========================================================
   12. Tables, Forms, Search
   ========================================================= */

table {
  border-collapse: collapse;
  width: 100%;
}

th {
  background: var(--jleti-navy);
  color: var(--jleti-ivory);
  font-family: var(--jleti-ui);
  font-weight: 800;
}

td,
th {
  border: 1px solid rgba(82, 97, 107, 0.18);
  padding: 0.75rem;
}

tr:nth-child(even) td {
  background: var(--jleti-ivory);
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="search"],
textarea,
select {
  background: var(--jleti-white);
  border: 1px solid var(--jleti-border);
  border-radius: var(--jleti-radius-sm);
  box-shadow: 0 3px 10px rgba(6, 21, 39, 0.04);
  color: var(--jleti-navy);
  font-family: var(--jleti-sans);
  padding: 0.72rem 0.82rem;
}

input:focus,
textarea:focus,
select:focus {
  border-color: rgba(47, 111, 173, 0.72);
  box-shadow: 0 0 0 4px rgba(91, 167, 216, 0.18);
  outline: none;
}

/* =========================================================
   13. Footer
   ========================================================= */

.pkp_structure_footer_wrapper {
  background: var(--jleti-navy);
  border-top: 4px solid var(--jleti-burgundy);
  color: rgba(250, 247, 240, 0.78);
  margin-top: 2.5rem;
  position: relative;
}

.pkp_structure_footer_wrapper::after {
  background: var(--jleti-light blue);
  content: "";
  height: 4px;
  position: absolute;
  right: 0;
  top: -4px;
  width: 28%;
}

.pkp_structure_footer_wrapper a,
.pkp_structure_footer_wrapper p,
.pkp_structure_footer {
  color: rgba(250, 247, 240, 0.78);
}

.pkp_structure_footer_wrapper a:hover {
  color: var(--jleti-burgundy-light);
}

/* =========================================================
   14. Accessibility and Mobile
   ========================================================= */

:focus-visible {
  outline: 3px solid rgba(91, 167, 216, 0.58);
  outline-offset: 3px;
}

@media (max-width: 768px) {
  .pkp_structure_content {
    padding-top: 1rem;
  }

  .pkp_structure_main {
    border-radius: 14px;
    padding: 1.15rem;
  }

  .pkp_site_name_wrapper {
    padding-bottom: 1.6rem;
    padding-top: 1.6rem;
  }

  .pkp_site_name .is_text {
    font-size: clamp(1.75rem, 9vw, 2.65rem);
  }

  .pkp_site_name::before {
    width: 100px;
  }

  .pkp_navigation_primary > li > a,
  .pkp_navigation_user > li > a {
    font-size: 0.78rem;
  }

  .jleti-hero {
    margin: -1.15rem -1.15rem 1.5rem -1.15rem;
    padding: 1.65rem;
  }

  .jleti-hero h1 {
    letter-spacing: -0.02em;
  }

  .jleti-hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .jleti-button,
  a.jleti-button {
    text-align: center;
  }

  .jleti-section-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.5rem;
  }

  .jleti-section-heading h2 {
    white-space: normal;
  }

  .jleti-section-heading::after {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}
/* =========================================================
   15. Navy-as-Accent Overrides
   ========================================================= */

/*
  Use navy for authority, structure, and contrast, but avoid long paragraphs
  on navy. These overrides keep extended reading surfaces light.
*/

.pkp_page_index .additional_content,
.pkp_page_index .homepage_image,
.page_about,
.page_submissions,
.page_issue_archive,
.page_search,
.page_contact {
  background: transparent;
}

/* If OJS places substantial custom content inside a block, keep text on white/ivory. */
.pkp_block p,
.pkp_block li,
.pkp_block .content {
  color: var(--jleti-slate-dark);
}

/* Navy should work like the newsletter examples: bars, headers, accents, not paragraph backgrounds. */
.jleti-navy-bar {
  background: var(--jleti-navy);
  color: var(--jleti-white);
  display: inline-block;
  font-family: var(--jleti-ui);
  font-weight: 800;
  padding: 0.45rem 0.75rem;
}

.jleti-burgundy-rule {
  background: var(--jleti-burgundy);
  display: block;
  height: 3px;
  margin: 1rem 0;
  width: 140px;
}

/* Optional: use for short navy feature boxes only, not long text-heavy sections. */
.jleti-short-navy-box {
  background: var(--jleti-navy);
  border-radius: var(--jleti-radius-sm);
  color: var(--jleti-white);
  padding: 1rem 1.15rem;
}

.jleti-short-navy-box p,
.jleti-short-navy-box li {
  color: rgba(250, 247, 240, 0.88);
}

/* Keep long text cards light even when nested in custom content. */
.jleti-card p,
.jleti-callout p,
.obj_article_summary p,
.obj_issue_summary p,
.obj_announcement_summary p {
  color: var(--jleti-slate-dark);
}

/* Mobile masthead remains compact. */
@media (max-width: 768px) {
  .pkp_site_name_wrapper {
    padding-bottom: 1.15rem;
    padding-top: 1.15rem;
  }
}
/* =========================================================
   16. Navigation Dropdown Visibility Fix
   ========================================================= */

/*
  Fixes OJS dropdown menus being clipped or hidden beneath the masthead/content.
  This is especially important for the About dropdown.
*/

.pkp_structure_head,
.pkp_head_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row,
.pkp_navigation_primary,
.pkp_navigation_primary > li,
.pkp_navigation_user,
.pkp_navigation_user > li {
  overflow: visible !important;
}

.pkp_structure_head {
  z-index: 9990;
}

.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row {
  z-index: 9999 !important;
}

.pkp_navigation_primary > li,
.pkp_navigation_user > li {
  position: relative;
}

/* Make dropdowns clearly visible against the navy navigation */
.pkp_navigation_primary .dropdown-menu,
.pkp_navigation_user .dropdown-menu,
.pkp_navigation_primary ul,
.pkp_navigation_user ul {
  background: var(--jleti-ivory) !important;
  border: 1px solid rgba(82, 97, 107, 0.22) !important;
  border-top: 4px solid var(--jleti-burgundy) !important;
  border-radius: 0 0 var(--jleti-radius-sm) var(--jleti-radius-sm) !important;
  box-shadow: 0 18px 45px rgba(6, 21, 39, 0.22) !important;
  color: var(--jleti-navy) !important;
  min-width: 230px;
  overflow: visible !important;
  padding: 0.45rem 0 !important;
  position: absolute !important;
  top: 100% !important;
  z-index: 10000 !important;
}

/* Keep dropdown links readable */
.pkp_navigation_primary .dropdown-menu a,
.pkp_navigation_user .dropdown-menu a,
.pkp_navigation_primary ul a,
.pkp_navigation_user ul a {
  background: transparent !important;
  color: var(--jleti-navy) !important;
  display: block;
  font-family: var(--jleti-ui);
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 0.72rem 1rem !important;
  text-decoration: none !important;
  text-transform: none;
  white-space: nowrap;
}

.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus,
.pkp_navigation_user .dropdown-menu a:hover,
.pkp_navigation_user .dropdown-menu a:focus,
.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus,
.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus {
  background: rgba(91, 167, 216, 0.14) !important;
  color: var(--jleti-light blue) !important;
}

/* Active/expanded top-level dropdown tab */
.pkp_navigation_primary > li > a[aria-expanded="true"],
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  background: var(--jleti-ivory) !important;
  color: var(--jleti-navy) !important;
}

/* Make sure page content never covers the dropdown */
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar {
  position: relative;
  z-index: 1;
}
/* =========================================================
   17. No-Teal Palette Override
   ========================================================= */

/*
  Final palette:
  - Navy for authority, masthead, navigation, structural accents
  - Light blue for innovation, links, CTAs, active states
  - Burgundy for rules, highlights, and prestige accents
  - Ivory/white for readable content surfaces
*/

:root {
  --jleti-light-blue: #5BA7D8;
  --jleti-light-blue-dark: #2F6FAD;
  --jleti-light-blue-soft: #DCECF8;
}

/* Links and interactive states */
a {
  color: var(--jleti-light-blue-dark);
  text-decoration-color: rgba(91, 167, 216, 0.45);
}

a:hover,
a:focus {
  color: var(--jleti-navy);
  text-decoration-color: var(--jleti-burgundy);
}

/* CTAs */
.cmp_button,
.cmp_form .buttons button,
.page_search .submit button,
.obj_galley_link,
.block_make_submission a,
.pkp_page_index .current_issue .read_more,
a.jleti-button,
.jleti-button {
  background: var(--jleti-light-blue-dark) !important;
  border-color: var(--jleti-light-blue-dark) !important;
  color: var(--jleti-white) !important;
}

.cmp_button:hover,
.cmp_form .buttons button:hover,
.page_search .submit button:hover,
.obj_galley_link:hover,
.block_make_submission a:hover,
.pkp_page_index .current_issue .read_more:hover,
a.jleti-button:hover,
.jleti-button:hover {
  background: var(--jleti-navy) !important;
  border-color: var(--jleti-navy) !important;
}

/* Burgundy + light blue signature rules */
.pkp_structure_head::after,
.pkp_navigation_primary_wrapper::after,
.pkp_navigation_primary_row::after,
.jleti-hero::after,
.pkp_structure_footer_wrapper::after {
  background: linear-gradient(90deg, var(--jleti-burgundy) 0%, var(--jleti-burgundy) 68%, var(--jleti-light-blue) 100%) !important;
}

/* Article/category accents */
.obj_article_summary:nth-of-type(3n+1),
.obj_issue_summary:nth-of-type(3n+1),
.jleti-card,
.jleti-badge {
  border-left-color: var(--jleti-light-blue-dark) !important;
}

.jleti-badge {
  background: var(--jleti-light-blue-dark) !important;
}

/* Dropdown hover */
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus,
.pkp_navigation_user .dropdown-menu a:hover,
.pkp_navigation_user .dropdown-menu a:focus,
.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus,
.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus {
  background: var(--jleti-light-blue-soft) !important;
  color: var(--jleti-navy) !important;
}

/* Forms */
input:focus,
textarea:focus,
select:focus {
  border-color: var(--jleti-light-blue-dark);
  box-shadow: 0 0 0 4px rgba(91, 167, 216, 0.22);
}

/* Announcement dates and subtle interactive text */
.obj_announcement_summary .date {
  color: var(--jleti-light-blue-dark);
}

:focus-visible {
  outline: 3px solid rgba(91, 167, 216, 0.65);
}
/* =========================================================
   18. Responsive Masthead Fix
   ========================================================= */

/*
  Fixes the issue where the long journal title spills out of the navy
  masthead and appears behind the page content when the browser window
  is narrowed or viewed on mobile.

  Desktop: full masthead remains.
  Tablet: full masthead scales down and wraps safely.
  Mobile: compact masthead shows JLETI + journal name beneath it.
*/

/* Keep the masthead text inside its own area while still allowing nav dropdowns. */
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name > a {
  box-sizing: border-box;
  max-width: 100%;
}

.pkp_site_name {
  overflow: hidden !important;
}

.pkp_site_name .is_text {
  box-sizing: border-box;
  max-width: min(1050px, calc(100vw - 3rem));
  overflow-wrap: break-word;
  white-space: normal !important;
  word-break: normal;
}

/* Make sure content starts below the header, never underneath it. */
.pkp_structure_content {
  clear: both;
  position: relative;
  z-index: 1;
}

.pkp_structure_head {
  position: relative;
  z-index: 9990;
}

/* Tablet / smaller desktop */
@media (max-width: 1024px) {
  .pkp_site_name_wrapper {
    padding: 1.5rem 1.25rem 1.65rem 1.25rem !important;
  }

  .pkp_site_name::before {
    margin-bottom: 0.85rem;
    width: 145px;
  }

  .pkp_site_name .is_text {
    font-size: clamp(1.7rem, 5.2vw, 3.05rem) !important;
    line-height: 1.02 !important;
    max-width: calc(100vw - 3rem);
  }

  .pkp_site_name .is_text::after {
    font-size: 0.9rem !important;
    letter-spacing: 0.24em !important;
    margin-top: 0.65rem !important;
  }
}

/* Mobile / very narrow browser windows */
@media (max-width: 700px) {
  .pkp_structure_head {
    min-height: auto !important;
  }

  .pkp_site_name_wrapper {
    padding: 1rem 1rem 1.15rem 1rem !important;
  }

  .pkp_site_name::before {
    height: 3px;
    margin-bottom: 0.65rem;
    width: 105px;
  }

  /*
    Hide the huge full-title text only on very narrow screens and replace
    it with a compact brand lockup. This prevents the title from bleeding
    behind the page while preserving the journal identity.
  */
  .pkp_site_name .is_text {
    color: transparent !important;
    display: block !important;
    font-size: 0 !important;
    letter-spacing: 0 !important;
    line-height: 0 !important;
    max-width: calc(100vw - 2rem);
    overflow: hidden !important;
    text-shadow: none !important;
  }

  .pkp_site_name .is_text::before {
    color: var(--jleti-ivory);
    content: "JLETI";
    display: block;
    font-family: var(--jleti-serif);
    font-size: clamp(2.05rem, 14vw, 3.2rem);
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .pkp_site_name .is_text::after {
    color: var(--jleti-burgundy);
    content: "Journal of Law, Emerging Technology & Information" !important;
    display: block;
    font-family: var(--jleti-ui);
    font-size: clamp(0.68rem, 3.2vw, 0.86rem) !important;
    font-weight: 800;
    letter-spacing: 0.11em !important;
    line-height: 1.25 !important;
    margin-top: 0.35rem !important;
    max-width: 22rem;
    text-transform: uppercase;
    white-space: normal;
  }

  /* Prevent content from sliding up under the masthead/nav. */
  .pkp_structure_content {
    margin-top: 0 !important;
    padding-top: 1rem !important;
  }

  .pkp_structure_main {
    margin-top: 0 !important;
  }

  /* Keep mobile menu and dropdowns above page cards. */
  .pkp_navigation_primary_wrapper,
  .pkp_navigation_primary_row,
  .pkp_navigation_primary,
  .pkp_navigation_user {
    z-index: 10000 !important;
  }
}

/* Extra-small screens */
@media (max-width: 420px) {
  .pkp_site_name_wrapper {
    padding: 0.85rem 0.85rem 1rem 0.85rem !important;
  }

  .pkp_site_name .is_text::before {
    font-size: clamp(1.85rem, 15vw, 2.65rem);
  }

  .pkp_site_name .is_text::after {
    max-width: 18rem;
  }
}
/* =========================================================
   19. Official Masthead Tagline
   ========================================================= */

/*
  Adds the official positioning line to the masthead:
  "Legal scholarship is changing. JLETI is built for what comes next."

  Styled as a polished institutional tagline, not body text.
*/

.pkp_site_name::after {
  border-left: 3px solid var(--jleti-burgundy);
  color: rgba(250, 247, 240, 0.86);
  content: "Legal scholarship is changing. JLETI is built for what comes next.";
  display: block;
  font-family: var(--jleti-ui);
  font-size: clamp(0.92rem, 1.35vw, 1.12rem);
  font-weight: 700;
  letter-spacing: 0.035em;
  line-height: 1.35;
  margin-top: 1rem;
  max-width: 760px;
  padding-left: 1rem;
  text-transform: none;
}

/* Give the tagline a slightly more official editorial feel on wide screens */
@media (min-width: 1025px) {
  .pkp_site_name::after {
    max-width: 820px;
  }
}

/* Keep the masthead clean on narrower screens */
@media (max-width: 1024px) {
  .pkp_site_name::after {
    font-size: clamp(0.82rem, 2.2vw, 0.98rem);
    margin-top: 0.75rem;
    max-width: calc(100vw - 4rem);
    padding-left: 0.8rem;
  }
}

/* Mobile compact version */
@media (max-width: 700px) {
  .pkp_site_name::after {
    border-left: 0;
    border-top: 2px solid var(--jleti-burgundy);
    color: rgba(250, 247, 240, 0.88);
    font-size: clamp(0.72rem, 3.2vw, 0.84rem);
    letter-spacing: 0.02em;
    line-height: 1.35;
    margin-top: 0.7rem;
    max-width: 22rem;
    padding-left: 0;
    padding-top: 0.55rem;
  }
}

@media (max-width: 420px) {
  .pkp_site_name::after {
    max-width: 18rem;
  }
}
/* =========================================================
   20. HARD FIX: Masthead Collapse + Elegant Tagline
   ========================================================= */

/*
  This fixes the remaining issue where the full masthead title can bleed
  behind page content when the browser is narrowed.

  Why this is stronger:
  - The compact masthead now begins at 1200px, not only on very small mobile.
  - The original oversized title is fully neutralized at smaller widths.
  - The header gets an explicit contained height/padding behavior.
  - The tagline is styled as a masthead brand line in an elegant serif treatment.
*/

/* Desktop tagline: elegant, official, connected to the title style */
.pkp_site_name::after {
  border-left: 0 !important;
  border-top: 2px solid var(--jleti-burgundy);
  color: rgba(250, 247, 240, 0.88);
  content: "Legal scholarship is changing. JLETI is built for what comes next.";
  display: block;
  font-family: var(--jleti-serif);
  font-size: clamp(1.05rem, 1.55vw, 1.38rem);
  font-style: italic;
  font-weight: 700;
  letter-spacing: 0.012em;
  line-height: 1.22;
  margin-top: 1.05rem;
  max-width: 860px;
  padding-left: 0 !important;
  padding-top: 0.78rem;
  text-transform: none;
}

.pkp_structure_head {
  min-height: auto !important;
}

.pkp_site_name_wrapper {
  box-sizing: border-box;
  overflow: visible !important;
}

.pkp_site_name,
.pkp_site_name > a {
  box-sizing: border-box;
  display: block;
  max-width: 100%;
}

/* Keep the desktop title contained even before compact mode begins */
.pkp_site_name .is_text {
  max-width: min(1050px, calc(100vw - 4rem)) !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* Intermediate screens: switch to compact brand lockup before the title can break the layout */
@media (max-width: 1200px) {
  .pkp_structure_head {
    min-height: 0 !important;
    overflow: visible !important;
  }

  .pkp_site_name_wrapper {
    padding: 1.15rem 1.25rem 1.25rem 1.25rem !important;
  }

  .pkp_site_name {
    overflow: visible !important;
    max-width: calc(100vw - 2.5rem);
  }

  .pkp_site_name::before {
    height: 3px;
    margin-bottom: 0.72rem;
    width: 150px;
  }

  /*
    Fully hide the oversized original title and replace it with a contained
    compact version. This prevents the ghosted title from falling behind content.
  */
  .pkp_site_name .is_text {
    color: transparent !important;
    display: block !important;
    font-size: 0 !important;
    height: auto !important;
    letter-spacing: 0 !important;
    line-height: 0 !important;
    max-height: none !important;
    max-width: calc(100vw - 2.5rem) !important;
    min-height: 0 !important;
    opacity: 1 !important;
    overflow: visible !important;
    padding: 0 !important;
    text-shadow: none !important;
    transform: none !important;
    white-space: normal !important;
  }

  .pkp_site_name .is_text::before {
    color: var(--jleti-ivory);
    content: "JLETI";
    display: block;
    font-family: var(--jleti-serif);
    font-size: clamp(2.25rem, 7vw, 4rem);
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.10em;
    line-height: 0.95;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .pkp_site_name .is_text::after {
    color: var(--jleti-burgundy);
    content: "Journal of Law, Emerging Technology & Information" !important;
    display: block;
    font-family: var(--jleti-ui);
    font-size: clamp(0.72rem, 1.7vw, 0.95rem) !important;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.12em !important;
    line-height: 1.25 !important;
    margin-top: 0.46rem !important;
    max-width: min(42rem, calc(100vw - 2.5rem));
    text-transform: uppercase;
    white-space: normal;
  }

  .pkp_site_name::after {
    border-top: 2px solid var(--jleti-burgundy) !important;
    color: rgba(250, 247, 240, 0.88);
    font-family: var(--jleti-serif);
    font-size: clamp(0.95rem, 2.1vw, 1.18rem);
    font-style: italic;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.25;
    margin-top: 0.8rem;
    max-width: min(44rem, calc(100vw - 2.5rem));
    padding-top: 0.58rem;
  }

  .pkp_structure_content {
    clear: both !important;
    margin-top: 0 !important;
    padding-top: 1rem !important;
    position: relative;
    z-index: 1;
  }

  .pkp_structure_main {
    margin-top: 0 !important;
    position: relative;
    z-index: 1;
  }
}

/* Narrow/mobile: make it tighter and cleaner */
@media (max-width: 760px) {
  .pkp_site_name_wrapper {
    padding: 0.95rem 1rem 1.05rem 1rem !important;
  }

  .pkp_site_name::before {
    margin-bottom: 0.58rem;
    width: 115px;
  }

  .pkp_site_name .is_text::before {
    font-size: clamp(2rem, 14vw, 3.05rem);
    letter-spacing: 0.085em;
  }

  .pkp_site_name .is_text::after {
    font-size: clamp(0.66rem, 3.1vw, 0.82rem) !important;
    letter-spacing: 0.09em !important;
    max-width: 23rem;
  }

  .pkp_site_name::after {
    font-size: clamp(0.82rem, 3.6vw, 1rem);
    max-width: 23rem;
  }
}

/* Extra narrow: prevent any horizontal spill */
@media (max-width: 440px) {
  .pkp_site_name_wrapper {
    padding: 0.85rem 0.85rem 0.95rem 0.85rem !important;
  }

  .pkp_site_name {
    max-width: calc(100vw - 1.7rem);
  }

  .pkp_site_name .is_text::before {
    font-size: clamp(1.8rem, 14.5vw, 2.55rem);
  }

  .pkp_site_name .is_text::after,
  .pkp_site_name::after {
    max-width: calc(100vw - 1.7rem);
  }
}

/* Make sure no old ghosted masthead text can layer above content */
@media (max-width: 1200px) {
  .pkp_site_name .is_text,
  .pkp_site_name .is_text * {
    max-height: none !important;
  }

  .pkp_structure_content,
  .pkp_structure_content * {
    text-shadow: none;
  }
}
/* =========================================================
   21. Announcement Title Navy Fix
   ========================================================= */

/*
  Keeps announcement titles, such as:
  "Introducing The Journal of Law, Emerging Technology, and Information"
  in navy rather than link-blue.

  Light blue remains available for general links, buttons, and interactive accents.
*/

.obj_announcement_summary .title,
.obj_announcement_summary .title a,
.cmp_announcements .obj_announcement_summary .title,
.cmp_announcements .obj_announcement_summary .title a,
.page_announcements .obj_announcement_summary .title,
.page_announcements .obj_announcement_summary .title a,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title a {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.obj_announcement_summary .title a:hover,
.obj_announcement_summary .title a:focus,
.cmp_announcements .obj_announcement_summary .title a:hover,
.cmp_announcements .obj_announcement_summary .title a:focus,
.page_announcements .obj_announcement_summary .title a:hover,
.page_announcements .obj_announcement_summary .title a:focus,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title a:hover,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title a:focus {
  color: var(--jleti-navy-dark) !important;
  text-decoration-color: var(--jleti-burgundy) !important;
}

/* If OJS outputs announcement titles as plain h2/h3 links instead of .title */
.obj_announcement_summary h2 a,
.obj_announcement_summary h3 a,
.cmp_announcements .obj_announcement_summary h2 a,
.cmp_announcements .obj_announcement_summary h3 a {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* =========================================================
   22. Header JLETI Powder Blue Override
   ========================================================= */

/*
  Keeps the burgundy accent system, but changes only the small
  "JLETI" mark in the masthead/header to powder blue.
*/

:root {
  --jleti-powder-blue: #C9DDEC;
}

.pkp_site_name .is_text::after {
  color: var(--jleti-powder-blue) !important;
}

/* Compact/tablet masthead: keep the small journal-name line powder blue too */
@media (max-width: 1200px) {
  .pkp_site_name .is_text::after {
    color: var(--jleti-powder-blue) !important;
  }
}

/* Mobile compact masthead: keep the JLETI brand mark powder blue */
@media (max-width: 700px) {
  .pkp_site_name .is_text::before {
    color: var(--jleti-powder-blue) !important;
  }
}

/* =========================================================
   23. Announcement Date + Read More Burgundy Override
   ========================================================= */

/*
  Changes the announcement date and announcement "Read More" link/arrow
  to burgundy while keeping the header JLETI mark powder blue.
*/

.obj_announcement_summary .date,
.cmp_announcements .obj_announcement_summary .date,
.page_announcements .obj_announcement_summary .date,
.pkp_page_index .cmp_announcements .obj_announcement_summary .date {
  color: var(--jleti-burgundy) !important;
}

.obj_announcement_summary .read_more,
.obj_announcement_summary .read_more a,
.obj_announcement_summary a.read_more,
.cmp_announcements .obj_announcement_summary .read_more,
.cmp_announcements .obj_announcement_summary .read_more a,
.cmp_announcements .obj_announcement_summary a.read_more,
.page_announcements .obj_announcement_summary .read_more,
.page_announcements .obj_announcement_summary .read_more a,
.page_announcements .obj_announcement_summary a.read_more,
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more,
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more a,
.pkp_page_index .cmp_announcements .obj_announcement_summary a.read_more {
  color: var(--jleti-burgundy) !important;
  text-decoration-color: rgba(122, 34, 48, 0.45) !important;
}

/* Arrow/icon after Read More */
.obj_announcement_summary .read_more::after,
.obj_announcement_summary .read_more a::after,
.obj_announcement_summary a.read_more::after,
.cmp_announcements .obj_announcement_summary .read_more::after,
.cmp_announcements .obj_announcement_summary .read_more a::after,
.cmp_announcements .obj_announcement_summary a.read_more::after,
.page_announcements .obj_announcement_summary .read_more::after,
.page_announcements .obj_announcement_summary .read_more a::after,
.page_announcements .obj_announcement_summary a.read_more::after,
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more::after,
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more a::after,
.pkp_page_index .cmp_announcements .obj_announcement_summary a.read_more::after,
.obj_announcement_summary .read_more .fa,
.obj_announcement_summary .read_more .icon,
.obj_announcement_summary a.read_more .fa,
.obj_announcement_summary a.read_more .icon {
  color: var(--jleti-burgundy) !important;
  border-color: var(--jleti-burgundy) !important;
}

/* Hover state */
.obj_announcement_summary .read_more:hover,
.obj_announcement_summary .read_more a:hover,
.obj_announcement_summary a.read_more:hover,
.cmp_announcements .obj_announcement_summary .read_more:hover,
.cmp_announcements .obj_announcement_summary .read_more a:hover,
.cmp_announcements .obj_announcement_summary a.read_more:hover {
  color: var(--jleti-burgundy-dark) !important;
  text-decoration-color: var(--jleti-burgundy-dark) !important;
}
/* =========================================================
   24. SAFE FINAL UPDATE: Restore Header + Blue Read More + Refined Tagline
   ========================================================= */

/*
  This section intentionally keeps the masthead/header structure the way it was.
  It does NOT move the tagline to .pkp_head_wrapper::after, because that caused
  the tagline to fall below the navigation bar.

  Updates included:
  - Restores tagline inside the original masthead flow
  - Makes "Read More" blue
  - Makes blue accents pop slightly more
  - Keeps the burgundy/powder-blue brand palette
*/

/* Stronger but still polished blue */
:root {
  --jleti-powder-blue: #9ED8F5;
  --jleti-powder-blue-pop: #8BD3FF;
  --jleti-link-blue-pop: #5BA7D8;
  --jleti-link-blue-pop-dark: #3F8AC0;
  --jleti-light-blue: #7CCBFF;
  --jleti-light-blue-dark: #5BA7D8;
  --jleti-light-blue-soft: #E5F4FC;
}

/* IMPORTANT: remove the broken relocated tagline */
.pkp_head_wrapper::after {
  content: none !important;
  display: none !important;
}

/* Keep the small JLETI mark under the main masthead title in brighter powder blue */
.pkp_site_name .is_text::after {
  color: var(--jleti-powder-blue-pop) !important;
}

/* Restore/refine the tagline in its original correct location */
.pkp_site_name::after {
  border-left: 0 !important;
  border-top: 2px solid var(--jleti-burgundy) !important;
  color: rgba(248, 244, 236, 0.92) !important;
  content: "Legal scholarship is changing. JLETI is built for what comes next." !important;
  display: block !important;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif !important;
  font-size: clamp(0.95rem, 1.05vw, 1.12rem) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.45 !important;
  margin-top: 18px !important;
  max-width: 900px !important;
  padding-left: 0 !important;
  padding-top: 13px !important;
  text-shadow: none !important;
  text-transform: none !important;
}

/* General links: clearer blue without turning the site teal/neon */
a {
  color: var(--jleti-link-blue-pop) !important;
  text-decoration-color: rgba(31, 111, 168, 0.45) !important;
}

a:hover,
a:focus {
  color: var(--jleti-link-blue-pop-dark) !important;
  text-decoration-color: var(--jleti-burgundy) !important;
}

/* Keep announcement dates burgundy */
.obj_announcement_summary .date,
.cmp_announcements .obj_announcement_summary .date,
.page_announcements .obj_announcement_summary .date,
.pkp_page_index .cmp_announcements .obj_announcement_summary .date {
  color: var(--jleti-burgundy) !important;
}

/* Announcement Read More: blue text */
.obj_announcement_summary .read_more,
.obj_announcement_summary .read_more a,
.obj_announcement_summary a.read_more,
.cmp_announcements .obj_announcement_summary .read_more,
.cmp_announcements .obj_announcement_summary .read_more a,
.cmp_announcements .obj_announcement_summary a.read_more,
.page_announcements .obj_announcement_summary .read_more,
.page_announcements .obj_announcement_summary .read_more a,
.page_announcements .obj_announcement_summary a.read_more,
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more,
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more a,
.pkp_page_index .cmp_announcements .obj_announcement_summary a.read_more {
  color: var(--jleti-link-blue-pop) !important;
  text-decoration-color: rgba(31, 111, 168, 0.45) !important;
}

/* Announcement Read More: blue arrow/icon */
.obj_announcement_summary .read_more::after,
.obj_announcement_summary .read_more a::after,
.obj_announcement_summary a.read_more::after,
.cmp_announcements .obj_announcement_summary .read_more::after,
.cmp_announcements .obj_announcement_summary .read_more a::after,
.cmp_announcements .obj_announcement_summary a.read_more::after,
.page_announcements .obj_announcement_summary .read_more::after,
.page_announcements .obj_announcement_summary .read_more a::after,
.page_announcements .obj_announcement_summary a.read_more::after,
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more::after,
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more a::after,
.pkp_page_index .cmp_announcements .obj_announcement_summary a.read_more::after,
.obj_announcement_summary .read_more .fa,
.obj_announcement_summary .read_more .icon,
.obj_announcement_summary a.read_more .fa,
.obj_announcement_summary a.read_more .icon {
  color: var(--jleti-link-blue-pop) !important;
  border-color: var(--jleti-link-blue-pop) !important;
}

/* Announcement Read More hover */
.obj_announcement_summary .read_more:hover,
.obj_announcement_summary .read_more a:hover,
.obj_announcement_summary a.read_more:hover,
.cmp_announcements .obj_announcement_summary .read_more:hover,
.cmp_announcements .obj_announcement_summary .read_more a:hover,
.cmp_announcements .obj_announcement_summary a.read_more:hover,
.page_announcements .obj_announcement_summary .read_more:hover,
.page_announcements .obj_announcement_summary .read_more a:hover,
.page_announcements .obj_announcement_summary a.read_more:hover,
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more:hover,
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more a:hover,
.pkp_page_index .cmp_announcements .obj_announcement_summary a.read_more:hover {
  color: var(--jleti-link-blue-pop-dark) !important;
  text-decoration-color: var(--jleti-link-blue-pop-dark) !important;
}

/* Buttons/CTAs: slightly richer blue */
.cmp_button,
.cmp_form .buttons button,
.page_search .submit button,
.obj_galley_link,
.block_make_submission a,
.pkp_page_index .current_issue .read_more,
a.jleti-button,
.jleti-button {
  background: var(--jleti-link-blue-pop) !important;
  border-color: var(--jleti-link-blue-pop) !important;
  color: var(--jleti-white) !important;
}

.cmp_button:hover,
.cmp_form .buttons button:hover,
.page_search .submit button:hover,
.obj_galley_link:hover,
.block_make_submission a:hover,
.pkp_page_index .current_issue .read_more:hover,
a.jleti-button:hover,
.jleti-button:hover {
  background: var(--jleti-link-blue-pop-dark) !important;
  border-color: var(--jleti-link-blue-pop-dark) !important;
  color: var(--jleti-white) !important;
}

/* Compact/tablet header: keep the original compact behavior, just improve color */
@media (max-width: 1200px) {
  .pkp_site_name .is_text::after {
    color: var(--jleti-powder-blue-pop) !important;
  }

  .pkp_site_name::after {
    margin-top: 0.8rem !important;
    max-width: min(44rem, calc(100vw - 2.5rem)) !important;
    padding-top: 0.58rem !important;
    font-size: clamp(0.9rem, 1.85vw, 1.04rem) !important;
    line-height: 1.42 !important;
  }
}

/* Mobile: keep the header contained and tagline inside the masthead */
@media screen and (max-width: 768px) {
  .pkp_site_name::after {
    margin-top: 14px !important;
    padding-top: 11px !important;
    font-size: 0.92rem !important;
    line-height: 1.4 !important;
    letter-spacing: 0.005em !important;
    max-width: 23rem !important;
  }
}

@media screen and (max-width: 700px) {
  .pkp_site_name .is_text::before {
    color: var(--jleti-powder-blue-pop) !important;
  }

  .pkp_site_name .is_text::after {
    color: var(--jleti-powder-blue-pop) !important;
  }
}

@media screen and (max-width: 420px) {
  .pkp_site_name::after {
    max-width: 18rem !important;
  }
}
/* =========================================================
   25. FINAL UPDATE: White Header Search + Powder Blue Announcement Titles
   ========================================================= */

/*
  Requested update:
  - Make the header Search label and magnifying-glass icon white.
  - Make announcement titles powder blue.
  - Keep announcement dates burgundy.
  - Keep Read More blue.
*/

/* Slightly richer powder blue for readability on white cards */
:root {
  --jleti-powder-blue: #9ED8F5;
  --jleti-powder-blue-pop: #2F8FC7;
  --jleti-powder-blue-hover: #5BA7D8;
}

/* Header Search text + magnifying glass icon */
.pkp_navigation_search_wrapper,
.pkp_navigation_search_wrapper *,
.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper a:link,
.pkp_navigation_search_wrapper a:visited,
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus,
.pkp_navigation_search_wrapper button,
.pkp_navigation_search_wrapper button:hover,
.pkp_navigation_search_wrapper button:focus,
.pkp_navigation_search_wrapper .fa,
.pkp_navigation_search_wrapper .fa-search,
.pkp_navigation_search_wrapper .icon,
.pkp_navigation_search_wrapper .pkp_screen_reader,
.pkp_navigation_search_wrapper svg,
.pkp_navigation_search_wrapper svg *,
.pkp_navigation_primary_wrapper .pkp_navigation_search_wrapper,
.pkp_navigation_primary_wrapper .pkp_navigation_search_wrapper *,
.pkp_navigation_primary_row .pkp_navigation_search_wrapper,
.pkp_navigation_primary_row .pkp_navigation_search_wrapper * {
  color: var(--jleti-ivory) !important;
  fill: var(--jleti-ivory) !important;
  stroke: var(--jleti-ivory) !important;
  text-decoration: none !important;
}

/* OJS sometimes renders Search as a top-level navigation link instead of inside the search wrapper */
.pkp_navigation_primary > li > a[href*="search"],
.pkp_navigation_primary > li > a[href*="search"]:link,
.pkp_navigation_primary > li > a[href*="search"]:visited,
.pkp_navigation_primary > li > a[href*="search"]:hover,
.pkp_navigation_primary > li > a[href*="search"]:focus,
.pkp_navigation_user > li > a[href*="search"],
.pkp_navigation_user > li > a[href*="search"]:link,
.pkp_navigation_user > li > a[href*="search"]:visited,
.pkp_navigation_user > li > a[href*="search"]:hover,
.pkp_navigation_user > li > a[href*="search"]:focus {
  color: var(--jleti-ivory) !important;
  fill: var(--jleti-ivory) !important;
  stroke: var(--jleti-ivory) !important;
  text-decoration: none !important;
}

/* Font Awesome magnifying glass, including pseudo-element rendering */
.pkp_navigation_search_wrapper .fa-search::before,
.pkp_navigation_search_wrapper .fa.fa-search::before,
.pkp_navigation_search_wrapper [class*="fa-search"]::before {
  color: var(--jleti-ivory) !important;
}

/* Announcement titles: powder blue */
.obj_announcement_summary .title,
.obj_announcement_summary .title a,
.cmp_announcements .obj_announcement_summary .title,
.cmp_announcements .obj_announcement_summary .title a,
.page_announcements .obj_announcement_summary .title,
.page_announcements .obj_announcement_summary .title a,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title a,
.obj_announcement_summary h2,
.obj_announcement_summary h2 a,
.obj_announcement_summary h3,
.obj_announcement_summary h3 a,
.cmp_announcements .obj_announcement_summary h2,
.cmp_announcements .obj_announcement_summary h2 a,
.cmp_announcements .obj_announcement_summary h3,
.cmp_announcements .obj_announcement_summary h3 a {
  color: var(--jleti-powder-blue-pop) !important;
  font-family: var(--jleti-serif) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* Announcement title hover: slightly deeper blue */
.obj_announcement_summary .title a:hover,
.obj_announcement_summary .title a:focus,
.cmp_announcements .obj_announcement_summary .title a:hover,
.cmp_announcements .obj_announcement_summary .title a:focus,
.page_announcements .obj_announcement_summary .title a:hover,
.page_announcements .obj_announcement_summary .title a:focus,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title a:hover,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title a:focus,
.obj_announcement_summary h2 a:hover,
.obj_announcement_summary h2 a:focus,
.obj_announcement_summary h3 a:hover,
.obj_announcement_summary h3 a:focus {
  color: var(--jleti-powder-blue-hover) !important;
  text-decoration-color: rgba(47, 143, 199, 0.55) !important;
}

/* Announcement dates: burgundy */
.obj_announcement_summary .date,
.cmp_announcements .obj_announcement_summary .date,
.page_announcements .obj_announcement_summary .date,
.pkp_page_index .cmp_announcements .obj_announcement_summary .date {
  color: var(--jleti-burgundy) !important;
}
/* =========================================================
   26. FINAL UPDATE: Burgundy Announcement Titles + Powder Blue Dates + Larger Tagline
   ========================================================= */

/*
  Requested update:
  - Announcement titles back to burgundy.
  - Announcement dates to powder blue.
  - Masthead tagline made larger while keeping the restored header structure.
  - Search remains white from the prior update.
  - Read More remains blue.
*/

/* Keep the powder blue readable but still soft */
:root {
  --jleti-powder-blue: #9ED8F5;
  --jleti-powder-blue-date: #6FBCE8;
  --jleti-link-blue-pop: #5BA7D8;
  --jleti-link-blue-pop-dark: #3F8AC0;
}

/* Announcement titles: burgundy */
.obj_announcement_summary .title,
.obj_announcement_summary .title a,
.cmp_announcements .obj_announcement_summary .title,
.cmp_announcements .obj_announcement_summary .title a,
.page_announcements .obj_announcement_summary .title,
.page_announcements .obj_announcement_summary .title a,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title a,
.obj_announcement_summary h2,
.obj_announcement_summary h2 a,
.obj_announcement_summary h3,
.obj_announcement_summary h3 a,
.cmp_announcements .obj_announcement_summary h2,
.cmp_announcements .obj_announcement_summary h2 a,
.cmp_announcements .obj_announcement_summary h3,
.cmp_announcements .obj_announcement_summary h3 a {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-serif) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.obj_announcement_summary .title a:hover,
.obj_announcement_summary .title a:focus,
.cmp_announcements .obj_announcement_summary .title a:hover,
.cmp_announcements .obj_announcement_summary .title a:focus,
.page_announcements .obj_announcement_summary .title a:hover,
.page_announcements .obj_announcement_summary .title a:focus,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title a:hover,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title a:focus,
.obj_announcement_summary h2 a:hover,
.obj_announcement_summary h2 a:focus,
.obj_announcement_summary h3 a:hover,
.obj_announcement_summary h3 a:focus {
  color: var(--jleti-burgundy-light) !important;
  text-decoration-color: rgba(122, 34, 48, 0.55) !important;
}

/* Announcement dates: powder blue */
.obj_announcement_summary .date,
.cmp_announcements .obj_announcement_summary .date,
.page_announcements .obj_announcement_summary .date,
.pkp_page_index .cmp_announcements .obj_announcement_summary .date {
  color: var(--jleti-powder-blue-date) !important;
}

/* Larger, still refined masthead tagline */
.pkp_site_name::after {
  border-left: 0 !important;
  border-top: 2px solid var(--jleti-burgundy) !important;
  color: rgba(248, 244, 236, 0.94) !important;
  content: "Legal scholarship is changing. JLETI is built for what comes next." !important;
  display: block !important;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif !important;
  font-size: clamp(1.12rem, 1.35vw, 1.34rem) !important;
  font-style: italic !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.38 !important;
  margin-top: 18px !important;
  max-width: 900px !important;
  padding-left: 0 !important;
  padding-top: 13px !important;
  text-shadow: none !important;
  text-transform: none !important;
}

/* Tablet: bigger than before, but contained */
@media screen and (max-width: 1200px) {
  .pkp_site_name::after {
    font-size: clamp(1rem, 2vw, 1.18rem) !important;
    line-height: 1.38 !important;
    max-width: min(44rem, calc(100vw - 2.5rem)) !important;
  }
}

/* Mobile: larger than the prior tiny version, but not oversized */
@media screen and (max-width: 768px) {
  .pkp_site_name::after {
    margin-top: 14px !important;
    padding-top: 11px !important;
    font-size: 1rem !important;
    line-height: 1.38 !important;
    letter-spacing: 0.005em !important;
    max-width: 23rem !important;
  }
}

@media screen and (max-width: 420px) {
  .pkp_site_name::after {
    font-size: 0.94rem !important;
    max-width: 18rem !important;
  }
}
/* =========================================================
   27. FINAL UPDATE: Screenshot-Matched Powder Blue
   ========================================================= */

/*
  Requested update:
  - Match the powder blue shown in the screenshot.
  - This powder blue is approximately #8FD3F5.
  - Keeps announcement titles burgundy.
  - Keeps announcement dates powder blue.
  - Keeps the header JLETI mark powder blue.
  - Keeps the larger tagline.
  - Keeps Search/magnifying glass white.
*/

:root {
  --jleti-powder-blue: #8FD3F5;
  --jleti-powder-blue-pop: #8FD3F5;
  --jleti-powder-blue-date: #8FD3F5;
}

/* Header JLETI mark: screenshot-matched powder blue */
.pkp_site_name .is_text::after {
  color: var(--jleti-powder-blue) !important;
}

/* Mobile compact masthead JLETI mark */
@media screen and (max-width: 700px) {
  .pkp_site_name .is_text::before,
  .pkp_site_name .is_text::after {
    color: var(--jleti-powder-blue) !important;
  }
}

/* Announcement dates: screenshot-matched powder blue */
.obj_announcement_summary .date,
.cmp_announcements .obj_announcement_summary .date,
.page_announcements .obj_announcement_summary .date,
.pkp_page_index .cmp_announcements .obj_announcement_summary .date {
  color: var(--jleti-powder-blue) !important;
}

/* Keep announcement titles burgundy */
.obj_announcement_summary .title,
.obj_announcement_summary .title a,
.cmp_announcements .obj_announcement_summary .title,
.cmp_announcements .obj_announcement_summary .title a,
.page_announcements .obj_announcement_summary .title,
.page_announcements .obj_announcement_summary .title a,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title a,
.obj_announcement_summary h2,
.obj_announcement_summary h2 a,
.obj_announcement_summary h3,
.obj_announcement_summary h3 a,
.cmp_announcements .obj_announcement_summary h2,
.cmp_announcements .obj_announcement_summary h2 a,
.cmp_announcements .obj_announcement_summary h3,
.cmp_announcements .obj_announcement_summary h3 a {
  color: var(--jleti-burgundy) !important;
}
/* =========================================================
   28. FINAL UPDATE: Read More Burgundy
   ========================================================= */

/*
  Requested update:
  - Make the announcement "Read More >" text and arrow burgundy.
  - Keeps announcement titles burgundy.
  - Keeps announcement dates screenshot-matched powder blue.
  - Keeps header JLETI screenshot-matched powder blue.
  - Keeps Search/magnifying glass white.
*/

.obj_announcement_summary .read_more,
.obj_announcement_summary .read_more a,
.obj_announcement_summary a.read_more,
.cmp_announcements .obj_announcement_summary .read_more,
.cmp_announcements .obj_announcement_summary .read_more a,
.cmp_announcements .obj_announcement_summary a.read_more,
.page_announcements .obj_announcement_summary .read_more,
.page_announcements .obj_announcement_summary .read_more a,
.page_announcements .obj_announcement_summary a.read_more,
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more,
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more a,
.pkp_page_index .cmp_announcements .obj_announcement_summary a.read_more {
  color: var(--jleti-burgundy) !important;
  text-decoration-color: rgba(122, 34, 48, 0.55) !important;
}

/* Arrow/icon after Read More */
.obj_announcement_summary .read_more::after,
.obj_announcement_summary .read_more a::after,
.obj_announcement_summary a.read_more::after,
.cmp_announcements .obj_announcement_summary .read_more::after,
.cmp_announcements .obj_announcement_summary .read_more a::after,
.cmp_announcements .obj_announcement_summary a.read_more::after,
.page_announcements .obj_announcement_summary .read_more::after,
.page_announcements .obj_announcement_summary .read_more a::after,
.page_announcements .obj_announcement_summary a.read_more::after,
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more::after,
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more a::after,
.pkp_page_index .cmp_announcements .obj_announcement_summary a.read_more::after,
.obj_announcement_summary .read_more .fa,
.obj_announcement_summary .read_more .icon,
.obj_announcement_summary a.read_more .fa,
.obj_announcement_summary a.read_more .icon {
  color: var(--jleti-burgundy) !important;
  border-color: var(--jleti-burgundy) !important;
}

/* Hover state */
.obj_announcement_summary .read_more:hover,
.obj_announcement_summary .read_more a:hover,
.obj_announcement_summary a.read_more:hover,
.cmp_announcements .obj_announcement_summary .read_more:hover,
.cmp_announcements .obj_announcement_summary .read_more a:hover,
.cmp_announcements .obj_announcement_summary a.read_more:hover,
.page_announcements .obj_announcement_summary .read_more:hover,
.page_announcements .obj_announcement_summary .read_more a:hover,
.page_announcements .obj_announcement_summary a.read_more:hover,
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more:hover,
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more a:hover,
.pkp_page_index .cmp_announcements .obj_announcement_summary a.read_more:hover {
  color: var(--jleti-burgundy-light) !important;
  text-decoration-color: rgba(166, 74, 89, 0.65) !important;
}

/* =========================================================
   29. FINAL UPDATE: Larger Announcement Titles
   ========================================================= */

/*
  Requested update:
  - Restores the clean original announcement card style without the
    “Journal News + Announcement” label.
  - Makes announcement titles slightly larger and more prominent.
  - Keeps announcement titles burgundy.
  - Keeps announcement dates powder blue.
  - Keeps “Read More >” burgundy.
*/

.obj_announcement_summary .title,
.obj_announcement_summary .title a,
.cmp_announcements .obj_announcement_summary .title,
.cmp_announcements .obj_announcement_summary .title a,
.page_announcements .obj_announcement_summary .title,
.page_announcements .obj_announcement_summary .title a,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title a,
.obj_announcement_summary h2,
.obj_announcement_summary h2 a,
.obj_announcement_summary h3,
.obj_announcement_summary h3 a,
.cmp_announcements .obj_announcement_summary h2,
.cmp_announcements .obj_announcement_summary h2 a,
.cmp_announcements .obj_announcement_summary h3,
.cmp_announcements .obj_announcement_summary h3 a {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.55rem, 2.15vw, 2.05rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.018em !important;
  line-height: 1.08 !important;
  margin-bottom: 0.45rem !important;
  text-decoration: none !important;
}

/* Keep the title comfortably sized on smaller screens. */
@media screen and (max-width: 768px) {
  .obj_announcement_summary .title,
  .obj_announcement_summary .title a,
  .cmp_announcements .obj_announcement_summary .title,
  .cmp_announcements .obj_announcement_summary .title a,
  .page_announcements .obj_announcement_summary .title,
  .page_announcements .obj_announcement_summary .title a,
  .pkp_page_index .cmp_announcements .obj_announcement_summary .title,
  .pkp_page_index .cmp_announcements .obj_announcement_summary .title a,
  .obj_announcement_summary h2,
  .obj_announcement_summary h2 a,
  .obj_announcement_summary h3,
  .obj_announcement_summary h3 a,
  .cmp_announcements .obj_announcement_summary h2,
  .cmp_announcements .obj_announcement_summary h2 a,
  .cmp_announcements .obj_announcement_summary h3,
  .cmp_announcements .obj_announcement_summary h3 a {
    font-size: clamp(1.38rem, 5.8vw, 1.72rem) !important;
    line-height: 1.12 !important;
  }
}

/* =========================================================
   30. FINAL UPDATE: Homepage Intro + Action Cards
   ========================================================= */

/*
  Use this with the custom HTML placed in the homepage Additional Content
  source-code editor.

  Recommended homepage order:
  1. About the Journal block using .jleti-home-intro
  2. Three-card action row using .jleti-home-actions
  3. OJS announcements below

  Note: CSS can style these blocks, but OJS page order is controlled by where
  the HTML is pasted. To place this directly under About the Journal, include
  the About text inside the same Additional Content HTML block and remove the
  duplicate built-in About text if OJS displays it separately.
*/

.jleti-home-intro {
  background: transparent;
  border-bottom: 1px solid rgba(82, 97, 107, 0.18);
  margin: 0 0 1.75rem 0;
  padding: 0 0 1.5rem 0;
}

.jleti-home-intro h2 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.65rem, 2.5vw, 2.25rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.018em !important;
  line-height: 1.1 !important;
  margin: 0 0 1rem 0 !important;
}

.jleti-home-intro p {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: clamp(1.02rem, 1.4vw, 1.18rem) !important;
  line-height: 1.65 !important;
  margin-bottom: 0 !important;
  max-width: 980px;
}

.jleti-home-actions {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 0 2.1rem 0;
  padding: 0 0 1.85rem 0;
  position: relative;
}

.jleti-home-actions::after {
  background: rgba(82, 97, 107, 0.18);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
}

.jleti-home-action-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 247, 240, 0.56));
  border: 1px solid rgba(82, 97, 107, 0.16);
  border-left: 5px solid var(--jleti-navy);
  border-radius: var(--jleti-radius-md);
  box-shadow: 0 10px 26px rgba(6, 21, 39, 0.06);
  min-height: 100%;
  padding: clamp(1.15rem, 2vw, 1.55rem);
  position: relative;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.jleti-home-action-card:nth-child(2) {
  border-left-color: var(--jleti-burgundy);
}

.jleti-home-action-card:nth-child(3) {
  border-left-color: var(--jleti-link-blue-pop, #5BA7D8);
}

.jleti-home-action-card:hover,
.jleti-home-action-card:focus-within {
  box-shadow: 0 16px 36px rgba(6, 21, 39, 0.10);
  transform: translateY(-2px);
}

.jleti-home-action-card h3 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.25rem, 1.9vw, 1.6rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.018em !important;
  line-height: 1.08 !important;
  margin: 0 0 0.65rem 0 !important;
}

.jleti-home-action-card p {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: 0.98rem !important;
  line-height: 1.55 !important;
  margin: 0 0 1rem 0 !important;
}

.jleti-home-action-link {
  color: var(--jleti-burgundy) !important;
  display: inline-flex;
  font-family: var(--jleti-ui) !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.2 !important;
  margin-top: 0.2rem;
  text-decoration: none !important;
  text-transform: uppercase;
}

.jleti-home-action-link::after {
  color: currentColor;
  content: "›";
  font-size: 1.2em;
  line-height: 1;
  margin-left: 0.45rem;
  transform: translateY(-0.02rem);
  transition: transform 0.16s ease;
}

.jleti-home-action-link:hover,
.jleti-home-action-link:focus {
  color: var(--jleti-navy) !important;
  text-decoration: none !important;
}

.jleti-home-action-link:hover::after,
.jleti-home-action-link:focus::after {
  transform: translate(0.18rem, -0.02rem);
}

/* Keep the row clean on tablets and phones. */
@media screen and (max-width: 900px) {
  .jleti-home-actions {
    grid-template-columns: 1fr;
  }

  .jleti-home-action-card {
    min-height: 0;
  }
}

@media screen and (max-width: 560px) {
  .jleti-home-intro {
    margin-bottom: 1.35rem;
    padding-bottom: 1.15rem;
  }

  .jleti-home-actions {
    gap: 0.85rem;
    margin-bottom: 1.55rem;
    padding-bottom: 1.35rem;
  }

  .jleti-home-action-card {
    border-left-width: 4px;
    padding: 1.05rem;
  }
}
/* =========================================================
   31. FINAL UPDATE: Put Homepage Intro + Cards Above Announcements
   ========================================================= */

/*
  OJS often renders "Additional Content" below the Announcements block.
  This override changes the visual order on the homepage only, so the
  custom About the Journal intro and JLETI action cards appear before
  announcements.

  Intended homepage order:
  1. Custom About the Journal intro + cards
  2. Announcements
*/

.pkp_page_index .pkp_structure_main,
body.pkp_page_index .pkp_structure_main,
.pkp_op_index .pkp_structure_main,
body.pkp_op_index .pkp_structure_main {
  display: flex !important;
  flex-direction: column !important;
}

/* Move the Additional Content block up */
.pkp_page_index .additional_content,
body.pkp_page_index .additional_content,
.pkp_op_index .additional_content,
body.pkp_op_index .additional_content {
  order: 1 !important;
  margin-top: 0 !important;
  margin-bottom: 2rem !important;
}

/* Keep Announcements below the custom intro/cards */
.pkp_page_index .cmp_announcements,
body.pkp_page_index .cmp_announcements,
.pkp_op_index .cmp_announcements,
body.pkp_op_index .cmp_announcements {
  order: 2 !important;
  margin-top: 0 !important;
}

/* Keep any current issue block below Announcements unless you later want to move it */
.pkp_page_index .current_issue,
body.pkp_page_index .current_issue,
.pkp_op_index .current_issue,
body.pkp_op_index .current_issue {
  order: 3 !important;
}

/* Clean spacing when the homepage intro is now the first visible content block */
.pkp_page_index .additional_content .jleti-home-intro:first-child,
body.pkp_page_index .additional_content .jleti-home-intro:first-child,
.pkp_op_index .additional_content .jleti-home-intro:first-child,
body.pkp_op_index .additional_content .jleti-home-intro:first-child {
  margin-top: 0 !important;
}

/* Give the announcement section breathing room after the cards */
.pkp_page_index .cmp_announcements::before,
body.pkp_page_index .cmp_announcements::before,
.pkp_op_index .cmp_announcements::before,
body.pkp_op_index .cmp_announcements::before {
  background: rgba(82, 97, 107, 0.18);
  content: "";
  display: block;
  height: 1px;
  margin: 0 0 1.75rem 0;
  width: 100%;
}

/* =========================================================
   33. FINAL UPDATE: Unified Homepage Cards
   ========================================================= */

/*
  Homepage action card color system:
  - Navy left border for authority and consistency
  - Burgundy links/arrows for action
  - Powder blue interior accent for a subtle innovation cue
*/

:root {
  --jleti-card-powder-accent: #8BD3FF;
}

.jleti-home-action-card,
.jleti-home-action-card:nth-child(1),
.jleti-home-action-card:nth-child(2),
.jleti-home-action-card:nth-child(3),
.jleti-home-action-card:nth-child(2n),
.jleti-home-action-card:nth-child(3n) {
  border-left-color: var(--jleti-navy) !important;
  position: relative !important;
}

/* Small interior powder-blue accent line */
.jleti-home-action-card::before {
  background: var(--jleti-card-powder-accent) !important;
  border-radius: 999px !important;
  content: "" !important;
  display: block !important;
  height: 3px !important;
  margin: 0 0 1rem 0 !important;
  width: 72px !important;
}

/* Keep homepage card links/action text burgundy */
.jleti-home-action-card .jleti-home-action-link,
.jleti-home-action-card a.jleti-home-action-link,
.jleti-home-action-link,
a.jleti-home-action-link {
  color: var(--jleti-burgundy) !important;
  text-decoration-color: rgba(122, 34, 48, 0.45) !important;
}

/* Keep any generated arrow/icon burgundy too */
.jleti-home-action-card .jleti-home-action-link::after,
.jleti-home-action-card a.jleti-home-action-link::after,
.jleti-home-action-link::after,
a.jleti-home-action-link::after {
  color: var(--jleti-burgundy) !important;
  border-color: var(--jleti-burgundy) !important;
}

/* Polished hover state */
.jleti-home-action-card:hover {
  border-left-color: var(--jleti-navy) !important;
  box-shadow: 0 18px 42px rgba(6, 21, 39, 0.12) !important;
}

.jleti-home-action-card:hover::before {
  background: var(--jleti-powder-blue-pop, var(--jleti-card-powder-accent)) !important;
  width: 92px !important;
}

.jleti-home-action-card .jleti-home-action-link:hover,
.jleti-home-action-card a.jleti-home-action-link:hover,
.jleti-home-action-card .jleti-home-action-link:focus,
.jleti-home-action-card a.jleti-home-action-link:focus,
.jleti-home-action-link:hover,
a.jleti-home-action-link:hover,
.jleti-home-action-link:focus,
a.jleti-home-action-link:focus {
  color: var(--jleti-burgundy-light) !important;
  text-decoration-color: var(--jleti-burgundy-light) !important;
}

/* =========================================================
   34. FINAL UPDATE: Balanced Homepage Cards + Vertical Double Accent
   ========================================================= */

/*
  Updates:
  - Removes the horizontal powder-blue accent lines.
  - Makes all homepage action cards equal-height.
  - Pushes all CTA links to the same bottom line.
  - Keeps navy as the main left border.
  - Adds a subtle powder-blue second vertical accent only on the JLETI Opportunities card.
*/

.jleti-home-actions {
  align-items: stretch !important;
}

.jleti-home-action-card {
  border-left-color: var(--jleti-navy) !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 330px !important;
  position: relative !important;
}

/* Remove the horizontal powder-blue interior line from the prior version */
.jleti-home-action-card::before {
  content: none !important;
  display: none !important;
}

/* Keep the title/paragraph spacing consistent */
.jleti-home-action-card h3 {
  margin-bottom: 1rem !important;
}

.jleti-home-action-card p {
  margin-bottom: 1.4rem !important;
}

/* Put Submit Work / View Opportunities / Meet the Board on the same bottom line */
.jleti-home-action-card .jleti-home-action-link,
.jleti-home-action-card a.jleti-home-action-link {
  color: var(--jleti-burgundy) !important;
  margin-top: auto !important;
  text-decoration-color: rgba(122, 34, 48, 0.45) !important;
}

/* Keep arrows burgundy */
.jleti-home-action-card .jleti-home-action-link::after,
.jleti-home-action-card a.jleti-home-action-link::after {
  color: var(--jleti-burgundy) !important;
  border-color: var(--jleti-burgundy) !important;
}

/* Add powder blue as a subtle second vertical accent on JLETI Opportunities only */
.jleti-home-action-card:nth-child(2) {
  border-left-color: var(--jleti-navy) !important;
  box-shadow:
    inset 6px 0 0 var(--jleti-powder-blue-pop, #8BD3FF),
    0 8px 24px rgba(6, 21, 39, 0.08) !important;
}

/* Hover remains polished but not busy */
.jleti-home-action-card:hover {
  border-left-color: var(--jleti-navy) !important;
  box-shadow: 0 18px 42px rgba(6, 21, 39, 0.12) !important;
  transform: translateY(-1px) !important;
}

.jleti-home-action-card:nth-child(2):hover {
  box-shadow:
    inset 6px 0 0 var(--jleti-powder-blue-pop, #8BD3FF),
    0 18px 42px rgba(6, 21, 39, 0.12) !important;
}

/* Mobile: allow natural height when stacked */
@media (max-width: 768px) {
  .jleti-home-action-card {
    min-height: 0 !important;
  }
}

/* =========================================================
   35. FINAL UPDATE: Restore Original Homepage Card Border Colors
   ========================================================= */

/*
  Restores the homepage action cards to the original three-color system:
  - Card 1: Navy
  - Card 2: Burgundy
  - Card 3: Light Blue

  Also removes the special powder-blue double/accent border from the
  JLETI Opportunities card while keeping the equal-height card layout
  and bottom-aligned CTA links.
*/

.jleti-home-action-card::before {
  content: none !important;
  display: none !important;
}

.jleti-home-action-card,
.jleti-home-action-card:nth-child(1),
.jleti-home-action-card:nth-child(2),
.jleti-home-action-card:nth-child(3),
.jleti-home-action-card:nth-child(2n),
.jleti-home-action-card:nth-child(3n) {
  box-shadow: 0 8px 24px rgba(6, 21, 39, 0.08) !important;
}

.jleti-home-action-card:nth-child(1) {
  border-left-color: var(--jleti-navy) !important;
}

.jleti-home-action-card:nth-child(2) {
  border-left-color: var(--jleti-burgundy) !important;
}

.jleti-home-action-card:nth-child(3) {
  border-left-color: var(--jleti-light-blue-dark, #2F6FAD) !important;
}

/* Preserve the original color assignment on hover */
.jleti-home-action-card:nth-child(1):hover {
  border-left-color: var(--jleti-navy) !important;
  box-shadow: 0 18px 42px rgba(6, 21, 39, 0.12) !important;
}

.jleti-home-action-card:nth-child(2):hover {
  border-left-color: var(--jleti-burgundy) !important;
  box-shadow: 0 18px 42px rgba(6, 21, 39, 0.12) !important;
}

.jleti-home-action-card:nth-child(3):hover {
  border-left-color: var(--jleti-light-blue-dark, #2F6FAD) !important;
  box-shadow: 0 18px 42px rgba(6, 21, 39, 0.12) !important;
}

/* =========================================================
   36. FINAL UPDATE: Compact Homepage Cards + Closer CTA Links
   ========================================================= */

/*
  Keeps the original three-color card borders, but removes the forced
  bottom-aligned CTA layout so "Submit Work," "View Opportunities," and
  "Meet the Board" sit closer to the card text. This keeps the cards
  polished without making them taller than necessary.
*/

.jleti-home-action-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  padding-bottom: 1.75rem !important;
}

/* Reduce extra space between body text and CTA link */
.jleti-home-action-card p {
  margin-bottom: 0.95rem !important;
}

/* Bring CTA links closer to the text instead of forcing them to the bottom */
.jleti-home-action-card .jleti-home-action-link,
.jleti-home-action-card a.jleti-home-action-link {
  margin-top: 0.35rem !important;
}

/* Keep original border color assignments */
.jleti-home-action-card:nth-child(1) {
  border-left-color: var(--jleti-navy) !important;
}

.jleti-home-action-card:nth-child(2) {
  border-left-color: var(--jleti-burgundy) !important;
}

.jleti-home-action-card:nth-child(3) {
  border-left-color: var(--jleti-light-blue-dark, #2F6FAD) !important;
}

/* =========================================================
   37. FINAL UPDATE: All Homepage Card Borders Navy
   ========================================================= */

/*
  Makes all three homepage action card left borders navy while preserving
  the more compact card height and closer CTA spacing.
*/

.jleti-home-action-card,
.jleti-home-action-card:nth-child(1),
.jleti-home-action-card:nth-child(2),
.jleti-home-action-card:nth-child(3),
.jleti-home-action-card:nth-child(2n),
.jleti-home-action-card:nth-child(3n) {
  border-left-color: var(--jleti-navy) !important;
}

/* Preserve navy borders on hover */
.jleti-home-action-card:hover,
.jleti-home-action-card:nth-child(1):hover,
.jleti-home-action-card:nth-child(2):hover,
.jleti-home-action-card:nth-child(3):hover {
  border-left-color: var(--jleti-navy) !important;
}

/* =========================================================
   38. FINAL UPDATE: Clean Manual Homepage Announcements
   ========================================================= */

/*
  Use with the manual Announcements block pasted into Additional Content.

  Updates:
  - Displays the section heading as "Announcements"
  - Styles the manual announcement to resemble the original OJS announcement card
  - Uses the actual announcement title/content
  - Styles the CTA as "Read More"
  - Keeps card borders navy and CTAs burgundy
*/

/* Homepage action cards: keep all borders navy */
.jleti-home-action-card,
.jleti-home-action-card:nth-child(1),
.jleti-home-action-card:nth-child(2),
.jleti-home-action-card:nth-child(3),
.jleti-home-action-card:nth-child(2n),
.jleti-home-action-card:nth-child(3n),
.jleti-home-action-card:hover,
.jleti-home-action-card:nth-child(1):hover,
.jleti-home-action-card:nth-child(2):hover,
.jleti-home-action-card:nth-child(3):hover {
  border-left-color: var(--jleti-navy) !important;
}

/* Compact CTA spacing inside homepage cards */
.jleti-home-action-card {
  min-height: 0 !important;
}

.jleti-home-action-card p {
  margin-bottom: 0.95rem !important;
}

.jleti-home-action-card .jleti-home-action-link,
.jleti-home-action-card a.jleti-home-action-link {
  color: var(--jleti-burgundy) !important;
  margin-top: 0.35rem !important;
  text-decoration-color: rgba(122, 34, 48, 0.45) !important;
}

.jleti-home-action-card .jleti-home-action-link::after,
.jleti-home-action-card a.jleti-home-action-link::after {
  color: var(--jleti-burgundy) !important;
  border-color: var(--jleti-burgundy) !important;
}

/* Manual Announcements section */
.jleti-latest-announcements {
  border-top: 1px solid rgba(82, 97, 107, 0.18) !important;
  margin-top: 2.15rem !important;
  padding-top: 2rem !important;
}

/* Heading row */
.jleti-home-section-heading {
  align-items: baseline !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  margin-bottom: 1rem !important;
}

.jleti-home-section-heading h2 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.65rem, 2.5vw, 2.25rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.08 !important;
  margin: 0 !important;
}

.jleti-home-section-heading a {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.jleti-home-section-heading a:hover,
.jleti-home-section-heading a:focus {
  color: var(--jleti-burgundy-light) !important;
  text-decoration-color: var(--jleti-burgundy-light) !important;
}

/* Announcement card */
.jleti-latest-announcement-card {
  background: var(--jleti-white) !important;
  border: 1px solid rgba(82, 97, 107, 0.15) !important;
  border-left: 7px solid var(--jleti-navy) !important;
  border-radius: var(--jleti-radius-md) !important;
  box-shadow: var(--jleti-shadow-sm) !important;
  margin-top: 1.05rem !important;
  overflow: hidden !important;
  padding: 1.55rem 1.65rem !important;
  position: relative !important;
}

/* Small burgundy rule like the original announcement styling */
.jleti-latest-announcement-card::before {
  background: var(--jleti-burgundy) !important;
  content: "" !important;
  display: block !important;
  height: 3px !important;
  margin: 0 0 1rem 0 !important;
  width: 115px !important;
}

/* Optional category label */
.jleti-announcement-type {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.09em !important;
  line-height: 1.2 !important;
  margin: 0 0 0.45rem 0 !important;
  text-transform: uppercase !important;
}

/* Announcement title */
.jleti-latest-announcement-card h3 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.45rem, 2.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.018em !important;
  line-height: 1.08 !important;
  margin: 0 0 0.4rem 0 !important;
}

/* Announcement date */
.jleti-announcement-date {
  align-items: center !important;
  color: var(--jleti-powder-blue-pop, #2F8FC7) !important;
  display: inline-flex !important;
  font-family: var(--jleti-mono) !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  gap: 0.45rem !important;
  letter-spacing: 0.08em !important;
  margin: 0 0 1rem 0 !important;
}

.jleti-announcement-date::before {
  color: rgba(82, 97, 107, 0.28) !important;
  content: "▦" !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
}

/* Announcement body */
.jleti-latest-announcement-card p {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: 1rem !important;
  line-height: 1.62 !important;
  max-width: 900px !important;
}

/* Read More CTA */
.jleti-latest-announcement-card .jleti-home-action-link,
.jleti-latest-announcement-card a.jleti-home-action-link {
  color: var(--jleti-burgundy) !important;
  display: inline-block !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  margin-top: 0.8rem !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.jleti-latest-announcement-card .jleti-home-action-link::after,
.jleti-latest-announcement-card a.jleti-home-action-link::after {
  color: var(--jleti-burgundy) !important;
  border-color: var(--jleti-burgundy) !important;
}

.jleti-latest-announcement-card .jleti-home-action-link:hover,
.jleti-latest-announcement-card a.jleti-home-action-link:hover,
.jleti-latest-announcement-card .jleti-home-action-link:focus,
.jleti-latest-announcement-card a.jleti-home-action-link:focus {
  color: var(--jleti-burgundy-light) !important;
  text-decoration-color: var(--jleti-burgundy-light) !important;
}

/* Mobile layout */
@media (max-width: 768px) {
  .jleti-home-section-heading {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .jleti-latest-announcement-card {
    padding: 1.25rem 1.3rem !important;
  }
}

/* =========================================================
   39. FINAL UPDATE: Refined Homepage Announcements Display
   ========================================================= */

/*
  Updates:
  - Reduces the double divider after the three homepage cards to one light rule.
  - Makes the manual announcement title burgundy.
  - Makes the announcement date powder blue.
  - Replaces the rough calendar marker with a cleaner calendar icon.
  - Keeps "Read More" burgundy.
  - Adds CSS-level cleanup for accidental markdown backtick/code-fence artifacts
    by hiding empty inline code marks inside the manual announcement card.
*/

/* One clean separator between cards and announcements */
.jleti-home-actions {
  border-bottom: 1px solid rgba(82, 97, 107, 0.16) !important;
  margin-bottom: 2rem !important;
  padding-bottom: 2rem !important;
}

.jleti-latest-announcements {
  border-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Announcement heading row */
.jleti-home-section-heading {
  border-top: 0 !important;
  margin-top: 0 !important;
}

/* Manual announcement card title should be burgundy */
.jleti-latest-announcement-card h3 {
  color: var(--jleti-burgundy) !important;
}

/* Announcement date should be powder blue */
.jleti-announcement-date {
  color: var(--jleti-powder-blue-pop, #2F8FC7) !important;
}

/* Better calendar symbol before date */
.jleti-announcement-date::before {
  color: rgba(82, 97, 107, 0.26) !important;
  content: "📅" !important;
  display: inline-block !important;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", var(--jleti-ui) !important;
  font-size: 0.92rem !important;
  line-height: 1 !important;
  margin-right: 0.35rem !important;
  transform: translateY(-1px) !important;
}

/* Read More remains burgundy and clean */
.jleti-latest-announcement-card .jleti-home-action-link,
.jleti-latest-announcement-card a.jleti-home-action-link {
  color: var(--jleti-burgundy) !important;
  text-decoration: none !important;
}

.jleti-latest-announcement-card .jleti-home-action-link::after,
.jleti-latest-announcement-card a.jleti-home-action-link::after {
  color: var(--jleti-burgundy) !important;
  border-color: var(--jleti-burgundy) !important;
}

/*
  If accidental markdown/code-fence marks were pasted as inline code tags,
  hide them inside this manual announcement block.
  If you still see literal ``` marks, delete them from the Additional Content
  source code directly using the clean HTML below.
*/
.jleti-latest-announcement-card code:empty,
.jleti-latest-announcement-card pre:empty {
  display: none !important;
}

/* =========================================================
   40. FINAL UPDATE: Single Announcement Card + Proper Date Styling
   ========================================================= */

/*
  Use with the clean single-card HTML below.

  Fixes:
  - Prevents the manual announcement from visually splitting into separate boxes.
  - Keeps the whole announcement in one card.
  - Makes the announcement title burgundy.
  - Makes the date powder blue.
  - Uses a cleaner outline-style calendar icon instead of the emoji calendar.
  - Keeps Read More burgundy.
*/

/* One light separator after the three cards */
.jleti-home-actions {
  border-bottom: 1px solid rgba(82, 97, 107, 0.16) !important;
  margin-bottom: 2rem !important;
  padding-bottom: 2rem !important;
}

/* Remove any extra divider above Announcements */
.jleti-latest-announcements {
  border-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Keep the announcement heading clean */
.jleti-home-section-heading {
  align-items: baseline !important;
  border-top: 0 !important;
  display: flex !important;
  gap: 1rem !important;
  justify-content: space-between !important;
  margin: 0 0 1rem 0 !important;
}

.jleti-home-section-heading h2 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.65rem, 2.5vw, 2.25rem) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  margin: 0 !important;
}

.jleti-home-section-heading a {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.8rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

/* The entire announcement must be one unified card */
.jleti-latest-announcement-card {
  background: var(--jleti-white) !important;
  border: 1px solid rgba(82, 97, 107, 0.15) !important;
  border-left: 7px solid var(--jleti-navy) !important;
  border-radius: var(--jleti-radius-md) !important;
  box-shadow: var(--jleti-shadow-sm) !important;
  display: block !important;
  margin: 1rem 0 0 0 !important;
  overflow: hidden !important;
  padding: 1.55rem 1.65rem !important;
  position: relative !important;
}

/* Burgundy rule at top of the announcement card */
.jleti-latest-announcement-card::before {
  background: var(--jleti-burgundy) !important;
  content: "" !important;
  display: block !important;
  height: 3px !important;
  margin: 0 0 1rem 0 !important;
  width: 115px !important;
}

/* Burgundy title */
.jleti-latest-announcement-card h3 {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.45rem, 2.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.018em !important;
  line-height: 1.08 !important;
  margin: 0 0 0.55rem 0 !important;
  padding: 0 !important;
}

/* Powder blue date */
.jleti-latest-announcement-card .jleti-announcement-date,
.jleti-announcement-date {
  align-items: center !important;
  color: #8BD3FF !important;
  display: inline-flex !important;
  font-family: var(--jleti-mono) !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  gap: 0.5rem !important;
  letter-spacing: 0.09em !important;
  line-height: 1.2 !important;
  margin: 0 0 1.1rem 0 !important;
}

/* Cleaner non-emoji calendar icon */
.jleti-latest-announcement-card .jleti-announcement-date::before,
.jleti-announcement-date::before {
  color: rgba(82, 97, 107, 0.28) !important;
  content: "\f073" !important;
  display: inline-block !important;
  font-family: "FontAwesome", "Font Awesome 5 Free", "Font Awesome 6 Free" !important;
  font-size: 0.95rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  margin: 0 !important;
  transform: translateY(-1px) !important;
}

/* Announcement body */
.jleti-latest-announcement-card p:not(.jleti-announcement-date) {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: 1rem !important;
  line-height: 1.62 !important;
  margin: 0 0 1rem 0 !important;
  max-width: 900px !important;
}

/* Read More */
.jleti-latest-announcement-card .jleti-home-action-link,
.jleti-latest-announcement-card a.jleti-home-action-link {
  color: var(--jleti-burgundy) !important;
  display: inline-block !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  margin-top: 0.5rem !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.jleti-latest-announcement-card .jleti-home-action-link::after,
.jleti-latest-announcement-card a.jleti-home-action-link::after {
  color: var(--jleti-burgundy) !important;
  border-color: var(--jleti-burgundy) !important;
}

/* Hide accidental empty code/pre tags if pasted by the rich text editor */
.jleti-latest-announcement-card code:empty,
.jleti-latest-announcement-card pre:empty,
.jleti-latest-announcements code:empty,
.jleti-latest-announcements pre:empty {
  display: none !important;
}

@media (max-width: 768px) {
  .jleti-home-section-heading {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .jleti-latest-announcement-card {
    padding: 1.25rem 1.3rem !important;
  }
}

/* =========================================================
   41. FINAL UPDATE: Balance Homepage Section Heading Sizes
   ========================================================= */

/*
  Makes "About the Journal" and "Announcements" feel like the same level
  of homepage section heading so the page hierarchy looks cleaner.
*/

:root {
  --jleti-home-section-title-size: clamp(1.75rem, 2.4vw, 2.25rem);
}

/* About the Journal heading from the OJS journal summary/homepage about area */
.pkp_page_index .homepage_about h2,
.pkp_page_index .journal-summary h2,
.pkp_page_index .journal_summary h2,
.pkp_page_index .journal-description h2,
.pkp_page_index .journal_description h2,
.pkp_page_index .about_site h2,
.pkp_page_index .about_journal h2,
.pkp_page_index .pkp_structure_main > h2:first-of-type {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: var(--jleti-home-section-title-size) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.08 !important;
  margin-bottom: 1.15rem !important;
}

/* Manual Announcements heading */
.jleti-home-section-heading h2,
.jleti-latest-announcements .jleti-home-section-heading h2 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: var(--jleti-home-section-title-size) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.08 !important;
  margin: 0 !important;
}

/* Slightly tighten spacing so the transition from cards to announcements feels intentional */
.jleti-home-actions {
  margin-bottom: 1.85rem !important;
  padding-bottom: 1.85rem !important;
}

.jleti-latest-announcements {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* =========================================================
   42. FINAL UPDATE: Smaller Homepage Announcement Title
   ========================================================= */

/*
  Makes the manual homepage announcement title closer in size to the
  homepage card titles, such as "Publish With JLETI."
*/

.jleti-latest-announcement-card h3 {
  font-size: clamp(1.35rem, 1.9vw, 1.7rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.015em !important;
}

/* Keep the title from overpowering the Announcements section on smaller screens */
@media (max-width: 768px) {
  .jleti-latest-announcement-card h3 {
    font-size: clamp(1.28rem, 5vw, 1.55rem) !important;
  }
}

/* =========================================================
   43. FINAL UPDATE: No Sidebar + Wider Main Content
   ========================================================= */

/*
  Use this when the sidebar is turned off in OJS.

  Fixes:
  - Removes the vertical divider/line left behind by the old sidebar layout.
  - Hides any empty sidebar container OJS still outputs.
  - Expands the main white content box so the homepage does not feel narrow.
  - Keeps long text readable by not making paragraph lines too wide.
*/

/* Make the page use a single-column layout when the sidebar is gone */
.pkp_structure_content {
  display: block !important;
  max-width: 1320px !important;
  width: calc(100% - 3rem) !important;
}

/* Remove any theme-generated vertical divider line */
.pkp_structure_content::before,
.pkp_structure_content::after,
.pkp_structure_main::after,
.pkp_structure_sidebar::before,
.pkp_structure_sidebar::after {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Hide the empty sidebar area completely */
.pkp_structure_sidebar {
  border: 0 !important;
  box-shadow: none !important;
  display: none !important;
  float: none !important;
  margin: 0 !important;
  max-width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: 0 !important;
}

/* Let the main white box expand into the space the sidebar used to occupy */
.pkp_structure_main {
  box-sizing: border-box !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: none !important;
  width: 100% !important;
}

/* Keep homepage content comfortably wide but still readable */
.pkp_page_index .pkp_structure_main,
body.pkp_page_index .pkp_structure_main {
  max-width: 1240px !important;
}

/* Give the homepage a little more breathing room now that it is full-width */
.pkp_page_index .pkp_structure_main,
body.pkp_page_index .pkp_structure_main {
  padding-left: clamp(1.5rem, 3vw, 3.25rem) !important;
  padding-right: clamp(1.5rem, 3vw, 3.25rem) !important;
}

/* Keep the About paragraph from becoming too wide on large screens */
.pkp_page_index .pkp_structure_main > p,
.pkp_page_index .homepage_about p,
.pkp_page_index .journal-summary p,
.pkp_page_index .journal_summary p,
.pkp_page_index .journal-description p,
.pkp_page_index .journal_description p {
  max-width: 1120px !important;
}

/* Cards can use the wider layout more naturally */
.jleti-home-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* Tablet/mobile: return to normal fluid width */
@media (max-width: 900px) {
  .pkp_structure_content {
    width: calc(100% - 1.25rem) !important;
  }

  .pkp_page_index .pkp_structure_main,
  body.pkp_page_index .pkp_structure_main {
    max-width: none !important;
  }

  .jleti-home-actions {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   44. FINAL UPDATE: JLETI Custom Footer
   ========================================================= */

/*
  Styles the custom three-column JLETI footer:
  - JLETI mission/description
  - Explore links
  - Open access statement
*/

.jleti-footer-custom {
  display: grid !important;
  gap: 2.25rem !important;
  grid-template-columns: 2fr 1fr 1.35fr !important;
  padding: 2.25rem 0 !important;
}

.jleti-footer-column h3 {
  color: var(--jleti-ivory) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.85rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.2 !important;
  margin: 0 0 0.9rem 0 !important;
  text-transform: uppercase !important;
}

.jleti-footer-column p {
  color: rgba(250, 247, 240, 0.78) !important;
  font-family: var(--jleti-sans) !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  margin: 0 0 0.55rem 0 !important;
}

.jleti-footer-about p {
  max-width: 540px !important;
}

.jleti-footer-column a {
  color: rgba(250, 247, 240, 0.88) !important;
  text-decoration-color: rgba(139, 211, 255, 0.42) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

.jleti-footer-column a:hover,
.jleti-footer-column a:focus {
  color: var(--jleti-powder-blue-pop, #8BD3FF) !important;
  text-decoration-color: var(--jleti-powder-blue-pop, #8BD3FF) !important;
}

/* Optional subtle footer divider/accent inside the navy footer */
.jleti-footer-custom::before {
  background: linear-gradient(90deg, var(--jleti-burgundy), var(--jleti-powder-blue-pop, #8BD3FF), transparent) !important;
  content: "" !important;
  display: block !important;
  grid-column: 1 / -1 !important;
  height: 2px !important;
  margin-bottom: 0.25rem !important;
  max-width: 360px !important;
  width: 100% !important;
}

@media (max-width: 768px) {
  .jleti-footer-custom {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
    padding: 1.75rem 0 !important;
  }

  .jleti-footer-custom::before {
    max-width: 240px !important;
  }
}

/* =========================================================
   45. FINAL UPDATE: Slimmer JLETI Header / Masthead
   ========================================================= */

/*
  Makes the navy masthead feel slimmer and less heavy while preserving
  the JLETI brand identity, tagline, and navigation.
*/

.pkp_site_name_wrapper {
  padding-top: clamp(0.9rem, 1.8vw, 1.35rem) !important;
  padding-bottom: clamp(0.9rem, 1.8vw, 1.35rem) !important;
}

/* Shorter burgundy rule above the masthead title */
.pkp_site_name::before {
  height: 2px !important;
  margin-bottom: 0.72rem !important;
  width: 125px !important;
}

/* Slightly smaller masthead title */
.pkp_site_name .is_text {
  font-size: clamp(1.7rem, 3.25vw, 2.95rem) !important;
  line-height: 1.02 !important;
  max-width: min(980px, calc(100vw - 4rem)) !important;
}

/* Smaller JLETI mark under the masthead title */
.pkp_site_name .is_text::after {
  font-size: clamp(0.78rem, 1.05vw, 0.98rem) !important;
  letter-spacing: 0.26em !important;
  margin-top: 0.55rem !important;
}

/* Slimmer tagline */
.pkp_site_name::after {
  border-top-width: 1.5px !important;
  font-size: clamp(1.15rem, 1.6vw, 1.5rem) !important;
  line-height: 1.32 !important;
  margin-top: 0.65rem !important;
  max-width: 760px !important;
  padding-top: 0.55rem !important;
}

/* Make the navigation bar feel a bit less thick */
.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a {
  font-size: 0.8rem !important;
  line-height: 1.2 !important;
  padding-top: 0.72rem !important;
  padding-bottom: 0.72rem !important;
}

/* Keep the bottom accent line elegant but not heavy */
.pkp_structure_head::after {
  height: 3px !important;
}

.pkp_navigation_primary_wrapper::after,
.pkp_navigation_primary_row::after {
  height: 1px !important;
}

/* Tablet and mobile: keep compact but not cramped */
@media (max-width: 1200px) {
  .pkp_site_name_wrapper {
    padding-top: 0.85rem !important;
    padding-bottom: 0.95rem !important;
  }

  .pkp_site_name::before {
    margin-bottom: 0.55rem !important;
    width: 105px !important;
  }

  .pkp_site_name .is_text::before {
    font-size: clamp(1.9rem, 5.5vw, 3.1rem) !important;
  }

  .pkp_site_name .is_text::after {
    font-size: clamp(0.66rem, 1.35vw, 0.82rem) !important;
    margin-top: 0.34rem !important;
  }

  .pkp_site_name::after {
    font-size: clamp(0.78rem, 1.55vw, 0.92rem) !important;
    margin-top: 0.55rem !important;
    padding-top: 0.45rem !important;
  }
}

@media (max-width: 760px) {
  .pkp_site_name_wrapper {
    padding-top: 0.78rem !important;
    padding-bottom: 0.82rem !important;
  }

  .pkp_site_name .is_text::before {
    font-size: clamp(1.85rem, 12vw, 2.75rem) !important;
  }

  .pkp_site_name::after {
    font-size: 0.82rem !important;
    max-width: 22rem !important;
  }
}

/* =========================================================
   46. FINAL UPDATE: Hide OJS/PKP Footer Branding
   ========================================================= */

/*
  Hides the default "Platform & Workflow by OJS/PKP" branding block
  from the public footer.
*/

.pkp_brand_footer,
.pkp_brand_footer a,
.pkp_brand_footer img,
.pkp_structure_footer .pkp_brand_footer,
.pkp_structure_footer_wrapper .pkp_brand_footer {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* =========================================================
   47. FINAL UPDATE: Remove Header Grid Overlay
   ========================================================= */

/*
  Removes the subtle grid pattern overlay from the navy masthead/header.
  This keeps the header clean, solid navy, and more professional.
*/

.pkp_structure_head::before {
  background: none !important;
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

/* =========================================================
   48. FINAL UPDATE: Footer No Accent Line + Aligned Columns
   ========================================================= */

/*
  Removes the decorative footer line above the columns and aligns
  JLETI, Explore, and Open Access on the same horizontal row.
*/

.jleti-footer-custom::before {
  content: none !important;
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 0 !important;
}

.jleti-footer-custom {
  align-items: start !important;
  display: grid !important;
  grid-template-columns: 2fr 1fr 1.35fr !important;
  gap: 2.25rem !important;
  padding-top: 2rem !important;
}

.jleti-footer-column {
  align-self: start !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.jleti-footer-column h3 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media (max-width: 768px) {
  .jleti-footer-custom {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }
}

/* =========================================================
   49. FINAL UPDATE: JLETI Writing Competition Page
   Fully integrated update for the JLETI Writing Competition page.
   ========================================================= */

.jleti-static-page.jleti-writing-competition-page,
.jleti-writing-competition-page {
  --jleti-wc-navy: var(--jleti-navy, #0B1F3A);
  --jleti-wc-navy-dark: var(--jleti-navy-dark, #061527);
  --jleti-wc-ivory: var(--jleti-ivory, #FAF7F0);
  --jleti-wc-ivory-2: var(--jleti-ivory-2, #F4EFE4);
  --jleti-wc-white: var(--jleti-white, #FFFFFF);
  --jleti-wc-slate: var(--jleti-slate, #52616B);
  --jleti-wc-slate-dark: var(--jleti-slate-dark, #36434B);
  --jleti-wc-blue: var(--jleti-link-blue-pop, #5BA7D8);
  --jleti-wc-blue-dark: var(--jleti-link-blue-pop-dark, #3F8AC0);
  --jleti-wc-blue-soft: var(--jleti-light-blue-soft, #E5F4FC);
  --jleti-wc-powder: var(--jleti-powder-blue, #9ED8F5);
  --jleti-wc-burgundy: var(--jleti-burgundy, #7A2230);
  --jleti-wc-burgundy-light: var(--jleti-burgundy-light, #A64A59);
  --jleti-wc-border: rgba(82, 97, 107, 0.20);
  --jleti-wc-border-strong: rgba(82, 97, 107, 0.36);
  --jleti-wc-radius-sm: var(--jleti-radius-sm, 8px);
  --jleti-wc-radius-md: var(--jleti-radius-md, 14px);
  --jleti-wc-radius-lg: var(--jleti-radius-lg, 22px);
  --jleti-wc-shadow-sm: var(--jleti-shadow-sm, 0 8px 24px rgba(6, 21, 39, 0.08));
  --jleti-wc-shadow-md: var(--jleti-shadow-md, 0 18px 50px rgba(6, 21, 39, 0.13));
  --jleti-wc-serif: var(--jleti-serif, "Cormorant Garamond", Georgia, Cambria, "Times New Roman", serif);
  --jleti-wc-sans: var(--jleti-sans, "Source Sans 3", "Source Sans Pro", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --jleti-wc-ui: var(--jleti-ui, Inter, "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --jleti-wc-mono: var(--jleti-mono, "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
  color: var(--jleti-wc-slate-dark) !important;
}

.jleti-writing-competition-page,
.jleti-writing-competition-page * {
  box-sizing: border-box !important;
}

.jleti-writing-competition-page p,
.jleti-writing-competition-page li {
  color: var(--jleti-wc-slate-dark) !important;
  font-family: var(--jleti-wc-sans) !important;
  font-size: 1.02rem !important;
  line-height: 1.65 !important;
}

.jleti-writing-competition-page a {
  color: var(--jleti-wc-blue) !important;
  text-decoration-color: rgba(31, 111, 168, 0.42) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

.jleti-writing-competition-page a:hover,
.jleti-writing-competition-page a:focus {
  color: var(--jleti-wc-blue-dark) !important;
  text-decoration-color: var(--jleti-wc-burgundy) !important;
}

.jleti-writing-competition-page .jleti-page-hero {
  background:
    radial-gradient(circle at top right, rgba(158, 216, 245, 0.34), transparent 18rem),
    linear-gradient(180deg, var(--jleti-wc-white), var(--jleti-wc-ivory)) !important;
  border: 1px solid var(--jleti-wc-border) !important;
  border-top: 14px solid var(--jleti-wc-navy) !important;
  border-radius: var(--jleti-wc-radius-lg) !important;
  box-shadow: var(--jleti-wc-shadow-sm) !important;
  margin: 0 0 2rem 0 !important;
  overflow: hidden !important;
  padding: clamp(1.6rem, 4vw, 3rem) !important;
  position: relative !important;
}

.jleti-writing-competition-page .jleti-page-hero::before {
  background: var(--jleti-wc-burgundy) !important;
  content: "" !important;
  display: block !important;
  height: 3px !important;
  margin-bottom: 1rem !important;
  width: 150px !important;
}

.jleti-writing-competition-page .jleti-page-hero::after {
  background: linear-gradient(90deg, var(--jleti-wc-burgundy), var(--jleti-wc-blue), transparent) !important;
  bottom: 0 !important;
  content: "" !important;
  height: 4px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
}

.jleti-writing-competition-page .jleti-page-kicker {
  color: var(--jleti-wc-burgundy) !important;
  font-family: var(--jleti-wc-mono) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  line-height: 1.25 !important;
  margin: 0 0 0.65rem 0 !important;
  text-transform: uppercase !important;
}

.jleti-writing-competition-page .jleti-page-hero h1 {
  color: var(--jleti-wc-navy) !important;
  font-family: var(--jleti-wc-serif) !important;
  font-size: clamp(2.35rem, 5vw, 4.75rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 0.96 !important;
  margin: 0 0 1rem 0 !important;
  max-width: 1050px !important;
}

.jleti-writing-competition-page .jleti-hero-subtitle,
.jleti-writing-competition-page .jleti-page-hero p {
  color: var(--jleti-wc-slate-dark) !important;
  font-family: var(--jleti-wc-sans) !important;
  font-size: clamp(1.06rem, 1.7vw, 1.28rem) !important;
  line-height: 1.55 !important;
  max-width: 970px !important;
}

.jleti-writing-competition-page .jleti-hero-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.85rem !important;
  margin: 1.6rem 0 1rem 0 !important;
}

.jleti-writing-competition-page a.jleti-page-button,
.jleti-writing-competition-page .jleti-page-button {
  background: var(--jleti-wc-blue) !important;
  border: 1px solid var(--jleti-wc-blue) !important;
  border-radius: var(--jleti-wc-radius-sm) !important;
  box-shadow: 0 12px 28px rgba(31, 111, 168, 0.20) !important;
  color: var(--jleti-wc-white) !important;
  display: inline-block !important;
  font-family: var(--jleti-wc-ui) !important;
  font-size: 0.92rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.2 !important;
  padding: 0.88rem 1.25rem !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease !important;
}

.jleti-writing-competition-page a.jleti-page-button:hover,
.jleti-writing-competition-page a.jleti-page-button:focus,
.jleti-writing-competition-page .jleti-page-button:hover,
.jleti-writing-competition-page .jleti-page-button:focus {
  background: var(--jleti-wc-blue-dark) !important;
  border-color: var(--jleti-wc-blue-dark) !important;
  box-shadow: 0 18px 38px rgba(31, 111, 168, 0.26) !important;
  color: var(--jleti-wc-white) !important;
  transform: translateY(-1px) !important;
}

.jleti-writing-competition-page a.jleti-page-button-secondary,
.jleti-writing-competition-page .jleti-page-button-secondary {
  background: transparent !important;
  border-color: var(--jleti-wc-navy) !important;
  box-shadow: none !important;
  color: var(--jleti-wc-navy) !important;
}

.jleti-writing-competition-page a.jleti-page-button-secondary:hover,
.jleti-writing-competition-page a.jleti-page-button-secondary:focus,
.jleti-writing-competition-page .jleti-page-button-secondary:hover,
.jleti-writing-competition-page .jleti-page-button-secondary:focus {
  background: var(--jleti-wc-navy) !important;
  border-color: var(--jleti-wc-navy) !important;
  color: var(--jleti-wc-white) !important;
}

.jleti-writing-competition-page .jleti-submit-note {
  background: rgba(31, 111, 168, 0.08) !important;
  border: 1px solid rgba(31, 111, 168, 0.18) !important;
  border-left: 6px solid var(--jleti-wc-blue) !important;
  border-radius: var(--jleti-wc-radius-sm) !important;
  color: var(--jleti-wc-navy) !important;
  font-size: 0.98rem !important;
  margin: 1rem 0 0 0 !important;
  max-width: 950px !important;
  padding: 0.9rem 1rem !important;
}

.jleti-writing-competition-page .jleti-submit-note strong {
  color: var(--jleti-wc-navy) !important;
}

.jleti-writing-competition-page .jleti-note {
  background: linear-gradient(90deg, rgba(31, 111, 168, 0.10), rgba(250, 247, 240, 0.72)) !important;
  border: 1px solid rgba(31, 111, 168, 0.18) !important;
  border-left: 6px solid var(--jleti-wc-blue) !important;
  border-radius: var(--jleti-wc-radius-md) !important;
  box-shadow: var(--jleti-wc-shadow-sm) !important;
  color: var(--jleti-wc-slate-dark) !important;
  margin: 1.4rem 0 0 0 !important;
  padding: 1.05rem 1.2rem !important;
}

.jleti-writing-competition-page .jleti-note strong {
  color: var(--jleti-wc-navy) !important;
}

.jleti-writing-competition-page .jleti-page-section {
  border-top: 1px solid rgba(82, 97, 107, 0.16) !important;
  margin-top: 1.9rem !important;
  padding-top: 1.65rem !important;
}

.jleti-writing-competition-page .jleti-page-section h2 {
  color: var(--jleti-wc-navy) !important;
  font-family: var(--jleti-wc-serif) !important;
  font-size: clamp(1.55rem, 2.8vw, 2.35rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.06 !important;
  margin: 0 0 0.85rem 0 !important;
  position: relative !important;
}

.jleti-writing-competition-page .jleti-page-section h2::after {
  background: var(--jleti-wc-burgundy) !important;
  content: "" !important;
  display: block !important;
  height: 3px !important;
  margin-top: 0.55rem !important;
  width: 120px !important;
}

.jleti-writing-competition-page .jleti-page-section h3 {
  color: var(--jleti-wc-navy) !important;
  font-family: var(--jleti-wc-serif) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.08 !important;
  margin: 0 0 0.45rem 0 !important;
}

.jleti-writing-competition-page .jleti-page-section p {
  margin-bottom: 0.95rem !important;
  max-width: 980px !important;
}

.jleti-writing-competition-page .jleti-date-grid,
.jleti-writing-competition-page .jleti-prize-grid {
  display: grid !important;
  gap: 1rem !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 1.15rem 0 1.25rem 0 !important;
}

.jleti-writing-competition-page .jleti-date-card,
.jleti-writing-competition-page .jleti-prize-card {
  background: linear-gradient(180deg, var(--jleti-wc-white), rgba(250, 247, 240, 0.76)) !important;
  border: 1px solid rgba(82, 97, 107, 0.18) !important;
  border-radius: var(--jleti-wc-radius-md) !important;
  box-shadow: var(--jleti-wc-shadow-sm) !important;
  min-height: 100% !important;
  overflow: hidden !important;
  padding: 1.35rem !important;
  position: relative !important;
}

.jleti-writing-competition-page .jleti-date-card {
  border-top: 6px solid var(--jleti-wc-navy) !important;
}

.jleti-writing-competition-page .jleti-date-card:nth-child(2) {
  border-top-color: var(--jleti-wc-burgundy) !important;
}

.jleti-writing-competition-page .jleti-date-card:nth-child(3) {
  border-top-color: var(--jleti-wc-blue) !important;
}

.jleti-writing-competition-page .jleti-prize-card {
  border-left: 7px solid var(--jleti-wc-blue) !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  padding: 1.2rem 1.35rem 1.2rem 1.35rem !important;
}

.jleti-writing-competition-page .jleti-prize-card:nth-child(1) {
  border-left-color: var(--jleti-wc-burgundy) !important;
}

.jleti-writing-competition-page .jleti-prize-card:nth-child(2) {
  border-left-color: var(--jleti-wc-blue) !important;
}

.jleti-writing-competition-page .jleti-prize-card:nth-child(3) {
  border-left-color: var(--jleti-wc-navy) !important;
}

.jleti-writing-competition-page .jleti-prize-card::before {
  background: linear-gradient(90deg, rgba(122, 34, 48, 0.18), rgba(31, 111, 168, 0.12), transparent) !important;
  content: "" !important;
  height: 4px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}

.jleti-writing-competition-page .jleti-card-label {
  color: var(--jleti-wc-burgundy) !important;
  font-family: var(--jleti-wc-mono) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.25 !important;
  margin: 0 0 0.45rem 0 !important;
  text-transform: uppercase !important;
}

.jleti-writing-competition-page .jleti-date-card h3,
.jleti-writing-competition-page .jleti-prize-card h3 {
  color: var(--jleti-wc-navy) !important;
  font-family: var(--jleti-wc-serif) !important;
  font-size: clamp(1.38rem, 2.5vw, 2.25rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.02 !important;
  margin: 0 0 0.55rem 0 !important;
}

.jleti-writing-competition-page .jleti-prize-card h3 {
  font-size: clamp(1.7rem, 2.6vw, 2.15rem) !important;
  line-height: 1 !important;
  margin: 0 0 0.5rem 0 !important;
}

.jleti-writing-competition-page .jleti-date-card p,
.jleti-writing-competition-page .jleti-prize-card p {
  font-size: 0.98rem !important;
  line-height: 1.55 !important;
  margin-top: 0 !important;
  margin-bottom: 0.45rem !important;
}

.jleti-writing-competition-page .jleti-prize-card p:last-child {
  margin-bottom: 0 !important;
}

.jleti-writing-competition-page .jleti-date-card p strong {
  color: var(--jleti-wc-navy) !important;
  font-family: var(--jleti-wc-serif) !important;
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

.jleti-writing-competition-page .jleti-highlight-section,
.jleti-writing-competition-page .jleti-sponsor-section,
.jleti-writing-competition-page .jleti-final-cta-section {
  background: var(--jleti-wc-ivory) !important;
  border: 1px solid rgba(82, 97, 107, 0.18) !important;
  border-left: 7px solid var(--jleti-wc-burgundy) !important;
  border-radius: var(--jleti-wc-radius-lg) !important;
  box-shadow: var(--jleti-wc-shadow-sm) !important;
  margin-top: 2rem !important;
  padding: clamp(1.25rem, 3vw, 1.75rem) !important;
}

.jleti-writing-competition-page .jleti-sponsor-section {
  background: radial-gradient(circle at top right, rgba(158, 216, 245, 0.24), transparent 16rem), var(--jleti-wc-white) !important;
  border-left-color: var(--jleti-wc-navy) !important;
}

.jleti-writing-competition-page .jleti-final-cta-section {
  background: linear-gradient(180deg, var(--jleti-wc-navy), var(--jleti-wc-navy-dark)) !important;
  border-left-color: var(--jleti-wc-burgundy) !important;
  color: var(--jleti-wc-white) !important;
  overflow: hidden !important;
  position: relative !important;
}

.jleti-writing-competition-page .jleti-final-cta-section::after {
  background: linear-gradient(90deg, var(--jleti-wc-burgundy), var(--jleti-wc-blue), transparent) !important;
  bottom: 0 !important;
  content: "" !important;
  height: 4px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
}

.jleti-writing-competition-page .jleti-final-cta-section h2,
.jleti-writing-competition-page .jleti-final-cta-section p {
  color: var(--jleti-wc-white) !important;
}

.jleti-writing-competition-page .jleti-final-cta-section h2::after {
  background: var(--jleti-wc-burgundy) !important;
}

.jleti-writing-competition-page .jleti-final-cta-section a.jleti-page-button-secondary,
.jleti-writing-competition-page .jleti-final-cta-section .jleti-page-button-secondary {
  border-color: var(--jleti-wc-white) !important;
  color: var(--jleti-wc-white) !important;
}

.jleti-writing-competition-page .jleti-final-cta-section a.jleti-page-button-secondary:hover,
.jleti-writing-competition-page .jleti-final-cta-section .jleti-page-button-secondary:hover {
  background: var(--jleti-wc-white) !important;
  border-color: var(--jleti-wc-white) !important;
  color: var(--jleti-wc-navy) !important;
}

.jleti-writing-competition-page .jleti-checklist {
  list-style: none !important;
  margin: 1rem 0 0 0 !important;
  padding: 0 !important;
}

.jleti-writing-competition-page .jleti-checklist li {
  background: var(--jleti-wc-white) !important;
  border: 1px solid rgba(82, 97, 107, 0.15) !important;
  border-left: 5px solid var(--jleti-wc-blue) !important;
  border-radius: var(--jleti-wc-radius-sm) !important;
  margin: 0 0 0.62rem 0 !important;
  padding: 0.82rem 1rem 0.82rem 2.75rem !important;
  position: relative !important;
}

.jleti-writing-competition-page .jleti-checklist li::before {
  align-items: center !important;
  background: var(--jleti-wc-blue) !important;
  border-radius: 50% !important;
  color: var(--jleti-wc-white) !important;
  content: "✓" !important;
  display: flex !important;
  font-family: var(--jleti-wc-ui) !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  height: 1.35rem !important;
  justify-content: center !important;
  left: 0.82rem !important;
  line-height: 1 !important;
  position: absolute !important;
  text-align: center !important;
  top: 0.9rem !important;
  width: 1.35rem !important;
}

.jleti-writing-competition-page .jleti-numbered-list {
  counter-reset: jleti-step-counter !important;
  list-style: none !important;
  margin: 1.1rem 0 1.35rem 0 !important;
  padding: 0 !important;
}

.jleti-writing-competition-page .jleti-numbered-list li {
  background: var(--jleti-wc-white) !important;
  border: 1px solid rgba(82, 97, 107, 0.16) !important;
  border-left: 5px solid var(--jleti-wc-burgundy) !important;
  border-radius: var(--jleti-wc-radius-sm) !important;
  box-shadow: 0 6px 16px rgba(6, 21, 39, 0.04) !important;
  counter-increment: jleti-step-counter !important;
  margin: 0 0 0.75rem 0 !important;
  min-height: 3.6rem !important;
  padding: 0.9rem 1rem 0.9rem 3.35rem !important;
  position: relative !important;
}

.jleti-writing-competition-page .jleti-numbered-list li::before {
  align-items: center !important;
  background: var(--jleti-wc-burgundy) !important;
  border-radius: 50% !important;
  color: var(--jleti-wc-white) !important;
  content: counter(jleti-step-counter) !important;
  display: flex !important;
  font-family: var(--jleti-wc-ui) !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  height: 1.75rem !important;
  justify-content: center !important;
  left: 0.9rem !important;
  line-height: 1 !important;
  position: absolute !important;
  text-align: center !important;
  top: 0.95rem !important;
  width: 1.75rem !important;
}

.jleti-writing-competition-page .jleti-numbered-list strong,
.jleti-writing-competition-page .jleti-checklist strong {
  color: var(--jleti-wc-navy) !important;
  font-weight: 850 !important;
}

@media (max-width: 900px) {
  .jleti-writing-competition-page .jleti-date-grid,
  .jleti-writing-competition-page .jleti-prize-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  .jleti-writing-competition-page .jleti-page-hero {
    padding: 1.35rem !important;
  }

  .jleti-writing-competition-page .jleti-page-hero h1 {
    font-size: clamp(2rem, 12vw, 3rem) !important;
  }

  .jleti-writing-competition-page .jleti-hero-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .jleti-writing-competition-page a.jleti-page-button,
  .jleti-writing-competition-page .jleti-page-button {
    width: 100% !important;
  }

  .jleti-writing-competition-page .jleti-page-section {
    margin-top: 1.45rem !important;
    padding-top: 1.25rem !important;
  }

  .jleti-writing-competition-page .jleti-date-card,
  .jleti-writing-competition-page .jleti-prize-card,
  .jleti-writing-competition-page .jleti-highlight-section,
  .jleti-writing-competition-page .jleti-sponsor-section,
  .jleti-writing-competition-page .jleti-final-cta-section {
    padding: 1.05rem !important;
  }

  .jleti-writing-competition-page .jleti-checklist li {
    padding-left: 2.55rem !important;
  }

  .jleti-writing-competition-page .jleti-numbered-list li {
    padding-left: 3.05rem !important;
  }
}

/* =========================================================
   51. FINAL UPDATE: JLETI Fellowship Page
   ========================================================= */

/*
  Styles the custom JLETI Fellowship page:
  - Hero section
  - Featured current fellow profile with photo
  - Fellowship program cards
  - Fellowship topic grid
  - Fellowship inquiries CTA
*/

.jleti-fellowship-page {
  color: var(--jleti-slate-dark) !important;
}

/* Hero */
.jleti-fellowship-hero {
  background:
    radial-gradient(circle at 88% 10%, rgba(139, 211, 255, 0.26), transparent 16rem),
    linear-gradient(135deg, rgba(250, 247, 240, 0.94), rgba(255, 255, 255, 0.98)) !important;
  border: 1px solid rgba(82, 97, 107, 0.12) !important;
  border-radius: var(--jleti-radius-lg) !important;
  box-shadow: 0 10px 28px rgba(6, 21, 39, 0.045) !important;
  margin: 0 0 1.6rem 0 !important;
  overflow: hidden !important;
  padding: clamp(1.65rem, 3vw, 2.85rem) clamp(1.25rem, 3vw, 2.5rem) !important;
  position: relative !important;
}

.jleti-fellowship-hero::before {
  background: var(--jleti-burgundy) !important;
  content: "" !important;
  display: block !important;
  height: 3px !important;
  margin-bottom: 1.05rem !important;
  width: 130px !important;
}

.jleti-fellowship-hero::after {
  color: rgba(11, 31, 58, 0.055) !important;
  content: "§" !important;
  font-family: Georgia, serif !important;
  font-size: clamp(9rem, 18vw, 18rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  position: absolute !important;
  right: 2rem !important;
  top: -2.6rem !important;
  transform: rotate(-8deg) !important;
  z-index: 0 !important;
}

.jleti-fellowship-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

.jleti-fellowship-hero .jleti-page-kicker {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  margin: 0 0 0.55rem 0 !important;
  text-transform: uppercase !important;
}

.jleti-fellowship-hero h1 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(2.8rem, 6vw, 5.4rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  line-height: 0.95 !important;
  margin: 0 0 1rem 0 !important;
}

.jleti-fellowship-hero p:not(.jleti-page-kicker) {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: clamp(1.05rem, 1.6vw, 1.22rem) !important;
  line-height: 1.55 !important;
  max-width: 860px !important;
}

/* Featured current fellow */
.jleti-fellow-feature {
  align-items: center !important;
  background: var(--jleti-white) !important;
  border: 1px solid rgba(82, 97, 107, 0.15) !important;
  border-left: 8px solid var(--jleti-burgundy) !important;
  border-radius: var(--jleti-radius-lg) !important;
  box-shadow: var(--jleti-shadow-md) !important;
  display: grid !important;
  gap: clamp(1.4rem, 3vw, 2.7rem) !important;
  grid-template-columns: minmax(240px, 340px) 1fr !important;
  margin: 1.75rem 0 1.5rem 0 !important;
  overflow: hidden !important;
  padding: clamp(1rem, 2vw, 1.35rem) !important;
}

.jleti-fellow-photo-wrap {
  background: rgba(11, 31, 58, 0.04) !important;
  border: 1px solid rgba(82, 97, 107, 0.12) !important;
  border-radius: var(--jleti-radius-md) !important;
  overflow: hidden !important;
}

.jleti-fellow-photo {
  aspect-ratio: 4 / 5 !important;
  display: block !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  width: 100% !important;
}

.jleti-fellow-bio {
  padding: clamp(0.5rem, 2vw, 1rem) clamp(0.5rem, 2vw, 1.5rem) !important;
}

.jleti-fellow-label {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  margin: 0 0 0.4rem 0 !important;
  text-transform: uppercase !important;
}

.jleti-fellow-bio h2 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(2.3rem, 4.5vw, 4rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  line-height: 0.95 !important;
  margin: 0 0 0.35rem 0 !important;
}

.jleti-fellow-subtitle {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  margin: 0 0 1.25rem 0 !important;
}

.jleti-fellow-subtitle::after {
  background: var(--jleti-burgundy) !important;
  content: "" !important;
  display: block !important;
  height: 3px !important;
  margin-top: 1.15rem !important;
  width: 90px !important;
}

.jleti-fellow-bio p {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: 1rem !important;
  line-height: 1.62 !important;
  max-width: 820px !important;
}

/* Fellowship grid */
.jleti-fellowship-grid {
  display: grid !important;
  gap: 1.15rem !important;
  grid-template-columns: 1fr 1.55fr 1fr !important;
  margin-top: 1.25rem !important;
}

.jleti-fellowship-card {
  background: var(--jleti-white) !important;
  border: 1px solid rgba(82, 97, 107, 0.16) !important;
  border-radius: var(--jleti-radius-md) !important;
  box-shadow: 0 8px 22px rgba(6, 21, 39, 0.05) !important;
  padding: clamp(1.15rem, 2vw, 1.55rem) !important;
}

.jleti-fellowship-card h2,
.jleti-fellowship-inquiry h2 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.55rem, 2.3vw, 2.05rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.05 !important;
  margin: 0 0 0.8rem 0 !important;
}

.jleti-fellowship-card h2::after,
.jleti-fellowship-inquiry h2::after {
  background: var(--jleti-powder-blue-pop, #8BD3FF) !important;
  content: "" !important;
  display: block !important;
  height: 2px !important;
  margin-top: 0.65rem !important;
  width: 58px !important;
}

.jleti-fellowship-card p,
.jleti-fellowship-card li,
.jleti-fellowship-inquiry p {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: 0.98rem !important;
  line-height: 1.58 !important;
}

.jleti-fellowship-card p:last-child {
  margin-bottom: 0 !important;
}

.jleti-fellowship-card-wide {
  grid-column: auto !important;
}

.jleti-fellowship-card-accent {
  border-left: 7px solid var(--jleti-navy) !important;
}

/* Fellowship topic pills */
.jleti-fellowship-topic-grid {
  display: grid !important;
  gap: 0.65rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.jleti-fellowship-topic-grid div {
  background: linear-gradient(180deg, rgba(139, 211, 255, 0.11), rgba(255, 255, 255, 0.95)) !important;
  border: 1px solid rgba(82, 97, 107, 0.14) !important;
  border-radius: var(--jleti-radius-sm) !important;
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  padding: 0.75rem 0.85rem !important;
}

/* Lists */
.jleti-fellowship-list {
  margin: 0 !important;
  padding-left: 1.15rem !important;
}

.jleti-fellowship-list li {
  margin-bottom: 0.55rem !important;
}

.jleti-fellowship-list li::marker {
  color: var(--jleti-burgundy) !important;
}

/* Notes and callouts */
.jleti-fellowship-note {
  background: rgba(139, 211, 255, 0.12) !important;
  border-left: 5px solid var(--jleti-powder-blue-pop, #8BD3FF) !important;
  border-radius: var(--jleti-radius-sm) !important;
  color: var(--jleti-navy) !important;
  font-weight: 700 !important;
  margin-top: 1rem !important;
  padding: 0.85rem 1rem !important;
}

/* Inquiry block */
.jleti-fellowship-inquiry {
  align-items: center !important;
  background: linear-gradient(135deg, rgba(139, 211, 255, 0.15), rgba(255, 255, 255, 0.98)) !important;
  border: 1px solid rgba(82, 97, 107, 0.16) !important;
  border-left: 7px solid var(--jleti-powder-blue-pop, #8BD3FF) !important;
  border-radius: var(--jleti-radius-md) !important;
  box-shadow: 0 8px 22px rgba(6, 21, 39, 0.055) !important;
  display: grid !important;
  gap: 1.5rem !important;
  grid-template-columns: 1fr auto !important;
  margin-top: 1.25rem !important;
  padding: clamp(1.25rem, 2.2vw, 1.75rem) !important;
}

.jleti-fellowship-inquiry .jleti-page-button {
  background: var(--jleti-burgundy) !important;
  border: 1px solid var(--jleti-burgundy) !important;
  border-radius: var(--jleti-radius-sm) !important;
  color: var(--jleti-white) !important;
  display: inline-block !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  padding: 0.85rem 1.15rem !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.jleti-fellowship-inquiry .jleti-page-button:hover,
.jleti-fellowship-inquiry .jleti-page-button:focus {
  background: var(--jleti-navy) !important;
  border-color: var(--jleti-navy) !important;
  color: var(--jleti-white) !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}

/* Responsive */
@media (max-width: 1100px) {
  .jleti-fellowship-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .jleti-fellowship-card-wide {
    grid-column: span 2 !important;
  }
}

@media (max-width: 850px) {
  .jleti-fellowship-hero {
    padding: 1.35rem 1.1rem !important;
  }

  .jleti-fellowship-hero::after {
    opacity: 0.55 !important;
    right: -1rem !important;
    top: -2rem !important;
  }

  .jleti-fellow-feature {
    grid-template-columns: 1fr !important;
  }

  .jleti-fellow-photo {
    aspect-ratio: 5 / 4 !important;
  }

  .jleti-fellowship-grid,
  .jleti-fellowship-inquiry {
    grid-template-columns: 1fr !important;
  }

  .jleti-fellowship-card-wide {
    grid-column: auto !important;
  }

  .jleti-fellowship-topic-grid {
    grid-template-columns: 1fr !important;
  }

  .jleti-fellowship-inquiry .jleti-page-button {
    justify-self: start !important;
    white-space: normal !important;
  }
}

/* =========================================================
   52. FINAL UPDATE: Cleaner Horizontal Fellowship Page
   ========================================================= */

/*
  Reduces visual busyness on the Fellowship page:
  - removes the large section-symbol watermark
  - reduces repeated "JLETI Fellowship" emphasis
  - converts lower cards into cleaner horizontal program bands
  - keeps the Sydney Tucker feature card polished
  - preserves the Fellowship Inquiries callout
*/

.jleti-fellowship-page {
  color: var(--jleti-slate-dark) !important;
}

/* Cleaner hero */
.jleti-fellowship-page .jleti-fellowship-hero {
  background:
    linear-gradient(135deg, rgba(250, 247, 240, 0.96), rgba(255, 255, 255, 0.99)) !important;
  border: 1px solid rgba(82, 97, 107, 0.14) !important;
  border-radius: var(--jleti-radius-lg) !important;
  box-shadow: 0 8px 24px rgba(6, 21, 39, 0.04) !important;
  margin: 0 0 1.35rem 0 !important;
  overflow: hidden !important;
  padding: clamp(1.45rem, 2.8vw, 2.35rem) clamp(1.25rem, 3vw, 2.4rem) !important;
  position: relative !important;
}

.jleti-fellowship-page .jleti-fellowship-hero::before {
  background: var(--jleti-burgundy) !important;
  content: "" !important;
  display: block !important;
  height: 3px !important;
  margin-bottom: 1rem !important;
  width: 125px !important;
}

/* Remove the large section-symbol watermark */
.jleti-fellowship-page .jleti-fellowship-hero::after,
.jleti-fellowship-page .jleti-fellow-feature::after {
  content: none !important;
  display: none !important;
}

.jleti-fellowship-page .jleti-fellowship-hero .jleti-page-kicker {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  margin: 0 0 0.5rem 0 !important;
  text-transform: uppercase !important;
}

.jleti-fellowship-page .jleti-fellowship-hero h1 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(2.4rem, 5vw, 4.6rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  line-height: 0.98 !important;
  margin: 0 0 0.85rem 0 !important;
}

.jleti-fellowship-page .jleti-fellowship-hero p:not(.jleti-page-kicker) {
  color: var(--jleti-slate-dark) !important;
  font-size: clamp(1.02rem, 1.45vw, 1.16rem) !important;
  line-height: 1.55 !important;
  max-width: 860px !important;
}

/* Sydney feature card: a little calmer */
.jleti-fellowship-page .jleti-fellow-feature {
  align-items: center !important;
  background: var(--jleti-white) !important;
  border: 1px solid rgba(82, 97, 107, 0.15) !important;
  border-left: 8px solid var(--jleti-burgundy) !important;
  border-radius: var(--jleti-radius-lg) !important;
  box-shadow: 0 12px 36px rgba(6, 21, 39, 0.08) !important;
  display: grid !important;
  gap: clamp(1.25rem, 2.7vw, 2.3rem) !important;
  grid-template-columns: minmax(220px, 315px) 1fr !important;
  margin: 1.5rem 0 !important;
  overflow: hidden !important;
  padding: clamp(0.95rem, 1.8vw, 1.25rem) !important;
  position: relative !important;
}

.jleti-fellowship-page .jleti-fellow-photo-wrap {
  background: rgba(11, 31, 58, 0.04) !important;
  border: 1px solid rgba(82, 97, 107, 0.12) !important;
  border-radius: var(--jleti-radius-md) !important;
  overflow: hidden !important;
}

.jleti-fellowship-page .jleti-fellow-photo {
  aspect-ratio: 4 / 5 !important;
  display: block !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  width: 100% !important;
}

.jleti-fellowship-page .jleti-fellow-label {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  margin: 0 0 0.35rem 0 !important;
  text-transform: uppercase !important;
}

.jleti-fellowship-page .jleti-fellow-bio h2 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(2.15rem, 4vw, 3.65rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  line-height: 0.96 !important;
  margin: 0 0 0.3rem 0 !important;
}

.jleti-fellowship-page .jleti-fellow-subtitle {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.97rem !important;
  font-weight: 700 !important;
  margin: 0 0 1.05rem 0 !important;
}

.jleti-fellowship-page .jleti-fellow-subtitle::after {
  background: var(--jleti-burgundy) !important;
  content: "" !important;
  display: block !important;
  height: 3px !important;
  margin-top: 0.95rem !important;
  width: 86px !important;
}

.jleti-fellowship-page .jleti-fellow-bio p {
  color: var(--jleti-slate-dark) !important;
  font-size: 0.98rem !important;
  line-height: 1.58 !important;
  max-width: 880px !important;
}

/* Horizontal program layout */
.jleti-fellowship-page .jleti-fellowship-stack {
  display: grid !important;
  gap: 1rem !important;
  margin-top: 1.35rem !important;
}

.jleti-fellowship-page .jleti-fellowship-band {
  background: var(--jleti-white) !important;
  border: 1px solid rgba(82, 97, 107, 0.15) !important;
  border-left: 7px solid var(--jleti-navy) !important;
  border-radius: var(--jleti-radius-md) !important;
  box-shadow: 0 8px 22px rgba(6, 21, 39, 0.045) !important;
  display: grid !important;
  gap: clamp(1rem, 2.5vw, 2rem) !important;
  grid-template-columns: minmax(190px, 0.35fr) 1fr !important;
  padding: clamp(1.15rem, 2vw, 1.55rem) !important;
}

.jleti-fellowship-page .jleti-fellowship-band:nth-child(2) {
  border-left-color: var(--jleti-burgundy) !important;
}

.jleti-fellowship-page .jleti-fellowship-band:nth-child(3) {
  border-left-color: var(--jleti-powder-blue-pop, #8BD3FF) !important;
}

.jleti-fellowship-page .jleti-fellowship-band h2 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.45rem, 2.2vw, 2rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.06 !important;
  margin: 0 !important;
}

.jleti-fellowship-page .jleti-fellowship-band h2::after {
  background: var(--jleti-powder-blue-pop, #8BD3FF) !important;
  content: "" !important;
  display: block !important;
  height: 2px !important;
  margin-top: 0.65rem !important;
  width: 58px !important;
}

.jleti-fellowship-page .jleti-fellowship-band p,
.jleti-fellowship-page .jleti-fellowship-band li {
  color: var(--jleti-slate-dark) !important;
  font-size: 0.98rem !important;
  line-height: 1.58 !important;
}

.jleti-fellowship-page .jleti-fellowship-band p:last-child {
  margin-bottom: 0 !important;
}

/* Topic chips in a calmer horizontal grid */
.jleti-fellowship-page .jleti-fellowship-topic-grid {
  display: grid !important;
  gap: 0.6rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.jleti-fellowship-page .jleti-fellowship-topic-grid div {
  background: linear-gradient(180deg, rgba(139, 211, 255, 0.09), rgba(255, 255, 255, 0.98)) !important;
  border: 1px solid rgba(82, 97, 107, 0.14) !important;
  border-radius: var(--jleti-radius-sm) !important;
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  padding: 0.7rem 0.8rem !important;
}

/* Lists */
.jleti-fellowship-page .jleti-fellowship-list {
  margin: 0 !important;
  padding-left: 1.15rem !important;
}

.jleti-fellowship-page .jleti-fellowship-list li {
  margin-bottom: 0.5rem !important;
}

.jleti-fellowship-page .jleti-fellowship-list li::marker {
  color: var(--jleti-burgundy) !important;
}

/* Note */
.jleti-fellowship-page .jleti-fellowship-note {
  background: rgba(139, 211, 255, 0.12) !important;
  border-left: 5px solid var(--jleti-powder-blue-pop, #8BD3FF) !important;
  border-radius: var(--jleti-radius-sm) !important;
  color: var(--jleti-navy) !important;
  font-weight: 700 !important;
  margin-top: 1rem !important;
  padding: 0.85rem 1rem !important;
}

/* Preserve and polish Fellowship Inquiries */
.jleti-fellowship-page .jleti-fellowship-inquiry {
  align-items: center !important;
  background: linear-gradient(135deg, rgba(139, 211, 255, 0.15), rgba(255, 255, 255, 0.98)) !important;
  border: 1px solid rgba(82, 97, 107, 0.16) !important;
  border-left: 7px solid var(--jleti-powder-blue-pop, #8BD3FF) !important;
  border-radius: var(--jleti-radius-md) !important;
  box-shadow: 0 8px 22px rgba(6, 21, 39, 0.055) !important;
  display: grid !important;
  gap: 1.5rem !important;
  grid-template-columns: 1fr auto !important;
  margin-top: 1.25rem !important;
  padding: clamp(1.25rem, 2.2vw, 1.75rem) !important;
}

.jleti-fellowship-page .jleti-fellowship-inquiry h2 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.55rem, 2.3vw, 2.05rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.05 !important;
  margin: 0 0 0.8rem 0 !important;
}

.jleti-fellowship-page .jleti-fellowship-inquiry h2::after {
  background: var(--jleti-powder-blue-pop, #8BD3FF) !important;
  content: "" !important;
  display: block !important;
  height: 2px !important;
  margin-top: 0.65rem !important;
  width: 58px !important;
}

.jleti-fellowship-page .jleti-fellowship-inquiry p {
  color: var(--jleti-slate-dark) !important;
  font-size: 0.98rem !important;
  line-height: 1.58 !important;
}

.jleti-fellowship-page .jleti-fellowship-inquiry .jleti-page-button {
  background: var(--jleti-burgundy) !important;
  border: 1px solid var(--jleti-burgundy) !important;
  border-radius: var(--jleti-radius-sm) !important;
  color: var(--jleti-white) !important;
  display: inline-block !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  padding: 0.85rem 1.15rem !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.jleti-fellowship-page .jleti-fellowship-inquiry .jleti-page-button:hover,
.jleti-fellowship-page .jleti-fellowship-inquiry .jleti-page-button:focus {
  background: var(--jleti-navy) !important;
  border-color: var(--jleti-navy) !important;
  color: var(--jleti-white) !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}

/* Hide older card grid styles if old HTML remains in page by mistake */
.jleti-fellowship-page .jleti-fellowship-grid {
  display: none !important;
}

/* Responsive */
@media (max-width: 900px) {
  .jleti-fellowship-page .jleti-fellow-feature {
    grid-template-columns: 1fr !important;
  }

  .jleti-fellowship-page .jleti-fellow-photo {
    aspect-ratio: 5 / 4 !important;
  }

  .jleti-fellowship-page .jleti-fellowship-band,
  .jleti-fellowship-page .jleti-fellowship-inquiry {
    grid-template-columns: 1fr !important;
  }

  .jleti-fellowship-page .jleti-fellowship-topic-grid {
    grid-template-columns: 1fr !important;
  }

  .jleti-fellowship-page .jleti-fellowship-inquiry .jleti-page-button {
    justify-self: start !important;
    white-space: normal !important;
  }
}

/* =========================================================
   53. FINAL UPDATE: Fellowship Simple Clean Boxes
   ========================================================= */

/*
  Simplifies the boxes after the Sydney Tucker feature card:
  - removes the busy multi-card/pill feeling
  - uses clean horizontal sections
  - keeps a subtle navy left border
  - makes Fellowship Areas a simple two-column list
  - reduces shadows, colors, and visual noise
*/

.jleti-fellowship-page .jleti-fellowship-stack {
  display: grid !important;
  gap: 1rem !important;
  margin-top: 1.5rem !important;
}

/* Clean horizontal program boxes */
.jleti-fellowship-page .jleti-fellowship-band {
  background: var(--jleti-white) !important;
  border: 1px solid rgba(82, 97, 107, 0.14) !important;
  border-left: 6px solid var(--jleti-navy) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 18px rgba(6, 21, 39, 0.035) !important;
  display: grid !important;
  gap: clamp(1rem, 2vw, 1.75rem) !important;
  grid-template-columns: minmax(190px, 250px) 1fr !important;
  padding: clamp(1.15rem, 2vw, 1.55rem) !important;
}

/* Stop alternating colors from making the page feel busy */
.jleti-fellowship-page .jleti-fellowship-band:nth-child(2),
.jleti-fellowship-page .jleti-fellowship-band:nth-child(3),
.jleti-fellowship-page .jleti-fellowship-band:nth-child(4),
.jleti-fellowship-page .jleti-fellowship-band:nth-child(5) {
  border-left-color: var(--jleti-navy) !important;
}

.jleti-fellowship-page .jleti-fellowship-band h2 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.45rem, 2.1vw, 1.9rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.08 !important;
  margin: 0 !important;
}

.jleti-fellowship-page .jleti-fellowship-band h2::after {
  background: var(--jleti-powder-blue-pop, #8BD3FF) !important;
  content: "" !important;
  display: block !important;
  height: 2px !important;
  margin-top: 0.55rem !important;
  width: 54px !important;
}

.jleti-fellowship-page .jleti-fellowship-band p,
.jleti-fellowship-page .jleti-fellowship-band li {
  color: var(--jleti-slate-dark) !important;
  font-size: 0.98rem !important;
  line-height: 1.58 !important;
}

.jleti-fellowship-page .jleti-fellowship-band p:first-child {
  margin-top: 0 !important;
}

.jleti-fellowship-page .jleti-fellowship-band p:last-child {
  margin-bottom: 0 !important;
}

/* Replace busy topic-card look with simple clean list columns */
.jleti-fellowship-page .jleti-fellowship-topic-grid {
  display: grid !important;
  gap: 0.45rem 1.35rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.jleti-fellowship-page .jleti-fellowship-topic-grid div {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: 0.98rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  padding: 0.15rem 0 0.15rem 1rem !important;
  position: relative !important;
}

.jleti-fellowship-page .jleti-fellowship-topic-grid div::before {
  background: var(--jleti-burgundy) !important;
  border-radius: 999px !important;
  content: "" !important;
  height: 5px !important;
  left: 0 !important;
  position: absolute !important;
  top: 0.78rem !important;
  width: 5px !important;
}

/* Simpler bullets for What Fellows Do and Expectations */
.jleti-fellowship-page .jleti-fellowship-list {
  column-gap: 1.5rem !important;
  margin: 0 !important;
  padding-left: 1.15rem !important;
}

.jleti-fellowship-page .jleti-fellowship-list li {
  margin-bottom: 0.42rem !important;
  padding-left: 0.05rem !important;
}

.jleti-fellowship-page .jleti-fellowship-list li::marker {
  color: var(--jleti-burgundy) !important;
}

/* Keep the publication note quieter */
.jleti-fellowship-page .jleti-fellowship-note {
  background: rgba(139, 211, 255, 0.10) !important;
  border-left: 4px solid var(--jleti-powder-blue-pop, #8BD3FF) !important;
  border-radius: 10px !important;
  color: var(--jleti-navy) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  margin-top: 0.9rem !important;
  padding: 0.8rem 0.95rem !important;
}

/* Make inquiry block visually consistent but still special */
.jleti-fellowship-page .jleti-fellowship-inquiry {
  border-left-width: 6px !important;
  box-shadow: 0 6px 18px rgba(6, 21, 39, 0.04) !important;
}

/* Mobile */
@media (max-width: 900px) {
  .jleti-fellowship-page .jleti-fellowship-band {
    grid-template-columns: 1fr !important;
  }

  .jleti-fellowship-page .jleti-fellowship-topic-grid {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   54. FINAL UPDATE: Fellowship Clean Text Sections
   ========================================================= */

/*
  Makes the sections after Sydney Tucker's feature card look cleaner,
  simpler, and more like the "About the Journal" text block:
  - removes boxed/card styling from the informational sections
  - uses simple headings, readable paragraphs, and light dividers
  - keeps Fellowship Inquiries styled as a special callout box
*/

.jleti-fellowship-page .jleti-fellowship-stack {
  display: block !important;
  margin-top: 1.65rem !important;
}

/* Turn the post-profile “boxes” into clean text sections */
.jleti-fellowship-page .jleti-fellowship-band {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  margin: 0 !important;
  padding: 1.85rem 0 !important;
}

/* One subtle divider between sections, not heavy boxes */
.jleti-fellowship-page .jleti-fellowship-band + .jleti-fellowship-band {
  border-top: 1px solid rgba(82, 97, 107, 0.16) !important;
}

/* Remove alternating border colors from previous versions */
.jleti-fellowship-page .jleti-fellowship-band:nth-child(2),
.jleti-fellowship-page .jleti-fellowship-band:nth-child(3),
.jleti-fellowship-page .jleti-fellowship-band:nth-child(4),
.jleti-fellowship-page .jleti-fellowship-band:nth-child(5) {
  border-left: 0 !important;
}

/* Clean, journal-style section headings */
.jleti-fellowship-page .jleti-fellowship-band h2 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.55rem, 2.2vw, 2.05rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.08 !important;
  margin: 0 0 1rem 0 !important;
}

/* Small powder-blue accent under headings */
.jleti-fellowship-page .jleti-fellowship-band h2::after {
  background: var(--jleti-powder-blue-pop, #8BD3FF) !important;
  content: "" !important;
  display: block !important;
  height: 2px !important;
  margin-top: 0.55rem !important;
  width: 58px !important;
}

.jleti-fellowship-page .jleti-fellowship-band p,
.jleti-fellowship-page .jleti-fellowship-band li {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: clamp(1rem, 1.25vw, 1.08rem) !important;
  line-height: 1.65 !important;
}

.jleti-fellowship-page .jleti-fellowship-band p {
  margin: 0 0 1rem 0 !important;
  max-width: 980px !important;
}

.jleti-fellowship-page .jleti-fellowship-band p:last-child {
  margin-bottom: 0 !important;
}

/* Fellowship Areas: simple, clean two-column list, not mini cards */
.jleti-fellowship-page .jleti-fellowship-topic-grid {
  display: grid !important;
  gap: 0.42rem 2rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-top: 0.15rem !important;
  max-width: 1000px !important;
}

.jleti-fellowship-page .jleti-fellowship-topic-grid div {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: clamp(1rem, 1.2vw, 1.06rem) !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  padding: 0.15rem 0 0.15rem 1rem !important;
  position: relative !important;
}

.jleti-fellowship-page .jleti-fellowship-topic-grid div::before {
  background: var(--jleti-burgundy) !important;
  border-radius: 999px !important;
  content: "" !important;
  height: 5px !important;
  left: 0 !important;
  position: absolute !important;
  top: 0.82rem !important;
  width: 5px !important;
}

/* Lists stay clean and readable */
.jleti-fellowship-page .jleti-fellowship-list {
  margin: 0 !important;
  max-width: 980px !important;
  padding-left: 1.25rem !important;
}

.jleti-fellowship-page .jleti-fellowship-list li {
  margin-bottom: 0.48rem !important;
}

.jleti-fellowship-page .jleti-fellowship-list li::marker {
  color: var(--jleti-burgundy) !important;
}

/* Keep the publication note calm, not boxy-heavy */
.jleti-fellowship-page .jleti-fellowship-note {
  background: rgba(139, 211, 255, 0.10) !important;
  border: 0 !important;
  border-left: 4px solid var(--jleti-powder-blue-pop, #8BD3FF) !important;
  border-radius: 8px !important;
  color: var(--jleti-navy) !important;
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  margin-top: 1rem !important;
  max-width: 900px !important;
  padding: 0.85rem 1rem !important;
}

/* Keep Fellowship Inquiries as a special callout box */
.jleti-fellowship-page .jleti-fellowship-inquiry {
  margin-top: 1.25rem !important;
}

/* Mobile */
@media (max-width: 800px) {
  .jleti-fellowship-page .jleti-fellowship-band {
    padding: 1.45rem 0 !important;
  }

  .jleti-fellowship-page .jleti-fellowship-topic-grid {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   55. FINAL UPDATE: Fellowship Page — Sydney + Inquiries Only
   ========================================================= */

/*
  Removes/hides all informational boxes/sections after Sydney Tucker's
  feature card and keeps only the Fellowship Inquiries callout.
*/

.jleti-fellowship-page .jleti-fellowship-stack,
.jleti-fellowship-page .jleti-fellowship-band,
.jleti-fellowship-page .jleti-fellowship-card,
.jleti-fellowship-page .jleti-fellowship-grid {
  display: none !important;
}

.jleti-fellowship-page .jleti-fellowship-inquiry {
  margin-top: 1.5rem !important;
}

/* Keep the page clean and balanced when only the fellow feature + inquiry remain */
.jleti-fellowship-page .jleti-fellow-feature {
  margin-bottom: 1.5rem !important;
}

/* =========================================================
   56. FINAL UPDATE: JLETI Opportunities Page
   ========================================================= */

/*
  Styles the JLETI Opportunities custom page:
  - Clean hero/introduction
  - Three polished opportunity cards
  - Simple “Get Involved” callout
*/

.jleti-opportunities-page {
  color: var(--jleti-slate-dark) !important;
}

/* Hero */
.jleti-opportunities-hero {
  border-bottom: 1px solid rgba(82, 97, 107, 0.16) !important;
  margin-bottom: 1.75rem !important;
  padding-bottom: 1.65rem !important;
}

.jleti-opportunities-hero .jleti-page-kicker {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  margin: 0 0 0.6rem 0 !important;
  text-transform: uppercase !important;
}

.jleti-opportunities-hero h1 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(2.5rem, 5vw, 4.6rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  line-height: 0.98 !important;
  margin: 0 0 1rem 0 !important;
}

.jleti-opportunities-hero p:not(.jleti-page-kicker) {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: clamp(1.05rem, 1.5vw, 1.2rem) !important;
  line-height: 1.6 !important;
  max-width: 980px !important;
}

/* Opportunity cards */
.jleti-opportunities-grid {
  display: grid !important;
  gap: 1.15rem !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 1.5rem 0 1.8rem 0 !important;
}

.jleti-opportunity-card {
  background: var(--jleti-white) !important;
  border: 1px solid rgba(82, 97, 107, 0.15) !important;
  border-left: 7px solid var(--jleti-navy) !important;
  border-radius: var(--jleti-radius-md) !important;
  box-shadow: 0 8px 22px rgba(6, 21, 39, 0.045) !important;
  padding: clamp(1.2rem, 2vw, 1.55rem) !important;
}

.jleti-opportunity-card:nth-child(2) {
  border-left-color: var(--jleti-burgundy) !important;
}

.jleti-opportunity-card:nth-child(3) {
  border-left-color: var(--jleti-powder-blue-pop, #8BD3FF) !important;
}

.jleti-opportunity-label {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.74rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.2 !important;
  margin: 0 0 0.55rem 0 !important;
  text-transform: uppercase !important;
}

.jleti-opportunity-card h2 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.55rem, 2.4vw, 2.15rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.05 !important;
  margin: 0 0 0.85rem 0 !important;
}

.jleti-opportunity-card h2::after {
  background: var(--jleti-powder-blue-pop, #8BD3FF) !important;
  content: "" !important;
  display: block !important;
  height: 2px !important;
  margin-top: 0.65rem !important;
  width: 58px !important;
}

.jleti-opportunity-card p {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: 0.98rem !important;
  line-height: 1.58 !important;
  margin-bottom: 0.9rem !important;
}

.jleti-opportunity-link {
  color: var(--jleti-burgundy) !important;
  display: inline-block !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  margin-top: 0.25rem !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.jleti-opportunity-link::after {
  content: " ›" !important;
  font-size: 1.15em !important;
}

.jleti-opportunity-link:hover,
.jleti-opportunity-link:focus {
  color: var(--jleti-navy) !important;
  text-decoration: none !important;
}

/* Bottom callout */
.jleti-opportunities-callout {
  align-items: center !important;
  background: linear-gradient(135deg, rgba(139, 211, 255, 0.13), rgba(255, 255, 255, 0.98)) !important;
  border: 1px solid rgba(82, 97, 107, 0.16) !important;
  border-left: 7px solid var(--jleti-powder-blue-pop, #8BD3FF) !important;
  border-radius: var(--jleti-radius-md) !important;
  box-shadow: 0 8px 22px rgba(6, 21, 39, 0.045) !important;
  display: grid !important;
  gap: 1.5rem !important;
  grid-template-columns: 1fr auto !important;
  margin-top: 1.25rem !important;
  padding: clamp(1.25rem, 2.2vw, 1.75rem) !important;
}

.jleti-opportunities-callout h2 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.55rem, 2.4vw, 2.1rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.08 !important;
  margin: 0 0 0.65rem 0 !important;
}

.jleti-opportunities-callout p {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: 0.98rem !important;
  line-height: 1.58 !important;
  margin: 0 !important;
}

.jleti-opportunities-callout .jleti-page-button {
  background: var(--jleti-burgundy) !important;
  border: 1px solid var(--jleti-burgundy) !important;
  border-radius: var(--jleti-radius-sm) !important;
  color: var(--jleti-white) !important;
  display: inline-block !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  padding: 0.85rem 1.15rem !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.jleti-opportunities-callout .jleti-page-button:hover,
.jleti-opportunities-callout .jleti-page-button:focus {
  background: var(--jleti-navy) !important;
  border-color: var(--jleti-navy) !important;
  color: var(--jleti-white) !important;
  text-decoration: none !important;
}

/* Mobile */
@media (max-width: 950px) {
  .jleti-opportunities-grid {
    grid-template-columns: 1fr !important;
  }

  .jleti-opportunities-callout {
    grid-template-columns: 1fr !important;
  }

  .jleti-opportunities-callout .jleti-page-button {
    justify-self: start !important;
    white-space: normal !important;
  }
}

/* =========================================================
   57. FINAL UPDATE: JLETI Research Grants Page
   ========================================================= */

/*
  Styles the simplified JLETI Research Grants page.
  This version is intentionally clean and minimal because the page
  contains one main statement rather than multiple sections.
*/

.jleti-research-grants-page {
  color: var(--jleti-slate-dark) !important;
}

/* Research Grants hero / main content block */
.jleti-research-hero {
  background: linear-gradient(135deg, rgba(250, 247, 240, 0.96), rgba(255, 255, 255, 0.99)) !important;
  border: 1px solid rgba(82, 97, 107, 0.14) !important;
  border-radius: var(--jleti-radius-lg) !important;
  box-shadow: 0 8px 24px rgba(6, 21, 39, 0.04) !important;
  margin: 0 0 1.5rem 0 !important;
  padding: clamp(1.45rem, 2.8vw, 2.35rem) clamp(1.25rem, 3vw, 2.4rem) !important;
  position: relative !important;
}

.jleti-research-hero::before {
  background: var(--jleti-burgundy) !important;
  content: "" !important;
  display: block !important;
  height: 3px !important;
  margin-bottom: 1rem !important;
  width: 125px !important;
}

.jleti-research-hero .jleti-page-kicker {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.2 !important;
  margin: 0 0 0.55rem 0 !important;
  text-transform: uppercase !important;
}

.jleti-research-hero h1 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(2.5rem, 5vw, 4.6rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  line-height: 0.98 !important;
  margin: 0 0 1rem 0 !important;
}

.jleti-research-hero p:not(.jleti-page-kicker) {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: clamp(1.05rem, 1.45vw, 1.18rem) !important;
  line-height: 1.68 !important;
  max-width: 1050px !important;
}

/* Mobile */
@media (max-width: 768px) {
  .jleti-research-hero {
    padding: 1.35rem 1.1rem !important;
  }

  .jleti-research-hero h1 {
    font-size: clamp(2.15rem, 11vw, 3.2rem) !important;
  }
}

/* =========================================================
   58. FINAL UPDATE: JLETI Editorial Board Page
   ========================================================= */

/*
  Styles the custom JLETI Editorial Board page:
  - Editorial Board hero
  - Editor-in-Chief feature card
  - Seven-member Editorial Board grid
  - Photo cards, affiliations, expertise tags, and short bios
*/

.jleti-editorial-board-page {
  color: var(--jleti-slate-dark) !important;
}

/* Hero */
.jleti-editorial-hero {
  border-bottom: 1px solid rgba(82, 97, 107, 0.16) !important;
  margin-bottom: 1.75rem !important;
  padding-bottom: 1.65rem !important;
}

.jleti-editorial-hero .jleti-page-kicker {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.2 !important;
  margin: 0 0 0.6rem 0 !important;
  text-transform: uppercase !important;
}

.jleti-editorial-hero h1 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(2.5rem, 5vw, 4.8rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  line-height: 0.98 !important;
  margin: 0 0 1rem 0 !important;
}

.jleti-editorial-hero p:not(.jleti-page-kicker) {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: clamp(1.05rem, 1.45vw, 1.2rem) !important;
  line-height: 1.62 !important;
  max-width: 1050px !important;
}

/* Editor-in-Chief feature */
.jleti-eic-feature {
  align-items: center !important;
  background: var(--jleti-white) !important;
  border: 1px solid rgba(82, 97, 107, 0.15) !important;
  border-left: 8px solid var(--jleti-burgundy) !important;
  border-radius: var(--jleti-radius-lg) !important;
  box-shadow: 0 12px 36px rgba(6, 21, 39, 0.08) !important;
  display: grid !important;
  gap: clamp(1.25rem, 2.7vw, 2.3rem) !important;
  grid-template-columns: minmax(220px, 315px) 1fr !important;
  margin: 1.5rem 0 2rem 0 !important;
  overflow: hidden !important;
  padding: clamp(0.95rem, 1.8vw, 1.25rem) !important;
}

.jleti-eic-photo-wrap {
  background: rgba(11, 31, 58, 0.04) !important;
  border: 1px solid rgba(82, 97, 107, 0.12) !important;
  border-radius: var(--jleti-radius-md) !important;
  overflow: hidden !important;
}

.jleti-eic-photo {
  aspect-ratio: 4 / 5 !important;
  display: block !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  width: 100% !important;
}

.jleti-eic-content h2 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(2.15rem, 4vw, 3.65rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  line-height: 0.96 !important;
  margin: 0 0 0.3rem 0 !important;
}

.jleti-eic-content p {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: 0.98rem !important;
  line-height: 1.6 !important;
}

/* Board section */
.jleti-board-section {
  margin-top: 1.75rem !important;
}

.jleti-board-section-heading {
  border-bottom: 1px solid rgba(82, 97, 107, 0.14) !important;
  margin-bottom: 1.35rem !important;
  padding-bottom: 1rem !important;
}

.jleti-board-section-heading h2 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.9rem, 3vw, 2.7rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.08 !important;
  margin: 0 0 0.55rem 0 !important;
}

.jleti-board-section-heading p {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: 1rem !important;
  line-height: 1.58 !important;
  max-width: 900px !important;
}

/* Seven-member board grid */
.jleti-board-grid {
  display: grid !important;
  gap: 1.15rem !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.jleti-board-card {
  background: var(--jleti-white) !important;
  border: 1px solid rgba(82, 97, 107, 0.15) !important;
  border-radius: var(--jleti-radius-md) !important;
  box-shadow: 0 8px 22px rgba(6, 21, 39, 0.045) !important;
  overflow: hidden !important;
}

/* For seven board members, center the final card on wide screens */
@media (min-width: 1001px) {
  .jleti-board-grid .jleti-board-card:nth-child(7):last-child {
    grid-column: 2 / span 1 !important;
  }
}

.jleti-board-photo {
  aspect-ratio: 4 / 3 !important;
  background: rgba(11, 31, 58, 0.04) !important;
  display: block !important;
  height: auto !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  width: 100% !important;
}

.jleti-board-card-content {
  padding: 1.15rem 1.2rem 1.25rem 1.2rem !important;
}

.jleti-board-label {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.2 !important;
  margin: 0 0 0.45rem 0 !important;
  text-transform: uppercase !important;
}

.jleti-board-card h3 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.45rem, 2vw, 1.9rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.05 !important;
  margin: 0 0 0.25rem 0 !important;
}

.jleti-board-institution,
.jleti-board-subtitle {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 0 0 0.9rem 0 !important;
}

.jleti-board-card p {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
}

/* Expertise tags */
.jleti-expertise-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.45rem !important;
  margin-top: 0.9rem !important;
}

.jleti-expertise-tags span {
  background: rgba(139, 211, 255, 0.13) !important;
  border: 1px solid rgba(82, 97, 107, 0.12) !important;
  border-radius: 999px !important;
  color: var(--jleti-navy) !important;
  display: inline-block !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.2 !important;
  padding: 0.32rem 0.6rem !important;
}

/* Optional initials placeholder for members without photos */
.jleti-board-photo-placeholder {
  align-items: center !important;
  aspect-ratio: 4 / 3 !important;
  background: linear-gradient(135deg, rgba(11, 31, 58, 0.08), rgba(139, 211, 255, 0.14)) !important;
  color: var(--jleti-navy) !important;
  display: flex !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(2.1rem, 4vw, 3.4rem) !important;
  font-weight: 800 !important;
  justify-content: center !important;
  letter-spacing: 0.04em !important;
  width: 100% !important;
}

/* Mobile */
@media (max-width: 1000px) {
  .jleti-board-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .jleti-board-grid .jleti-board-card:nth-child(7):last-child {
    grid-column: auto !important;
  }
}

@media (max-width: 760px) {
  .jleti-eic-feature,
  .jleti-board-grid {
    grid-template-columns: 1fr !important;
  }

  .jleti-eic-photo {
    aspect-ratio: 5 / 4 !important;
  }
}


/* =========================================================
   60. JLETI Contact Page Form
   Added: Contact page submission box styling
   ========================================================= */

.jleti-contact-page {
  max-width: 980px;
  margin: 0 auto;
}

.jleti-contact-hero {
  background:
    linear-gradient(180deg, var(--jleti-white), var(--jleti-ivory));
  border: 1px solid rgba(82, 97, 107, 0.16);
  border-top: 8px solid var(--jleti-burgundy);
  border-radius: 20px;
  box-shadow: 0 16px 42px rgba(6, 21, 39, 0.08);
  margin-bottom: 2rem;
  padding: clamp(1.6rem, 4vw, 2.8rem);
  position: relative;
}

.jleti-contact-eyebrow {
  color: var(--jleti-burgundy);
  font-family: var(--jleti-mono);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  margin: 0 0 0.85rem 0;
  text-transform: uppercase;
}

.jleti-contact-hero h1 {
  color: var(--jleti-navy);
  font-family: var(--jleti-serif);
  font-size: clamp(2.4rem, 5vw, 4.2rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
  margin: 0 0 1rem 0;
}

.jleti-contact-hero p {
  color: var(--jleti-slate-dark);
  font-size: 1.12rem;
  line-height: 1.65;
  margin: 0;
  max-width: 760px;
}

.jleti-contact-card {
  background: var(--jleti-white);
  border: 1px solid rgba(82, 97, 107, 0.16);
  border-left: 7px solid var(--jleti-navy);
  border-radius: 18px;
  box-shadow: 0 18px 46px rgba(6, 21, 39, 0.09);
  padding: clamp(1.4rem, 4vw, 2.35rem);
}

.jleti-contact-card h2 {
  color: var(--jleti-navy);
  font-family: var(--jleti-serif);
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 800;
  line-height: 1.05;
  margin: 0 0 0.75rem 0;
}

.jleti-contact-card h2::after {
  background: var(--jleti-burgundy);
  border-radius: 999px;
  content: "";
  display: block;
  height: 3px;
  margin-top: 0.75rem;
  width: 72px;
}

.jleti-contact-note {
  color: var(--jleti-slate-dark);
  font-size: 1.03rem;
  line-height: 1.65;
  margin: 0 0 1.5rem 0;
}

.jleti-contact-form {
  display: grid;
  gap: 1rem;
}

.jleti-contact-form label {
  color: var(--jleti-navy);
  font-family: var(--jleti-ui);
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.jleti-contact-form input,
.jleti-contact-form textarea {
  background: #ffffff;
  border: 1px solid rgba(82, 97, 107, 0.26);
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(6, 21, 39, 0.04);
  box-sizing: border-box;
  color: var(--jleti-navy);
  font-family: var(--jleti-sans);
  font-size: 1rem;
  padding: 0.9rem 1rem;
  width: 100%;
}

.jleti-contact-form textarea {
  min-height: 160px;
  resize: vertical;
}

.jleti-contact-form input:focus,
.jleti-contact-form textarea:focus {
  border-color: var(--jleti-link-blue-pop, #5BA7D8);
  box-shadow: 0 0 0 4px rgba(31, 111, 168, 0.14);
  outline: none;
}

.jleti-contact-form button {
  background: var(--jleti-burgundy);
  border: 1px solid var(--jleti-burgundy);
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(122, 34, 48, 0.22);
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: var(--jleti-ui);
  font-size: 0.92rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  margin-top: 0.5rem;
  padding: 0.95rem 1.25rem;
  text-transform: uppercase;
  transition: all 0.18s ease;
  width: fit-content;
}

.jleti-contact-form button:hover,
.jleti-contact-form button:focus {
  background: var(--jleti-navy);
  border-color: var(--jleti-navy);
  box-shadow: 0 16px 34px rgba(6, 21, 39, 0.2);
  transform: translateY(-1px);
}

.jleti-contact-fallback {
  background: var(--jleti-light-blue-soft, #E5F4FC);
  border-left: 5px solid var(--jleti-link-blue-pop, #5BA7D8);
  border-radius: 12px;
  color: var(--jleti-navy);
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.6;
  margin: 1.6rem 0 0 0;
  padding: 1rem 1.1rem;
}

.jleti-contact-fallback a {
  color: var(--jleti-link-blue-pop, #5BA7D8) !important;
  font-weight: 900;
}

@media (max-width: 700px) {
  .jleti-contact-card {
    border-left: 0;
    border-top: 7px solid var(--jleti-navy);
  }

  .jleti-contact-form button {
    width: 100%;
  }
}

/* =========================================================
   FINAL CONTACT PAGE UPDATE: Hide Top Contact Hero Box
   ========================================================= */

/*
  Removes the first Contact page box/hero section so only the
  "Send a Message" form card appears on the Contact page.
*/

.jleti-contact-hero {
  display: none !important;
}

.jleti-contact-page {
  margin-top: 0 !important;
}

.jleti-contact-card {
  margin-top: 0 !important;
}

/* =========================================================
   53. JLETI Simple Contact Page — Clean Email Card
   ========================================================= */

/*
  This section styles the simplified Contact page that uses a direct
  Email JLETI button instead of a form. It is scoped to
  .jleti-simple-contact-page so it will not affect other JLETI pages.
*/

.jleti-simple-contact-page {
  max-width: 960px;
  margin: 0 auto;
}

.jleti-simple-contact-card {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(240px, 0.8fr);
  gap: 2rem;
  align-items: center;
  background:
    linear-gradient(135deg, #ffffff 0%, #ffffff 62%, var(--jleti-ivory) 100%);
  border: 1px solid rgba(82, 97, 107, 0.16);
  border-left: 8px solid var(--jleti-navy);
  border-radius: 22px;
  box-shadow: 0 18px 48px rgba(6, 21, 39, 0.09);
  padding: clamp(1.6rem, 4vw, 2.5rem);
  position: relative;
  overflow: hidden;
}

.jleti-simple-contact-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 2rem;
  width: 120px;
  height: 4px;
  background: var(--jleti-burgundy);
  border-radius: 0 0 999px 999px;
}

.jleti-contact-eyebrow-small {
  color: var(--jleti-burgundy);
  font-family: var(--jleti-mono);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  margin: 0 0 0.75rem 0;
  text-transform: uppercase;
}

.jleti-simple-contact-content h2 {
  color: var(--jleti-navy);
  font-family: var(--jleti-serif);
  font-size: clamp(2rem, 4vw, 3.1rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
  margin: 0 0 1rem 0;
}

.jleti-simple-contact-content p {
  color: var(--jleti-slate-dark);
  font-size: 1.08rem;
  line-height: 1.65;
  margin: 0 0 1.35rem 0;
  max-width: 620px;
}

.jleti-email-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--jleti-burgundy) !important;
  border: 1px solid var(--jleti-burgundy) !important;
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(122, 34, 48, 0.22);
  color: #ffffff !important;
  font-family: var(--jleti-ui);
  font-size: 0.92rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  padding: 0.95rem 1.35rem;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: all 0.18s ease;
}

.jleti-email-button:hover,
.jleti-email-button:focus {
  background: var(--jleti-navy) !important;
  border-color: var(--jleti-navy) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

.jleti-simple-contact-info {
  background: var(--jleti-light-blue-soft);
  border: 1px solid rgba(31, 111, 168, 0.16);
  border-radius: 16px;
  padding: 1.35rem;
}

.jleti-simple-contact-info .jleti-contact-label {
  color: var(--jleti-navy);
  font-family: var(--jleti-mono);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  margin: 0 0 0.45rem 0;
  text-transform: uppercase;
}

.jleti-simple-contact-info p {
  margin: 0;
}

.jleti-simple-contact-info a {
  color: var(--jleti-link-blue-pop) !important;
  font-size: 1.05rem;
  font-weight: 800;
  text-decoration: none !important;
  word-break: break-word;
}

.jleti-simple-contact-info a:hover,
.jleti-simple-contact-info a:focus {
  color: var(--jleti-navy) !important;
  text-decoration: underline !important;
}

@media (max-width: 760px) {
  .jleti-simple-contact-card {
    grid-template-columns: 1fr;
    border-left: 0;
    border-top: 8px solid var(--jleti-navy);
  }

  .jleti-email-button {
    width: 100%;
  }
}
/* =========================================================
   35. AI Scholarship Lab Page / Opportunity Feature
   ========================================================= */

/*
  Use this CSS with the AI Scholarship Lab HTML block.
  It is scoped to .jleti-ai-lab so it should not disturb existing OJS pages.
*/

.jleti-ai-lab {
  color: var(--jleti-navy);
  font-family: var(--jleti-sans);
}

.jleti-ai-lab * {
  box-sizing: border-box;
}

.jleti-ai-lab-hero {
  background:
    radial-gradient(circle at top right, rgba(126, 203, 255, 0.18), transparent 18rem),
    radial-gradient(circle at bottom left, rgba(122, 34, 48, 0.12), transparent 20rem),
    linear-gradient(180deg, var(--jleti-white), var(--jleti-ivory));
  border: 1px solid rgba(82, 97, 107, 0.18);
  border-top: 14px solid var(--jleti-navy);
  border-radius: var(--jleti-radius-lg);
  box-shadow: var(--jleti-shadow-md);
  margin: 0 0 2rem 0;
  overflow: hidden;
  padding: clamp(2rem, 5vw, 4rem) clamp(1.4rem, 5vw, 3.5rem);
  position: relative;
}

.jleti-ai-lab-hero::before {
  background: var(--jleti-burgundy);
  content: "";
  height: 3px;
  left: clamp(1.4rem, 5vw, 3.5rem);
  position: absolute;
  top: clamp(1.4rem, 4vw, 2rem);
  width: 145px;
}

.jleti-ai-lab-hero::after {
  background: linear-gradient(90deg, var(--jleti-burgundy), var(--jleti-light-blue), transparent);
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
}

.jleti-ai-lab-kicker {
  color: var(--jleti-burgundy);
  font-family: var(--jleti-mono);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.22em;
  margin: 0 0 1.05rem 0;
  padding-top: 1rem;
  text-transform: uppercase;
}

.jleti-ai-lab-hero h1 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif);
  font-size: clamp(2.35rem, 5.4vw, 5rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 0.96;
  margin: 0 0 1rem 0;
  max-width: 960px;
}

.jleti-ai-lab-subtitle {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans);
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  line-height: 1.55;
  margin: 0;
  max-width: 940px;
}

.jleti-ai-lab-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-top: 1.7rem;
}

.jleti-ai-lab-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin: 1.5rem 0 0 0;
}

.jleti-ai-lab-pill {
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(82, 97, 107, 0.18);
  border-radius: 999px;
  color: var(--jleti-navy);
  display: inline-flex;
  font-family: var(--jleti-mono);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  padding: 0.42rem 0.7rem;
  text-transform: uppercase;
}

.jleti-ai-lab-intro {
  background: var(--jleti-white);
  border: 1px solid rgba(82, 97, 107, 0.16);
  border-left: 7px solid var(--jleti-burgundy);
  border-radius: var(--jleti-radius-md);
  box-shadow: var(--jleti-shadow-sm);
  margin: 1.6rem 0 2rem 0;
  padding: clamp(1.25rem, 3vw, 1.8rem);
}

.jleti-ai-lab-intro p {
  color: var(--jleti-slate-dark) !important;
  font-size: 1.05rem;
  line-height: 1.65;
  margin: 0 0 0.9rem 0;
}

.jleti-ai-lab-intro p:last-child {
  margin-bottom: 0;
}

.jleti-ai-lab-section {
  margin: 2.3rem 0;
}

.jleti-ai-lab-section-heading {
  align-items: center;
  display: flex;
  gap: 1rem;
  margin: 0 0 1.1rem 0;
}

.jleti-ai-lab-section-heading h2 {
  background: var(--jleti-navy);
  color: var(--jleti-white) !important;
  font-family: var(--jleti-ui);
  font-size: clamp(1.05rem, 2vw, 1.45rem);
  font-weight: 900;
  letter-spacing: -0.01em;
  line-height: 1.15;
  margin: 0;
  padding: 0.5rem 0.75rem;
}

.jleti-ai-lab-section-heading::after {
  background: var(--jleti-burgundy);
  content: "";
  flex: 1;
  height: 2px;
  max-width: 540px;
}

.jleti-ai-lab-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  margin: 1.1rem 0 0 0;
}

.jleti-ai-lab-card {
  background: var(--jleti-white);
  border: 1px solid rgba(82, 97, 107, 0.16);
  border-left: 6px solid var(--jleti-link-blue-pop);
  border-radius: var(--jleti-radius-md);
  box-shadow: var(--jleti-shadow-sm);
  min-height: 100%;
  padding: 1.25rem 1.25rem 1.2rem 1.25rem;
  transition: box-shadow 0.16s ease, transform 0.16s ease, border-color 0.16s ease;
}

.jleti-ai-lab-card:nth-child(2n) {
  border-left-color: var(--jleti-burgundy);
}

.jleti-ai-lab-card:nth-child(3n) {
  border-left-color: var(--jleti-slate);
}

.jleti-ai-lab-card:hover {
  box-shadow: var(--jleti-shadow-md);
  transform: translateY(-2px);
}

.jleti-ai-lab-card h3 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif);
  font-size: clamp(1.35rem, 2.3vw, 1.85rem);
  font-weight: 800;
  letter-spacing: -0.015em;
  line-height: 1.05;
  margin: 0 0 0.55rem 0;
}

.jleti-ai-lab-card p {
  color: var(--jleti-slate-dark) !important;
  line-height: 1.58;
  margin: 0;
}

.jleti-ai-lab-feature {
  background:
    linear-gradient(180deg, rgba(11, 31, 58, 0.98), rgba(16, 43, 77, 0.98));
  border-radius: var(--jleti-radius-lg);
  box-shadow: var(--jleti-shadow-md);
  color: var(--jleti-white);
  margin: 2rem 0;
  overflow: hidden;
  padding: clamp(1.5rem, 4vw, 2.4rem);
  position: relative;
}

.jleti-ai-lab-feature::before {
  background: linear-gradient(90deg, var(--jleti-burgundy), var(--jleti-light-blue), transparent);
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.jleti-ai-lab-feature h2,
.jleti-ai-lab-feature h3 {
  color: var(--jleti-white) !important;
  font-family: var(--jleti-serif);
  margin-top: 0;
}

.jleti-ai-lab-feature p,
.jleti-ai-lab-feature li {
  color: rgba(250, 247, 240, 0.88) !important;
}

.jleti-ai-lab-feature .jleti-ai-lab-small-label {
  color: var(--jleti-powder-blue) !important;
}

.jleti-ai-lab-small-label {
  color: var(--jleti-burgundy);
  display: block;
  font-family: var(--jleti-mono);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  margin-bottom: 0.55rem;
  text-transform: uppercase;
}

.jleti-ai-lab-checklist {
  background: var(--jleti-white);
  border: 1px solid rgba(82, 97, 107, 0.16);
  border-radius: var(--jleti-radius-lg);
  box-shadow: var(--jleti-shadow-sm);
  list-style: none;
  margin: 1.1rem 0 0 0;
  overflow: hidden;
  padding: 0;
}

.jleti-ai-lab-checklist li {
  border-bottom: 1px solid rgba(82, 97, 107, 0.14);
  color: var(--jleti-slate-dark) !important;
  display: grid;
  gap: 0.35rem;
  grid-template-columns: auto 1fr;
  line-height: 1.55;
  padding: 1rem 1.2rem;
}

.jleti-ai-lab-checklist li:last-child {
  border-bottom: 0;
}

.jleti-ai-lab-checklist li::before {
  background: var(--jleti-burgundy);
  border-radius: 999px;
  color: var(--jleti-white);
  content: "✓";
  display: inline-grid;
  font-family: var(--jleti-ui);
  font-size: 0.78rem;
  font-weight: 900;
  height: 1.35rem;
  margin-top: 0.12rem;
  place-items: center;
  width: 1.35rem;
}

.jleti-ai-lab-checklist strong {
  color: var(--jleti-navy);
}

.jleti-ai-lab-example-box {
  background: var(--jleti-ivory);
  border: 1px solid rgba(82, 97, 107, 0.18);
  border-radius: var(--jleti-radius-md);
  margin: 1.1rem 0 0 0;
  padding: 1.2rem 1.25rem;
}

.jleti-ai-lab-example-box h3 {
  color: var(--jleti-navy) !important;
  margin-top: 0;
}

.jleti-ai-lab-example-box p {
  color: var(--jleti-slate-dark) !important;
  margin-bottom: 0;
}

.jleti-ai-lab-note {
  background: rgba(229, 244, 252, 0.65);
  border: 1px solid rgba(31, 111, 168, 0.18);
  border-left: 6px solid var(--jleti-link-blue-pop);
  border-radius: var(--jleti-radius-md);
  margin: 1.5rem 0;
  padding: 1.15rem 1.25rem;
}

.jleti-ai-lab-note p {
  color: var(--jleti-slate-dark) !important;
  margin: 0;
}

.jleti-ai-lab-cta {
  align-items: center;
  background: var(--jleti-white);
  border: 1px solid rgba(82, 97, 107, 0.16);
  border-radius: var(--jleti-radius-lg);
  box-shadow: var(--jleti-shadow-sm);
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr auto;
  margin-top: 2rem;
  padding: clamp(1.2rem, 3vw, 1.8rem);
}

.jleti-ai-lab-cta h2,
.jleti-ai-lab-cta h3 {
  color: var(--jleti-navy) !important;
  margin: 0 0 0.35rem 0;
}

.jleti-ai-lab-cta p {
  color: var(--jleti-slate-dark) !important;
  margin: 0;
}

@media (max-width: 760px) {
  .jleti-ai-lab-hero {
    padding: 1.6rem;
  }

  .jleti-ai-lab-actions,
  .jleti-ai-lab-pill-row {
    align-items: stretch;
    flex-direction: column;
  }

  .jleti-ai-lab-actions .jleti-button,
  .jleti-ai-lab-actions a.jleti-button,
  .jleti-ai-lab-cta .jleti-button,
  .jleti-ai-lab-cta a.jleti-button {
    text-align: center;
    width: 100%;
  }

  .jleti-ai-lab-section-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.55rem;
  }

  .jleti-ai-lab-section-heading h2 {
    width: 100%;
  }

  .jleti-ai-lab-section-heading::after {
    width: 100%;
  }

  .jleti-ai-lab-cta {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   AI Scholarship Lab Combined Examples Section Polish
   ========================================================= */

/* Supports the combined "Examples of AI Scholarship Lab Submissions" card grid. */
.jleti-ai-lab .jleti-ai-lab-section > p {
  color: var(--jleti-slate-dark) !important;
  font-size: 1.04rem;
  line-height: 1.65;
  margin-bottom: 1.1rem;
}

.jleti-ai-lab .jleti-ai-lab-grid .jleti-ai-lab-card h3 {
  hyphens: none;
}


/* =========================================================
   28. AI Scholarship Lab Button Uniformity Fix
   ========================================================= */

/*
  Forces the two hero buttons on the AI Scholarship Lab page
  to match exactly. This fixes cases where the second button
  still inherits secondary-button styling from earlier CSS.
*/

.jleti-ai-lab .jleti-ai-lab-actions a,
.jleti-ai-lab .jleti-ai-lab-actions a:link,
.jleti-ai-lab .jleti-ai-lab-actions a:visited,
.jleti-ai-lab .jleti-ai-lab-actions a.jleti-button,
.jleti-ai-lab .jleti-ai-lab-actions a.jleti-button.secondary {
  background: #5BA7D8 !important;
  border: 1px solid #5BA7D8 !important;
  border-radius: var(--jleti-radius-sm, 8px) !important;
  box-shadow: 0 12px 28px rgba(31, 111, 168, 0.20) !important;
  color: #FFFFFF !important;
  display: inline-block !important;
  font-family: var(--jleti-ui, Inter, system-ui, sans-serif) !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  padding: 0.78rem 1.25rem !important;
  text-decoration: none !important;
}

.jleti-ai-lab .jleti-ai-lab-actions a:hover,
.jleti-ai-lab .jleti-ai-lab-actions a:focus,
.jleti-ai-lab .jleti-ai-lab-actions a.jleti-button:hover,
.jleti-ai-lab .jleti-ai-lab-actions a.jleti-button:focus,
.jleti-ai-lab .jleti-ai-lab-actions a.jleti-button.secondary:hover,
.jleti-ai-lab .jleti-ai-lab-actions a.jleti-button.secondary:focus {
  background: #3F8AC0 !important;
  border-color: #3F8AC0 !important;
  color: #FFFFFF !important;
  transform: translateY(-1px);
}

/* =========================================================
   29. AI Scholarship Lab Requirement Headings Fix
   ========================================================= */

/*
  Fixes the AI Scholarship Lab submission requirements list so headings
  such as "Project Description," "AI Use Disclosure," and
  "Method or Prompt Disclosure" align neatly on the left above their
  descriptions instead of drifting to the center or right.
*/

.jleti-ai-lab .jleti-ai-lab-checklist,
.jleti-ai-lab-checklist {
  background: var(--jleti-white, #FFFFFF) !important;
  border: 1px solid rgba(82, 97, 107, 0.16) !important;
  border-radius: var(--jleti-radius-lg, 22px) !important;
  box-shadow: var(--jleti-shadow-sm, 0 8px 24px rgba(6, 21, 39, 0.08)) !important;
  list-style: none !important;
  margin: 1.1rem 0 0 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.jleti-ai-lab .jleti-ai-lab-checklist li,
.jleti-ai-lab-checklist li {
  background: var(--jleti-white, #FFFFFF) !important;
  border-bottom: 1px solid rgba(82, 97, 107, 0.14) !important;
  box-sizing: border-box !important;
  color: var(--jleti-slate-dark, #36434B) !important;
  display: block !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 1.15rem 1.35rem 1.15rem 3.45rem !important;
  position: relative !important;
  text-align: left !important;
  width: 100% !important;
}

.jleti-ai-lab .jleti-ai-lab-checklist li:last-child,
.jleti-ai-lab-checklist li:last-child {
  border-bottom: 0 !important;
}

.jleti-ai-lab .jleti-ai-lab-checklist li::before,
.jleti-ai-lab-checklist li::before {
  align-items: center !important;
  background: var(--jleti-burgundy, #7A2230) !important;
  border-radius: 999px !important;
  color: #FFFFFF !important;
  content: "✓" !important;
  display: flex !important;
  font-family: var(--jleti-ui, Inter, system-ui, sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  height: 1.35rem !important;
  justify-content: center !important;
  left: 1.25rem !important;
  line-height: 1 !important;
  margin: 0 !important;
  place-items: unset !important;
  position: absolute !important;
  top: 1.22rem !important;
  width: 1.35rem !important;
}

.jleti-ai-lab .jleti-ai-lab-checklist li strong,
.jleti-ai-lab-checklist li strong {
  color: var(--jleti-navy, #0B1F3A) !important;
  display: block !important;
  float: none !important;
  font-family: var(--jleti-ui, Inter, system-ui, sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.25 !important;
  margin: 0 0 0.42rem 0 !important;
  max-width: none !important;
  padding: 0 !important;
  position: static !important;
  text-align: left !important;
  width: auto !important;
}

.jleti-ai-lab .jleti-ai-lab-checklist li p,
.jleti-ai-lab-checklist li p {
  color: var(--jleti-slate-dark, #36434B) !important;
  display: block !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  text-align: left !important;
  width: auto !important;
}

/* Also supports the newer requirements-card markup, if that HTML is used later. */
.jleti-ai-lab .jleti-ai-lab-requirements {
  display: grid !important;
  gap: 0.95rem !important;
  margin-top: 1.25rem !important;
}

.jleti-ai-lab .jleti-ai-lab-requirement {
  background: var(--jleti-white, #FFFFFF) !important;
  border: 1px solid rgba(82, 97, 107, 0.16) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 22px rgba(6, 21, 39, 0.045) !important;
  box-sizing: border-box !important;
  display: block !important;
  margin: 0 !important;
  padding: 1.15rem 1.35rem 1.15rem 3.45rem !important;
  position: relative !important;
  text-align: left !important;
  width: 100% !important;
}

.jleti-ai-lab .jleti-ai-lab-requirement::before {
  align-items: center !important;
  background: var(--jleti-burgundy, #7A2230) !important;
  border-radius: 999px !important;
  color: #FFFFFF !important;
  content: "✓" !important;
  display: flex !important;
  font-family: var(--jleti-ui, Inter, system-ui, sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  height: 1.35rem !important;
  justify-content: center !important;
  left: 1.25rem !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 1.22rem !important;
  width: 1.35rem !important;
}

.jleti-ai-lab .jleti-ai-lab-requirement h3 {
  color: var(--jleti-navy, #0B1F3A) !important;
  display: block !important;
  float: none !important;
  font-family: var(--jleti-ui, Inter, system-ui, sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.25 !important;
  margin: 0 0 0.42rem 0 !important;
  max-width: none !important;
  padding: 0 !important;
  position: static !important;
  text-align: left !important;
  width: auto !important;
}

.jleti-ai-lab .jleti-ai-lab-requirement p {
  color: var(--jleti-slate-dark, #36434B) !important;
  display: block !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  text-align: left !important;
  width: auto !important;
}

@media (max-width: 640px) {
  .jleti-ai-lab .jleti-ai-lab-checklist li,
  .jleti-ai-lab-checklist li,
  .jleti-ai-lab .jleti-ai-lab-requirement {
    padding: 1rem 1rem 1rem 3.15rem !important;
  }

  .jleti-ai-lab .jleti-ai-lab-checklist li::before,
  .jleti-ai-lab-checklist li::before,
  .jleti-ai-lab .jleti-ai-lab-requirement::before {
    left: 1rem !important;
    top: 1.05rem !important;
  }
}

/* =========================================================
   30. AI Scholarship Lab Checkmark Button Fix Only
   ========================================================= */

/*
  This changes ONLY the small burgundy checkmark circles in the
  AI Scholarship Lab requirements section. It does not change the
  hero buttons, headings, text, spacing, cards, or layout.
*/

.jleti-ai-lab .jleti-ai-lab-checklist li::before,
.jleti-ai-lab-checklist li::before,
.jleti-ai-lab .jleti-ai-lab-requirement::before {
  align-items: center !important;
  background: var(--jleti-burgundy, #7A2230) !important;
  border-radius: 999px !important;
  color: #FFFFFF !important;
  content: "✓" !important;
  display: flex !important;
  font-family: var(--jleti-ui, Inter, system-ui, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  height: 22px !important;
  justify-content: center !important;
  left: 1.25rem !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-height: 22px !important;
  min-width: 22px !important;
  padding: 0 !important;
  position: absolute !important;
  top: 1.22rem !important;
  width: 22px !important;
}


/* =========================================================
   50. WRITING COMPETITION VISUAL RHYTHM UPDATE
   Important Dates timeline + award showcase prize layout.
   Fully integrated in this stylesheet.
   ========================================================= */

/* Intro text under section headings */
.jleti-writing-competition-page .jleti-section-intro {
  color: var(--jleti-wc-slate-dark, #36434B) !important;
  font-family: var(--jleti-wc-sans, system-ui, sans-serif) !important;
  font-size: 1.04rem !important;
  line-height: 1.6 !important;
  margin: 0 0 1.3rem 0 !important;
  max-width: 880px !important;
}

/* Hide any older date-card grid if cached markup appears */
.jleti-writing-competition-page .jleti-date-grid {
  align-items: stretch !important;
}

/* Important Dates: timeline layout */
.jleti-writing-competition-page .jleti-timeline {
  background:
    radial-gradient(circle at top right, rgba(158, 216, 245, 0.22), transparent 18rem),
    linear-gradient(180deg, var(--jleti-wc-white, #FFFFFF), var(--jleti-wc-ivory, #FAF7F0)) !important;
  border: 1px solid rgba(82, 97, 107, 0.18) !important;
  border-radius: var(--jleti-wc-radius-lg, 22px) !important;
  box-shadow: var(--jleti-wc-shadow-sm, 0 8px 24px rgba(6, 21, 39, 0.08)) !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 1.05rem 0 0 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

.jleti-writing-competition-page .jleti-timeline::before {
  background: linear-gradient(90deg, var(--jleti-wc-navy, #0B1F3A), var(--jleti-wc-burgundy, #7A2230), var(--jleti-wc-blue, #5BA7D8)) !important;
  content: "" !important;
  height: 4px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  z-index: 2 !important;
}

.jleti-writing-competition-page .jleti-timeline::after {
  background: linear-gradient(90deg, rgba(11, 31, 58, 0.45), rgba(122, 34, 48, 0.45), rgba(31, 111, 168, 0.45)) !important;
  content: "" !important;
  height: 2px !important;
  left: 8% !important;
  position: absolute !important;
  right: 8% !important;
  top: 3.35rem !important;
  z-index: 1 !important;
}

.jleti-writing-competition-page .jleti-timeline-item {
  background: transparent !important;
  border-right: 1px solid rgba(82, 97, 107, 0.14) !important;
  min-height: 0 !important;
  padding: 4.4rem 1.35rem 1.35rem 1.35rem !important;
  position: relative !important;
  z-index: 2 !important;
}

.jleti-writing-competition-page .jleti-timeline-item:last-child {
  border-right: 0 !important;
}

.jleti-writing-competition-page .jleti-timeline-dot {
  background: var(--jleti-wc-white, #FFFFFF) !important;
  border: 5px solid var(--jleti-wc-navy, #0B1F3A) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 0 7px rgba(11, 31, 58, 0.09) !important;
  display: block !important;
  height: 1.35rem !important;
  left: 1.35rem !important;
  position: absolute !important;
  top: 2.72rem !important;
  width: 1.35rem !important;
  z-index: 3 !important;
}

.jleti-writing-competition-page .jleti-timeline-item:nth-child(2) .jleti-timeline-dot {
  border-color: var(--jleti-wc-burgundy, #7A2230) !important;
  box-shadow: 0 0 0 7px rgba(122, 34, 48, 0.10) !important;
}

.jleti-writing-competition-page .jleti-timeline-item:nth-child(3) .jleti-timeline-dot {
  border-color: var(--jleti-wc-blue, #5BA7D8) !important;
  box-shadow: 0 0 0 7px rgba(31, 111, 168, 0.10) !important;
}

.jleti-writing-competition-page .jleti-timeline-item .jleti-card-label {
  color: var(--jleti-wc-burgundy, #7A2230) !important;
  font-family: var(--jleti-wc-mono, ui-monospace, monospace) !important;
  font-size: 0.76rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.25 !important;
  margin: 0 0 0.4rem 0 !important;
  text-transform: uppercase !important;
}

.jleti-writing-competition-page .jleti-timeline-item h3 {
  color: var(--jleti-wc-navy, #0B1F3A) !important;
  font-family: var(--jleti-wc-serif, Georgia, serif) !important;
  font-size: clamp(1.25rem, 2vw, 1.65rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.08 !important;
  margin: 0 0 0.65rem 0 !important;
}

.jleti-writing-competition-page .jleti-timeline-date {
  margin: 0 0 0.6rem 0 !important;
}

.jleti-writing-competition-page .jleti-timeline-date strong {
  color: var(--jleti-wc-navy, #0B1F3A) !important;
  font-family: var(--jleti-wc-serif, Georgia, serif) !important;
  font-size: 1.32rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

.jleti-writing-competition-page .jleti-timeline-item p:not(.jleti-card-label):not(.jleti-timeline-date) {
  color: var(--jleti-wc-slate-dark, #36434B) !important;
  font-size: 0.98rem !important;
  line-height: 1.52 !important;
  margin: 0 !important;
  max-width: none !important;
}

/* Prize section: award showcase instead of matching date boxes */
.jleti-writing-competition-page .jleti-award-showcase {
  display: grid !important;
  gap: 1rem !important;
  grid-template-areas:
    "grand student"
    "grand mentions" !important;
  grid-template-columns: minmax(280px, 1.16fr) minmax(280px, 0.84fr) !important;
  margin: 1.15rem 0 1.25rem 0 !important;
}

.jleti-writing-competition-page .jleti-award-card {
  background: var(--jleti-wc-white, #FFFFFF) !important;
  border: 1px solid rgba(82, 97, 107, 0.18) !important;
  border-radius: var(--jleti-wc-radius-md, 14px) !important;
  box-shadow: var(--jleti-wc-shadow-sm, 0 8px 24px rgba(6, 21, 39, 0.08)) !important;
  overflow: hidden !important;
  padding: 1.35rem !important;
  position: relative !important;
}

.jleti-writing-competition-page .jleti-award-card::before {
  background: var(--jleti-wc-burgundy, #7A2230) !important;
  content: "" !important;
  display: block !important;
  height: 100% !important;
  left: 0 !important;
  position: absolute !important;
  top: 0 !important;
  width: 7px !important;
}

.jleti-writing-competition-page .jleti-award-card::after {
  background: linear-gradient(90deg, rgba(122, 34, 48, 0.16), rgba(31, 111, 168, 0.08), transparent) !important;
  content: "" !important;
  height: 4px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}

.jleti-writing-competition-page .jleti-award-grand {
  background:
    radial-gradient(circle at top right, rgba(158, 216, 245, 0.28), transparent 16rem),
    linear-gradient(180deg, var(--jleti-wc-white, #FFFFFF), var(--jleti-wc-ivory, #FAF7F0)) !important;
  grid-area: grand !important;
  padding: clamp(1.55rem, 3vw, 2rem) !important;
}

.jleti-writing-competition-page .jleti-award-student {
  grid-area: student !important;
}

.jleti-writing-competition-page .jleti-award-student::before {
  background: var(--jleti-wc-blue, #5BA7D8) !important;
}

.jleti-writing-competition-page .jleti-award-mentions {
  grid-area: mentions !important;
}

.jleti-writing-competition-page .jleti-award-mentions::before {
  background: var(--jleti-wc-navy, #0B1F3A) !important;
}

.jleti-writing-competition-page .jleti-award-card .jleti-card-label {
  color: var(--jleti-wc-burgundy, #7A2230) !important;
  font-family: var(--jleti-wc-mono, ui-monospace, monospace) !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.25 !important;
  margin: 0 0 0.5rem 0 !important;
  text-transform: uppercase !important;
}

.jleti-writing-competition-page .jleti-award-card h3 {
  color: var(--jleti-wc-navy, #0B1F3A) !important;
  font-family: var(--jleti-wc-serif, Georgia, serif) !important;
  font-size: clamp(1.6rem, 2.6vw, 2.25rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  line-height: 1 !important;
  margin: 0 0 0.7rem 0 !important;
}

.jleti-writing-competition-page .jleti-award-grand h3 {
  font-size: clamp(2.6rem, 5.5vw, 4.8rem) !important;
  letter-spacing: -0.045em !important;
  margin-bottom: 0.9rem !important;
}

.jleti-writing-competition-page .jleti-award-card p:not(.jleti-card-label) {
  color: var(--jleti-wc-slate-dark, #36434B) !important;
  font-size: 0.98rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  max-width: none !important;
}

.jleti-writing-competition-page .jleti-award-grand p:not(.jleti-card-label) {
  font-size: 1.06rem !important;
  max-width: 620px !important;
}

/* Mobile timeline + awards */
@media (max-width: 900px) {
  .jleti-writing-competition-page .jleti-timeline {
    grid-template-columns: 1fr !important;
  }

  .jleti-writing-competition-page .jleti-timeline::after {
    background: linear-gradient(180deg, rgba(11, 31, 58, 0.45), rgba(122, 34, 48, 0.45), rgba(31, 111, 168, 0.45)) !important;
    bottom: 1.5rem !important;
    height: auto !important;
    left: 2.02rem !important;
    right: auto !important;
    top: 3rem !important;
    width: 2px !important;
  }

  .jleti-writing-competition-page .jleti-timeline-item {
    border-bottom: 1px solid rgba(82, 97, 107, 0.14) !important;
    border-right: 0 !important;
    padding: 1.35rem 1.35rem 1.35rem 4rem !important;
  }

  .jleti-writing-competition-page .jleti-timeline-item:last-child {
    border-bottom: 0 !important;
  }

  .jleti-writing-competition-page .jleti-timeline-dot {
    left: 1.35rem !important;
    top: 1.65rem !important;
  }

  .jleti-writing-competition-page .jleti-award-showcase {
    grid-template-areas:
      "grand"
      "student"
      "mentions" !important;
    grid-template-columns: 1fr !important;
  }

  .jleti-writing-competition-page .jleti-award-grand h3 {
    font-size: clamp(2.3rem, 13vw, 3.6rem) !important;
  }
}

@media (max-width: 520px) {
  .jleti-writing-competition-page .jleti-timeline-item {
    padding: 1.15rem 1.05rem 1.15rem 3.55rem !important;
  }

  .jleti-writing-competition-page .jleti-timeline-dot {
    left: 1.05rem !important;
  }

  .jleti-writing-competition-page .jleti-timeline::after {
    left: 1.72rem !important;
  }

  .jleti-writing-competition-page .jleti-award-card,
  .jleti-writing-competition-page .jleti-award-grand {
    padding: 1.1rem !important;
  }
}

/* =========================================================
   52. HOMEPAGE WRITING COMPETITION FEATURE
   ========================================================= */

/*
  This section adds only the homepage writing-competition feature box.
  It does not alter the JLETI Writing Competition page styles above.
  The manual homepage Announcements styles already remain in this stylesheet.
*/

.jleti-home-launch-feature {
  background:
    radial-gradient(circle at top right, rgba(158, 216, 245, 0.18), transparent 20rem),
    linear-gradient(135deg, var(--jleti-navy, #0B1F3A) 0%, var(--jleti-navy-dark, #061527) 100%) !important;
  border: 1px solid rgba(82, 97, 107, 0.22) !important;
  border-left: 8px solid var(--jleti-burgundy, #7A2230) !important;
  border-radius: var(--jleti-radius-lg, 22px) !important;
  box-shadow: var(--jleti-shadow-md, 0 18px 50px rgba(6, 21, 39, 0.13)) !important;
  color: var(--jleti-white, #FFFFFF) !important;
  margin: 0 0 1.75rem 0 !important;
  overflow: hidden !important;
  padding: clamp(1.35rem, 3vw, 2.25rem) clamp(1.35rem, 3.5vw, 2.65rem) !important;
  position: relative !important;
}

.jleti-home-launch-feature::after {
  background: linear-gradient(90deg, var(--jleti-burgundy, #7A2230), var(--jleti-link-blue-pop, #5BA7D8), transparent) !important;
  bottom: 0 !important;
  content: "" !important;
  height: 3px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
}

.jleti-home-launch-copy {
  max-width: 980px !important;
  position: relative !important;
  z-index: 1 !important;
}

.jleti-home-kicker {
  color: var(--jleti-powder-blue-pop, #8BD3FF) !important;
  font-family: var(--jleti-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  line-height: 1.25 !important;
  margin: 0 0 0.65rem 0 !important;
  text-transform: uppercase !important;
}

.jleti-home-launch-feature h2 {
  color: var(--jleti-white, #FFFFFF) !important;
  font-family: var(--jleti-serif, Georgia, Cambria, "Times New Roman", serif) !important;
  font-size: clamp(2rem, 4vw, 3.25rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  line-height: 0.98 !important;
  margin: 0 0 0.95rem 0 !important;
}

.jleti-home-launch-feature h2::after {
  background: var(--jleti-burgundy, #7A2230) !important;
  content: "" !important;
  display: block !important;
  height: 3px !important;
  margin-top: 0.65rem !important;
  width: 145px !important;
}

.jleti-home-launch-feature p {
  color: rgba(255, 255, 255, 0.90) !important;
  font-family: var(--jleti-sans, "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  font-size: clamp(1.02rem, 1.45vw, 1.18rem) !important;
  line-height: 1.6 !important;
  margin: 0 0 0.85rem 0 !important;
  max-width: 960px !important;
}

.jleti-home-launch-feature .jleti-home-launch-lede {
  font-size: clamp(1.06rem, 1.55vw, 1.24rem) !important;
  line-height: 1.58 !important;
}

.jleti-home-feature-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.85rem !important;
  margin: 1.35rem 0 0 0 !important;
  padding: 0 !important;
}

.jleti-home-feature-button {
  background: var(--jleti-link-blue-pop, #5BA7D8) !important;
  border: 1px solid var(--jleti-link-blue-pop, #5BA7D8) !important;
  border-radius: var(--jleti-radius-sm, 8px) !important;
  box-shadow: 0 10px 24px rgba(31, 111, 168, 0.22) !important;
  color: var(--jleti-white, #FFFFFF) !important;
  display: inline-block !important;
  font-family: var(--jleti-ui, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  font-size: 0.88rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.055em !important;
  line-height: 1.2 !important;
  padding: 0.78rem 1.05rem !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.jleti-home-feature-button:hover,
.jleti-home-feature-button:focus {
  background: var(--jleti-link-blue-pop-dark, #3F8AC0) !important;
  border-color: var(--jleti-link-blue-pop-dark, #3F8AC0) !important;
  color: var(--jleti-white, #FFFFFF) !important;
  transform: translateY(-1px) !important;
}

.jleti-home-feature-button-secondary {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.78) !important;
  box-shadow: none !important;
  color: var(--jleti-white, #FFFFFF) !important;
}

.jleti-home-feature-button-secondary:hover,
.jleti-home-feature-button-secondary:focus {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--jleti-white, #FFFFFF) !important;
  color: var(--jleti-white, #FFFFFF) !important;
}

/* Keep any old snapshot markup hidden if it remains in the homepage HTML. */
.jleti-home-launch-feature .jleti-home-launch-panel,
.jleti-home-launch-feature .jleti-home-snapshot-wrap,
.jleti-home-launch-feature .jleti-snapshot-label,
.jleti-home-launch-feature .jleti-snapshot-list,
.jleti-home-launch-feature .jleti-snapshot-row,
.jleti-home-launch-feature .jleti-snapshot-note {
  display: none !important;
}

/* Keep the manual Announcements section visible below homepage cards. */
.jleti-latest-announcements {
  display: block !important;
}

@media (max-width: 768px) {
  .jleti-home-launch-feature {
    padding: 1.25rem !important;
  }

  .jleti-home-feature-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .jleti-home-feature-button {
    width: 100% !important;
  }
}


/* ##############################################################
   ##  BELOW: JLETI AI SCHOLARSHIP LAB — LIVING EDITION STYLES ##
   ##  (swapped in place; everything before and AFTER is your   ##
   ##  original stylesheet, untouched — incl. the .ailab page)  ##
   ############################################################## */

/* ===== APPEND-ONLY: JLETI AI Scholarship Lab Living Edition =====
   Paste this block at the very END of your existing Journal Style Sheet.
   Nothing above is modified; all rules are scoped under #jleti-lab.
   Fonts reuse your existing @import (Cormorant Garamond, Inter, Source Sans 3, JetBrains Mono).
   ============================================================== */

/* ============================================================
   JLETI · AI Scholarship Lab — Living Edition (pure CSS, no JS)
   Scoped entirely under #jleti-lab so it overrides the journal
   theme and never leaks out. Brand: navy / burgundy / light-blue.
   ============================================================ */
#jleti-lab{
  --navy:#0B1F3A; --navy-soft:#102B4D; --slate:#52616B; --slate-d:#36434B;
  --ivory:#FAF7F0; --ivory2:#F4EFE4; --white:#fff;
  --blue:#5BA7D8; --blue-d:#2F6FAD; --blue-soft:#DCECF8;
  --burgundy:#7A2230; --burg-l:#A64A59;
  --ok:#1c7a4d; --ok-bg:#e8f3ec;
  --line:rgba(82,97,107,.22); --line2:rgba(82,97,107,.13);
  --shadow:0 8px 24px rgba(6,21,39,.08); --shadow-sm:0 4px 14px rgba(6,21,39,.06);
  --serif:"Cormorant Garamond",Georgia,Cambria,"Times New Roman",serif;
  --read:Georgia,Cambria,"Times New Roman",serif;
  --ui:Inter,"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  display:block; box-sizing:border-box; font-family:var(--ui); color:var(--slate-d);
  line-height:1.55; background:var(--ivory); border:1px solid var(--line);
  border-radius:14px; overflow:hidden; box-shadow:var(--shadow); margin:1.2rem 0;
}
#jleti-lab *{box-sizing:border-box}
#jleti-lab a{color:var(--blue-d);text-decoration:none}
#jleti-lab .vtoggle{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none}

/* ---- masthead ---- */
#jleti-lab .mast{background:var(--navy);color:var(--ivory);padding:26px 30px 22px;position:relative}
#jleti-lab .mast::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;
  background:linear-gradient(90deg,var(--burgundy) 0%,var(--burgundy) 66%,var(--blue) 100%)}
#jleti-lab .brandrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
#jleti-lab .kickerline{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--burg-l)}
#jleti-lab .labtag{font-family:var(--ui);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--navy);background:var(--blue);padding:4px 11px;border-radius:999px;font-weight:800;white-space:nowrap}
#jleti-lab h1.title{font-family:var(--serif);font-weight:800;font-size:clamp(2.1rem,4.4vw,3.5rem);line-height:1.02;
  letter-spacing:-.01em;color:var(--ivory);margin:0 0 6px}
#jleti-lab .subtitle{font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(1.2rem,2.3vw,1.7rem);color:rgba(250,247,240,.92);margin:0 0 14px}
#jleti-lab .byline{font-family:var(--ui);font-size:13px;color:rgba(250,247,240,.78)}
#jleti-lab .chips{margin-top:15px;display:flex;gap:8px;flex-wrap:wrap}
#jleti-lab .chip{font-family:var(--ui);font-size:11.5px;color:var(--ivory);border:1px solid rgba(250,247,240,.28);
  background:rgba(255,255,255,.06);padding:5px 11px;border-radius:999px}
#jleti-lab .chip .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:6px;vertical-align:middle}
#jleti-lab .chip.ok .dot{background:#5fd39a}

/* ---- companion notice (always visible, above the tabs) ---- */
#jleti-lab .notice{display:block;background:#fff;
  border-bottom:1px solid var(--line);border-left:6px solid var(--burgundy);padding:16px 30px}
#jleti-lab .notice .noticerow{display:flex;gap:14px;align-items:flex-start}
#jleti-lab .notice .ntag{flex:0 0 170px;width:170px;box-sizing:border-box;text-align:center;white-space:nowrap;
  font-family:var(--ui);font-size:10px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:#fff;background:var(--burgundy);padding:5px 10px;border-radius:999px;margin-top:2px}
#jleti-lab .notice .nbody{font-family:var(--ui);font-size:13px;line-height:1.55;color:var(--slate-d)}
#jleti-lab .notice .nbody b{color:var(--navy)}
#jleti-lab .notice .cite{font-style:italic;color:var(--navy)}
#jleti-lab .notice .ncav{display:block;width:100%;margin-top:12px;background:var(--ivory);border-radius:8px;padding:11px 14px;
  border:1px solid var(--line);color:var(--slate-d);font-family:var(--ui);font-size:13px;line-height:1.55}
#jleti-lab .notice .ncav b{color:var(--navy)}
/* button hardened with !important so the journal theme's link/button rules cannot hide the label */
#jleti-lab a.readlink,#jleti-lab a.readlink:link,#jleti-lab a.readlink:visited{display:inline-block;margin-top:12px;
  font-family:var(--ui);font-weight:800;font-size:13px;color:#ffffff !important;background:var(--blue-d) !important;
  padding:10px 17px;border-radius:8px;text-decoration:none !important;border:0;box-shadow:0 6px 16px rgba(47,111,173,.28)}
#jleti-lab a.readlink:hover,#jleti-lab a.readlink:focus{color:#ffffff !important;background:var(--navy) !important;text-decoration:none !important}
@media (max-width:860px){#jleti-lab .notice{padding:14px 18px}#jleti-lab .notice .noticerow{flex-direction:column;gap:9px}#jleti-lab .notice .ntag{flex:0 0 auto;width:auto;text-align:left}}

/* ---- author preface (Andrew Perlman) ---- */
#jleti-lab .preface{background:var(--white);border-bottom:1px solid var(--line);padding:24px 30px 26px}
#jleti-lab .preface .pflabel{font-family:var(--ui);font-size:10.5px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:var(--burgundy);margin-bottom:5px}
#jleti-lab .preface .pfh{font-family:var(--serif);font-size:clamp(1.4rem,2.6vw,1.95rem);font-weight:800;
  color:var(--navy);line-height:1.1;margin-bottom:3px}
#jleti-lab .preface .pfh-ed{font-style:italic;font-weight:600;color:var(--slate)}
#jleti-lab .preface .pfby{font-family:var(--ui);font-size:12.5px;color:var(--slate);margin-bottom:15px;
  padding-bottom:13px;border-bottom:1px solid var(--line)}
#jleti-lab .preface .pfbody{font-family:var(--read);font-size:15.5px;line-height:1.55;color:#2b323b;max-width:none}
#jleti-lab .preface .pfbody>p{margin:0 0 11px}
#jleti-lab .preface blockquote.pfprompt{margin:11px 0 14px;font-family:var(--ui);font-size:13px;line-height:1.55;
  color:var(--slate-d);background:var(--ivory);border-left:4px solid var(--blue-d);border-radius:0 10px 10px 0;
  padding:12px 16px}
#jleti-lab .preface .pfnotes{margin-top:16px;border-top:1px solid var(--line);padding-top:13px}
#jleti-lab .preface .pfnotes p{font-family:var(--ui);font-size:12px;line-height:1.5;color:var(--slate);margin:0 0 7px}
#jleti-lab .preface .pfnotes b{color:var(--navy)}
#jleti-lab .preface .pfnotes a,#jleti-lab .preface .pfbody a:not(.readlink){color:var(--blue-d);text-decoration:underline}
#jleti-lab .preface a.readlink{color:#fff !important;text-decoration:none !important}
@media (max-width:860px){#jleti-lab .preface{padding:18px 18px 22px}}

/* ---- tabs (CSS radio hack) ---- */
#jleti-lab .tabs{display:flex;gap:2px;flex-wrap:wrap;background:var(--white);border-bottom:1px solid var(--line);padding:0 18px}
#jleti-lab .tab{display:inline-block;font-family:var(--ui);font-size:13.5px;font-weight:700;color:var(--slate);
  padding:13px 16px;cursor:pointer;border-bottom:3px solid transparent;user-select:none}
#jleti-lab .tab:hover{color:var(--navy)}
#jleti-lab .tab .n{font-family:var(--mono);font-size:10.5px;color:#fff;background:var(--blue-d);border-radius:999px;padding:1px 7px;margin-left:6px}
#jleti-lab #jl-read:checked~.tabs .tab[for=jl-read],
#jleti-lab #jl-prov:checked~.tabs .tab[for=jl-prov],
#jleti-lab #jl-audit:checked~.tabs .tab[for=jl-audit]{color:var(--navy);border-bottom-color:var(--burgundy)}
#jleti-lab .vtoggle:focus-visible~.tabs .tab{outline:none}
#jleti-lab #jl-read:focus-visible~.tabs .tab[for=jl-read],
#jleti-lab #jl-prov:focus-visible~.tabs .tab[for=jl-prov],
#jleti-lab #jl-audit:focus-visible~.tabs .tab[for=jl-audit]{outline:2px solid var(--blue);outline-offset:2px}

/* ---- views ----
   Default: ALL views visible and stacked. This is the fallback if an OJS
   sanitizer removes the radio inputs (content stays fully readable).
   When the radios survive, each :checked state HIDES the other two views,
   producing tab behavior (jl-read is checked by default). */
#jleti-lab .view{display:block;padding:22px 30px 34px;background:var(--ivory)}
#jleti-lab #jl-read:checked~.v-prov,#jleti-lab #jl-read:checked~.v-audit,
#jleti-lab #jl-prov:checked~.v-read,#jleti-lab #jl-prov:checked~.v-audit,
#jleti-lab #jl-audit:checked~.v-read,#jleti-lab #jl-audit:checked~.v-prov{display:none}

/* ---- banner ---- */
#jleti-lab .banner{background:var(--white);border:1px solid var(--line);border-left:5px solid var(--burgundy);
  border-radius:12px;padding:15px 18px;margin-bottom:22px;box-shadow:var(--shadow-sm);font-size:13.5px;color:var(--slate-d);line-height:1.5}
#jleti-lab .banner b{color:var(--navy)}
#jleti-lab .banner .ok-dot{color:var(--ok);font-weight:800}
/* inline key dot drawn by CSS ::before (same robust technique as the marker dots;
   used in the banner and the audit legend so the colored dots always render) */
#jleti-lab .kdot::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}
#jleti-lab .kdot.ai::before{background:#D97757}
#jleti-lab .kdot.board::before{background:#1c7a4d}
#jleti-lab .kdot.human::before{background:#E0A21A}

/* ---- read layout ---- */
#jleti-lab .readgrid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:34px;align-items:start}
#jleti-lab .toc{position:sticky;top:10px;max-height:calc(100vh - 30px);overflow:auto;font-size:13px}
#jleti-lab .toc .tl{font-family:var(--ui);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--slate);font-weight:800;margin-bottom:10px;border-bottom:1px solid var(--line);padding-bottom:7px}
#jleti-lab .toc a{display:block;color:var(--slate-d);padding:4px 0;line-height:1.3}
#jleti-lab .toc a.sub{padding-left:14px;color:var(--slate);font-size:12.5px}
#jleti-lab .toc a:hover{color:var(--blue-d)}

#jleti-lab .doc{font-family:var(--read);font-size:18px;line-height:1.62;color:#23272d;max-width:none}
#jleti-lab .doc h2.lvl1{font-family:var(--ui);font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--burgundy);font-weight:800;margin:38px 0 6px;padding-top:6px;border:0}
#jleti-lab .doc h3.lvl2{font-family:var(--serif);font-style:italic;font-size:21px;color:var(--navy);font-weight:700;margin:22px 0 4px;letter-spacing:0}
#jleti-lab .doc p{margin:0 0 16px}
#jleti-lab .doc p.abstract{font-size:16px;color:var(--slate-d);background:var(--white);border:1px solid var(--line);
  border-left:4px solid var(--blue-d);border-radius:10px;padding:16px 19px;box-shadow:var(--shadow-sm)}

/* ---- status pills + dots (shared across markers, list, table) ---- */
#jleti-lab .pill{display:inline-flex;align-items:center;gap:5px;font-family:var(--ui);font-weight:700;
  font-size:10.5px;line-height:1;padding:3px 9px;border-radius:999px;white-space:nowrap}
#jleti-lab .pill .pd{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}
#jleti-lab .pill.ai{background:#f8e7df;color:#b4502f}
#jleti-lab .pill.board{background:var(--ok-bg);color:var(--ok)}
#jleti-lab .pill.human{background:#fbf1da;color:#8a6300}
#jleti-lab .pill.internal{background:#eef1f5;color:var(--slate)}
#jleti-lab .pill.pending{background:#f1eef3;color:var(--burgundy)}

/* ---- footnote markers + hover tooltip (pure CSS) ---- */
#jleti-lab .fnref{position:relative;font-size:.6em;line-height:0;vertical-align:super;white-space:nowrap}
#jleti-lab .fnref>a{font-family:var(--ui);color:var(--blue-d);font-weight:800;padding:0 1px;border-radius:3px}
#jleti-lab .fnref>a:hover{background:var(--blue-d);color:#fff}
/* small colored dot after each marker (sits neatly beside the number, not floating) */
#jleti-lab .fnref::after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin-left:1px;vertical-align:baseline;position:relative;top:-.15em}
#jleti-lab .fnref.ai::after{background:#D97757}
#jleti-lab .fnref.board::after{background:#1c7a4d}
#jleti-lab .fnref.human::after{background:#E0A21A}
#jleti-lab .fnref.internal::after{background:#D97757}  /* internal cross-refs were also AI-checked -> orange */
#jleti-lab .fntip{display:none;position:absolute;left:0;top:1.5em;z-index:60;width:344px;max-width:78vw;
  font-family:var(--ui);font-size:12.5px;font-weight:400;line-height:1.5;color:var(--slate-d);
  background:var(--white);border:1px solid var(--line);border-top:3px solid var(--navy);border-radius:10px;
  box-shadow:0 18px 50px rgba(6,21,39,.18);padding:12px 14px;white-space:normal;vertical-align:baseline;letter-spacing:0;text-transform:none}
#jleti-lab .fnref:hover .fntip,#jleti-lab .fnref:focus-within .fntip{display:block}
#jleti-lab .tiphead{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);margin-bottom:8px}
#jleti-lab .tiprow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:11px;color:var(--slate)}
#jleti-lab .tiptext{display:block;margin-top:8px;padding-top:8px;border-top:1px solid var(--line2);color:var(--slate-d)}
#jleti-lab .tipnote{display:block;margin-top:8px;color:var(--slate-d);background:var(--ivory);border-radius:7px;padding:7px 9px;font-size:11.5px}

/* ---- footnotes list ---- */
#jleti-lab .fnsection{margin-top:40px;border-top:2px solid var(--line);padding-top:18px;max-width:none}
#jleti-lab .fnsection h3{font-family:var(--ui);font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--burgundy);font-weight:800;margin:0 0 12px}
#jleti-lab ol.fnlist{list-style:decimal;padding-left:34px;margin:0;font-family:var(--read);font-size:13.5px;line-height:1.55;color:#2b323b}
#jleti-lab ol.fnlist li{margin:0 0 9px;padding:3px 6px;border-radius:6px}
#jleti-lab ol.fnlist li.row-ai{background:linear-gradient(90deg,#eef4fb,transparent 60%)}
#jleti-lab ol.fnlist li.row-board{background:linear-gradient(90deg,var(--ok-bg),transparent 60%)}
#jleti-lab ol.fnlist li.row-human{background:linear-gradient(90deg,#fbf1da,transparent 60%)}
#jleti-lab ol.fnlist li:target{background:var(--blue-soft);box-shadow:0 0 0 2px var(--blue)}
#jleti-lab .backref{font-family:var(--ui);color:var(--blue-d);margin-right:3px;font-size:13px}
#jleti-lab .fn-note{display:block;font-family:var(--ui);font-size:12px;color:var(--slate);margin-top:2px}
#jleti-lab ol.fnlist .pill{margin-left:6px;vertical-align:1px}

/* ---- provenance ---- */
#jleti-lab .section-h{font-family:var(--ui);font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--burgundy);font-weight:800;margin:26px 0 12px}
#jleti-lab .callout{font-family:var(--ui);font-size:13.5px;color:var(--slate-d);background:var(--white);border:1px solid var(--line);
  border-left:5px solid var(--navy);border-radius:10px;padding:14px 16px;margin:6px 0 18px;line-height:1.55;max-width:none}
#jleti-lab .callout b{color:var(--navy)}
#jleti-lab .prompt{font-family:var(--mono);font-size:13px;line-height:1.62;background:var(--navy);color:#dce6f2;
  border-radius:10px;padding:17px 19px;white-space:pre-wrap;border:1px solid var(--navy-soft);max-width:none}
#jleti-lab .prompt .lbl{display:block;color:var(--blue);font-family:var(--ui);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-weight:700}
#jleti-lab table.meta{width:100%;border-collapse:collapse;font-size:13.5px;max-width:none;margin-bottom:6px;background:var(--white)}
#jleti-lab table.meta td{border:1px solid var(--line);padding:10px 13px;vertical-align:top;background:var(--white);color:var(--slate-d)}
#jleti-lab table.meta tr:nth-child(even) td{background:var(--ivory2)}
#jleti-lab table.meta td.k{font-family:var(--ui);font-weight:800;color:var(--navy);width:27%}
#jleti-lab table.meta td.dsc{color:var(--slate);width:31%;font-size:12.5px}
#jleti-lab .card{background:var(--white);border:1px solid var(--line);border-left:5px solid var(--blue-d);border-radius:12px;padding:18px 20px;box-shadow:var(--shadow-sm);margin-bottom:18px;max-width:none}
#jleti-lab .card p{color:var(--slate-d);font-size:14px;line-height:1.6;margin:0 0 10px}
#jleti-lab .card p:last-child{margin:0}
#jleti-lab .card b{color:var(--navy)}

/* ---- audit ---- */
/* AI-vs-human side-by-side boxes */
#jleti-lab .twobox{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:4px 0 18px;max-width:none}
#jleti-lab .twobox .tb{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
#jleti-lab .twobox .tb::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px}
#jleti-lab .twobox .tb.ai::before{background:#D97757}
#jleti-lab .twobox .tb.board::before{background:var(--ok)}
#jleti-lab .twobox .tbh{display:flex;align-items:center;gap:7px;font-family:var(--ui);font-weight:800;font-size:12.5px;color:var(--navy);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
#jleti-lab .twobox .tbh .gdot{width:10px;height:10px;border-radius:50%}
#jleti-lab .twobox .tb.ai .gdot{background:#D97757}
#jleti-lab .twobox .tb.board .gdot{background:var(--ok)}
#jleti-lab .twobox .tbn{font-family:var(--serif);font-size:38px;font-weight:800;line-height:1;color:var(--navy)}
#jleti-lab .twobox .tb.ai .tbn{color:#b4502f}
#jleti-lab .twobox .tb.board .tbn{color:var(--ok)}
#jleti-lab .twobox .tbl{font-family:var(--ui);font-size:12px;color:var(--slate);margin-top:6px;line-height:1.45}
#jleti-lab .twobox .tbl b{color:var(--navy)}
@media (max-width:680px){#jleti-lab .twobox{grid-template-columns:1fr}}
#jleti-lab .stats{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:18px;justify-content:center}
#jleti-lab .stat{background:var(--white);border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:12px;padding:14px 18px;box-shadow:var(--shadow-sm);min-width:140px}
#jleti-lab .stat.good{border-top-color:var(--ok)}
#jleti-lab .stat .big{font-family:var(--serif);font-size:34px;color:var(--navy);font-weight:800;line-height:1}
#jleti-lab .stat.good .big{color:var(--ok)}
#jleti-lab .stat .lab{font-family:var(--ui);font-size:12px;color:var(--slate);margin-top:6px}
#jleti-lab .legend{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 16px;font-family:var(--ui);font-size:12px;color:var(--slate-d)}
#jleti-lab .legend .lg{display:inline-flex;align-items:center;gap:6px}
#jleti-lab .legend .ld{width:9px;height:9px;border-radius:50%}
#jleti-lab .legend .ld.ai{background:#D97757}
#jleti-lab .legend .ld.board{background:var(--ok)}
#jleti-lab .legend .ld.human{background:#E0A21A}
#jleti-lab .legend .ld.internal{background:var(--slate)}
#jleti-lab .banner .lgdot{display:inline-block;width:9px;height:9px;border-radius:50%;vertical-align:middle;margin:0 2px 0 7px}
#jleti-lab .banner .lgdot.ai{background:#D97757}
#jleti-lab .banner .lgdot.board{background:var(--ok)}
#jleti-lab .banner .lgdot.human{background:#E0A21A}
/* "how to read these numbers" explainer */
#jleti-lab .numbox{background:var(--ivory2);border:1px solid var(--line);border-radius:12px;padding:15px 18px;margin:0 0 20px;max-width:none}
#jleti-lab .numbox .nbh{font-family:var(--ui);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--burgundy);margin-bottom:8px}
#jleti-lab .numbox ul{margin:0;padding-left:18px}
#jleti-lab .numbox li{font-family:var(--ui);font-size:12.5px;line-height:1.55;color:var(--slate-d);margin:0 0 7px}
#jleti-lab .numbox li:last-child{margin:0}
#jleti-lab .numbox b{color:var(--navy)}

/* filter tabs for the audit table (CSS radio-hack; defaults to showing all) */
#jleti-lab .filterbar{display:flex;gap:8px;margin:16px 0 14px;flex-wrap:wrap}
#jleti-lab .fbtn{font-family:var(--ui);border:1px solid var(--line);background:var(--white);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700;color:var(--slate-d);cursor:pointer;user-select:none}
#jleti-lab .fbtn:hover{border-color:var(--blue-d);color:var(--navy)}
#jleti-lab #jf-all:checked~.filterbar .fbtn[for=jf-all],
#jleti-lab #jf-ai:checked~.filterbar .fbtn[for=jf-ai],
#jleti-lab #jf-board:checked~.filterbar .fbtn[for=jf-board],
#jleti-lab #jf-human:checked~.filterbar .fbtn[for=jf-human],
#jleti-lab #jf-internal:checked~.filterbar .fbtn[for=jf-internal]{background:var(--navy);color:#fff;border-color:var(--navy)}
#jleti-lab #jf-ai:checked~.atable tbody tr:not(.row-ai){display:none}
#jleti-lab #jf-human:checked~.atable tbody tr:not(.row-human){display:none}
#jleti-lab #jf-internal:checked~.atable tbody tr:not(.row-internal){display:none}
#jleti-lab #jf-board:checked~.atable{display:none}
#jleti-lab .femptymsg{display:none;font-family:var(--ui);font-size:13px;color:var(--slate-d);background:var(--ok-bg);border:1px dashed var(--ok);border-radius:10px;padding:14px 16px;max-width:none}
#jleti-lab #jf-board:checked~.femptymsg{display:block}

/* grouped audit sections (replaces the filter buttons) */
#jleti-lab .auditgroup{margin:0 0 22px;max-width:none}
#jleti-lab .grouphead{display:flex;align-items:center;gap:9px;margin:0 0 3px}
#jleti-lab .grouphead .gdot{width:11px;height:11px;border-radius:50%;flex:0 0 auto}
#jleti-lab .grouphead .gdot.ai{background:#D97757}
#jleti-lab .grouphead .gdot.board{background:var(--ok)}
#jleti-lab .grouphead .gdot.human{background:#E0A21A}
#jleti-lab .grouphead .gdot.internal{background:var(--slate)}
#jleti-lab .grouphead .gname{font-family:var(--ui);font-weight:800;font-size:14.5px;color:var(--navy)}
#jleti-lab .grouphead .gcount{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--slate);background:var(--ivory2);border-radius:999px;padding:2px 9px}
#jleti-lab .gdesc{font-family:var(--ui);font-size:12px;color:var(--slate);margin:0 0 9px;max-width:none;line-height:1.5}
#jleti-lab .gempty{font-family:var(--ui);font-size:13px;color:var(--slate-d);background:var(--ok-bg);border:1px dashed var(--ok);border-radius:10px;padding:13px 15px;max-width:none}
#jleti-lab table.atable{width:100%;border-collapse:collapse;font-size:13px;max-width:none;background:var(--white)}
#jleti-lab table.atable th{font-family:var(--ui);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);
  text-align:left;background:var(--white);border:0;border-bottom:2px solid var(--line);padding:9px 10px;font-weight:800}
#jleti-lab table.atable td{padding:9px 10px;border:0;border-bottom:1px solid var(--line2);vertical-align:top;font-family:var(--read);background:var(--white);color:#2b323b}
#jleti-lab table.atable td.num{font-family:var(--ui);font-weight:800;color:var(--navy);width:42px}
#jleti-lab .rowlink{color:#2b323b}
#jleti-lab .stcell{white-space:nowrap;width:118px}
/* web-confirmed tag: deliberately BLUE (not green) so it is never confused with human-verified */
#jleti-lab .webtag{font-family:var(--ui);font-size:9px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#2F6FAD;background:#DCECF8;border:1px solid #b9d6ee;border-radius:5px;padding:1px 6px;margin-right:5px;vertical-align:1px}
#jleti-lab .note-sm{font-family:var(--ui);font-size:11.5px;color:var(--slate);margin-top:3px}

/* ---- Editorial Board verification log (timeline) ---- */
#jleti-lab .vlog{margin:6px 0 4px;max-width:none;border-left:2px solid var(--line);padding-left:20px}
#jleti-lab .vlog .le{position:relative;padding:0 0 16px 2px}
#jleti-lab .vlog .le:last-child{padding-bottom:0}
#jleti-lab .vlog .le::before{content:"";position:absolute;left:-26px;top:3px;width:11px;height:11px;border-radius:50%;
  background:var(--blue-d);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--line)}
#jleti-lab .vlog .le.pending::before{background:var(--burgundy)}
#jleti-lab .vlog .le.board::before{background:var(--ok)}
#jleti-lab .vlog .ldate{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);margin-bottom:2px}
#jleti-lab .vlog .lt{font-family:var(--ui);font-weight:800;font-size:13.5px;color:var(--navy);margin-bottom:3px}
#jleti-lab .vlog .lb{font-family:var(--ui);font-size:12.5px;line-height:1.5;color:var(--slate-d)}

/* ---- Fable 5 preservation / archive box ---- */
#jleti-lab .archivebox{background:#FBF4F2;color:var(--slate-d);border:1px solid #e8ccd1;border-left:6px solid var(--burgundy);border-radius:12px;padding:15px 20px 17px;margin:6px 0 20px;max-width:none;position:relative}
#jleti-lab .archivebox .ah{display:inline-block;font-family:var(--ui);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--burgundy);padding:4px 11px;border-radius:999px;margin-bottom:11px}
#jleti-lab .archivebox p{font-family:var(--ui);font-size:13.5px;line-height:1.6;color:var(--slate-d);margin:0 0 9px}
#jleti-lab .archivebox p:last-child{margin:0}
#jleti-lab .archivebox b{color:var(--burgundy)}

#jleti-lab .labfoot{font-family:var(--ui);background:var(--navy);color:rgba(250,247,240,.82);padding:20px 30px;font-size:12.5px;line-height:1.55}
#jleti-lab .labfoot b{color:#fff}
#jleti-lab .labfoot::before{content:"";display:block;height:3px;width:130px;background:var(--burgundy);margin-bottom:12px}

@media (max-width:860px){
  #jleti-lab .readgrid{grid-template-columns:1fr}
  #jleti-lab .toc{display:none}
  #jleti-lab .mast{padding:20px 18px 18px}
  #jleti-lab .view{padding:18px 18px 28px}
  #jleti-lab .fntip{width:260px}
}


/* =========================================================
   99. CANONICAL HOMEPAGE FIX
   ========================================================= */

/*
  Purpose:
  - Restore the intended homepage layout only.
  - Preserve the Writing Competition page styles.
  - Preserve the Andrew Perlman / Living Edition page styles.
  - Keep the homepage competition feature compact.
  - Remove/hide the Competition Snapshot if any old snapshot markup remains.
  - Keep the three homepage cards aligned.
  - Keep the Announcements section visible and styled.
*/

/* ---------- Homepage wrapper and top spacing ---------- */

.jleti-homepage {
  color: var(--jleti-slate-dark) !important;
}

.jleti-homepage,
.jleti-homepage * {
  box-sizing: border-box !important;
}

/* Remove the unwanted top line before About the Journal on the homepage content block. */
.jleti-homepage hr:first-child,
.jleti-homepage::before,
.jleti-home-intro::before,
.jleti-home-about::before {
  content: none !important;
  display: none !important;
}

/* ---------- About the Journal ---------- */

.jleti-home-intro,
.jleti-home-about {
  background: transparent !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  margin: 0 0 1.9rem 0 !important;
  padding: 0 !important;
}

.jleti-home-intro h2,
.jleti-home-about h2 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.85rem, 2.8vw, 2.55rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.05 !important;
  margin: 0 0 1rem 0 !important;
}

.jleti-home-intro p,
.jleti-home-about p {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: clamp(1.08rem, 1.55vw, 1.25rem) !important;
  line-height: 1.72 !important;
  margin: 0 !important;
  max-width: 100% !important;
}

/* ---------- Featured Writing Competition Box ---------- */

.jleti-home-launch-feature {
  background:
    radial-gradient(circle at top right, rgba(158, 216, 245, 0.18), transparent 20rem),
    linear-gradient(135deg, var(--jleti-navy, #0B1F3A) 0%, var(--jleti-navy-dark, #061527) 100%) !important;
  border: 1px solid rgba(82, 97, 107, 0.22) !important;
  border-left: 8px solid var(--jleti-burgundy, #7A2230) !important;
  border-bottom: 3px solid var(--jleti-link-blue-pop, #5BA7D8) !important;
  border-radius: var(--jleti-radius-lg, 22px) !important;
  box-shadow: var(--jleti-shadow-md, 0 18px 50px rgba(6, 21, 39, 0.13)) !important;
  color: var(--jleti-white, #FFFFFF) !important;
  display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  margin: 0 0 1.55rem 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: clamp(1.35rem, 2.8vw, 2.05rem) clamp(1.35rem, 3.2vw, 2.35rem) !important;
  position: relative !important;
}

.jleti-home-launch-feature::after {
  content: none !important;
  display: none !important;
}

.jleti-home-launch-copy {
  max-width: 1020px !important;
  position: relative !important;
  z-index: 1 !important;
}

.jleti-home-kicker {
  color: var(--jleti-powder-blue-pop, #8BD3FF) !important;
  font-family: var(--jleti-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  line-height: 1.25 !important;
  margin: 0 0 0.6rem 0 !important;
  text-transform: uppercase !important;
}

.jleti-home-launch-feature h2 {
  color: var(--jleti-white, #FFFFFF) !important;
  font-family: var(--jleti-serif, Georgia, Cambria, "Times New Roman", serif) !important;
  font-size: clamp(2rem, 3.9vw, 3.15rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  line-height: 0.98 !important;
  margin: 0 0 0.9rem 0 !important;
  max-width: 980px !important;
}

.jleti-home-launch-feature h2::after {
  background: var(--jleti-burgundy, #7A2230) !important;
  content: "" !important;
  display: block !important;
  height: 3px !important;
  margin-top: 0.65rem !important;
  width: 145px !important;
}

.jleti-home-launch-feature p {
  color: rgba(255, 255, 255, 0.91) !important;
  font-family: var(--jleti-sans, "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  font-size: clamp(1.02rem, 1.42vw, 1.16rem) !important;
  line-height: 1.6 !important;
  margin: 0 0 0.82rem 0 !important;
  max-width: 1010px !important;
}

.jleti-home-launch-feature .jleti-home-launch-lede {
  font-size: clamp(1.06rem, 1.52vw, 1.22rem) !important;
  line-height: 1.58 !important;
}

/* Hide all old Competition Snapshot markup if it is still present in the homepage HTML. */
.jleti-home-launch-feature .jleti-home-launch-panel,
.jleti-home-launch-feature .jleti-home-snapshot-wrap,
.jleti-home-launch-feature .jleti-snapshot-label,
.jleti-home-launch-feature .jleti-snapshot-list,
.jleti-home-launch-feature .jleti-snapshot-row,
.jleti-home-launch-feature .jleti-snapshot-card,
.jleti-home-launch-feature .jleti-snapshot-note,
.jleti-home-launch-panel,
.jleti-home-snapshot-wrap {
  display: none !important;
}

/* Homepage feature buttons. Supports both older and newer homepage HTML class names. */
.jleti-home-launch-feature .jleti-home-feature-actions,
.jleti-home-launch-feature .jleti-home-actions {
  align-items: center !important;
  border: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.85rem !important;
  grid-template-columns: none !important;
  margin: 1.25rem 0 0 0 !important;
  padding: 0 !important;
}

.jleti-home-feature-button,
.jleti-home-launch-feature .jleti-home-button {
  background: var(--jleti-link-blue-pop, #5BA7D8) !important;
  border: 1px solid var(--jleti-link-blue-pop, #5BA7D8) !important;
  border-radius: var(--jleti-radius-sm, 8px) !important;
  box-shadow: 0 10px 24px rgba(31, 111, 168, 0.22) !important;
  color: var(--jleti-white, #FFFFFF) !important;
  display: inline-block !important;
  font-family: var(--jleti-ui, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  font-size: 0.88rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.055em !important;
  line-height: 1.2 !important;
  padding: 0.78rem 1.05rem !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.jleti-home-feature-button:hover,
.jleti-home-feature-button:focus,
.jleti-home-launch-feature .jleti-home-button:hover,
.jleti-home-launch-feature .jleti-home-button:focus {
  background: var(--jleti-link-blue-pop-dark, #3F8AC0) !important;
  border-color: var(--jleti-link-blue-pop-dark, #3F8AC0) !important;
  color: var(--jleti-white, #FFFFFF) !important;
  transform: translateY(-1px) !important;
}

.jleti-home-feature-button-secondary,
.jleti-home-launch-feature .jleti-home-button-secondary {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.78) !important;
  box-shadow: none !important;
  color: var(--jleti-white, #FFFFFF) !important;
}

.jleti-home-feature-button-secondary:hover,
.jleti-home-feature-button-secondary:focus,
.jleti-home-launch-feature .jleti-home-button-secondary:hover,
.jleti-home-launch-feature .jleti-home-button-secondary:focus {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--jleti-white, #FFFFFF) !important;
  color: var(--jleti-white, #FFFFFF) !important;
}

/* ---------- Homepage Three Action Cards ---------- */

/* Supports the current section.jleti-home-actions card row and the older .jleti-home-card-grid structure. */
section.jleti-home-actions,
.jleti-home-actions#jleti-home-links,
.jleti-home-card-grid {
  border-bottom: 1px solid rgba(82, 97, 107, 0.16) !important;
  display: grid !important;
  gap: 1rem !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 0 1.85rem 0 !important;
  padding: 0 0 1.85rem 0 !important;
  position: relative !important;
}

section.jleti-home-actions::after,
.jleti-home-actions#jleti-home-links::after {
  content: none !important;
  display: none !important;
}

.jleti-home-action-card,
.jleti-home-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 247, 240, 0.56)) !important;
  border: 1px solid rgba(82, 97, 107, 0.16) !important;
  border-left: 7px solid var(--jleti-navy) !important;
  border-radius: var(--jleti-radius-md) !important;
  box-shadow: 0 10px 26px rgba(6, 21, 39, 0.06) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 100% !important;
  padding: clamp(1.15rem, 2vw, 1.55rem) !important;
  position: relative !important;
}

.jleti-home-action-card:nth-child(2),
.jleti-home-card:nth-child(2) {
  border-left-color: var(--jleti-link-blue-pop, #5BA7D8) !important;
}

.jleti-home-action-card:nth-child(3),
.jleti-home-card:nth-child(3) {
  border-left-color: var(--jleti-burgundy) !important;
}

/* Remove the extra interior accent line if an older rule adds one. */
.jleti-home-action-card::before,
.jleti-home-card::before {
  content: none !important;
  display: none !important;
}

.jleti-home-action-card h3,
.jleti-home-card h3 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.35rem, 2vw, 1.7rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.08 !important;
  margin: 0 0 0.7rem 0 !important;
}

.jleti-home-action-card p,
.jleti-home-card p {
  color: var(--jleti-slate-dark) !important;
  flex-grow: 1 !important;
  font-family: var(--jleti-sans) !important;
  font-size: clamp(1rem, 1.3vw, 1.12rem) !important;
  line-height: 1.6 !important;
  margin: 0 0 1.15rem 0 !important;
}

.jleti-home-action-card a,
.jleti-home-card a,
.jleti-home-action-card .jleti-home-action-link,
.jleti-home-card .jleti-home-action-link {
  color: var(--jleti-burgundy) !important;
  display: inline-block !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.065em !important;
  line-height: 1.2 !important;
  margin-top: auto !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

/* Little ">" arrow after the homepage card links */
.jleti-home-card a::after,
.jleti-home-action-card .jleti-home-action-link::after,
.jleti-home-card .jleti-home-action-link::after {
  content: "\00A0\203A" !important;
  display: inline-block !important;
  transition: transform 0.15s ease !important;
}
.jleti-home-card a:hover::after,
.jleti-home-card a:focus::after {
  transform: translateX(3px) !important;
}

.jleti-home-action-card a:hover,
.jleti-home-card a:hover,
.jleti-home-action-card a:focus,
.jleti-home-card a:focus {
  color: var(--jleti-burgundy-light) !important;
}

/* ---------- Homepage Announcements ---------- */

.jleti-latest-announcements {
  border-top: 0 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.jleti-home-section-heading {
  align-items: baseline !important;
  border-top: 0 !important;
  display: flex !important;
  gap: 1rem !important;
  justify-content: space-between !important;
  margin: 0 0 1rem 0 !important;
}

.jleti-home-section-heading h2 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.75rem, 2.4vw, 2.25rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.08 !important;
  margin: 0 !important;
}

.jleti-home-section-heading a {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.8rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.jleti-home-section-heading a:hover,
.jleti-home-section-heading a:focus {
  color: var(--jleti-burgundy-light) !important;
}

.jleti-latest-announcement-card {
  background: var(--jleti-white) !important;
  border: 1px solid rgba(82, 97, 107, 0.15) !important;
  border-left: 7px solid var(--jleti-navy) !important;
  border-radius: var(--jleti-radius-md) !important;
  box-shadow: var(--jleti-shadow-sm) !important;
  display: block !important;
  margin: 1rem 0 0 0 !important;
  overflow: hidden !important;
  padding: 1.55rem 1.65rem !important;
  position: relative !important;
}

.jleti-latest-announcement-card::before {
  background: var(--jleti-burgundy) !important;
  content: "" !important;
  display: block !important;
  height: 3px !important;
  margin: 0 0 1rem 0 !important;
  width: 115px !important;
}

.jleti-latest-announcement-card h3 {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.35rem, 1.9vw, 1.7rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.12 !important;
  margin: 0 0 0.55rem 0 !important;
  padding: 0 !important;
}

.jleti-latest-announcement-card .jleti-announcement-date,
.jleti-announcement-date {
  align-items: center !important;
  color: var(--jleti-powder-blue-pop, #2F8FC7) !important;
  display: inline-flex !important;
  font-family: var(--jleti-mono) !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  gap: 0.5rem !important;
  letter-spacing: 0.09em !important;
  line-height: 1.2 !important;
  margin: 0 0 1.1rem 0 !important;
}

.jleti-latest-announcement-card p {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-sans) !important;
  font-size: clamp(1rem, 1.25vw, 1.08rem) !important;
  line-height: 1.65 !important;
  margin: 0 0 1.15rem 0 !important;
}

.jleti-latest-announcement-card .jleti-home-action-link,
.jleti-latest-announcement-card a.jleti-home-action-link {
  color: var(--jleti-burgundy) !important;
  display: inline-block !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.065em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.jleti-latest-announcement-card .jleti-home-action-link:hover,
.jleti-latest-announcement-card a.jleti-home-action-link:hover,
.jleti-latest-announcement-card .jleti-home-action-link:focus,
.jleti-latest-announcement-card a.jleti-home-action-link:focus {
  color: var(--jleti-burgundy-light) !important;
}

/* Keep the OJS-generated announcement section available if it is being used. */
.pkp_page_index .cmp_announcements,
body.pkp_page_index .cmp_announcements,
.pkp_op_index .cmp_announcements,
body.pkp_op_index .cmp_announcements {
  display: block !important;
}

/* ---------- Homepage responsive behavior ---------- */

@media (max-width: 900px) {
  section.jleti-home-actions,
  .jleti-home-actions#jleti-home-links,
  .jleti-home-card-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 768px) {
  .jleti-home-launch-feature {
    padding: 1.25rem !important;
  }

  .jleti-home-launch-feature .jleti-home-feature-actions,
  .jleti-home-launch-feature .jleti-home-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .jleti-home-feature-button,
  .jleti-home-launch-feature .jleti-home-button {
    width: 100% !important;
  }

  .jleti-home-section-heading {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .jleti-latest-announcement-card {
    padding: 1.25rem 1.3rem !important;
  }
}

/* =========================================================
   100. HOMEPAGE: Remove Line Before About the Journal
   ========================================================= */

/*
  Removes the thin accent line that appears at the very top of the
  homepage content box before "About the Journal," without removing
  that accent line from other pages.
*/

.pkp_page_index .pkp_structure_main::before,
body.pkp_page_index .pkp_structure_main::before,
.pkp_op_index .pkp_structure_main::before,
body.pkp_op_index .pkp_structure_main::before {
  content: none !important;
  display: none !important;
  height: 0 !important;
}

/* =========================================================
   101. HOMEPAGE: Featured Launch Opportunity Typography
   ========================================================= */

/*
  Makes the homepage "Featured Launch Opportunity" label powder blue
  and gives it the spaced, technical mono-style shown in the reference.
*/

.jleti-home-launch-feature .jleti-home-kicker,
.jleti-home-kicker {
  color: #9ED8F5 !important;
  font-family: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Monaco, monospace !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.34em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

@media (max-width: 768px) {
  .jleti-home-launch-feature .jleti-home-kicker,
  .jleti-home-kicker {
    font-size: 0.74rem !important;
    letter-spacing: 0.22em !important;
  }
}

/* =========================================================
   102. HOMEPAGE: Hard Remove Line Above About the Journal
   ========================================================= */

/*
  This targets the actual thin horizontal rule/accent line appearing
  inside the homepage content card above "About the Journal."
  It covers the OJS pseudo-rule, any inserted HR, and homepage top borders.
*/

/* OJS top accent line on the main white content card when homepage content is present */
.pkp_structure_main:has(.jleti-homepage)::before {
  content: none !important;
  display: none !important;
  height: 0 !important;
  background: transparent !important;
}

/* Fallback for OJS homepage body classes */
.pkp_page_index .pkp_structure_main::before,
body.pkp_page_index .pkp_structure_main::before,
.pkp_page_index .page_index .pkp_structure_main::before,
body[class*="page_index"] .pkp_structure_main::before,
body[class*="pkp_page_index"] .pkp_structure_main::before,
body[class*="pkp_op_index"] .pkp_structure_main::before {
  content: none !important;
  display: none !important;
  height: 0 !important;
  background: transparent !important;
}

/* If the line is an actual HR inserted before the homepage block, remove it */
.pkp_structure_main:has(.jleti-homepage) > hr:first-child,
.pkp_structure_main:has(.jleti-homepage) > hr:first-of-type,
.pkp_structure_main > .jleti-homepage:first-child hr:first-child,
.pkp_structure_main > .jleti-homepage:first-child hr:first-of-type,
.jleti-homepage > hr:first-child,
.jleti-homepage > hr:first-of-type {
  display: none !important;
  border: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* If the line is coming from the homepage intro itself */
.jleti-homepage,
.jleti-home-intro,
.jleti-home-about,
#jleti-about-journal {
  border-top: 0 !important;
}

.jleti-homepage::before,
.jleti-home-intro::before,
.jleti-home-about::before,
#jleti-about-journal::before {
  content: none !important;
  display: none !important;
  height: 0 !important;
  background: transparent !important;
}

/* =========================================================
   103. HARD REMOVE: Main Content Top Rule
   ========================================================= */

/*
  The line above "About the Journal" is being produced by the OJS main
  content card rule, not the homepage section itself. This removes that
  top rule directly.
*/

.pkp_structure_main::before {
  content: none !important;
  display: none !important;
  height: 0 !important;
  background: transparent !important;
}

/* Also remove any first horizontal rule that may be injected at the top of the main content area. */
.pkp_structure_main > hr:first-child,
.pkp_structure_main > hr:first-of-type,
.pkp_structure_main .page > hr:first-child,
.pkp_structure_main .page > hr:first-of-type,
.pkp_structure_main .page_index > hr:first-child,
.pkp_structure_main .page_index > hr:first-of-type {
  display: none !important;
  border: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* =========================================================
   104. TRUE HOMEPAGE FIX: Remove OJS Additional Content Rule
   ========================================================= */

/*
  The horizontal line above "About the Journal" is the OJS homepage
  Additional Content border, not the homepage HTML and not the main
  content-card pseudo-element. This removes that OJS wrapper border
  only on the homepage/additional-content area.
*/

.pkp_page_index .additional_content,
body.pkp_page_index .additional_content,
.pkp_op_index .additional_content,
body.pkp_op_index .additional_content,
.page_index_journal .additional_content,
.page_index_site .additional_content,
.pkp_structure_main .additional_content,
.pkp_structure_main .additional_content:has(.jleti-homepage) {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Remove pseudo-lines some OJS themes attach to the Additional Content wrapper. */
.pkp_page_index .additional_content::before,
body.pkp_page_index .additional_content::before,
.pkp_op_index .additional_content::before,
body.pkp_op_index .additional_content::before,
.page_index_journal .additional_content::before,
.page_index_site .additional_content::before,
.pkp_structure_main .additional_content::before,
.pkp_structure_main .additional_content:has(.jleti-homepage)::before {
  content: none !important;
  display: none !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Remove actual HR elements if OJS/TinyMCE inserted one inside Additional Content. */
.pkp_page_index .additional_content > hr:first-child,
body.pkp_page_index .additional_content > hr:first-child,
.pkp_op_index .additional_content > hr:first-child,
body.pkp_op_index .additional_content > hr:first-child,
.page_index_journal .additional_content > hr:first-child,
.page_index_site .additional_content > hr:first-child,
.pkp_structure_main .additional_content > hr:first-child,
.pkp_structure_main .additional_content:has(.jleti-homepage) > hr:first-child,
.pkp_page_index .additional_content > hr:first-of-type,
body.pkp_page_index .additional_content > hr:first-of-type,
.pkp_op_index .additional_content > hr:first-of-type,
body.pkp_op_index .additional_content > hr:first-of-type,
.page_index_journal .additional_content > hr:first-of-type,
.page_index_site .additional_content > hr:first-of-type,
.pkp_structure_main .additional_content > hr:first-of-type,
.pkp_structure_main .additional_content:has(.jleti-homepage) > hr:first-of-type {
  display: none !important;
  border: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Make sure the homepage itself begins cleanly. */
.pkp_structure_main .additional_content .jleti-homepage,
.additional_content .jleti-homepage,
.jleti-homepage {
  border-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.pkp_structure_main .additional_content .jleti-homepage::before,
.additional_content .jleti-homepage::before,
.jleti-homepage::before {
  content: none !important;
  display: none !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* =========================================================
   50. JLETI Writing Competition Hero — Balanced Deadline Card
   Complete final update for the Writing Competition page.
   ========================================================= */

.jleti-writing-competition-page .jleti-writing-hero-balanced {
  background:
    radial-gradient(circle at top right, rgba(158, 216, 245, 0.36), transparent 18rem),
    linear-gradient(180deg, var(--jleti-wc-white, #FFFFFF), var(--jleti-wc-ivory, #FAF7F0)) !important;
  border: 1px solid var(--jleti-wc-border, rgba(82, 97, 107, 0.20)) !important;
  border-top: 14px solid var(--jleti-wc-navy, #0B1F3A) !important;
  border-radius: var(--jleti-wc-radius-lg, 22px) !important;
  box-shadow: 0 16px 44px rgba(6, 21, 39, 0.10) !important;
  margin: 0 0 2rem 0 !important;
  overflow: hidden !important;
  padding: clamp(2rem, 4.5vw, 3.75rem) clamp(1.5rem, 5vw, 4rem) !important;
  position: relative !important;
}

.jleti-writing-competition-page .jleti-writing-hero-balanced::before {
  background: var(--jleti-wc-burgundy, #7A2230) !important;
  content: "" !important;
  display: block !important;
  height: 3px !important;
  margin: 0 0 1rem 0 !important;
  width: 150px !important;
}

.jleti-writing-competition-page .jleti-writing-hero-balanced::after {
  background: linear-gradient(90deg, var(--jleti-wc-burgundy, #7A2230), var(--jleti-wc-blue, #5BA7D8), transparent) !important;
  bottom: 0 !important;
  content: "" !important;
  height: 4px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
}

.jleti-writing-competition-page .jleti-hero-main-grid {
  align-items: start !important;
  display: grid !important;
  gap: clamp(1.25rem, 3vw, 2.65rem) !important;
  grid-template-columns: minmax(0, 1fr) minmax(310px, 390px) !important;
  position: relative !important;
  z-index: 1 !important;
}

.jleti-writing-competition-page .jleti-hero-copy {
  min-width: 0 !important;
}

.jleti-writing-competition-page .jleti-writing-hero-balanced .jleti-page-kicker {
  color: var(--jleti-wc-burgundy, #7A2230) !important;
  font-family: var(--jleti-wc-mono, "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  line-height: 1.25 !important;
  margin: 0 0 0.65rem 0 !important;
  max-width: none !important;
  text-transform: uppercase !important;
}

.jleti-writing-competition-page .jleti-writing-hero-balanced h1 {
  color: var(--jleti-wc-navy, #0B1F3A) !important;
  font-family: var(--jleti-wc-serif, "Cormorant Garamond", Georgia, Cambria, "Times New Roman", serif) !important;
  font-size: clamp(2.55rem, 4.85vw, 4.65rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 0.96 !important;
  margin: 0 0 1rem 0 !important;
  max-width: 780px !important;
}

.jleti-writing-competition-page .jleti-writing-hero-balanced .jleti-hero-subtitle {
  color: var(--jleti-wc-slate-dark, #36434B) !important;
  font-family: var(--jleti-wc-sans, "Source Sans 3", system-ui, sans-serif) !important;
  font-size: clamp(1.04rem, 1.45vw, 1.18rem) !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  max-width: 875px !important;
}

.jleti-writing-competition-page .jleti-writing-hero-balanced .jleti-hero-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.9rem !important;
  margin: 1.75rem 0 0 0 !important;
}

.jleti-writing-competition-page .jleti-writing-hero-balanced a.jleti-page-button,
.jleti-writing-competition-page .jleti-writing-hero-balanced .jleti-page-button {
  align-items: center !important;
  background: var(--jleti-wc-blue, #5BA7D8) !important;
  border: 2px solid var(--jleti-wc-blue, #5BA7D8) !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 28px rgba(31, 111, 168, 0.20) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-family: var(--jleti-wc-ui, Inter, system-ui, sans-serif) !important;
  font-size: 0.94rem !important;
  font-weight: 850 !important;
  justify-content: center !important;
  letter-spacing: 0.06em !important;
  line-height: 1.1 !important;
  min-height: 3.35rem !important;
  min-width: 0 !important;
  padding: 0.95rem 1.35rem !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.jleti-writing-competition-page .jleti-writing-hero-balanced a.jleti-page-button:hover,
.jleti-writing-competition-page .jleti-writing-hero-balanced a.jleti-page-button:focus,
.jleti-writing-competition-page .jleti-writing-hero-balanced .jleti-page-button:hover,
.jleti-writing-competition-page .jleti-writing-hero-balanced .jleti-page-button:focus {
  background: var(--jleti-wc-blue-dark, #3F8AC0) !important;
  border-color: var(--jleti-wc-blue-dark, #3F8AC0) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

.jleti-writing-competition-page .jleti-writing-hero-balanced a.jleti-page-button-secondary,
.jleti-writing-competition-page .jleti-writing-hero-balanced .jleti-page-button-secondary {
  background: transparent !important;
  border-color: var(--jleti-wc-navy, #0B1F3A) !important;
  box-shadow: none !important;
  color: var(--jleti-wc-navy, #0B1F3A) !important;
}

.jleti-writing-competition-page .jleti-writing-hero-balanced a.jleti-page-button-secondary:hover,
.jleti-writing-competition-page .jleti-writing-hero-balanced a.jleti-page-button-secondary:focus,
.jleti-writing-competition-page .jleti-writing-hero-balanced .jleti-page-button-secondary:hover,
.jleti-writing-competition-page .jleti-writing-hero-balanced .jleti-page-button-secondary:focus {
  background: var(--jleti-wc-navy, #0B1F3A) !important;
  border-color: var(--jleti-wc-navy, #0B1F3A) !important;
  color: #ffffff !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-card {
  align-items: center !important;
  align-self: start !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(122, 34, 48, 0.22) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 32px rgba(6, 21, 39, 0.08) !important;
  display: grid !important;
  grid-template-columns: 8px auto 1fr !important;
  margin-top: 0.15rem !important;
  min-height: 7.35rem !important;
  overflow: hidden !important;
  width: 100% !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-rule {
  align-self: stretch !important;
  background: linear-gradient(180deg, var(--jleti-wc-burgundy, #7A2230), #982D40) !important;
  display: block !important;
  height: 100% !important;
  width: 8px !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-icon {
  align-items: center !important;
  color: var(--jleti-wc-burgundy, #7A2230) !important;
  display: inline-flex !important;
  height: 3.1rem !important;
  justify-content: center !important;
  margin: 0 1.15rem 0 1.15rem !important;
  width: 3.1rem !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-icon svg {
  display: block !important;
  height: 2.25rem !important;
  width: 2.25rem !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-icon svg path {
  fill: none !important;
  stroke: var(--jleti-wc-burgundy, #7A2230) !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 2.2 !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-text {
  display: block !important;
  min-width: 0 !important;
  padding: 1rem 1.15rem 1rem 0 !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-label,
.jleti-writing-competition-page .jleti-deadline-corner-date,
.jleti-writing-competition-page .jleti-deadline-corner-time {
  display: block !important;
  font-style: normal !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-label {
  color: var(--jleti-wc-burgundy, #7A2230) !important;
  font-family: var(--jleti-wc-ui, Inter, system-ui, sans-serif) !important;
  font-size: 0.9rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.15em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-date {
  color: var(--jleti-wc-navy, #0B1F3A) !important;
  font-family: var(--jleti-wc-sans, "Source Sans 3", system-ui, sans-serif) !important;
  font-size: clamp(1.55rem, 2vw, 1.9rem) !important;
  font-weight: 850 !important;
  letter-spacing: -0.045em !important;
  line-height: 1.02 !important;
  margin-top: 0.35rem !important;
  white-space: nowrap !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-time {
  color: rgba(54, 67, 75, 0.72) !important;
  font-family: var(--jleti-wc-ui, Inter, system-ui, sans-serif) !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.15 !important;
  margin-top: 0.28rem !important;
  white-space: nowrap !important;
}

.jleti-writing-competition-page .jleti-submit-note-balanced {
  align-items: center !important;
  background: rgba(31, 111, 168, 0.08) !important;
  border: 1px solid rgba(31, 111, 168, 0.18) !important;
  border-left: 6px solid var(--jleti-wc-blue, #5BA7D8) !important;
  border-radius: 9px !important;
  color: var(--jleti-wc-slate-dark, #36434B) !important;
  display: flex !important;
  gap: 0.95rem !important;
  margin: 1.75rem 0 0 0 !important;
  max-width: 100% !important;
  padding: 1rem 1.15rem !important;
  position: relative !important;
  width: 100% !important;
  z-index: 1 !important;
}

.jleti-writing-competition-page .jleti-submit-note-balanced .jleti-submit-note-icon {
  align-items: center !important;
  border: 2px solid var(--jleti-wc-blue, #5BA7D8) !important;
  border-radius: 50% !important;
  color: var(--jleti-wc-blue, #5BA7D8) !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-family: Georgia, serif !important;
  font-size: 1rem !important;
  font-style: italic !important;
  font-weight: 800 !important;
  height: 1.55rem !important;
  justify-content: center !important;
  line-height: 1 !important;
  width: 1.55rem !important;
}

.jleti-writing-competition-page .jleti-submit-note-balanced .jleti-submit-note-text {
  color: var(--jleti-wc-slate-dark, #36434B) !important;
  display: inline !important;
  flex: 1 1 auto !important;
  font-family: var(--jleti-wc-sans, "Source Sans 3", system-ui, sans-serif) !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
}

.jleti-writing-competition-page .jleti-submit-note-balanced strong {
  color: var(--jleti-wc-navy, #0B1F3A) !important;
  font-weight: 850 !important;
  white-space: normal !important;
}

@media (max-width: 1080px) {
  .jleti-writing-competition-page .jleti-hero-main-grid {
    grid-template-columns: minmax(0, 1fr) minmax(285px, 350px) !important;
    gap: 1.6rem !important;
  }

  .jleti-writing-competition-page .jleti-writing-hero-balanced h1 {
    font-size: clamp(2.4rem, 5vw, 4rem) !important;
    max-width: 720px !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-card {
    grid-template-columns: 7px auto 1fr !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-icon {
    margin-left: 0.95rem !important;
    margin-right: 0.85rem !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-label {
    font-size: 0.8rem !important;
    letter-spacing: 0.13em !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-date {
    font-size: 1.45rem !important;
  }
}

@media (max-width: 900px) {
  .jleti-writing-competition-page .jleti-hero-main-grid {
    grid-template-columns: 1fr !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-card {
    max-width: 620px !important;
    min-height: 6.6rem !important;
    order: 2 !important;
  }

  .jleti-writing-competition-page .jleti-hero-copy {
    order: 1 !important;
  }

  .jleti-writing-competition-page .jleti-submit-note-balanced {
    margin-top: 1.35rem !important;
  }
}

@media (max-width: 720px) {
  .jleti-writing-competition-page .jleti-writing-hero-balanced {
    padding: 1.35rem !important;
  }

  .jleti-writing-competition-page .jleti-writing-hero-balanced h1 {
    font-size: clamp(2rem, 12vw, 3rem) !important;
    max-width: 100% !important;
  }

  .jleti-writing-competition-page .jleti-writing-hero-balanced .jleti-hero-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .jleti-writing-competition-page .jleti-writing-hero-balanced a.jleti-page-button,
  .jleti-writing-competition-page .jleti-writing-hero-balanced .jleti-page-button {
    width: 100% !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-card {
    grid-template-columns: 7px 2.8rem 1fr !important;
    width: 100% !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-icon {
    height: 2.8rem !important;
    margin: 0 0.8rem !important;
    width: 2.8rem !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-date,
  .jleti-writing-competition-page .jleti-deadline-corner-time {
    white-space: normal !important;
  }

  .jleti-writing-competition-page .jleti-submit-note-balanced {
    align-items: flex-start !important;
    gap: 0.75rem !important;
  }
}

@media (max-width: 460px) {
  .jleti-writing-competition-page .jleti-deadline-corner-card {
    grid-template-columns: 7px 1fr !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-icon {
    display: none !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-text {
    padding: 1rem !important;
  }
}

/* =========================================================
   51. JLETI Writing Competition Hero — Final Balance Fix
   Keeps the title on one line, moves the deadline into a
   clean top-right card, and removes the info icon from the
   registration note.
   ========================================================= */

.jleti-writing-competition-page .jleti-writing-hero-balanced {
  padding: clamp(2.05rem, 4.6vw, 3.9rem) clamp(1.5rem, 5vw, 4.1rem) clamp(2rem, 4vw, 3.2rem) !important;
  position: relative !important;
}

.jleti-writing-competition-page .jleti-hero-main-grid {
  display: block !important;
  max-width: none !important;
  position: relative !important;
  z-index: 2 !important;
}

.jleti-writing-competition-page .jleti-hero-copy {
  max-width: none !important;
  min-width: 0 !important;
  padding-right: min(430px, 37vw) !important;
}

.jleti-writing-competition-page .jleti-writing-hero-balanced h1 {
  font-size: clamp(2.75rem, 4.25vw, 4.25rem) !important;
  letter-spacing: -0.035em !important;
  line-height: 0.96 !important;
  margin-bottom: 1.05rem !important;
  max-width: none !important;
  white-space: nowrap !important;
}

.jleti-writing-competition-page .jleti-writing-hero-balanced .jleti-hero-subtitle {
  max-width: 900px !important;
}

.jleti-writing-competition-page .jleti-writing-hero-balanced .jleti-hero-actions {
  margin-top: 1.75rem !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-card {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid rgba(122, 34, 48, 0.22) !important;
  border-left: 7px solid var(--jleti-wc-burgundy, #7A2230) !important;
  border-radius: 13px !important;
  box-shadow: 0 14px 36px rgba(6, 21, 39, 0.075) !important;
  box-sizing: border-box !important;
  display: flex !important;
  gap: 1rem !important;
  grid-template-columns: none !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 1.05rem 1.15rem !important;
  position: absolute !important;
  right: clamp(1.5rem, 5vw, 4.1rem) !important;
  top: clamp(4.2rem, 5vw, 5.35rem) !important;
  width: min(390px, 34%) !important;
  z-index: 3 !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-rule {
  display: none !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-icon {
  align-items: center !important;
  color: var(--jleti-wc-burgundy, #7A2230) !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  height: 2.65rem !important;
  justify-content: center !important;
  margin: 0 !important;
  width: 2.65rem !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-icon svg {
  display: block !important;
  height: 2.15rem !important;
  width: 2.15rem !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-icon svg path {
  fill: none !important;
  stroke: var(--jleti-wc-burgundy, #7A2230) !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 2.2 !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-text {
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-label,
.jleti-writing-competition-page .jleti-deadline-corner-date,
.jleti-writing-competition-page .jleti-deadline-corner-time {
  display: block !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-label {
  color: var(--jleti-wc-burgundy, #7A2230) !important;
  font-family: var(--jleti-wc-ui, Inter, system-ui, sans-serif) !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-date {
  color: var(--jleti-wc-navy, #0B1F3A) !important;
  font-family: var(--jleti-wc-sans, "Source Sans 3", system-ui, sans-serif) !important;
  font-size: clamp(1.35rem, 2vw, 1.75rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.02 !important;
  margin-top: 0.28rem !important;
  white-space: nowrap !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-time {
  display: none !important;
}

.jleti-writing-competition-page .jleti-submit-note-balanced {
  align-items: center !important;
  background: rgba(31, 111, 168, 0.08) !important;
  border: 1px solid rgba(31, 111, 168, 0.18) !important;
  border-left: 6px solid var(--jleti-wc-blue, #5BA7D8) !important;
  border-radius: 9px !important;
  box-sizing: border-box !important;
  color: var(--jleti-wc-slate-dark, #36434B) !important;
  display: block !important;
  font-family: var(--jleti-wc-sans, "Source Sans 3", system-ui, sans-serif) !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
  margin: 1.65rem 0 0 0 !important;
  max-width: 100% !important;
  padding: 1rem 1.25rem 1rem 1.45rem !important;
  position: relative !important;
  width: 100% !important;
  z-index: 2 !important;
}

.jleti-writing-competition-page .jleti-submit-note-balanced .jleti-submit-note-icon {
  display: none !important;
}

.jleti-writing-competition-page .jleti-submit-note-balanced .jleti-submit-note-text {
  color: inherit !important;
  display: inline !important;
  font: inherit !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
}

.jleti-writing-competition-page .jleti-submit-note-balanced strong {
  color: var(--jleti-wc-navy, #0B1F3A) !important;
  font-weight: 850 !important;
}

@media (max-width: 1180px) {
  .jleti-writing-competition-page .jleti-hero-copy {
    padding-right: min(395px, 36vw) !important;
  }

  .jleti-writing-competition-page .jleti-writing-hero-balanced h1 {
    font-size: clamp(2.55rem, 4vw, 3.8rem) !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-card {
    width: min(360px, 34%) !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-label {
    font-size: 0.78rem !important;
    letter-spacing: 0.12em !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-date {
    font-size: clamp(1.25rem, 1.75vw, 1.55rem) !important;
  }
}

@media (max-width: 980px) {
  .jleti-writing-competition-page .jleti-hero-copy {
    padding-right: 0 !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-card {
    margin: 1.4rem 0 0 0 !important;
    max-width: 520px !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
  }

  .jleti-writing-competition-page .jleti-writing-hero-balanced h1 {
    white-space: normal !important;
  }
}

@media (max-width: 720px) {
  .jleti-writing-competition-page .jleti-writing-hero-balanced {
    padding: 1.35rem !important;
  }

  .jleti-writing-competition-page .jleti-writing-hero-balanced h1 {
    font-size: clamp(2.1rem, 11vw, 3rem) !important;
  }

  .jleti-writing-competition-page .jleti-writing-hero-balanced .jleti-hero-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .jleti-writing-competition-page .jleti-writing-hero-balanced a.jleti-page-button,
  .jleti-writing-competition-page .jleti-writing-hero-balanced .jleti-page-button {
    width: 100% !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-card {
    gap: 0.85rem !important;
    padding: 1rem !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-label,
  .jleti-writing-competition-page .jleti-deadline-corner-date {
    white-space: normal !important;
  }
}

/* =========================================================
   52. JLETI Writing Competition Hero — Clean SVG Calendar Icon
   Uses a styled inline SVG icon instead of a pasted image.
   ========================================================= */

.jleti-writing-competition-page .jleti-deadline-corner-card {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(122, 34, 48, 0.22) !important;
  border-left: 0 !important;
  border-radius: 15px !important;
  box-shadow: 0 14px 34px rgba(6, 21, 39, 0.055) !important;
  display: flex !important;
  gap: 1rem !important;
  min-height: 0 !important;
  padding: 1rem 1.2rem !important;
  width: min(400px, 34%) !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-icon {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--jleti-wc-burgundy, #7A2230) !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  height: 2.7rem !important;
  justify-content: center !important;
  margin: 0 !important;
  opacity: 0.95 !important;
  width: 2.7rem !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-icon img,
.jleti-writing-competition-page .jleti-deadline-corner-icon-image {
  display: none !important;
}

.jleti-writing-competition-page .jleti-deadline-calendar-svg {
  display: block !important;
  height: 2.25rem !important;
  overflow: visible !important;
  width: 2.25rem !important;
}

.jleti-writing-competition-page .jleti-deadline-calendar-svg rect,
.jleti-writing-competition-page .jleti-deadline-calendar-svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 1.9 !important;
  vector-effect: non-scaling-stroke !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-text {
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-label {
  color: var(--jleti-wc-burgundy, #7A2230) !important;
  font-family: var(--jleti-wc-ui, Inter, system-ui, sans-serif) !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.13em !important;
  line-height: 1.08 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-date {
  color: var(--jleti-wc-navy, #0B1F3A) !important;
  font-family: var(--jleti-wc-sans, "Source Sans 3", system-ui, sans-serif) !important;
  font-size: clamp(1.3rem, 1.95vw, 1.72rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.02 !important;
  margin: 0.28rem 0 0 0 !important;
  white-space: nowrap !important;
}

@media (max-width: 1180px) {
  .jleti-writing-competition-page .jleti-deadline-corner-card {
    width: min(365px, 35%) !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-label {
    font-size: 0.76rem !important;
    letter-spacing: 0.11em !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-date {
    font-size: clamp(1.18rem, 1.7vw, 1.5rem) !important;
  }
}

@media (max-width: 980px) {
  .jleti-writing-competition-page .jleti-deadline-corner-card {
    margin: 1.35rem 0 0 0 !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    width: min(430px, 100%) !important;
  }
}

@media (max-width: 720px) {
  .jleti-writing-competition-page .jleti-deadline-corner-card {
    gap: 0.9rem !important;
    padding: 0.95rem 1rem !important;
    width: 100% !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-label,
  .jleti-writing-competition-page .jleti-deadline-corner-date {
    white-space: normal !important;
  }
}

/* =========================================================
   53. JLETI Writing Competition Hero — Pure CSS Calendar Icon
   This version does not use pasted images or inline SVG, so the
   calendar icon will render cleanly inside OJS.
   ========================================================= */

.jleti-writing-competition-page .jleti-deadline-corner-card {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(122, 34, 48, 0.22) !important;
  border-left: 0 !important;
  border-radius: 15px !important;
  box-shadow: 0 14px 34px rgba(6, 21, 39, 0.055) !important;
  display: flex !important;
  gap: 1.05rem !important;
  min-height: 0 !important;
  padding: 1rem 1.25rem !important;
  width: min(425px, 36%) !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-icon {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--jleti-wc-burgundy, #7A2230) !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  height: 2.75rem !important;
  margin: 0 !important;
  opacity: 0.98 !important;
  position: relative !important;
  width: 2.75rem !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-icon img,
.jleti-writing-competition-page .jleti-deadline-corner-icon svg,
.jleti-writing-competition-page .jleti-deadline-corner-icon-image,
.jleti-writing-competition-page .jleti-deadline-calendar-svg {
  display: none !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-icon::before {
  background:
    linear-gradient(currentColor, currentColor) left 30% top 31% / 100% 2px no-repeat,
    radial-gradient(circle at 31% 65%, currentColor 0 2px, transparent 2.4px),
    radial-gradient(circle at 50% 65%, currentColor 0 2px, transparent 2.4px),
    radial-gradient(circle at 69% 65%, currentColor 0 2px, transparent 2.4px),
    radial-gradient(circle at 31% 82%, currentColor 0 2px, transparent 2.4px),
    radial-gradient(circle at 50% 82%, currentColor 0 2px, transparent 2.4px),
    radial-gradient(circle at 69% 82%, currentColor 0 2px, transparent 2.4px);
  border: 3px solid currentColor !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  content: "" !important;
  height: 2.15rem !important;
  left: 0.3rem !important;
  position: absolute !important;
  top: 0.4rem !important;
  width: 2.15rem !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-icon::after {
  background: currentColor !important;
  border-radius: 999px !important;
  box-shadow: 1.08rem 0 0 currentColor !important;
  content: "" !important;
  height: 0.62rem !important;
  left: 0.75rem !important;
  position: absolute !important;
  top: 0.08rem !important;
  width: 0.32rem !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-text {
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-label {
  color: var(--jleti-wc-burgundy, #7A2230) !important;
  font-family: var(--jleti-wc-ui, Inter, system-ui, sans-serif) !important;
  font-size: 0.84rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.13em !important;
  line-height: 1.08 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-date {
  color: var(--jleti-wc-navy, #0B1F3A) !important;
  font-family: var(--jleti-wc-sans, "Source Sans 3", system-ui, sans-serif) !important;
  font-size: clamp(1.32rem, 1.95vw, 1.72rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.02 !important;
  margin: 0.28rem 0 0 0 !important;
  white-space: nowrap !important;
}

@media (max-width: 1180px) {
  .jleti-writing-competition-page .jleti-deadline-corner-card {
    width: min(390px, 37%) !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-label {
    font-size: 0.76rem !important;
    letter-spacing: 0.11em !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-date {
    font-size: clamp(1.18rem, 1.7vw, 1.5rem) !important;
  }
}

@media (max-width: 980px) {
  .jleti-writing-competition-page .jleti-deadline-corner-card {
    margin: 1.35rem 0 0 0 !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    width: min(450px, 100%) !important;
  }
}

@media (max-width: 720px) {
  .jleti-writing-competition-page .jleti-deadline-corner-card {
    gap: 0.9rem !important;
    padding: 0.95rem 1rem !important;
    width: 100% !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-label,
  .jleti-writing-competition-page .jleti-deadline-corner-date {
    white-space: normal !important;
  }
}

/* =========================================================
   54. JLETI Writing Competition Hero — Centered Deadline Card
   Final version without icon. Centers the deadline text and
   restores a complete border around the whole card.
   ========================================================= */

.jleti-writing-competition-page .jleti-deadline-corner-card {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.93) !important;
  border: 2px solid rgba(122, 34, 48, 0.22) !important;
  border-left: 2px solid rgba(122, 34, 48, 0.22) !important;
  border-radius: 15px !important;
  box-shadow: 0 14px 34px rgba(6, 21, 39, 0.055) !important;
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: center !important;
  min-height: 0 !important;
  padding: 1.05rem 1.35rem !important;
  text-align: center !important;
  width: min(425px, 36%) !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-icon,
.jleti-writing-competition-page .jleti-deadline-corner-icon::before,
.jleti-writing-competition-page .jleti-deadline-corner-icon::after,
.jleti-writing-competition-page .jleti-deadline-corner-icon img,
.jleti-writing-competition-page .jleti-deadline-corner-icon svg,
.jleti-writing-competition-page .jleti-deadline-corner-icon-image,
.jleti-writing-competition-page .jleti-deadline-calendar-svg {
  display: none !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-text {
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  width: 100% !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-label {
  color: var(--jleti-wc-burgundy, #7A2230) !important;
  display: block !important;
  font-family: var(--jleti-wc-ui, Inter, system-ui, sans-serif) !important;
  font-size: 0.88rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.135em !important;
  line-height: 1.08 !important;
  margin: 0 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-date {
  color: var(--jleti-wc-navy, #0B1F3A) !important;
  display: block !important;
  font-family: var(--jleti-wc-sans, "Source Sans 3", system-ui, sans-serif) !important;
  font-size: clamp(1.28rem, 1.9vw, 1.65rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.02 !important;
  margin: 0.32rem 0 0 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

@media (max-width: 1180px) {
  .jleti-writing-competition-page .jleti-deadline-corner-card {
    width: min(390px, 37%) !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-label {
    font-size: 0.8rem !important;
    letter-spacing: 0.115em !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-date {
    font-size: clamp(1.16rem, 1.7vw, 1.48rem) !important;
  }
}

@media (max-width: 980px) {
  .jleti-writing-competition-page .jleti-deadline-corner-card {
    margin: 1.35rem 0 0 0 !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    width: min(450px, 100%) !important;
  }
}

@media (max-width: 720px) {
  .jleti-writing-competition-page .jleti-deadline-corner-card {
    padding: 0.95rem 1rem !important;
    width: 100% !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-label,
  .jleti-writing-competition-page .jleti-deadline-corner-date {
    white-space: normal !important;
  }
}

/* =========================================================
   55. JLETI Writing Competition Hero — Burgundy Deadline Card
   Grid-aligned (not floating), bold burgundy header band with
   centered label, white body with centered date. Box sized to
   its content.
   ========================================================= */

.jleti-writing-competition-page .jleti-writing-hero-balanced {
  padding:
    clamp(2rem, 4.25vw, 3.4rem)
    clamp(1.5rem, 5vw, 4rem)
    clamp(1.9rem, 3.5vw, 2.7rem) !important;
}

.jleti-writing-competition-page .jleti-hero-main-grid {
  align-items: start !important;
  display: grid !important;
  gap: clamp(1.25rem, 3vw, 2.4rem) !important;
  grid-template-columns: minmax(0, 1fr) clamp(300px, 30%, 360px) !important;
}

.jleti-writing-competition-page .jleti-hero-copy {
  padding-right: 0 !important;
}

.jleti-writing-competition-page .jleti-writing-hero-balanced h1 {
  font-size: clamp(2.5rem, 4vw, 4rem) !important;
  max-width: none !important;
  white-space: normal !important;
}

.jleti-writing-competition-page .jleti-writing-hero-balanced .jleti-hero-subtitle {
  max-width: 640px !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-card {
  align-items: stretch !important;
  align-self: start !important;
  background: var(--jleti-wc-white, #FFFFFF) !important;
  border: 1px solid rgba(122, 34, 48, 0.18) !important;
  border-left: 1px solid rgba(122, 34, 48, 0.18) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 34px rgba(6, 21, 39, 0.10) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  justify-self: end !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: static !important;
  right: auto !important;
  text-align: center !important;
  top: auto !important;
  width: fit-content !important;
  z-index: auto !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-head {
  align-items: center !important;
  background: linear-gradient(135deg, var(--jleti-wc-burgundy, #7A2230), #982D40) !important;
  display: flex !important;
  gap: 0 !important;
  justify-content: center !important;
  padding: 0.85rem 1.75rem !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-icon,
.jleti-writing-competition-page .jleti-deadline-corner-icon::before,
.jleti-writing-competition-page .jleti-deadline-corner-icon::after,
.jleti-writing-competition-page .jleti-deadline-corner-icon img,
.jleti-writing-competition-page .jleti-deadline-corner-icon svg {
  display: none !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-label {
  color: #ffffff !important;
  display: block !important;
  font-family: var(--jleti-wc-ui, Inter, system-ui, sans-serif) !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.15em !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-text {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  min-height: 3rem !important;
  min-width: 0 !important;
  padding: 0.1rem 1.75rem 0.6rem 1.75rem !important;
  text-align: center !important;
  width: auto !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-date {
  color: var(--jleti-wc-navy, #0B1F3A) !important;
  display: block !important;
  font-family: var(--jleti-wc-serif, "Cormorant Garamond", Georgia, Cambria, "Times New Roman", serif) !important;
  font-size: clamp(1.7rem, 2.1vw, 2.05rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1 !important;
  margin: -0.32em 0 0 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.jleti-writing-competition-page .jleti-deadline-corner-time {
  display: none !important;
}

.jleti-writing-competition-page .jleti-submit-note-balanced {
  align-items: center !important;
  display: flex !important;
  gap: 0.85rem !important;
  margin-top: 1.6rem !important;
  max-width: 100% !important;
}

.jleti-writing-competition-page .jleti-submit-note-balanced .jleti-submit-note-icon {
  align-items: center !important;
  border: 2px solid var(--jleti-wc-blue, #5BA7D8) !important;
  border-radius: 50% !important;
  color: var(--jleti-wc-blue, #5BA7D8) !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-family: Georgia, serif !important;
  font-size: 0.95rem !important;
  font-style: italic !important;
  font-weight: 800 !important;
  height: 1.55rem !important;
  justify-content: center !important;
  line-height: 1 !important;
  width: 1.55rem !important;
}

.jleti-writing-competition-page .jleti-submit-note-balanced .jleti-submit-note-text {
  display: inline !important;
  flex: 1 1 auto !important;
}

@media (max-width: 980px) {
  .jleti-writing-competition-page .jleti-hero-main-grid {
    grid-template-columns: 1fr !important;
  }

  .jleti-writing-competition-page .jleti-hero-copy {
    order: 1 !important;
    padding-right: 0 !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-card {
    justify-self: start !important;
    margin: 1.3rem 0 0 0 !important;
    order: 2 !important;
    width: fit-content !important;
  }

  .jleti-writing-competition-page .jleti-writing-hero-balanced h1 {
    white-space: normal !important;
  }
}

@media (max-width: 720px) {
  .jleti-writing-competition-page .jleti-writing-hero-balanced {
    padding: 1.35rem !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-card {
    width: 100% !important;
  }

  .jleti-writing-competition-page .jleti-deadline-corner-date {
    white-space: normal !important;
  }

  .jleti-writing-competition-page .jleti-submit-note-balanced {
    align-items: flex-start !important;
  }
}


/* =========================================================
   56. JLETI Writing Competition — Condensed body sections
   Boxed "About" subheads, compact two-column lists, and a
   compact numbered "How to Submit". Scoped to beat the
   generic .jleti-page-section p / h3 rules.
   ========================================================= */

.jleti-writing-competition-page .jleti-page-section .jleti-subhead {
  color: var(--jleti-wc-burgundy) !important;
  font-family: var(--jleti-wc-ui, Inter, system-ui, sans-serif) !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  line-height: 1.2 !important;
  margin: 1.5rem 0 0.55rem 0 !important;
  max-width: none !important;
  text-transform: uppercase !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-length-tag {
  align-items: center !important;
  background: var(--jleti-wc-ivory, #FAF7F0) !important;
  border: 1px solid rgba(122, 34, 48, 0.18) !important;
  border-radius: 8px !important;
  color: var(--jleti-wc-slate-dark, #36434B) !important;
  display: inline-flex !important;
  font-size: 0.95rem !important;
  gap: 9px !important;
  line-height: 1.4 !important;
  margin: 0.35rem 0 1.1rem 0 !important;
  max-width: 100% !important;
  padding: 10px 14px !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-length-tag strong {
  color: var(--jleti-wc-navy, #0B1F3A) !important;
  font-weight: 800 !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-compact-list {
  display: grid !important;
  gap: 0 2.25rem !important;
  grid-template-columns: 1fr 1fr !important;
  list-style: none !important;
  margin: 0.6rem 0 0 0 !important;
  padding: 0 !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-compact-list li {
  border-bottom: 1px solid rgba(82, 97, 107, 0.12) !important;
  color: var(--jleti-wc-slate-dark, #36434B) !important;
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0.5rem 0 0.5rem 1.65rem !important;
  position: relative !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-compact-list li::before {
  background: var(--jleti-wc-blue, #5BA7D8) !important;
  border-radius: 50% !important;
  content: "" !important;
  height: 8px !important;
  left: 0 !important;
  position: absolute !important;
  top: 0.72rem !important;
  width: 8px !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-compact-list strong {
  color: var(--jleti-wc-navy, #0B1F3A) !important;
  font-weight: 800 !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-fineprint li {
  color: rgba(54, 67, 75, 0.85) !important;
  font-size: 0.88rem !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-fineprint li::before {
  background: var(--jleti-wc-burgundy, #7A2230) !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-compact-steps {
  counter-reset: jstep !important;
  list-style: none !important;
  margin: 0.6rem 0 0 0 !important;
  padding: 0 !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-compact-steps li {
  border-bottom: 1px solid rgba(82, 97, 107, 0.12) !important;
  color: var(--jleti-wc-slate-dark, #36434B) !important;
  counter-increment: jstep !important;
  font-size: 0.97rem !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0.65rem 0 0.65rem 2.5rem !important;
  position: relative !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-compact-steps li::before {
  align-items: center !important;
  background: var(--jleti-wc-burgundy, #7A2230) !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  content: counter(jstep) !important;
  display: flex !important;
  font-family: var(--jleti-wc-ui, Inter, system-ui, sans-serif) !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  height: 1.6rem !important;
  justify-content: center !important;
  left: 0 !important;
  position: absolute !important;
  top: 0.55rem !important;
  width: 1.6rem !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-compact-steps strong {
  color: var(--jleti-wc-navy, #0B1F3A) !important;
  font-weight: 800 !important;
}

@media (max-width: 720px) {
  .jleti-writing-competition-page .jleti-page-section .jleti-compact-list {
    gap: 0 !important;
    grid-template-columns: 1fr !important;
  }
}

.jleti-writing-competition-page .jleti-page-section .jleti-note {
  max-width: 100% !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-box-list {
  list-style: none !important;
  margin: 0.4rem 0 0.95rem 0 !important;
  padding: 0 !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-box-list li {
  color: var(--jleti-wc-slate-dark, #36434B) !important;
  font-size: 0.98rem !important;
  line-height: 1.55 !important;
  margin: 0 0 0.4rem 0 !important;
  max-width: 980px !important;
  padding: 0 0 0 1.4rem !important;
  position: relative !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-box-list li::before {
  background: var(--jleti-wc-blue, #5BA7D8) !important;
  border-radius: 50% !important;
  content: "" !important;
  height: 7px !important;
  left: 0 !important;
  position: absolute !important;
  top: 0.62rem !important;
  width: 7px !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-box-list strong {
  color: var(--jleti-wc-navy, #0B1F3A) !important;
  font-weight: 800 !important;
}


/* 57. Larger body text + full width */
.jleti-writing-competition-page .jleti-page-section p {
  font-size: 1.08rem !important;
  line-height: 1.7 !important;
  max-width: 100% !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-box-list li {
  font-size: 1.05rem !important;
  line-height: 1.62 !important;
  max-width: 100% !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-compact-steps li {
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-subhead {
  font-size: 0.86rem !important;
}

.jleti-writing-competition-page .jleti-page-section .jleti-note {
  font-size: 1.05rem !important;
  line-height: 1.65 !important;
}
/* ============================================================
   AI Scholarship Lab — appended styles (scoped under .ailab).
   Reuses your existing --jleti-* variables. Touches nothing global.
   ============================================================ */

.ailab{
  --ail-blue:#5BA7D8;
  --ail-blue-dark:#2F6FAD;
  --ail-border:#E7E0D2;
  --ail-border-soft:#EEE6D8;
  font-family:var(--jleti-sans);
  color:var(--jleti-navy);
  line-height:1.6;
}
.ailab *{box-sizing:border-box;}
.ailab a{color:inherit;text-decoration:none;}

/* helpers */
.ailab .ail-eyebrow{font-family:var(--jleti-mono);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;font-size:13px;color:var(--jleti-burgundy);margin:0 0 12px;}
.ailab .ail-h2{display:inline-block;font-family:var(--jleti-serif)!important;font-size:34px!important;font-weight:700!important;color:var(--jleti-navy)!important;line-height:1.12!important;margin:0 0 20px!important;padding-bottom:10px;border-bottom:3px solid var(--jleti-burgundy);}
.ailab .ail-lead{font-size:15px;line-height:1.65;color:var(--jleti-slate-dark);margin:0 0 16px;max-width:none;}
.ailab .ail-body{font-size:15px;line-height:1.7;color:var(--jleti-slate-dark);margin:0 0 14px;max-width:none;}

/* hero */
.ailab .ail-hero{background:var(--jleti-ivory);padding:44px 32px 36px;border-radius:var(--jleti-radius-md);}
.ailab .ail-hero-top{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:center;margin-bottom:34px;}
.ailab .ail-hero h1{font-family:var(--jleti-serif)!important;font-size:46px!important;line-height:1.05!important;font-weight:700!important;color:var(--jleti-burgundy)!important;margin:0 0 16px!important;}
.ailab .ail-intro{font-size:16px;line-height:1.6;color:var(--jleti-slate-dark);margin:0 0 22px;}
.ailab .ail-pills{display:flex;gap:9px;flex-wrap:nowrap;}
.ailab .ail-pill{font-family:var(--jleti-mono);font-weight:700;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--jleti-navy);background:var(--jleti-white);border:1px solid #D8CDBA;padding:7px 14px;border-radius:20px;}

/* submit box inside hero (right) — centered & balanced */
.ailab .ail-cta-hero{background:var(--jleti-navy);border-radius:var(--jleti-radius-md);padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.ailab .ail-cta-hero h2{font-family:var(--jleti-serif)!important;font-size:27px!important;font-weight:700!important;color:#ffffff!important;margin:0 0 12px!important;line-height:1.12;}
.ailab .ail-cta-hero p{font-size:14px;line-height:1.6;color:#C5CFDD;margin:0 0 20px;max-width:42ch;}
.ailab .ail-cta-hero .ail-btn{align-self:center;}

/* submit box (full-width band at the bottom) */
.ailab .ail-cta{margin:8px 0 0;background:var(--jleti-navy);border-radius:var(--jleti-radius-md);padding:30px 34px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;}
.ailab .ail-cta h2{font-family:var(--jleti-serif)!important;font-size:25px!important;font-weight:700!important;color:#ffffff!important;margin:0 0 8px!important;line-height:1.12;}
.ailab .ail-cta p{font-size:14px;line-height:1.6;color:#C5CFDD;margin:0;max-width:none;}

/* ways the lab publishes / grids */
.ailab .ail-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ailab .ail-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.ailab .ail-format{background:var(--jleti-white);border:0.5px solid var(--ail-border);border-top:3px solid var(--jleti-burgundy);border-radius:0 0 var(--jleti-radius-sm) var(--jleti-radius-sm);padding:18px;}
.ailab .ail-format.blue{border-top-color:var(--ail-blue-dark);}
.ailab .ail-format.navy{border-top-color:var(--jleti-navy);}
.ailab .ail-format h3{font-family:var(--jleti-serif)!important;font-size:21px!important;font-weight:700!important;color:var(--jleti-navy)!important;margin:9px 0 6px!important;}
.ailab .ail-format p{font-size:13px;line-height:1.55;color:var(--jleti-slate);margin:0;}
.ailab .ail-versioned{font-size:13px;color:var(--jleti-slate);line-height:1.6;margin:16px 0 0;font-style:italic;}

/* generic sections */
.ailab .ail-section{padding:30px 32px;}
.ailab .ail-section.ivory{background:var(--jleti-ivory);border-radius:var(--jleti-radius-md);}

/* inaugural announcement */
.ailab .ail-announce{margin:24px 0;background:var(--jleti-white);border:1px solid var(--ail-blue-dark);border-radius:var(--jleti-radius-md);box-shadow:var(--jleti-shadow-sm);display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px 24px;}
.ailab .ail-badge{width:52px;height:52px;border-radius:50%;background:rgba(91,167,216,0.16);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ailab .ail-tag{font-family:var(--jleti-mono);font-weight:700;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:#fff;background:var(--jleti-burgundy);padding:4px 10px;border-radius:5px;}
.ailab .ail-announce h3{font-family:var(--jleti-serif)!important;font-size:24px!important;font-weight:700!important;color:var(--jleti-navy)!important;margin:10px 0 5px!important;line-height:1.15;}
.ailab .ail-announce p{font-size:13px;line-height:1.5;color:var(--jleti-slate);margin:0;}

/* buttons (force white text over the theme) */
.ailab .ail-btn{font-family:var(--jleti-sans);font-size:13px;font-weight:700;letter-spacing:0.04em;padding:12px 24px;border-radius:var(--jleti-radius-sm);white-space:nowrap;display:inline-block;border:1.5px solid transparent;cursor:pointer;text-align:center;}
.ailab a.ail-btn-primary,.ailab .ail-btn-primary{background:var(--ail-blue-dark)!important;color:#ffffff!important;text-decoration:none!important;}
.ailab a.ail-btn-primary:hover,.ailab a.ail-btn-primary:focus{color:#ffffff!important;filter:brightness(1.08);}

/* "what we are looking for" panel */
.ailab .ail-panel{margin:24px 0;background:var(--jleti-ivory);border-left:4px solid var(--ail-blue-dark);border-radius:0 var(--jleti-radius-md) var(--jleti-radius-md) 0;padding:24px 28px;}
.ailab .ail-panel h3{font-family:var(--jleti-serif)!important;font-size:28px!important;font-weight:700!important;color:var(--jleti-navy)!important;margin:0 0 12px!important;line-height:1.15;}
.ailab .ail-panel p{font-size:14px;line-height:1.65;color:var(--jleti-slate-dark);margin:0 0 12px;}
.ailab .ail-panel p:last-child{margin-bottom:0;}

/* archive cards */
.ailab .ail-arc{background:var(--jleti-white);border:0.5px solid var(--ail-border);border-radius:var(--jleti-radius-md);padding:18px;}
.ailab .ail-arc h3{font-family:var(--jleti-serif)!important;font-size:19px!important;font-weight:700!important;color:var(--jleti-navy)!important;margin:8px 0 5px!important;}
.ailab .ail-arc p{font-size:12.5px;line-height:1.5;color:var(--jleti-slate);margin:0;}

/* examples */
.ailab .ail-examples{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;}
.ailab .ail-ex{display:flex;gap:12px;background:var(--jleti-white);border:0.5px solid var(--ail-border);border-radius:var(--jleti-radius-md);padding:16px;}
.ailab .ail-ex h3{font-family:var(--jleti-serif)!important;font-size:18px!important;font-weight:700!important;color:var(--jleti-navy)!important;margin:0 0 4px!important;}
.ailab .ail-ex p{font-size:12.5px;line-height:1.5;color:var(--jleti-slate);margin:0;}

/* submission requirements */
.ailab .ail-reqs{display:flex;flex-direction:column;}
.ailab .ail-req{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px 0;border-top:0.5px solid var(--ail-border-soft);}
.ailab .ail-req:last-child{border-bottom:0.5px solid var(--ail-border-soft);}
.ailab .ail-req b{font-weight:700;color:var(--jleti-navy);}
.ailab .ail-req span{color:var(--jleti-slate);}
.ailab .ail-note{background:rgba(91,167,216,0.12);border-left:4px solid var(--ail-blue-dark);border-radius:0 var(--jleti-radius-sm) var(--jleti-radius-sm) 0;padding:16px 18px;margin-top:18px;font-size:13.5px;line-height:1.6;color:var(--jleti-slate-dark);}
.ailab .ail-note b{color:var(--jleti-navy);font-weight:700;}

/* ICON BASE — pseudo-element boxes (images come from the icon rules below) */
.ailab .ail-format::before,.ailab .ail-arc::before{content:"";display:block;width:28px;height:28px;margin:0 0 10px;background-repeat:no-repeat;background-position:left center;background-size:contain;}
.ailab .ail-ex::before{content:"";flex:0 0 26px;width:26px;height:26px;margin-top:2px;background-repeat:no-repeat;background-position:center;background-size:contain;}
.ailab .ail-badge::before{content:"";width:28px;height:28px;background-repeat:no-repeat;background-position:center;background-size:contain;}
.ailab .ail-req::before{content:"";display:block;width:9px;height:9px;border-radius:50%;background:var(--ail-blue-dark);margin-top:8px;}

/* responsive */
@media (max-width:820px){
  .ailab .ail-hero-top,.ailab .ail-grid-3,.ailab .ail-grid-2,.ailab .ail-examples,.ailab .ail-announce,.ailab .ail-cta{grid-template-columns:1fr;}
  .ailab .ail-pills{flex-wrap:wrap;}
  .ailab .ail-hero h1{font-size:34px!important;}
}

/* icon images (baked into CSS so OJS cannot strip them) */
.ailab .ic-article::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A2230' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Cline x1='8' y1='9' x2='16' y2='9'/%3E%3Cline x1='8' y1='13' x2='16' y2='13'/%3E%3Cline x1='8' y1='17' x2='13' y2='17'/%3E%3C/svg%3E");}
.ailab .ic-versions::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F6FAD' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='4' width='12' height='16' rx='2'/%3E%3Cpath d='M6 7v10'/%3E%3Cpath d='M3 9v6'/%3E%3C/svg%3E");}
.ailab .ic-clipboard::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1F3A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4' width='12' height='17' rx='2'/%3E%3Cpath d='M9 4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2'/%3E%3Cline x1='9.5' y1='17' x2='9.5' y2='13'/%3E%3Cline x1='12' y1='17' x2='12' y2='11'/%3E%3Cline x1='14.5' y1='17' x2='14.5' y2='14'/%3E%3C/svg%3E");}
.ailab .ic-star::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F6FAD' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.27 5.82.85-4.21 4.1.99 5.78L12 16.77l-5.2 2.73.99-5.78-4.21-4.1 5.82-.85z'/%3E%3C/svg%3E");}
.ailab .ic-school::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F6FAD' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-4 9 4-9 4z'/%3E%3Cpath d='M21 9v5'/%3E%3Cpath d='M7 11v5c0 1 2.2 2.2 5 2.2s5-1.2 5-2.2v-5'/%3E%3C/svg%3E");}
.ailab .ic-gavel::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F6FAD' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.5 3.5l4 4-3 3-4-4z'/%3E%3Cpath d='M11 8l-7 7 3 3 7-7z'/%3E%3Cline x1='3.5' y1='21' x2='11' y2='21'/%3E%3C/svg%3E");}
.ailab .ic-refresh::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F6FAD' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11A8 8 0 0 0 6.3 6.3L4 8.5'/%3E%3Cpath d='M4 4v4.5h4.5'/%3E%3Cpath d='M4 13a8 8 0 0 0 13.7 4.7L20 15.5'/%3E%3Cpath d='M20 20v-4.5h-4.5'/%3E%3C/svg%3E");}
.ailab .ic-scale::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F6FAD' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16'/%3E%3Cpath d='M7 20h10'/%3E%3Cpath d='M5 7h14'/%3E%3Cpath d='M5 7l-2.5 6h5z'/%3E%3Cpath d='M19 7l2.5 6h-5z'/%3E%3C/svg%3E");}
.ailab .ic-history::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F6FAD' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8v4l3 2'/%3E%3Cpath d='M3.5 9a9 9 0 1 0 2.5-3.8'/%3E%3Cpath d='M3 4v3.5h3.5'/%3E%3C/svg%3E");}
.ailab .ic-robot::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A2230' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='8' width='16' height='11' rx='2'/%3E%3Cpath d='M12 8V4.5'/%3E%3Ccircle cx='12' cy='3.5' r='1'/%3E%3Cline x1='9' y1='13' x2='9' y2='14.5'/%3E%3Cline x1='15' y1='13' x2='15' y2='14.5'/%3E%3C/svg%3E");}
.ailab .ic-users::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A2230' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 19c0-3 2.7-4.8 5.5-4.8s5.5 1.8 5.5 4.8'/%3E%3Cpath d='M16 5.5a3 3 0 0 1 0 5.4'/%3E%3Cpath d='M17.5 14.6c2 .5 3.5 1.9 3.5 4.4'/%3E%3C/svg%3E");}
.ailab .ic-terminal::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A2230' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M7 9l3 3-3 3'/%3E%3Cline x1='12' y1='15' x2='16' y2='15'/%3E%3C/svg%3E");}
.ailab .ic-compare::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A2230' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3Cpath d='M11 6h5a2 2 0 0 1 2 2v8'/%3E%3Cpath d='M13 18H8a2 2 0 0 1-2-2V8'/%3E%3C/svg%3E");}
.ailab .ic-shield::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A2230' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v5.5c0 5-3.4 8-8 9-4.6-1-8-4-8-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");}
.ailab .ic-pencil::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A2230' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3Cline x1='13.5' y1='6.5' x2='17.5' y2='10.5'/%3E%3C/svg%3E");}
.ailab .ic-wrench::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A2230' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6.5a3.5 3.5 0 0 0-4.7 4.5L4 17.3 6.7 20l6.3-6.3a3.5 3.5 0 0 0 4.5-4.7l-2.3 2.3-2-2z'/%3E%3C/svg%3E");}
.ailab .ic-vhistory::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A2230' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8v4l3 2'/%3E%3Cpath d='M3.5 9a9 9 0 1 0 2.5-3.8'/%3E%3Cpath d='M3 4v3.5h3.5'/%3E%3C/svg%3E");}
.ailab .ic-presentation::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A2230' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='1'/%3E%3Cpath d='M12 16v4'/%3E%3Cpath d='M9 20h6'/%3E%3C/svg%3E");}
.ailab .ic-bulb::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A2230' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 17.5h5'/%3E%3Cpath d='M10 20.5h4'/%3E%3Cpath d='M8 14a5 5 0 1 1 8 0c-.6.8-1 1.4-1 2.5H9c0-1.1-.4-1.7-1-2.5z'/%3E%3C/svg%3E");}

/* =========================================================
   58b. Editorial Board — uniform 13-card grid (all equal).
   ========================================================= */
.jleti-board-grid .jleti-board-card:nth-child(13):last-child{grid-column:2 / span 1 !important}
@media (max-width:1000px){.jleti-board-grid .jleti-board-card:nth-child(13):last-child{grid-column:auto !important}}


/* =========================================================
   59. About the Journal page
   ========================================================= */
.jleti-about-page{color:var(--jleti-slate-dark) !important}
.jleti-about-hero{border-bottom:1px solid rgba(82,97,107,0.16) !important;margin-bottom:1.9rem !important;padding-bottom:1.6rem !important}
.jleti-about-hero .jleti-page-kicker{color:var(--jleti-burgundy) !important;font-family:var(--jleti-ui) !important;font-size:0.76rem !important;font-weight:900 !important;letter-spacing:0.14em !important;line-height:1.2 !important;margin:0 0 0.6rem 0 !important;text-transform:uppercase !important}
.jleti-about-hero h1{color:var(--jleti-navy) !important;font-family:var(--jleti-serif) !important;font-size:clamp(2.5rem,5vw,4.4rem) !important;font-weight:800 !important;letter-spacing:-0.035em !important;line-height:1 !important;margin:0 0 1.1rem 0 !important}
.jleti-about-lead{color:var(--jleti-navy) !important;font-family:var(--jleti-serif) !important;font-size:clamp(1.45rem,2.4vw,2rem) !important;font-weight:600 !important;letter-spacing:-0.01em !important;line-height:1.3 !important;margin:0 !important;max-width:1000px !important}
.jleti-about-section{margin:1.9rem 0 !important;max-width:1000px !important}
.jleti-about-section h2{color:var(--jleti-navy) !important;font-family:var(--jleti-serif) !important;font-size:clamp(1.7rem,2.6vw,2.4rem) !important;font-weight:800 !important;letter-spacing:-0.03em !important;line-height:1.1 !important;margin:0 0 0.9rem 0 !important}
.jleti-about-section p{color:var(--jleti-slate-dark) !important;font-family:var(--jleti-sans) !important;font-size:1.05rem !important;line-height:1.66 !important;margin:0 0 1rem 0 !important}
.jleti-about-section p:last-child{margin-bottom:0 !important}
.jleti-programs-grid{display:grid !important;gap:1.1rem !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;margin-top:1.35rem !important}
.jleti-program-card{background:var(--jleti-white) !important;border:1px solid rgba(82,97,107,0.15) !important;border-top:4px solid var(--jleti-burgundy) !important;border-radius:var(--jleti-radius-md) !important;box-shadow:0 8px 22px rgba(6,21,39,0.045) !important;padding:1.2rem 1.3rem !important}
.jleti-program-card h3{color:var(--jleti-navy) !important;font-family:var(--jleti-serif) !important;font-size:1.4rem !important;font-weight:800 !important;letter-spacing:-0.02em !important;line-height:1.1 !important;margin:0 0 0.4rem 0 !important}
.jleti-program-card p{color:var(--jleti-slate-dark) !important;font-family:var(--jleti-sans) !important;font-size:0.95rem !important;line-height:1.55 !important;margin:0 !important}
.jleti-about-callout{background:var(--jleti-ivory) !important;border:1px solid rgba(82,97,107,0.18) !important;border-left:6px solid var(--jleti-burgundy) !important;border-radius:var(--jleti-radius-md) !important;margin:1.4rem 0 0 0 !important;max-width:1000px !important;padding:1.05rem 1.3rem !important}
.jleti-about-callout .jleti-callout-label{color:var(--jleti-burgundy) !important;display:block !important;font-family:var(--jleti-ui) !important;font-size:0.72rem !important;font-weight:900 !important;letter-spacing:0.12em !important;margin:0 0 0.4rem 0 !important;text-transform:uppercase !important}
.jleti-about-callout p{color:var(--jleti-slate-dark) !important;font-family:var(--jleti-sans) !important;font-size:1rem !important;line-height:1.6 !important;margin:0 !important}
.jleti-about-callout b{color:var(--jleti-navy) !important}
.jleti-about-quote{border-left:5px solid var(--jleti-burgundy) !important;margin:2.2rem 0 0.6rem 0 !important;max-width:1000px !important;padding:0.2rem 0 0.2rem 1.4rem !important}
.jleti-about-quote p{color:var(--jleti-navy) !important;font-family:var(--jleti-serif) !important;font-size:clamp(1.5rem,2.6vw,2.1rem) !important;font-style:italic !important;font-weight:600 !important;letter-spacing:-0.01em !important;line-height:1.28 !important;margin:0 !important}
@media (max-width:760px){.jleti-programs-grid{grid-template-columns:1fr !important}}


/* =========================================================
   61. Submissions / Author Guidelines page
   ========================================================= */
.jleti-sub-page{color:var(--jleti-slate-dark) !important}
.jleti-sub-actions{display:flex !important;flex-wrap:wrap !important;gap:0.7rem !important;margin:1.3rem 0 0 0 !important}
.jleti-btn{background:var(--jleti-burgundy) !important;border:1px solid var(--jleti-burgundy) !important;border-radius:8px !important;color:#fff !important;display:inline-block !important;font-family:var(--jleti-ui) !important;font-size:0.95rem !important;font-weight:800 !important;padding:0.7rem 1.15rem !important;text-decoration:none !important}
.jleti-btn:hover{background:var(--jleti-navy) !important;border-color:var(--jleti-navy) !important;color:#fff !important}
.jleti-btn-ghost{background:#fff !important;border:1px solid rgba(82,97,107,0.35) !important;border-radius:8px !important;color:var(--jleti-navy) !important;display:inline-block !important;font-family:var(--jleti-ui) !important;font-size:0.95rem !important;font-weight:800 !important;padding:0.7rem 1.15rem !important;text-decoration:none !important}
.jleti-btn-ghost:hover{background:var(--jleti-ivory) !important;border-color:var(--jleti-navy) !important;color:var(--jleti-navy) !important}
.jleti-subnav{display:flex !important;flex-wrap:wrap !important;gap:0.5rem !important;list-style:none !important;margin:1.3rem 0 0 0 !important;padding:0 !important}
.jleti-subnav li{margin:0 !important}
.jleti-subnav a{background:var(--jleti-ivory) !important;border:1px solid rgba(82,97,107,0.18) !important;border-radius:999px !important;color:var(--jleti-navy) !important;display:inline-block !important;font-family:var(--jleti-ui) !important;font-size:0.82rem !important;font-weight:800 !important;letter-spacing:0.02em !important;padding:0.4rem 0.8rem !important;text-decoration:none !important}
.jleti-subnav a:hover{background:#fff !important;border-color:var(--jleti-navy) !important}
.jleti-checklist{list-style:none !important;margin:1rem 0 0 0 !important;max-width:1000px !important;padding:0 !important}
.jleti-checklist li{color:var(--jleti-slate-dark) !important;font-family:var(--jleti-sans) !important;font-size:1rem !important;line-height:1.6 !important;padding:0 0 0.85rem 1.9rem !important;position:relative !important}
.jleti-checklist li::before{color:var(--jleti-burgundy) !important;content:"\2713" !important;font-family:var(--jleti-ui) !important;font-weight:900 !important;left:0 !important;position:absolute !important;top:0 !important}
.jleti-cat-grid{display:grid !important;gap:1.1rem !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;margin-top:1.3rem !important}
.jleti-cat-card{background:var(--jleti-white) !important;border:1px solid rgba(82,97,107,0.15) !important;border-top:4px solid var(--jleti-burgundy) !important;border-radius:var(--jleti-radius-md) !important;box-shadow:0 8px 22px rgba(6,21,39,0.045) !important;padding:1.2rem 1.3rem !important}
.jleti-cat-len{background:rgba(139,211,255,0.13) !important;border:1px solid rgba(82,97,107,0.12) !important;border-radius:999px !important;color:var(--jleti-navy) !important;display:inline-block !important;font-family:var(--jleti-ui) !important;font-size:0.72rem !important;font-weight:800 !important;letter-spacing:0.03em !important;margin:0 0 0.6rem 0 !important;padding:0.28rem 0.6rem !important}
.jleti-cat-card h3{color:var(--jleti-navy) !important;font-family:var(--jleti-serif) !important;font-size:1.5rem !important;font-weight:800 !important;letter-spacing:-0.02em !important;line-height:1.08 !important;margin:0 0 0.45rem 0 !important}
.jleti-cat-card p{color:var(--jleti-slate-dark) !important;font-family:var(--jleti-sans) !important;font-size:0.95rem !important;line-height:1.55 !important;margin:0 0 0.8rem 0 !important}
.jleti-cat-link{color:var(--jleti-burgundy) !important;display:inline-block !important;font-family:var(--jleti-ui) !important;font-size:0.9rem !important;font-weight:800 !important;text-decoration:none !important}
.jleti-cat-link:hover{text-decoration:underline !important}
.jleti-cat-link::after{content:" \2192" !important}
.jleti-cat-feature{background:var(--jleti-ivory) !important;border:1px solid rgba(82,97,107,0.18) !important;border-left:6px solid var(--jleti-burgundy) !important;border-radius:var(--jleti-radius-md) !important;box-shadow:0 8px 22px rgba(6,21,39,0.045) !important;margin-top:1.1rem !important;padding:1.4rem 1.5rem !important}
.jleti-cat-feature h3{color:var(--jleti-navy) !important;font-family:var(--jleti-serif) !important;font-size:1.8rem !important;font-weight:800 !important;letter-spacing:-0.025em !important;line-height:1.05 !important;margin:0 0 0.5rem 0 !important}
.jleti-cat-feature p{color:var(--jleti-slate-dark) !important;font-family:var(--jleti-sans) !important;font-size:0.98rem !important;line-height:1.58 !important;margin:0 0 0.8rem 0 !important}
@media (max-width:760px){.jleti-cat-grid{grid-template-columns:1fr !important}}

/* =========================================================
   62. Navigation dropdown — widen box to fit longer titles
   The menu grows to fit the longest item (up to a cap), and very
   long titles wrap cleanly instead of being clipped or cramped.
   ========================================================= */
.pkp_navigation_primary .dropdown-menu,
.pkp_navigation_user .dropdown-menu,
.pkp_navigation_primary ul,
.pkp_navigation_user ul{
  width:max-content !important;
  min-width:230px !important;
  max-width:min(92vw,460px) !important;
}
.pkp_navigation_primary .dropdown-menu a,
.pkp_navigation_user .dropdown-menu a,
.pkp_navigation_primary ul a,
.pkp_navigation_user ul a{
  white-space:normal !important;
}
/* ============================================================
   JLETI x VAILL Writing Competition hero  (ADD-ONLY)
   Scoped to #jleti-featured-writing-competition — affects nothing else.
   ============================================================ */

/* ----- Box: flat navy, no accent borders ----- */
#jleti-featured-writing-competition.jleti-home-launch-feature {
  background: #0d1f3c !important;
  border: 1.5px solid #5BA7D8 !important;
  border-left: 1.5px solid #5BA7D8 !important;
  border-bottom: 1.5px solid #5BA7D8 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
#jleti-featured-writing-competition .jleti-home-launch-copy {
  max-width: none !important;
}

/* ----- Logo lockup: floats top-right so the eyebrow + heading stack tightly ----- */
#jleti-featured-writing-competition .jleti-home-kicker {
  color: #5BA7D8 !important;
  margin: 0 0 0.45rem 0 !important;
}
#jleti-featured-writing-competition .jleti-vaill-lockup {
  float: right;
  display: inline-flex;
  align-items: flex-start;
  gap: 14px;
  margin: 0.2rem 0 0.6rem 1.5rem;
}
#jleti-featured-writing-competition .jleti-vaill-logo {
  display: block;
  width: auto;
}
/* Heights chosen so the JLETI and VAILL wordmark cap-heights and baselines match */
#jleti-featured-writing-competition .jleti-vaill-logo--jleti {
  height: 42px;
  margin-top: 5px;
}
#jleti-featured-writing-competition .jleti-vaill-logo--vaill {
  height: 41px;
  border-left: 1px solid rgba(245, 241, 232, 0.45);
  padding-left: 14px;
}

/* ----- Heading: no underline in this layout ----- */
#jleti-featured-writing-competition h2::after {
  display: none !important;
}

/* ----- Lede paragraph: full width, below the floated lockup ----- */
#jleti-featured-writing-competition .jleti-home-launch-lede {
  clear: right;
  color: rgba(245, 241, 232, 0.85) !important;
  max-width: none !important;
}

/* ----- Bottom row: button | prize box | button, spread across ----- */
#jleti-featured-writing-competition .jleti-vaill-actionrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin: 1.4rem 0 0 0;
}

/* Prize / deadline box: hugs its content (not full width) */
#jleti-featured-writing-competition .jleti-vaill-meta {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid rgba(207, 174, 112, 0.5);
  border-radius: 8px;
  padding: 8px 10px;
}
#jleti-featured-writing-competition .jleti-vaill-meta-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 2px 22px;
}
#jleti-featured-writing-competition .jleti-vaill-meta-item:first-child {
  border-right: 1px solid rgba(207, 174, 112, 0.4);
}
#jleti-featured-writing-competition .jleti-vaill-meta-icon {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
}
#jleti-featured-writing-competition .jleti-vaill-meta-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  line-height: 1.12;
}
#jleti-featured-writing-competition .jleti-vaill-amount {
  font-family: var(--jleti-serif, Georgia, "Times New Roman", serif);
  font-size: 1.45rem;
  line-height: 1;
  color: #cfae70;
}
#jleti-featured-writing-competition .jleti-vaill-date {
  font-family: var(--jleti-serif, Georgia, "Times New Roman", serif);
  font-size: 1.1rem;
  line-height: 1.05;
  color: #f5f1e8;
}
#jleti-featured-writing-competition .jleti-vaill-meta-label,
#jleti-featured-writing-competition .jleti-vaill-due-label {
  font-size: 0.66rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #5BA7D8;
}

/* ----- Buttons: slim, content width; View = powder blue, Submit = gold ----- */
#jleti-featured-writing-competition .jleti-vaill-actionrow .jleti-home-button {
  flex: 0 0 auto;
  width: auto !important;
  min-width: 0 !important;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.25rem !important;
  font-size: 0.82rem !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  background: #5BA7D8 !important;
  border: 1px solid #5BA7D8 !important;
  color: #0B1F3A !important;
}
#jleti-featured-writing-competition .jleti-vaill-actionrow .jleti-home-button:hover,
#jleti-featured-writing-competition .jleti-vaill-actionrow .jleti-home-button:focus {
  background: #4793c7 !important;
  border-color: #4793c7 !important;
  color: #0B1F3A !important;
}
#jleti-featured-writing-competition .jleti-vaill-actionrow .jleti-home-button-secondary {
  background: #cfae70 !important;
  border: 1px solid #cfae70 !important;
  color: #0B1F3A !important;
}
#jleti-featured-writing-competition .jleti-vaill-actionrow .jleti-home-button-secondary:hover,
#jleti-featured-writing-competition .jleti-vaill-actionrow .jleti-home-button-secondary:focus {
  background: #c2a05f !important;
  border-color: #c2a05f !important;
  color: #0B1F3A !important;
}

/* ----- Small screens: stack the bottom row ----- */
@media (max-width: 760px) {
  #jleti-featured-writing-competition .jleti-vaill-actionrow { justify-content: stretch; }
  #jleti-featured-writing-competition .jleti-vaill-actionrow .jleti-home-button { flex: 1 1 100%; }
  #jleti-featured-writing-competition .jleti-vaill-meta { flex: 1 1 100%; order: -1; justify-content: center; }
}
@media (max-width: 480px) {
  #jleti-featured-writing-competition .jleti-vaill-meta { flex-direction: column; align-items: stretch; }
  #jleti-featured-writing-competition .jleti-vaill-meta-item:first-child {
    border-right: 0;
    border-bottom: 1px solid rgba(207, 174, 112, 0.4);
  }
}
/* ============================================================
   JLETI x VAILL Writing Competition PAGE  (ADD-ONLY)
   Scoped to .jleti-writing-competition-page.
   Cream, navy / powder blue / muted gold. Replaces burgundy.
   Left-aligned editorial hero + emphasised prize tiers.
   Paste at the very end of the stylesheet.
   ============================================================ */

/* Replace burgundy with muted gold across the page */
.jleti-static-page.jleti-writing-competition-page,
.jleti-writing-competition-page {
  --jleti-wc-burgundy: #cfae70 !important;
  --jleti-wc-burgundy-light: #d9bd72 !important;
}

/* ===== HERO base: cream box, navy top accent ===== */
.jleti-writing-competition-page .jleti-writing-hero-balanced {
  background: #faf7f0 !important;
  border: 1px solid rgba(82, 97, 107, 0.20) !important;
  border-top: 6px solid #0B1F3A !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(6, 21, 39, 0.06) !important;
}
.jleti-writing-competition-page .jleti-writing-hero-balanced::before,
.jleti-writing-competition-page .jleti-writing-hero-balanced::after {
  display: none !important;
}

/* ===== HERO v2: left-aligned ===== */
.jleti-writing-competition-page .jleti-wc-hero-v2 {
  text-align: left !important;
  padding: clamp(1.85rem, 3.5vw, 2.5rem) clamp(1.75rem, 4vw, 3.25rem) !important;
}
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-wc-hero-top {
  display: block;
  margin: 0 0 0.2rem 0;
}
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-page-kicker {
  text-align: left !important;
  font-size: 0.86rem !important;
  letter-spacing: 0.14em !important;
  color: #2f6fad !important;
  margin: 0 !important;
}
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-wc-lockup {
  position: absolute;
  top: clamp(1.85rem, 3.5vw, 2.5rem);
  right: clamp(1.75rem, 4vw, 3.25rem);
}
.jleti-writing-competition-page .jleti-wc-hero-v2 h1 {
  text-align: left !important;
  font-size: clamp(2.6rem, 5.2vw, 4.6rem) !important;
  line-height: 0.98 !important;
  color: #0B1F3A !important;
  margin: 0.55rem 0 1rem 0 !important;
}
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-hero-subtitle {
  text-align: left !important;
  max-width: none !important;
  color: #36434B !important;
  margin: 0 0 1.4rem 0 !important;
}

/* Logo lockup (top-right), baselines aligned */
.jleti-writing-competition-page .jleti-wc-lockup {
  display: inline-flex;
  align-items: flex-start;
  gap: 14px;
  flex: 0 0 auto;
}
.jleti-writing-competition-page .jleti-wc-lockup img { display: block; width: auto; }
.jleti-writing-competition-page .jleti-wc-logo-jleti { height: 42px; margin-top: 5px; }
.jleti-writing-competition-page .jleti-wc-logo-vaill {
  height: 41px;
  border-left: 1px solid rgba(11, 31, 58, 0.25);
  padding-left: 14px;
}

/* Two-column body: blurb + buttons (left) | divider | deadline (right) */
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-wc-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: center;
  margin: 0;
}
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-wc-hero-grid .jleti-hero-subtitle {
  margin: 0 0 1.4rem 0 !important;
  max-width: none !important;
}
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-wc-hero-grid .jleti-hero-actions {
  margin: 0 !important;
  justify-content: flex-start !important;
}
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-wc-hero-right {
  border-left: 0 !important;
  padding-left: 0 !important;
}
/* Deadline: navy box with gold border, powder-blue calendar + label, white serif date */
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-wc-deadline {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  width: auto !important;
  background: #0d1f3c !important;
  border: 1px solid rgba(207, 174, 112, 0.5) !important;
  border-radius: 12px !important;
  padding: 16px 26px !important;
}
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-wc-deadline-icon-wrap {
  width: auto;
  height: auto;
  background: transparent;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-wc-deadline-icon {
  width: 26px;
  height: 26px;
  margin: 0;
}
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-wc-deadline-text {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 2px !important;
}
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-wc-deadline-label {
  color: #8fb0d6 !important;
  font-size: 0.66rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.16em !important;
}
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-wc-deadline-date {
  font-family: var(--jleti-wc-serif, Georgia, serif) !important;
  font-weight: 600 !important;
  font-size: 1.35rem !important;
  color: #f5f1e8 !important;
}
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-submit-note-balanced {
  text-align: left !important;
  max-width: none !important;
  margin: 1.4rem 0 0 0 !important;
}
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-submit-note-balanced .jleti-submit-note-icon {
  background: #5BA7D8 !important;
  border-color: #5BA7D8 !important;
  color: #ffffff !important;
}

@media (max-width: 820px) {
  .jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-wc-hero-grid {
    grid-template-columns: 1fr;
  }
  .jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-wc-hero-right {
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid rgba(82, 97, 107, 0.2);
    padding-top: 1.2rem;
  }
}

/* Hero buttons: Submit = gold primary, Register + How to Submit = outline navy */
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-hero-actions a.jleti-page-button {
  background: transparent !important;
  border: 2px solid #0B1F3A !important;
  color: #0B1F3A !important;
  box-shadow: none !important;
}
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-hero-actions a.jleti-page-button:hover,
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-hero-actions a.jleti-page-button:focus {
  background: #0B1F3A !important;
  border-color: #0B1F3A !important;
  color: #ffffff !important;
}
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-hero-actions a.jleti-page-button.jleti-wc-btn-gold {
  background: #5BA7D8 !important;
  border: 2px solid #5BA7D8 !important;
  color: #0B1F3A !important;
}
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-hero-actions a.jleti-page-button.jleti-wc-btn-gold:hover,
.jleti-writing-competition-page .jleti-wc-hero-v2 .jleti-hero-actions a.jleti-page-button.jleti-wc-btn-gold:focus {
  background: #4793c7 !important;
  border-color: #4793c7 !important;
  color: #0B1F3A !important;
}

/* Deadline: gold-bordered pill (calendar + label + date inline) */
.jleti-writing-competition-page .jleti-wc-deadline {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  width: auto;
  background: #ffffff;
  border: 1.5px solid #cfae70;
  border-radius: 999px;
  padding: 9px 24px;
}
.jleti-writing-competition-page .jleti-wc-deadline-icon {
  display: block; width: 22px; height: 22px; margin: 0; flex: 0 0 auto;
}
.jleti-writing-competition-page .jleti-wc-deadline-text {
  display: inline-flex; flex-direction: row; align-items: baseline; gap: 10px;
}
.jleti-writing-competition-page .jleti-wc-deadline-label {
  color: #2f6fad; font-family: var(--jleti-wc-ui, Inter, system-ui, sans-serif);
  font-size: 0.68rem; font-weight: 850; letter-spacing: 0.16em; text-transform: uppercase;
}
.jleti-writing-competition-page .jleti-wc-deadline-date {
  font-family: var(--jleti-wc-serif, Georgia, serif); font-size: 1.3rem; color: #0B1F3A;
}

/* ===== Prizes: emphasise the grand prize, tiered accents ===== */
.jleti-writing-competition-page .jleti-prize-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}
.jleti-writing-competition-page .jleti-prize-badge {
  display: none !important;
}
.jleti-writing-competition-page .jleti-prize-card {
  border-left: 0 !important;
  border-top: 5px solid #5BA7D8 !important;
  position: relative !important;
}
.jleti-writing-competition-page .jleti-prize-card::before { display: none !important; }
.jleti-writing-competition-page .jleti-prize-card:nth-child(1) {
  border-top-color: #cfae70 !important;
  background: #fffdf7 !important;
}
.jleti-writing-competition-page .jleti-prize-card:nth-child(2) { border-top-color: #5BA7D8 !important; }
.jleti-writing-competition-page .jleti-prize-card:nth-child(3) { border-top-color: #0B1F3A !important; }
.jleti-writing-competition-page .jleti-prize-card:nth-child(1) .jleti-card-label { color: #8a6a1f !important; }
.jleti-writing-competition-page .jleti-prize-card:nth-child(2) .jleti-card-label { color: #2f6fad !important; }
.jleti-writing-competition-page .jleti-prize-card:nth-child(3) .jleti-card-label { color: #0B1F3A !important; }
.jleti-writing-competition-page .jleti-prize-trophy {
  width: 18px; height: 18px; vertical-align: -3px; margin-right: 6px;
}
.jleti-writing-competition-page .jleti-prize-badge {
  position: absolute; top: 14px; right: 14px;
  background: #cfae70; color: #0B1F3A;
  font-family: var(--jleti-wc-ui, Inter, system-ui, sans-serif);
  font-size: 0.6rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase;
  padding: 3px 10px; border-radius: 999px;
}

/* ===== About the Competition: navy accents (bullets stay powder blue) ===== */
.jleti-writing-competition-page #jleti-about-competition.jleti-highlight-section {
  border-left-color: #0B1F3A !important;
}
.jleti-writing-competition-page #jleti-about-competition h2::after { background: #0B1F3A !important; }
.jleti-writing-competition-page #jleti-about-competition .jleti-subhead { color: #0B1F3A !important; }

/* ===== How to Submit: navy underline, powder-blue numbers ===== */
.jleti-writing-competition-page #jleti-how-to-submit h2::after { background: #0B1F3A !important; }
.jleti-writing-competition-page #jleti-how-to-submit .jleti-compact-steps li::before {
  background: #5BA7D8 !important;
  color: #0B1F3A !important;
}

/* ===== Sponsor section: navy block, powder-blue accents, touch of burgundy ===== */
.jleti-writing-competition-page #jleti-sponsor-opportunities.jleti-sponsor-section {
  background: #0d1f3c !important;
  border: 1px solid rgba(91, 167, 216, 0.25) !important;
  border-left: 6px solid #5BA7D8 !important;
  color: #f5f1e8 !important;
}
.jleti-writing-competition-page #jleti-sponsor-opportunities h2 { color: #ffffff !important; }
.jleti-writing-competition-page #jleti-sponsor-opportunities h2::after { background: #7A2230 !important; }
.jleti-writing-competition-page #jleti-sponsor-opportunities p { color: rgba(245, 241, 232, 0.85) !important; }
.jleti-writing-competition-page #jleti-sponsor-opportunities p strong { color: #ffffff !important; }
.jleti-writing-competition-page #jleti-sponsor-opportunities a { color: #5BA7D8 !important; }

/* ===== Remove the heading underline on Prizes, About, How to Submit (keep on Sponsor) ===== */
.jleti-writing-competition-page #jleti-prizes h2::after,
.jleti-writing-competition-page #jleti-about-competition h2::after,
.jleti-writing-competition-page #jleti-how-to-submit h2::after {
  display: none !important;
}

/* ===== Gold primary button anywhere on the page (e.g. bottom of How to Submit) ===== */
.jleti-writing-competition-page .jleti-page-section a.jleti-page-button.jleti-wc-btn-gold {
  background: #5BA7D8 !important;
  border: 1px solid #5BA7D8 !important;
  color: #0B1F3A !important;
  box-shadow: none !important;
}
.jleti-writing-competition-page .jleti-page-section a.jleti-page-button.jleti-wc-btn-gold:hover,
.jleti-writing-competition-page .jleti-page-section a.jleti-page-button.jleti-wc-btn-gold:focus {
  background: #4793c7 !important;
  border-color: #4793c7 !important;
  color: #0B1F3A !important;
}
/* ============================================================
   JLETI — About the Journal page  (ADD-ONLY)
   Scoped to .jleti-about-page. Navy / powder blue / muted gold.
   Paste at the very end of the stylesheet.
   ============================================================ */

.jleti-about-page {
  --ab-navy: #0B1F3A;
  --ab-navy-box: #0d1f3c;
  --ab-gold: #7A2230;
  --ab-gold-text: #7A2230;
  --ab-blue: #5BA7D8;
  --ab-blue-deep: #2f6fad;
  --ab-ivory: #f5f1e8;
  --ab-slate: #36434B;
  --ab-serif: var(--jleti-serif, "Cormorant Garamond", Georgia, "Times New Roman", serif);
  --ab-sans: var(--jleti-sans, "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif);
  --ab-ui: var(--jleti-ui, Inter, system-ui, -apple-system, "Segoe UI", sans-serif);
}
.jleti-about-page, .jleti-about-page * { box-sizing: border-box; }
.jleti-about-page p { color: var(--ab-slate); font-family: var(--ab-sans); }

/* ===== Hero ===== */
.jleti-about-page .jleti-about-hero {
  background: var(--ab-navy-box);
  border: 1px solid rgba(91, 167, 216, 0.25);
  border-radius: 14px;
  padding: clamp(1.5rem, 3vw, 2.3rem) clamp(1.6rem, 4vw, 3rem);
  margin: 0 0 2.4rem 0;
  color: var(--ab-ivory);
  text-align: center;
}
.jleti-about-page .jleti-about-eyebrow {
  display: block;
  font-family: var(--ab-ui);
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 800;
  color: var(--ab-blue);
}
.jleti-about-page .jleti-about-title {
  font-family: var(--ab-serif);
  font-size: clamp(1.95rem, 3.7vw, 2.9rem);
  font-weight: 600;
  line-height: 1.08;
  color: #ffffff;
  margin: 0.45rem auto 0 auto;
  max-width: 840px;
  text-transform: none;
}
.jleti-about-page .jleti-about-rule {
  display: block;
  width: 84px;
  height: 3px;
  background: var(--ab-gold);
  margin: 1rem auto;
}
.jleti-about-page .jleti-about-lead {
  font-size: clamp(1.05rem, 1.5vw, 1.2rem) !important;
  line-height: 1.55 !important;
  color: rgba(245, 241, 232, 0.85) !important;
  max-width: 760px;
  margin: 0 auto !important;
}

/* ===== Section kickers + headings ===== */
.jleti-about-page .jleti-about-kicker {
  display: block;
  font-family: var(--ab-ui);
  font-size: 0.76rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 800;
  color: var(--ab-blue-deep);
  margin: 0 0 0.4rem 0;
}
.jleti-about-page .jleti-about-h {
  font-family: var(--ab-serif);
  font-size: clamp(1.45rem, 2.5vw, 2rem);
  font-weight: 600;
  line-height: 1.12;
  color: var(--ab-navy);
  margin: 0 0 1rem 0;
}

/* ===== Overview: text + highlights ===== */
.jleti-about-page .jleti-about-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  gap: clamp(1.6rem, 4vw, 3rem);
  align-items: start;
  margin: 0 0 2.6rem 0;
}
.jleti-about-page .jleti-about-overview p {
  line-height: 1.65;
  margin: 0 0 1rem 0;
}
.jleti-about-page .jleti-about-highlights {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}
.jleti-about-page .jleti-about-highlights li {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-left: 14px;
  border-left: 3px solid var(--ab-gold);
}
.jleti-about-page .jleti-about-highlight-title {
  font-family: var(--ab-ui);
  font-weight: 700;
  color: var(--ab-navy);
  font-size: 0.98rem;
}
.jleti-about-page .jleti-about-highlight-text {
  color: var(--ab-slate);
  font-size: 0.9rem;
  line-height: 1.5;
}

/* ===== What we publish: chips ===== */
.jleti-about-page .jleti-about-publishes {
  margin: 0 0 2.6rem 0;
}
.jleti-about-page .jleti-about-tags {
  list-style: none;
  margin: 0.9rem 0 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.jleti-about-page .jleti-about-tags li {
  font-family: var(--ab-ui);
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--ab-navy);
  background: #ffffff;
  border: 1px solid rgba(91, 167, 216, 0.45);
  border-radius: 999px;
  padding: 7px 16px;
}

/* ===== Living-scholarship note ===== */
.jleti-about-page .jleti-about-note {
  background: #faf7f0;
  border: 1px solid rgba(82, 97, 107, 0.18);
  border-left: 5px solid var(--ab-blue);
  border-radius: 0 12px 12px 0;
  padding: clamp(1.1rem, 2.5vw, 1.5rem) clamp(1.2rem, 3vw, 1.6rem);
  margin: 0 0 2.6rem 0;
}
.jleti-about-page .jleti-about-note p { margin: 0; line-height: 1.6; }
.jleti-about-page .jleti-about-note strong { color: var(--ab-navy); }

/* ===== Programs band ===== */
.jleti-about-page .jleti-about-programs {
  background: #eef5fb;
  border: 1px solid rgba(91, 167, 216, 0.22);
  border-radius: 14px;
  padding: clamp(1.6rem, 3.5vw, 2.5rem);
  margin: 0 0 2.6rem 0;
}
.jleti-about-page .jleti-about-programs-intro {
  margin: 0 0 1.3rem 0;
  line-height: 1.6;
  max-width: 820px;
}
.jleti-about-page .jleti-about-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
  gap: 14px;
}
.jleti-about-page .jleti-about-cards article {
  background: #ffffff;
  border: 1px solid rgba(82, 97, 107, 0.16);
  border-bottom: 3px solid var(--ab-gold);
  border-radius: 10px;
  padding: 16px 18px;
}
.jleti-about-page .jleti-about-cards article:nth-child(2) { border-bottom-color: var(--ab-blue); }
.jleti-about-page .jleti-about-cards article:nth-child(3) { border-bottom-color: var(--ab-navy); }
.jleti-about-page .jleti-about-cards article:nth-child(4) { border-bottom-color: var(--ab-blue); }
.jleti-about-page .jleti-about-cards article:nth-child(5) { border-bottom-color: var(--ab-navy); }
.jleti-about-page .jleti-about-cards h4 {
  font-family: var(--ab-serif);
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--ab-navy);
  margin: 0 0 6px 0;
}
.jleti-about-page .jleti-about-cards p {
  font-size: 0.88rem;
  line-height: 1.5;
  margin: 0;
}

/* ===== Closing + mission pull-quote ===== */
.jleti-about-page .jleti-about-closing {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: clamp(1.6rem, 4vw, 3rem);
  align-items: center;
}
.jleti-about-page .jleti-about-closing p {
  line-height: 1.65;
  margin: 0 0 1rem 0;
}
.jleti-about-page .jleti-about-quote {
  margin: 0;
  border-left: 3px solid var(--ab-gold);
  padding-left: clamp(1.2rem, 2vw, 1.6rem);
}
.jleti-about-page .jleti-about-quote p {
  font-family: var(--ab-serif);
  font-style: italic;
  font-size: clamp(1.25rem, 2vw, 1.55rem);
  line-height: 1.4;
  color: var(--ab-navy);
  margin: 0 0 0.8rem 0;
}
.jleti-about-page .jleti-about-quote cite {
  font-family: var(--ab-ui);
  font-style: normal;
  font-size: 0.74rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--ab-blue-deep);
}

/* ===== Icon graphics (single uploaded sheet: about-icons.png) ===== */
.jleti-about-page .jleti-about-glance-list li::before,
.jleti-about-page .jleti-about-cards h4::before,
.jleti-about-page .jleti-about-serves-grid li::before {
  content: "";
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-image: url("https://jleti.org/public/site/images/leediazz/about-icons.png");
  background-repeat: no-repeat;
  background-size: 160px 160px;
  flex: 0 0 auto;
}
.jleti-about-page .jleti-about-glance-list li::before,
.jleti-about-page .jleti-about-serves-grid li::before {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #0d1f3c;
}
.jleti-about-page .jleti-about-cards h4::before {
  background-color: #7A2230;
}
/* Per-icon position within the 34px circle (sheet scaled to 160px → 40px cells) */
.jleti-about-page .ico-users::before    { background-position: -3px -3px; }
.jleti-about-page .ico-clock::before    { background-position: -43px -3px; }
.jleti-about-page .ico-world::before    { background-position: -83px -3px; }
.jleti-about-page .ico-award::before    { background-position: -123px -3px; }
.jleti-about-page .ico-lock::before     { background-position: -3px -43px; }
.jleti-about-page .ico-cpu::before      { background-position: -43px -43px; }
.jleti-about-page .ico-cap::before      { background-position: -83px -43px; }
.jleti-about-page .ico-coins::before    { background-position: -123px -43px; }
.jleti-about-page .ico-pencil::before   { background-position: -3px -83px; }
.jleti-about-page .ico-bulb::before     { background-position: -43px -83px; }
.jleti-about-page .ico-books::before    { background-position: -83px -83px; }
.jleti-about-page .ico-scale::before    { background-position: -123px -83px; }
.jleti-about-page .ico-building::before { background-position: -3px -123px; }

/* Program card titles become an icon + label row */
.jleti-about-page .jleti-about-cards h4 {
  display: flex;
  align-items: center;
  gap: 11px;
}

/* ===== Who JLETI Serves ===== */
.jleti-about-page .jleti-about-serves {
  margin: 0 0 2.6rem 0;
}
.jleti-about-page .jleti-about-serves-grid {
  list-style: none;
  margin: 1.1rem 0 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 16px;
}
.jleti-about-page .jleti-about-serves-grid li {
  position: relative;
  padding-left: 46px;
  min-height: 34px;
}
.jleti-about-page .jleti-about-serves-grid .title {
  display: block;
  font-family: var(--ab-ui);
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--ab-navy);
}
.jleti-about-page .jleti-about-serves-grid .text {
  display: block;
  font-size: 0.88rem;
  line-height: 1.5;
  color: var(--ab-slate);
}

/* ===== Centered closing pull-quote ===== */
.jleti-about-page .jleti-about-finalquote {
  background: #faf7f0;
  border: 1px solid rgba(82, 97, 107, 0.18);
  border-left: 5px solid #7A2230;
  border-radius: 0 12px 12px 0;
  padding: clamp(1.5rem, 3vw, 2rem) clamp(1.5rem, 4vw, 2.5rem);
  text-align: center;
  margin: 0.4rem 0 0 0;
}
.jleti-about-page .jleti-about-finalquote p {
  font-family: var(--ab-serif);
  font-style: italic;
  font-size: clamp(1.3rem, 2vw, 1.6rem);
  line-height: 1.4;
  color: var(--ab-navy);
  margin: 0 auto 0.6rem auto;
  max-width: 680px;
}
.jleti-about-page .jleti-about-finalquote cite {
  font-family: var(--ab-ui);
  font-style: normal;
  font-size: 0.74rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--ab-blue-deep);
}

/* ===== "At a Glance" sidebar layout ===== */
.jleti-about-page .jleti-about-layout {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: clamp(1.5rem, 3vw, 2.4rem);
  align-items: start;
}
.jleti-about-page .jleti-about-sidebar {
  position: sticky;
  top: 1rem;
  background: #faf7f0;
  border: 1px solid rgba(82, 97, 107, 0.18);
  border-radius: 12px;
  padding: 22px 20px;
}
.jleti-about-page .jleti-about-glance-kicker {
  display: block;
  font-family: var(--ab-ui);
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 800;
  color: #7A2230;
}
.jleti-about-page .jleti-about-glance-name {
  font-family: var(--ab-serif);
  font-size: 1.9rem;
  font-weight: 600;
  color: var(--ab-navy);
  margin: 4px 0 8px 0;
}
.jleti-about-page .jleti-about-glance-intro {
  font-size: 0.85rem !important;
  line-height: 1.55 !important;
  color: var(--ab-slate) !important;
  margin: 0 0 14px 0 !important;
}
.jleti-about-page .jleti-about-glance-divider {
  height: 1px;
  background: rgba(82, 97, 107, 0.16);
  margin: 0 0 14px 0;
}
.jleti-about-page .jleti-about-glance-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.jleti-about-page .jleti-about-glance-list li {
  display: block;
  position: relative;
  padding: 1px 0 1px 46px;
  min-height: 34px;
}
.jleti-about-page .jleti-about-glance-list .title {
  display: block;
  font-family: var(--ab-ui);
  font-weight: 700;
  font-size: 0.86rem;
  color: var(--ab-navy);
}
.jleti-about-page .jleti-about-glance-list .text {
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--ab-slate);
}
.jleti-about-page .jleti-about-mission {
  background: var(--ab-navy-box);
  border-radius: 10px;
  padding: 16px;
  text-align: center;
  margin-top: 18px;
}
.jleti-about-page .jleti-about-mission .label {
  font-family: var(--ab-ui);
  font-size: 0.66rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 700;
  color: #8fb0d6;
}
.jleti-about-page .jleti-about-mission p {
  font-family: var(--ab-serif) !important;
  font-style: italic;
  font-size: 0.92rem !important;
  line-height: 1.5 !important;
  color: var(--ab-ivory) !important;
  margin: 8px 0 0 0 !important;
}
/* In the sidebar layout, main column sections stack single-column */
.jleti-about-page .jleti-about-main .jleti-about-closing {
  grid-template-columns: 1fr;
}

/* ===== Responsive ===== */
@media (max-width: 860px) {
  .jleti-about-page .jleti-about-layout {
    grid-template-columns: 1fr;
  }
  .jleti-about-page .jleti-about-sidebar {
    position: static;
  }
}
@media (max-width: 820px) {
  .jleti-about-page .jleti-about-overview,
  .jleti-about-page .jleti-about-closing {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   About page — 2026-06 revision add-ons
   ============================================================ */

/* Consistent vertical rhythm between main-column sections */
.jleti-about-page .jleti-about-main > * { margin-bottom: 2.4rem; }
.jleti-about-page .jleti-about-main > *:last-child { margin-bottom: 0; }

/* Inline navigation links inside body copy */
.jleti-about-page .jleti-about-main a:not(.jleti-about-more) {
  color: var(--ab-blue-deep) !important;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 600;
}
.jleti-about-page .jleti-about-main a:not(.jleti-about-more):hover {
  color: var(--ab-navy) !important;
}

/* Body paragraphs in publishes / serves sections */
.jleti-about-page .jleti-about-publishes p,
.jleti-about-page .jleti-about-serves p {
  line-height: 1.65;
  margin: 0 0 1rem 0;
}
.jleti-about-page .jleti-about-subh {
  font-family: var(--ab-ui);
  font-weight: 800;
  font-size: 0.8rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--ab-navy);
  margin: 1.7rem 0 0.2rem 0;
}

/* Subject-coverage topics list (multi-column, powder-blue dot bullets) */
.jleti-about-page .jleti-about-topics {
  list-style: none;
  margin: 0.7rem 0 0 0;
  padding: 0;
  columns: 2;
  column-gap: 2.6rem;
}
.jleti-about-page .jleti-about-topics li {
  break-inside: avoid;
  position: relative;
  padding: 0 0 0 20px;
  margin: 0 0 10px 0;
  font-family: var(--ab-sans);
  font-size: 0.92rem;
  line-height: 1.45;
  color: var(--ab-slate);
}
.jleti-about-page .jleti-about-topics li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ab-blue);
}
@media (max-width: 620px) {
  .jleti-about-page .jleti-about-topics { columns: 1; }
}

/* Programs intro framing + "Learn more" links on cards */
.jleti-about-page .jleti-about-cards article {
  display: flex;
  flex-direction: column;
}
.jleti-about-page .jleti-about-cards article p { flex: 1 1 auto; }
.jleti-about-page .jleti-about-more {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
  margin-top: 12px;
  font-family: var(--ab-ui);
  font-weight: 700;
  font-size: 0.82rem;
  letter-spacing: 0.02em;
  color: var(--ab-blue-deep) !important;
  text-decoration: none !important;
}
.jleti-about-page .jleti-about-more::after {
  content: "\203A";
  font-size: 1.15em;
  line-height: 1;
}
.jleti-about-page .jleti-about-more:hover {
  color: var(--ab-navy) !important;
  text-decoration: underline !important;
}

/* "Who it's for / who contributes" intro + interdisciplinary note */
.jleti-about-page .jleti-about-serves-intro {
  margin: 0.1rem 0 0 0;
  line-height: 1.65;
  max-width: 840px;
}
.jleti-about-page .jleti-about-serves-note {
  margin: 1.3rem 0 0 0;
  font-size: 0.92rem;
  line-height: 1.6;
  color: var(--ab-slate);
  background: #f4f9fc;
  border: 1px solid rgba(91, 167, 216, 0.3);
  border-left: 5px solid var(--ab-blue);
  border-radius: 0 10px 10px 0;
  padding: 14px 18px;
}
.jleti-about-page .jleti-about-serves-note strong { color: var(--ab-navy); }

/* Purpose and Value — numbered goal list */
.jleti-about-page .jleti-about-goals {
  list-style: none;
  margin: 1rem 0 0 0;
  padding: 0;
  counter-reset: goal;
  display: grid;
  gap: 12px;
}
.jleti-about-page .jleti-about-goals li {
  counter-increment: goal;
  position: relative;
  padding: 3px 0 3px 44px;
  min-height: 30px;
  font-family: var(--ab-sans);
  font-size: 0.94rem;
  line-height: 1.55;
  color: var(--ab-slate);
}
.jleti-about-page .jleti-about-goals li::before {
  content: counter(goal);
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--ab-navy-box);
  color: var(--ab-ivory);
  font-family: var(--ab-ui);
  font-weight: 700;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Publication Philosophy — check-bullet criteria */
.jleti-about-page .jleti-about-criteria {
  list-style: none;
  margin: 1rem 0 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.jleti-about-page .jleti-about-criteria li {
  position: relative;
  padding-left: 30px;
  font-family: var(--ab-sans);
  font-size: 0.94rem;
  line-height: 1.55;
  color: var(--ab-slate);
}
.jleti-about-page .jleti-about-criteria li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 800;
  font-size: 1rem;
  color: var(--ab-blue-deep);
}


/* =========================================================
   63. Editorial Board — compact one-screen grid
   Added: compact centered member cards (no photos/bios) so the
   full board is visible without scrolling. New classes only;
   nothing above this section was changed.
   ========================================================= */

.jleti-board-alpha-note {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-serif) !important;
  font-size: 0.98rem !important;
  font-style: italic !important;
  line-height: 1.4 !important;
  margin: 0 0 1.35rem 0 !important;
  text-align: center !important;
}

.jleti-board-grid-compact {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.9rem !important;
  justify-content: center !important;
}

.jleti-board-card-compact {
  background: rgba(139, 211, 255, 0.09) !important;
  border: 1px solid rgba(82, 97, 107, 0.16) !important;
  border-radius: var(--jleti-radius-md) !important;
  box-shadow: 0 4px 14px rgba(6, 21, 39, 0.05) !important;
  display: flex !important;
  flex: 0 1 232px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 1.05rem 0.85rem 1.15rem 0.85rem !important;
  text-align: center !important;
  transition: box-shadow 0.18s ease, transform 0.18s ease !important;
}

.jleti-board-card-compact:hover {
  box-shadow: 0 10px 24px rgba(6, 21, 39, 0.1) !important;
  transform: translateY(-2px) !important;
}

.jleti-board-compact-label {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.64rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.13em !important;
  line-height: 1.35 !important;
  margin: 0 0 0.55rem 0 !important;
  text-transform: uppercase !important;
}

.jleti-board-compact-rule {
  background: rgba(11, 31, 58, 0.35) !important;
  display: block !important;
  height: 2px !important;
  margin: 0 auto 0.6rem auto !important;
  width: 26px !important;
}

.jleti-board-card-compact h3 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: 1.12rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  margin: 0 0 0.4rem 0 !important;
  white-space: nowrap !important;
}

.jleti-board-compact-institution {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-serif) !important;
  font-size: 0.86rem !important;
  font-style: italic !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

@media (max-width: 760px) {
  .jleti-board-card-compact {
    flex-basis: calc(50% - 0.45rem) !important;
  }

  .jleti-board-card-compact h3 {
    font-size: 1.02rem !important;
  }
}

@media (max-width: 460px) {
  .jleti-board-card-compact {
    flex-basis: 100% !important;
  }
}


/* =========================================================
   64. Editorial Board — fixed five-per-row layout
   Added: locks the compact board grid to exactly five cards
   per row on desktop; a final row of four centers itself.
   New rules only; nothing above this section was changed.
   ========================================================= */

@media (min-width: 1001px) {
  .jleti-board-card-compact {
    flex: 0 1 calc(20% - 0.72rem) !important;
  }
}

@media (min-width: 1001px) and (max-width: 1280px) {
  .jleti-board-card-compact h3 {
    font-size: 1.02rem !important;
  }
}


/* =========================================================
   65. Editorial Board — classic founder masthead
   Added: double-rule masthead banner for the Founder and
   Editor-in-Chief, shown above the compact board grid.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-eic-masthead {
  border-top: 3px double var(--jleti-navy) !important;
  border-bottom: 3px double var(--jleti-navy) !important;
  margin: 0 0 1.7rem 0 !important;
  padding: 1.7rem 1rem 1.8rem 1rem !important;
  text-align: center !important;
}

.jleti-eic-masthead-label {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-ui) !important;
  font-size: 0.74rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  line-height: 1.3 !important;
  margin: 0 0 0.6rem 0 !important;
  text-transform: uppercase !important;
}

.jleti-eic-masthead h2 {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(2rem, 3.6vw, 2.9rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.02 !important;
  margin: 0 0 0.35rem 0 !important;
}

.jleti-eic-masthead-institution {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-serif) !important;
  font-size: 0.95rem !important;
  font-style: italic !important;
  line-height: 1.4 !important;
  margin: 0 0 1rem 0 !important;
}

.jleti-eic-masthead-story {
  color: var(--jleti-slate-dark) !important;
  font-family: var(--jleti-serif) !important;
  font-size: 1rem !important;
  line-height: 1.68 !important;
  margin: 0 auto !important;
  max-width: 820px !important;
}

@media (max-width: 760px) {
  .jleti-eic-masthead {
    padding: 1.3rem 0.6rem 1.4rem 0.6rem !important;
  }
}


/* =========================================================
   66. Editorial Board — live-page fixes
   Added: CSS-drawn divider rule (replaces the empty span the
   editor strips), equal-height vertically centered cards,
   enforced card background, narrower masthead paragraph, and
   breathing room around the masthead.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-eic-masthead {
  margin-top: 2.2rem !important;
  margin-bottom: 2.4rem !important;
}

.jleti-eic-masthead-story {
  max-width: 62ch !important;
}

.jleti-board-grid-compact {
  align-items: stretch !important;
}

.jleti-board-card-compact {
  background: rgba(139, 211, 255, 0.09) !important;
  justify-content: center !important;
}

.jleti-board-card-compact h3::before {
  background: rgba(11, 31, 58, 0.35) !important;
  content: "" !important;
  display: block !important;
  height: 2px !important;
  margin: 0 auto 0.6rem auto !important;
  width: 26px !important;
}

.jleti-board-compact-label {
  margin-bottom: 0.5rem !important;
}


/* =========================================================
   67. Editorial Board — second round of live-page fixes
   Added: full-width masthead paragraph, real hr divider in
   cards (platform strips pseudo-element content), forced
   equal-height cards with zeroed theme margins.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-eic-masthead-story {
  max-width: 95% !important;
}

.jleti-board-card-compact h3::before {
  content: none !important;
  display: none !important;
}

hr.jleti-board-compact-rule-hr {
  background: rgba(11, 31, 58, 0.35) !important;
  border: 0 !important;
  display: block !important;
  height: 2px !important;
  margin: 0 auto 0.6rem auto !important;
  padding: 0 !important;
  width: 26px !important;
}

.jleti-board-card-compact {
  align-self: stretch !important;
  margin: 0 !important;
}

.jleti-board-card-compact h3,
.jleti-board-card-compact .jleti-board-compact-label,
.jleti-board-card-compact .jleti-board-compact-institution {
  margin-top: 0 !important;
}


/* =========================================================
   68. Editorial Board — masthead paragraph font continuity
   Added: summary paragraph uses the site body sans font,
   matching About page body copy.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-eic-masthead-story {
  font-family: var(--jleti-sans) !important;
  font-size: 1.02rem !important;
}


/* =========================================================
   69. Editorial Board — simplified cards, larger names
   Added: hides the member label and divider rule, enlarges
   names as far as one-line fit allows at five per row.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-board-compact-label,
hr.jleti-board-compact-rule-hr {
  display: none !important;
}

.jleti-board-card-compact h3 {
  font-size: clamp(1.15rem, 1.45vw, 1.6rem) !important;
  margin: 0 0 0.45rem 0 !important;
}

.jleti-board-compact-institution {
  font-size: 0.92rem !important;
}


/* =========================================================
   70. Editorial Board — uniform boxes and balanced paragraph
   Added: equal-height cards with top-anchored content so all
   names and affiliations align, and balanced masthead
   paragraph lines to avoid a short last line.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-eic-masthead-story {
  font-size: 1.05rem !important;
  max-width: 97% !important;
  text-wrap: balance !important;
}

.jleti-board-card-compact {
  justify-content: flex-start !important;
  min-height: 8.75rem !important;
  padding-top: 1.35rem !important;
}

@media (max-width: 1000px) {
  .jleti-board-card-compact {
    min-height: 0 !important;
  }
}


/* =========================================================
   71. Editorial Board — 4 / 5 / 4 row layout
   Added: first four and last four cards sized at quarter
   width, middle five at fifth width, producing rows of
   4, 5, and 4 on desktop.
   New rules only; nothing above this section was changed.
   ========================================================= */

@media (min-width: 1001px) {
  .jleti-board-grid-compact .jleti-board-card-compact {
    flex-basis: calc(25% - 0.675rem) !important;
  }

  .jleti-board-grid-compact .jleti-board-card-compact:nth-child(n+5):nth-child(-n+9) {
    flex-basis: calc(20% - 0.72rem) !important;
  }
}


/* =========================================================
   72. Editorial Board — no bottom rule, larger names
   Added: removes the double rule between the masthead and
   the cards, and enlarges member names well above their
   institution size while keeping one-line fit.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-eic-masthead {
  border-bottom: 0 !important;
  padding-bottom: 0.7rem !important;
  margin-bottom: 1.4rem !important;
}

.jleti-board-card-compact h3 {
  font-size: clamp(1.3rem, 1.6vw, 1.8rem) !important;
  margin: 0 0 0.5rem 0 !important;
}

.jleti-board-compact-institution {
  font-size: 0.88rem !important;
}


/* =========================================================
   73. Editorial Board — member titles (Option B)
   Added: italic burgundy title line under each name, with
   the institution in regular type beneath; taller uniform
   cards to fit the extra line.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-board-compact-title {
  color: var(--jleti-burgundy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: 0.95rem !important;
  font-style: italic !important;
  line-height: 1.4 !important;
  margin: 0 0 0.5rem 0 !important;
}

.jleti-board-compact-institution {
  font-style: normal !important;
}

@media (min-width: 1001px) {
  .jleti-board-card-compact {
    min-height: 12.5rem !important;
  }
}


/* =========================================================
   74. Editorial Board — card polish
   Added: tighter uniform card height and balanced line
   wrapping for titles and institutions to avoid orphan
   words.
   New rules only; nothing above this section was changed.
   ========================================================= */

@media (min-width: 1001px) {
  .jleti-board-card-compact {
    min-height: 10.25rem !important;
  }
}

.jleti-board-compact-title,
.jleti-board-compact-institution {
  text-wrap: balance !important;
}


/* =========================================================
   75. Editorial Board — name, rule, institution cards
   Added: re-enables the small divider rule in burgundy
   between name and institution, and sets a uniform card
   height tall enough that every box matches on desktop.
   New rules only; nothing above this section was changed.
   ========================================================= */

hr.jleti-board-compact-rule-hr {
  background: var(--jleti-burgundy) !important;
  display: block !important;
  height: 2px !important;
  margin: 0 auto 0.7rem auto !important;
  width: 30px !important;
}

@media (min-width: 1001px) {
  .jleti-board-card-compact {
    min-height: 9.5rem !important;
  }
}


/* =========================================================
   76. Editorial Board — identical compact boxes
   Added: every card now the same width (row breaks handled
   by invisible break elements), smaller card height and
   padding, and wider text area so long institution names
   wrap less.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-board-grid-compact .jleti-board-card-compact:nth-child(n) {
  flex-basis: calc(20% - 0.72rem) !important;
}

hr.jleti-board-row-break {
  background: transparent !important;
  border: 0 !important;
  flex-basis: 100% !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 1001px) {
  .jleti-board-card-compact {
    min-height: 7.5rem !important;
    padding: 0.95rem 0.55rem 1rem 0.55rem !important;
  }
}

.jleti-board-card-compact h3 {
  margin-bottom: 0.4rem !important;
}

hr.jleti-board-compact-rule-hr {
  margin-bottom: 0.55rem !important;
}

@media (max-width: 1000px) {
  hr.jleti-board-row-break {
    display: none !important;
  }
}


/* =========================================================
   77. Editorial Board — masthead institution unitalicized
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-eic-masthead-institution {
  font-style: normal !important;
}


/* =========================================================
   78. Editorial Board — explicit grid placement and larger type
   Added: replaces fragile row-break wrapping with a CSS grid
   that pins all thirteen identical cards into 4 / 5 / 4 rows,
   and scales the page type up ~12% keeping proportions.
   New rules only; nothing above this section was changed.
   ========================================================= */

@media (min-width: 1001px) {
  .jleti-board-grid-compact {
    display: grid !important;
    grid-template-columns: repeat(20, minmax(0, 1fr)) !important;
    gap: 0.9rem !important;
  }

  .jleti-board-grid-compact .jleti-board-card-compact:nth-child(1) { grid-column: 3 / span 4 !important; }
  .jleti-board-grid-compact .jleti-board-card-compact:nth-child(2) { grid-column: 7 / span 4 !important; }
  .jleti-board-grid-compact .jleti-board-card-compact:nth-child(3) { grid-column: 11 / span 4 !important; }
  .jleti-board-grid-compact .jleti-board-card-compact:nth-child(4) { grid-column: 15 / span 4 !important; }
  .jleti-board-grid-compact .jleti-board-card-compact:nth-child(5) { grid-column: 1 / span 4 !important; }
  .jleti-board-grid-compact .jleti-board-card-compact:nth-child(6) { grid-column: 5 / span 4 !important; }
  .jleti-board-grid-compact .jleti-board-card-compact:nth-child(7) { grid-column: 9 / span 4 !important; }
  .jleti-board-grid-compact .jleti-board-card-compact:nth-child(8) { grid-column: 13 / span 4 !important; }
  .jleti-board-grid-compact .jleti-board-card-compact:nth-child(9) { grid-column: 17 / span 4 !important; }
  .jleti-board-grid-compact .jleti-board-card-compact:nth-child(10) { grid-column: 3 / span 4 !important; }
  .jleti-board-grid-compact .jleti-board-card-compact:nth-child(11) { grid-column: 7 / span 4 !important; }
  .jleti-board-grid-compact .jleti-board-card-compact:nth-child(12) { grid-column: 11 / span 4 !important; }
  .jleti-board-grid-compact .jleti-board-card-compact:nth-child(13) { grid-column: 15 / span 4 !important; }

  .jleti-board-card-compact {
    min-height: 8rem !important;
  }
}

.jleti-eic-masthead-label {
  font-size: 0.83rem !important;
}

.jleti-eic-masthead h2 {
  font-size: clamp(2.25rem, 4vw, 3.25rem) !important;
}

.jleti-eic-masthead-institution {
  font-size: 1.07rem !important;
}

.jleti-eic-masthead-story {
  font-size: 1.18rem !important;
}

.jleti-board-card-compact h3 {
  font-size: clamp(1.4rem, 1.65vw, 1.7rem) !important;
}

.jleti-board-compact-institution {
  font-size: 1rem !important;
}


/* =========================================================
   79. Editorial Board — powder blue hero and section header
   Added: founder masthead becomes a powder blue panel with
   navy border, plus an Editorial Board Members header with
   flanking burgundy rules and italic subtitle above the grid.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-eic-masthead {
  background: #EAF3FB !important;
  border: 1px solid var(--jleti-navy) !important;
  border-radius: var(--jleti-radius-md) !important;
  margin-bottom: 1.8rem !important;
  padding: 1.9rem 1.4rem 2rem 1.4rem !important;
}

.jleti-board-members-header {
  align-items: center !important;
  display: flex !important;
  gap: 1rem !important;
  margin: 0 0 0.5rem 0 !important;
}

hr.jleti-board-header-rule {
  background: var(--jleti-burgundy) !important;
  border: 0 !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  margin: 0 !important;
  opacity: 0.5 !important;
  padding: 0 !important;
}

.jleti-board-members-title {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: clamp(1.5rem, 2.2vw, 2rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.jleti-board-members-subtitle {
  color: var(--jleti-navy) !important;
  font-family: var(--jleti-serif) !important;
  font-size: 1.08rem !important;
  font-style: italic !important;
  line-height: 1.5 !important;
  margin: 0 0 1.5rem 0 !important;
  text-align: center !important;
}


/* =========================================================
   80. Editorial Board — cream founder hero
   Added: masthead panel background changed from powder blue
   to the site cream, matching the About page At a Glance box.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-eic-masthead {
  background: #FAF6EE !important;
}


/* =========================================================
   81. Editorial Board — center the section header
   Added: forces the two flanking rules to always be exactly
   equal length and the header to span full width, so the
   Editorial Board Members title sits dead center.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-board-members-header {
  width: 100% !important;
}

hr.jleti-board-header-rule {
  flex: 1 1 0% !important;
  max-width: none !important;
  min-width: 0 !important;
  width: auto !important;
}


/* =========================================================
   82. About page — restructured layout additions
   Added: hero aim line, sidebar page navigation, problem and
   answer cards, publish-type cards spacing, pull line,
   section wrappers, and call-to-action buttons for the
   reorganized About the Journal page.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-hero-aim {
  color: var(--ab-blue);
  font-family: var(--ab-serif);
  font-size: clamp(1rem, 1.5vw, 1.18rem);
  font-style: italic;
  line-height: 1.5;
  margin: 0.9rem auto 0 auto;
  max-width: 720px;
}

.jleti-about-page .jleti-about-toc {
  border-top: 1px solid rgba(82, 97, 107, 0.18);
  margin-top: 1.1rem;
  padding-top: 1rem;
}

.jleti-about-page .jleti-about-toc a {
  color: var(--ab-blue-deep);
  display: block;
  font-family: var(--ab-ui);
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 2;
  text-decoration: none;
}

.jleti-about-page .jleti-about-toc a:hover {
  color: var(--ab-navy);
  text-decoration: underline;
}

.jleti-about-page section {
  scroll-margin-top: 90px;
}

.jleti-about-page .jleti-about-why,
.jleti-about-page .jleti-about-covers {
  margin: 0 0 2.6rem 0;
}

.jleti-about-page .jleti-about-why p {
  line-height: 1.65;
  margin: 0 0 1rem 0;
}

.jleti-about-page .jleti-about-tagline {
  color: var(--ab-gold-text);
  font-family: var(--ab-serif);
  font-size: 1.18rem;
  font-style: italic;
  margin: -0.5rem 0 1rem 0;
}

.jleti-about-page .jleti-about-ps {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  margin: 0 0 1rem 0;
}

.jleti-about-page .jleti-about-ps-problem,
.jleti-about-page .jleti-about-ps-answer {
  border-radius: 0 10px 10px 0;
  padding: 15px 18px;
}

.jleti-about-page .jleti-about-ps-problem {
  background: #faf7f0;
  border: 1px solid rgba(82, 97, 107, 0.18);
  border-left: 4px solid var(--ab-gold);
}

.jleti-about-page .jleti-about-ps-answer {
  background: #eef5fb;
  border: 1px solid rgba(91, 167, 216, 0.3);
  border-left: 4px solid var(--ab-navy);
}

.jleti-about-page .jleti-about-ps-label {
  color: var(--ab-navy);
  display: block;
  font-family: var(--ab-ui);
  font-size: 0.95rem;
  font-weight: 700;
  margin: 0 0 6px 0;
}

.jleti-about-page .jleti-about-ps-problem .jleti-about-ps-label {
  color: var(--ab-gold-text);
}

.jleti-about-page .jleti-about-ps p {
  font-size: 0.92rem;
  line-height: 1.6;
  margin: 0;
}

.jleti-about-page .jleti-about-pubcards {
  margin: 1rem 0 1.2rem 0;
}

.jleti-about-page .jleti-about-pullline {
  color: var(--ab-navy);
  font-family: var(--ab-serif);
  font-size: 1.12rem;
  font-style: italic;
  line-height: 1.55;
  margin: 0 auto 1rem auto;
  max-width: 780px;
  text-align: center;
}

.jleti-about-page .jleti-about-cta {
  display: block;
  margin: 1.8rem 0 0.4rem 0;
  text-align: center;
}

.jleti-about-page .jleti-about-cta a {
  border-radius: 6px;
  display: inline-block;
  font-family: var(--ab-ui);
  font-size: 0.92rem;
  font-weight: 700;
  margin: 0 6px 10px 6px;
  padding: 10px 22px;
  text-decoration: none;
}

.jleti-about-page a.jleti-about-btn-primary {
  background: var(--ab-navy-box);
  border: 1px solid var(--ab-navy-box);
  color: #f5f1e8;
}

.jleti-about-page a.jleti-about-btn-primary:hover {
  background: #16305a;
  color: #ffffff;
}

.jleti-about-page a.jleti-about-btn-outline {
  background: transparent;
  border: 1px solid var(--ab-navy);
  color: var(--ab-navy);
}

.jleti-about-page a.jleti-about-btn-outline:hover {
  background: #eef5fb;
}


/* =========================================================
   83. About page — final revision additions
   Added: sidebar kicker line, problems and solutions lists,
   frozen scholarship band, chips inside publish cards, and
   the navy mission band with closing buttons.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-glance-kick {
  color: var(--ab-gold-text);
  font-family: var(--ab-serif);
  font-size: 0.98rem;
  font-style: italic;
  line-height: 1.5;
  margin: 0.35rem 0 1rem 0;
}

.jleti-about-page .jleti-about-pscols {
  display: grid;
  gap: clamp(1.2rem, 3vw, 2.2rem);
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  margin: 0 0 1rem 0;
}

.jleti-about-page .jleti-about-pscol-h {
  font-family: var(--ab-ui);
  font-size: 0.95rem;
  font-weight: 700;
  margin: 0 0 0.7rem 0;
}

.jleti-about-page .jleti-about-pscol-h.is-problem { color: var(--ab-gold-text); }
.jleti-about-page .jleti-about-pscol-h.is-solution { color: var(--ab-navy); }

.jleti-about-page .jleti-about-pslist {
  display: grid;
  gap: 9px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.jleti-about-page .jleti-about-pslist li {
  font-family: var(--ab-sans);
  font-size: 0.93rem;
  line-height: 1.55;
  color: var(--ab-slate);
  padding-left: 26px;
  position: relative;
}

.jleti-about-page .jleti-about-pslist li strong {
  color: var(--ab-navy);
}

.jleti-about-page .jleti-about-pslist li::before {
  font-weight: 800;
  left: 0;
  position: absolute;
  top: 0;
}

.jleti-about-page .jleti-about-problems li::before {
  color: var(--ab-gold-text);
  content: "\2715";
}

.jleti-about-page .jleti-about-solutions li::before {
  color: var(--ab-blue-deep);
  content: "\2713";
}

.jleti-about-page .jleti-about-frozen {
  background: var(--ab-navy-box);
  border-radius: 14px;
  display: grid;
  gap: clamp(1.2rem, 3vw, 2rem);
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  align-items: center;
  margin: 0 0 2.6rem 0;
  padding: clamp(1.3rem, 3vw, 1.9rem) clamp(1.3rem, 3.5vw, 2.2rem);
}

.jleti-about-page .jleti-about-frozen-head {
  align-items: center;
  display: flex;
  gap: 12px;
  margin: 0 0 0.7rem 0;
}

.jleti-about-page .jleti-about-frozen-ico {
  align-items: center;
  background: rgba(91, 167, 216, 0.18);
  border-radius: 50%;
  color: var(--ab-blue);
  display: flex;
  flex: 0 0 auto;
  font-size: 1.15rem;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.jleti-about-page .jleti-about-frozen h3 {
  color: #ffffff;
  font-family: var(--ab-serif);
  font-size: clamp(1.3rem, 2.2vw, 1.75rem);
  font-weight: 600;
  line-height: 1.15;
  margin: 0;
}

.jleti-about-page .jleti-about-frozen-text {
  color: rgba(245, 241, 232, 0.88) !important;
  font-size: 0.95rem;
  line-height: 1.65;
  margin: 0;
}

.jleti-about-page .jleti-about-frozen-list {
  border-left: 1px solid rgba(91, 167, 216, 0.4);
  display: grid;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0 0 0 clamp(1rem, 2vw, 1.6rem);
}

.jleti-about-page .jleti-about-frozen-list li {
  color: rgba(245, 241, 232, 0.88);
  font-family: var(--ab-sans);
  font-size: 0.9rem;
  line-height: 1.5;
  padding-left: 24px;
  position: relative;
}

.jleti-about-page .jleti-about-frozen-list li::before {
  color: var(--ab-blue);
  content: "\2713";
  font-weight: 800;
  left: 0;
  position: absolute;
  top: 0;
}

@media (max-width: 860px) {
  .jleti-about-page .jleti-about-frozen {
    grid-template-columns: 1fr;
  }

  .jleti-about-page .jleti-about-frozen-list {
    border-left: 0;
    padding-left: 0;
  }
}

.jleti-about-page .jleti-about-cards .jleti-about-tags {
  margin: 0.8rem 0 0 0;
  gap: 7px;
}

.jleti-about-page .jleti-about-cards .jleti-about-tags li {
  font-size: 0.76rem;
  padding: 4px 11px;
}

.jleti-about-page .jleti-about-mission-band {
  align-items: center;
  background: var(--ab-navy-box);
  border-radius: 14px;
  display: grid;
  gap: clamp(1.2rem, 3vw, 2.2rem);
  grid-template-columns: minmax(0, 1.6fr) minmax(0, auto);
  margin: 1.2rem 0 0.4rem 0;
  padding: clamp(1.4rem, 3vw, 2rem) clamp(1.4rem, 3.5vw, 2.4rem);
}

.jleti-about-page .jleti-about-mission-band blockquote {
  border: 0;
  margin: 0;
  padding: 0;
}

.jleti-about-page .jleti-about-mission-band blockquote p {
  color: #ffffff !important;
  font-family: var(--ab-serif);
  font-size: clamp(1.15rem, 1.9vw, 1.5rem);
  font-style: italic;
  line-height: 1.45;
  margin: 0 0 0.7rem 0;
}

.jleti-about-page .jleti-about-mission-band cite {
  color: var(--ab-blue);
  font-family: var(--ab-ui);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.jleti-about-page .jleti-about-band-actions {
  display: grid;
  gap: 10px;
}

.jleti-about-page a.jleti-about-band-btn,
.jleti-about-page a.jleti-about-band-btn-outline {
  border-radius: 6px;
  display: block;
  font-family: var(--ab-ui);
  font-size: 0.9rem;
  font-weight: 700;
  padding: 10px 22px;
  text-align: center;
  text-decoration: none;
}

.jleti-about-page a.jleti-about-band-btn {
  background: #f5f1e8;
  border: 1px solid #f5f1e8;
  color: var(--ab-navy);
}

.jleti-about-page a.jleti-about-band-btn:hover {
  background: #ffffff;
  color: var(--ab-navy);
}

.jleti-about-page a.jleti-about-band-btn-outline {
  background: transparent;
  border: 1px solid var(--ab-blue);
  color: #cfe3f3;
}

.jleti-about-page a.jleti-about-band-btn-outline:hover {
  background: rgba(91, 167, 216, 0.15);
  color: #ffffff;
}

@media (max-width: 860px) {
  .jleti-about-page .jleti-about-mission-band {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   84. About page — stacked hero with model band
   Added: navy hero variant that connects to a powder blue
   band presenting the publishing model features, plus
   sprite-icon support and hr-based hero rule.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-hero.jleti-hero-stacked {
  border-radius: 14px 14px 0 0;
  margin-bottom: 0;
}

.jleti-about-page hr.jleti-about-rule {
  border: 0;
}

.jleti-about-page .jleti-about-model {
  background: #eaf3fb;
  border: 1px solid rgba(91, 167, 216, 0.25);
  border-top: 0;
  border-radius: 0 0 14px 14px;
  margin: 0 0 2.4rem 0;
  padding: clamp(1.3rem, 3vw, 1.9rem) clamp(1.4rem, 3.5vw, 2.4rem);
}

.jleti-about-page .jleti-about-model-kicker {
  color: var(--ab-gold-text);
  font-family: var(--ab-ui);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  margin: 0 0 1.2rem 0;
  text-align: center;
  text-transform: uppercase;
}

.jleti-about-page .jleti-about-model-list {
  display: grid;
  gap: 18px 22px;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.jleti-about-page .jleti-about-model-list li {
  min-height: 34px;
  padding-left: 46px;
  position: relative;
}

.jleti-about-page .jleti-about-model-list li::before {
  background-color: #0d1f3c;
  background-image: url("https://jleti.org/public/site/images/leediazz/about-icons.png");
  background-repeat: no-repeat;
  background-size: 160px 160px;
  border-radius: 50%;
  content: "";
  height: 34px;
  left: 0;
  position: absolute;
  top: 0;
  width: 34px;
}

.jleti-about-page .jleti-about-model-list .title {
  color: var(--ab-navy);
  display: block;
  font-family: var(--ab-ui);
  font-size: 0.95rem;
  font-weight: 700;
}

.jleti-about-page .jleti-about-model-list .text {
  color: var(--ab-slate);
  display: block;
  font-size: 0.88rem;
  line-height: 1.5;
}


/* =========================================================
   85. About page — join hero and model band
   Added: removes the inherited spacing and border that
   separated the navy hero from the powder blue model band.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-hero.jleti-hero-stacked {
  border-bottom: 0 !important;
  border-radius: 14px 14px 0 0 !important;
  margin-bottom: 0 !important;
}

.jleti-about-page .jleti-about-model {
  margin-top: 0 !important;
}


/* =========================================================
   86. About page — eight sidebar differentiators and
   statement band
   Added: new icon sprite classes for the sidebar list and
   the not-just-another-journal statement inside the powder
   blue band.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .ico2-rolling::before,
.jleti-about-page .ico2-living::before,
.jleti-about-page .ico2-formats::before,
.jleti-about-page .ico2-expert::before,
.jleti-about-page .ico2-impact::before,
.jleti-about-page .ico2-cross::before,
.jleti-about-page .ico2-open::before,
.jleti-about-page .ico2-independent::before {
  background-image: url("https://jleti.org/public/site/images/leediazz/jleti-icons-2b.png") !important;
}

.jleti-about-page .ico2-rolling::before     { background-position: -3px -3px !important; }
.jleti-about-page .ico2-living::before      { background-position: -43px -3px !important; }
.jleti-about-page .ico2-formats::before     { background-position: -83px -3px !important; }
.jleti-about-page .ico2-expert::before      { background-position: -123px -3px !important; }
.jleti-about-page .ico2-impact::before      { background-position: -3px -43px !important; }
.jleti-about-page .ico2-cross::before       { background-position: -43px -43px !important; }
.jleti-about-page .ico2-open::before        { background-position: -83px -43px !important; }
.jleti-about-page .ico2-independent::before { background-position: -123px -43px !important; }

.jleti-about-page .jleti-about-model-title {
  color: var(--ab-gold-text);
  font-family: var(--ab-serif);
  font-size: clamp(1.3rem, 2.2vw, 1.7rem);
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 0.45rem 0;
  text-align: center;
}

.jleti-about-page .jleti-about-model-text {
  color: var(--ab-navy) !important;
  font-size: 1.02rem;
  line-height: 1.6;
  margin: 0 auto;
  max-width: 680px;
  text-align: center;
}


/* =========================================================
   87. About page — crisp high-resolution sidebar icons
   Added: points the sidebar differentiator icons at the
   retina-resolution sprite. The background-size stays 160px
   so the doubled pixels render sharp on high-DPI screens.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .ico2-rolling::before,
.jleti-about-page .ico2-living::before,
.jleti-about-page .ico2-formats::before,
.jleti-about-page .ico2-expert::before,
.jleti-about-page .ico2-impact::before,
.jleti-about-page .ico2-cross::before,
.jleti-about-page .ico2-open::before,
.jleti-about-page .ico2-independent::before {
  background-image: url("https://jleti.org/public/site/images/leediazz/jleti-icons-2c.png") !important;
  background-size: 160px 160px !important;
}


/* =========================================================
   88. About page — larger centered At a Glance heading
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-glance-kicker {
  font-size: 1.05rem !important;
  text-align: center !important;
}


/* =========================================================
   89. About page — hero padding, column divider
   Added: more breathing room under the hero lead and a
   hairline divider between the problems and solutions
   columns.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-hero {
  padding-bottom: clamp(2rem, 3.4vw, 2.8rem) !important;
}

@media (min-width: 861px) {
  .jleti-about-page .jleti-about-pscols > div:nth-child(2) {
    border-left: 1px solid rgba(82, 97, 107, 0.25);
    padding-left: clamp(1.2rem, 3vw, 2.2rem);
  }
}


/* =========================================================
   90. About page — boxed problems and solutions
   Added: the two comparison columns become bordered boxes,
   cream with burgundy accents for problems and powder blue
   with navy accents for solutions, with circle-badge headers
   and hairline separators between items.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-pscols > div {
  border-radius: 12px;
  padding: 1.15rem 1.35rem !important;
}

.jleti-about-page .jleti-about-pscols > div:first-child {
  background: #faf7f0;
  border: 1px solid rgba(82, 97, 107, 0.2);
}

.jleti-about-page .jleti-about-pscols > div:nth-child(2) {
  background: #f2f8fd;
  border: 1px solid rgba(91, 167, 216, 0.35) !important;
  padding-left: 1.35rem !important;
}

.jleti-about-page .jleti-about-pscol-h {
  align-items: center;
  display: flex;
  gap: 9px;
}

.jleti-about-page .jleti-about-pscol-h::before {
  align-items: center;
  border-radius: 50%;
  color: #f5f1e8;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.72rem;
  font-weight: 800;
  height: 22px;
  justify-content: center;
  width: 22px;
}

.jleti-about-page .jleti-about-pscol-h.is-problem::before {
  background: var(--ab-gold-text);
  content: "\2715";
}

.jleti-about-page .jleti-about-pscol-h.is-solution::before {
  background: var(--ab-navy);
  content: "\2713";
}

.jleti-about-page .jleti-about-pslist li + li {
  padding-top: 10px;
}

.jleti-about-page .jleti-about-problems li + li {
  border-top: 1px solid rgba(122, 34, 48, 0.16);
}

.jleti-about-page .jleti-about-solutions li + li {
  border-top: 1px solid rgba(91, 167, 216, 0.35);
}


/* =========================================================
   91. About page — plain box headings, aligned line marks
   Added: removes the circle badges from the two box headings
   and realigns the per-line marks on separated rows.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-pscol-h::before {
  content: none !important;
  display: none !important;
}

.jleti-about-page .jleti-about-pslist li + li::before {
  top: 10px !important;
}


/* =========================================================
   92. About page — frozen scholarship panel, light version
   Added: powder blue panel with centered eyebrow and rules,
   typography-only title block, and circled checklist.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-frozen.jleti-frozen-light {
  background: #eaf3fb !important;
  border: 1px solid #9fc0da;
  display: block;
}

.jleti-about-page .jleti-frozen-eyebrow {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: center;
  margin: 0 0 1.5rem 0;
}

.jleti-about-page .jleti-frozen-eyebrow span {
  color: var(--ab-gold-text);
  font-family: var(--ab-ui);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.jleti-about-page hr.jleti-frozen-eyerule {
  background: var(--ab-gold-text);
  border: 0;
  flex: 0 0 auto;
  height: 1px;
  margin: 0;
  padding: 0;
  width: clamp(40px, 6vw, 70px);
}

.jleti-about-page .jleti-frozen-body {
  align-items: center;
  display: grid;
  gap: clamp(1.2rem, 3vw, 2.4rem);
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
}

.jleti-about-page .jleti-frozen-left {
  text-align: center;
}

.jleti-about-page .jleti-frozen-light h3 {
  color: var(--ab-navy);
  font-family: var(--ab-serif);
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  font-weight: 600;
  line-height: 1.15;
  margin: 0 0 0.7rem 0;
}

.jleti-about-page hr.jleti-frozen-titlerule {
  background: var(--ab-gold-text);
  border: 0;
  height: 2px;
  margin: 0 auto 0.85rem auto;
  padding: 0;
  width: 40px;
}

.jleti-about-page .jleti-frozen-light .jleti-about-frozen-text {
  color: var(--ab-slate) !important;
  margin: 0 auto;
  max-width: 480px;
}

.jleti-about-page .jleti-frozen-light .jleti-about-frozen-list {
  border-left: 1px solid #9fc0da;
  gap: 0;
}

.jleti-about-page .jleti-frozen-light .jleti-about-frozen-list li {
  color: var(--ab-navy);
  font-family: var(--ab-serif);
  font-size: 1.02rem;
  line-height: 1.4;
  padding: 10px 0 10px 42px;
}

.jleti-about-page .jleti-frozen-light .jleti-about-frozen-list li + li {
  border-top: 1px solid #bcd5e8;
}

.jleti-about-page .jleti-frozen-light .jleti-about-frozen-list li::before {
  align-items: center;
  border: 1px solid var(--ab-navy);
  border-radius: 50%;
  color: var(--ab-navy);
  content: "\2713";
  display: flex;
  font-size: 0.76rem;
  font-weight: 700;
  height: 27px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 27px;
}

@media (max-width: 860px) {
  .jleti-about-page .jleti-frozen-body {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   93. About page — burgundy-tinted problems box
   Added: the problems box takes a translucent burgundy wash
   with a burgundy border, mirroring the powder blue
   solutions box.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-pscols > div:first-child {
  background: rgba(122, 34, 48, 0.07) !important;
  border: 1px solid rgba(122, 34, 48, 0.35) !important;
}


/* =========================================================
   94. About page — About JLETI feature panel
   Added: cream panel with centered heading, burgundy rule,
   large serif lede, and a two-column body with divider.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-aboutbox {
  background: #faf7f0;
  border: 1px solid rgba(82, 97, 107, 0.2);
  border-radius: 14px;
  margin: 0 0 2.6rem 0;
  padding: clamp(1.5rem, 3vw, 2.2rem) clamp(1.4rem, 3.5vw, 2.4rem);
}

.jleti-about-page .jleti-about-aboutbox .jleti-about-h {
  margin-bottom: 0.5rem;
  text-align: center;
}

.jleti-about-page hr.jleti-about-aboutrule {
  background: var(--ab-gold-text);
  border: 0;
  height: 2px;
  margin: 0 auto 1.3rem auto;
  padding: 0;
  width: 40px;
}

.jleti-about-page .jleti-about-aboutlede {
  color: var(--ab-navy) !important;
  font-family: var(--ab-serif);
  font-size: clamp(1.08rem, 1.6vw, 1.3rem);
  line-height: 1.6;
  margin: 0 auto 1.4rem auto;
  max-width: 920px;
  text-align: center;
}

.jleti-about-page .jleti-about-abouttwo {
  display: grid;
  gap: clamp(1.2rem, 3vw, 2.2rem);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.jleti-about-page .jleti-about-abouttwo p {
  font-size: 0.96rem;
  line-height: 1.68;
  margin: 0;
}

.jleti-about-page .jleti-about-abouttwo p + p {
  border-left: 1px solid rgba(82, 97, 107, 0.25);
  padding-left: clamp(1.2rem, 3vw, 2.2rem);
}

@media (max-width: 860px) {
  .jleti-about-page .jleti-about-abouttwo {
    grid-template-columns: 1fr;
  }

  .jleti-about-page .jleti-about-abouttwo p + p {
    border-left: 0;
    padding-left: 0;
  }
}


/* =========================================================
   95. About page — tighter hero rule spacing
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page hr.jleti-about-rule {
  margin: 0.85rem auto !important;
}


/* =========================================================
   96. About page — hero spacing without the rule
   Added: breathing room between the hero headline and lead
   now that the burgundy rule is removed.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-hero .jleti-about-lead {
  margin-top: 1.05rem !important;
}

.jleti-about-page .jleti-about-hero .jleti-about-title {
  margin-top: 0.6rem;
}


/* =========================================================
   97. About page — frozen band centered, no snowflake
   Added: removes the snowflake icon and balances the frozen
   scholarship band so the divider sits at the center.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-frozen-ico {
  display: none !important;
}

.jleti-about-page .jleti-about-frozen {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}


/* =========================================================
   98. About page — tighter spacing around the frozen band
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-main section:has(+ .jleti-about-frozen) {
  margin-bottom: 1.3rem !important;
}

.jleti-about-page .jleti-about-frozen {
  margin-bottom: 1.3rem !important;
}


/* =========================================================
   99. About page — centered frozen band title
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-frozen-head {
  justify-content: center !important;
}

.jleti-about-page .jleti-about-frozen h3 {
  text-align: center;
}


/* =========================================================
   100. About page — larger frozen band checklist
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-frozen-list li {
  font-size: 1.02rem !important;
  line-height: 1.55 !important;
}


/* =========================================================
   101. About page — frozen band title at top, larger blurb
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-frozen {
  align-items: start !important;
}

.jleti-about-page .jleti-about-frozen-head {
  margin-top: 0 !important;
}

.jleti-about-page .jleti-about-frozen-text {
  font-size: 1.05rem !important;
  line-height: 1.65 !important;
}


/* =========================================================
   102. About page — combined publishes section (Option A)
   Added: powder blue coverage panel and navy values band
   that close the combined What JLETI Publishes section.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-coverpanel {
  background: #eaf3fb;
  border: 1px solid #b9d3e6;
  border-radius: 12px;
  margin: 0 0 1.3rem 0;
  padding: clamp(1.2rem, 2.5vw, 1.7rem) clamp(1.2rem, 3vw, 1.9rem);
}

.jleti-about-page .jleti-about-coverpanel .jleti-about-topics {
  margin-top: 0;
}

.jleti-about-page .jleti-about-valband {
  background: var(--ab-navy-box);
  border-radius: 12px;
  margin: 0;
  padding: clamp(1.2rem, 2.5vw, 1.7rem) clamp(1.2rem, 3vw, 1.9rem);
}

.jleti-about-page .jleti-about-valband-title {
  color: #faf6ee;
  font-family: var(--ab-serif);
  font-size: clamp(1.15rem, 1.8vw, 1.45rem);
  font-weight: 600;
  margin: 0 0 1rem 0;
  text-align: center;
}

.jleti-about-page .jleti-about-vallist {
  display: grid;
  gap: 10px 28px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.jleti-about-page .jleti-about-vallist li {
  color: #eaf3fb;
  font-family: var(--ab-serif);
  font-size: 1.02rem;
  line-height: 1.45;
  padding: 2px 0 2px 36px;
  position: relative;
}

.jleti-about-page .jleti-about-vallist li::before {
  align-items: center;
  border: 1px solid var(--ab-blue);
  border-radius: 50%;
  color: var(--ab-blue);
  content: "\2713";
  display: flex;
  font-size: 0.72rem;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
}


/* =========================================================
   103. About page — submission category tiles
   Added: nine-category grid with word ranges and per-category
   submit links, color-coded by scholarship family.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-catgrid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  margin: 1.1rem 0 0.5rem 0;
}

.jleti-about-page .jleti-about-cat {
  background: #ffffff;
  border: 1px solid rgba(82, 97, 107, 0.22);
  border-radius: 8px;
  border-top: 3px solid var(--ab-navy);
  padding: 14px 15px;
}

.jleti-about-page .jleti-about-cat.cat-blue {
  border-top-color: var(--ab-blue);
}

.jleti-about-page .jleti-about-cat.cat-burg {
  border-top-color: var(--ab-gold-text);
}

.jleti-about-page .jleti-about-cat .name {
  color: var(--ab-navy);
  display: block;
  font-family: var(--ab-serif);
  font-size: 1.08rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 4px 0;
}

.jleti-about-page .jleti-about-cat .range {
  color: var(--ab-gold-text);
  display: block;
  font-family: var(--ab-ui);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  margin: 0 0 8px 0;
  text-transform: uppercase;
}

.jleti-about-page .jleti-about-cat a {
  color: var(--ab-blue-deep);
  font-family: var(--ab-ui);
  font-size: 0.82rem;
  font-weight: 700;
  text-decoration: none;
}

.jleti-about-page .jleti-about-cat a:hover {
  text-decoration: underline;
}


/* =========================================================
   104. About page — simplified eight-category grid
   Added: name-only centered category tiles in even rows of
   four on desktop and two on mobile.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-catgrid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 860px) {
  .jleti-about-page .jleti-about-catgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.jleti-about-page .jleti-about-cat {
  text-align: center;
}

.jleti-about-page .jleti-about-cat .name {
  margin: 0;
}


/* =========================================================
   105. About page — pill-style category button
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page a.jleti-about-btn-primary {
  border-radius: 999px;
  font-weight: 800;
  padding: 13px 30px;
}

.jleti-about-page .jleti-about-cta {
  margin: 1.2rem 0 1.6rem 0;
}


/* =========================================================
   106. About page — force button text styling
   Added: overrides the theme link color and underline inside
   the category button so it renders cream and clean.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page a.jleti-about-btn-primary,
.jleti-about-page a.jleti-about-btn-primary:visited,
.jleti-about-page a.jleti-about-btn-primary:hover,
.jleti-about-page a.jleti-about-btn-primary:focus {
  color: #f5f1e8 !important;
  text-decoration: none !important;
}

.jleti-about-page a.jleti-about-btn-primary:hover {
  color: #ffffff !important;
}


/* =========================================================
   107. About page — split publishes layout (Option 1)
   Added: two-column arrangement with the intro text and
   button on the left and the coverage panel on the right.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-pubsplit {
  align-items: start;
  display: grid;
  gap: clamp(1.2rem, 3vw, 2rem);
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  margin: 0 0 1.4rem 0;
}

.jleti-about-page .jleti-about-pubsplit .jleti-about-coverpanel {
  margin: 0;
}

.jleti-about-page .jleti-about-pubsplit .jleti-about-cta {
  margin: 1.3rem 0 0 0;
  text-align: left;
}

@media (max-width: 860px) {
  .jleti-about-page .jleti-about-pubsplit {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   109. About page — bigger scope panel, polished values band
   Added: larger topic text so the panel matches Option 1
   proportions, burgundy scope title, and a centered,
   tightened values band.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-pubsplit .jleti-about-coverpanel {
  padding: clamp(1.4rem, 2.8vw, 2rem) clamp(1.3rem, 3vw, 2rem);
}

.jleti-about-page .jleti-about-pubsplit .jleti-about-topics li {
  font-size: 1.05rem !important;
  line-height: 1.55 !important;
  margin-bottom: 14px !important;
}

.jleti-about-page .jleti-about-coverpanel .jleti-frozen-eyebrow span {
  color: var(--ab-gold-text) !important;
  font-size: 0.84rem !important;
}

.jleti-about-page .jleti-about-valband {
  padding: clamp(1.3rem, 2.6vw, 1.8rem) clamp(1.2rem, 3vw, 2rem);
}

.jleti-about-page .jleti-about-valband-title {
  margin-bottom: 1.1rem;
}

.jleti-about-page .jleti-about-vallist {
  gap: 10px 56px !important;
  grid-template-columns: repeat(2, minmax(0, max-content)) !important;
  justify-content: center !important;
  margin: 0 auto !important;
  max-width: 900px !important;
}

.jleti-about-page .jleti-about-vallist li {
  font-size: 1.05rem !important;
}

@media (max-width: 700px) {
  .jleti-about-page .jleti-about-vallist {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   110. About page — balanced scope panel, burgundy accents
   Added: single-column scope list sized to match the text
   column, bold burgundy scope title, burgundy button, and
   vertically centered text column.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-pubsplit > div:first-child {
  align-self: center;
}

.jleti-about-page .jleti-about-pubsplit .jleti-about-coverpanel {
  padding: 1.3rem 1.6rem 1.4rem 1.6rem;
}

.jleti-about-page .jleti-about-pubsplit .jleti-about-topics {
  columns: 1 !important;
}

.jleti-about-page .jleti-about-pubsplit .jleti-about-topics li {
  font-size: 0.98rem !important;
  line-height: 1.5 !important;
  margin-bottom: 11px !important;
}

.jleti-about-page .jleti-scope-title,
.jleti-about-page .jleti-about-coverpanel .jleti-frozen-eyebrow span {
  color: var(--ab-gold-text) !important;
  font-family: var(--ab-ui) !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.jleti-about-page a.jleti-about-btn-primary {
  background: var(--ab-gold-text) !important;
  border-color: var(--ab-gold-text) !important;
}

.jleti-about-page a.jleti-about-btn-primary:hover {
  background: #5e1a25 !important;
  border-color: #5e1a25 !important;
}


/* =========================================================
   111. About page — reference redesign: icon scope list,
   fields band, and detailed values band
   Added: publishes eyebrow, icon topic list in the scope
   panel, The Fields We Cover band, values with descriptions,
   and navy pill button with arrow.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-pub-eyebrow {
  align-items: center;
  display: flex;
  gap: 12px;
  margin: 0 0 0.4rem 0;
}

.jleti-about-page .jleti-pub-eyebrow span {
  color: var(--ab-gold-text);
  font-family: var(--ab-ui);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.jleti-about-page hr.jleti-pub-eyerule {
  background: var(--ab-gold-text);
  border: 0;
  flex: 0 0 auto;
  height: 1px;
  margin: 0;
  padding: 0;
  width: 44px;
}

.jleti-about-page a.jleti-about-btn-primary {
  background: var(--ab-navy-box) !important;
  border-color: var(--ab-navy-box) !important;
}

.jleti-about-page a.jleti-about-btn-primary:hover {
  background: #16305a !important;
  border-color: #16305a !important;
}

.jleti-about-page .jleti-scope-list {
  display: grid;
  gap: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.jleti-about-page .jleti-scope-list li {
  align-items: center;
  color: var(--ab-slate);
  display: flex;
  font-family: var(--ab-sans);
  font-size: 0.98rem;
  line-height: 1.45;
  min-height: 38px;
  padding-left: 54px;
  position: relative;
}

.jleti-about-page .jleti-scope-list li::before {
  background-color: #ffffff;
  background-image: url("https://jleti.org/public/site/images/leediazz/jleti-icons-3.png");
  background-repeat: no-repeat;
  background-size: 152px 152px;
  border-radius: 50%;
  content: "";
  height: 38px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
}

.jleti-about-page .ico3-chip::before    { background-position: 0 0; }
.jleti-about-page .ico3-spark::before   { background-position: -38px 0; }
.jleti-about-page .ico3-bulb::before    { background-position: -76px 0; }
.jleti-about-page .ico3-search::before  { background-position: -114px 0; }
.jleti-about-page .ico3-shield::before  { background-position: 0 -38px; }
.jleti-about-page .ico3-book::before    { background-position: -38px -38px; }
.jleti-about-page .ico3-scale::before   { background-position: -76px -38px; }
.jleti-about-page .ico3-cap::before     { background-position: -114px -38px; }
.jleti-about-page .ico3-person::before  { background-position: 0 -76px; }
.jleti-about-page .ico3-gavel::before   { background-position: -38px -76px; }
.jleti-about-page .ico3-bank::before    { background-position: -76px -76px; }
.jleti-about-page .ico3-compass::before { background-position: -114px -76px; }

.jleti-about-page .jleti-fields {
  background: #eaf3fb;
  border: 1px solid #b9d3e6;
  border-radius: 14px;
  margin: 0 0 1.4rem 0;
  padding: clamp(1.6rem, 3vw, 2.4rem) clamp(1.3rem, 3vw, 2rem);
  text-align: center;
}

.jleti-about-page .jleti-fields-kicker {
  color: var(--ab-gold-text);
  font-family: var(--ab-ui);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  margin: 0 0 0.35rem 0;
  text-transform: uppercase;
}

.jleti-about-page .jleti-fields-title {
  color: var(--ab-navy);
  font-family: var(--ab-serif);
  font-size: clamp(1.6rem, 2.6vw, 2.2rem);
  font-weight: 600;
  line-height: 1.1;
  margin: 0 0 1.5rem 0;
}

.jleti-about-page .jleti-fields-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.jleti-about-page .jleti-field-card {
  background: #ffffff;
  border: 1px solid rgba(82, 97, 107, 0.16);
  border-radius: 10px;
  padding: 1.3rem 1rem;
}

.jleti-about-page .jleti-field-card .fico {
  background-color: #DCE9F6;
  background-image: url("https://jleti.org/public/site/images/leediazz/jleti-icons-3.png");
  background-repeat: no-repeat;
  background-size: 208px 208px;
  border-radius: 50%;
  display: block;
  height: 52px;
  margin: 0 auto 0.8rem auto;
  width: 52px;
}

.jleti-about-page .fico.f-chip    { background-position: 0 0; }
.jleti-about-page .fico.f-search  { background-position: -156px 0; }
.jleti-about-page .fico.f-shield  { background-position: 0 -52px; }
.jleti-about-page .fico.f-bank    { background-position: -104px -104px; }
.jleti-about-page .fico.f-gavel   { background-position: -52px -104px; }
.jleti-about-page .fico.f-cap     { background-position: -156px -52px; }
.jleti-about-page .fico.f-book    { background-position: -52px -52px; }
.jleti-about-page .fico.f-compass { background-position: -156px -104px; }

.jleti-about-page .jleti-field-card h4 {
  color: var(--ab-navy);
  font-family: var(--ab-serif);
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 0.45rem 0;
}

.jleti-about-page .jleti-field-card p {
  color: var(--ab-slate);
  font-size: 0.86rem;
  line-height: 1.55;
  margin: 0;
}

@media (max-width: 1000px) {
  .jleti-about-page .jleti-fields-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .jleti-about-page .jleti-fields-grid {
    grid-template-columns: 1fr;
  }
}

.jleti-about-page .jleti-val-kicker {
  color: var(--ab-blue);
  font-family: var(--ab-ui);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  margin: 0 0 0.3rem 0;
  text-align: center;
  text-transform: uppercase;
}

.jleti-about-page .jleti-about-vallist2 {
  display: grid;
  gap: 20px 22px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.jleti-about-page .jleti-about-vallist2 li {
  padding-left: 40px;
  position: relative;
}

.jleti-about-page .jleti-about-vallist2 li::before {
  align-items: center;
  border: 1px solid var(--ab-blue);
  border-radius: 50%;
  color: var(--ab-blue);
  content: "\2713";
  display: flex;
  font-size: 0.72rem;
  font-weight: 700;
  height: 27px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 27px;
}

.jleti-about-page .jleti-about-vallist2 .vt {
  color: #faf6ee;
  display: block;
  font-family: var(--ab-serif);
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 0.3rem 0;
}

.jleti-about-page .jleti-about-vallist2 .vd {
  color: rgba(234, 243, 251, 0.78);
  display: block;
  font-family: var(--ab-sans);
  font-size: 0.86rem;
  line-height: 1.5;
}

@media (max-width: 1000px) {
  .jleti-about-page .jleti-about-vallist2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .jleti-about-page .jleti-about-vallist2 {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   112. About page — section eyebrows and fields panel in
   the publishes split
   Added: compact two-column fields panel sized for the
   split layout and wider right column.
   New rules only; nothing above this section was changed.
   ========================================================= */

.jleti-about-page .jleti-about-pubsplit {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
}

.jleti-about-page .jleti-about-pubsplit .jleti-fields {
  margin: 0;
  padding: 1.2rem 1.1rem 1.3rem 1.1rem;
}

.jleti-about-page .jleti-about-pubsplit .jleti-fields-title {
  font-size: 1.35rem;
  margin-bottom: 1rem;
}

.jleti-about-page .jleti-about-pubsplit .jleti-fields-grid {
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.jleti-about-page .jleti-about-pubsplit .jleti-field-card {
  padding: 0.95rem 0.85rem;
}

.jleti-about-page .jleti-about-pubsplit .jleti-field-card h4 {
  font-size: 0.99rem;
}

.jleti-about-page .jleti-about-pubsplit .jleti-field-card p {
  font-size: 0.8rem;
  line-height: 1.5;
}

.jleti-about-page .jleti-about-pubsplit .jleti-field-card .fico {
  background-size: 176px 176px;
  height: 44px;
  margin-bottom: 0.6rem;
  width: 44px;
}

.jleti-about-page .jleti-about-pubsplit .fico.f-chip    { background-position: 0 0; }
.jleti-about-page .jleti-about-pubsplit .fico.f-search  { background-position: -132px 0; }
.jleti-about-page .jleti-about-pubsplit .fico.f-shield  { background-position: 0 -44px; }
.jleti-about-page .jleti-about-pubsplit .fico.f-bank    { background-position: -88px -88px; }
.jleti-about-page .jleti-about-pubsplit .fico.f-gavel   { background-position: -44px -88px; }
.jleti-about-page .jleti-about-pubsplit .fico.f-cap     { background-position: -132px -44px; }
.jleti-about-page .jleti-about-pubsplit .fico.f-book    { background-position: -44px -44px; }
.jleti-about-page .jleti-about-pubsplit .fico.f-compass { background-position: -132px -88px; }

@media (max-width: 560px) {
  .jleti-about-page .jleti-about-pubsplit .jleti-fields-grid {
    grid-template-columns: 1fr !important;
  }
}