/* Homepage workshop journal only. The original coin hero is untouched. */
#workshops.workshops-journal {
  --journal-ink: #203d5b;
  --journal-muted: #52667b;
  --journal-paper: #fcfaf5;
  --journal-border: #cfdae3;
  --journal-blue: #e8eff9;
  --journal-green: #e5eee7;
  --journal-green-ink: #2e624d;
  --journal-gold: #f6eacc;
  --journal-gold-ink: #735321;
  padding: 75px max(24px, 7vw) 90px;
  color: var(--journal-ink);
  background: linear-gradient(180deg, transparent, #f0ede55c 40%, transparent);
}
#workshops .workshop-heading { max-width: 1240px; margin: 0 auto 34px; text-align: start; }
#workshops .workshop-heading .eyebrow { margin: 0 0 12px; color: var(--journal-gold-ink); font: 600 12px/1.5 DM, sans-serif; letter-spacing: .14em; }
#workshops .workshop-heading h2 { margin: 0; color: var(--journal-ink); font: 500 clamp(36px, 4.4vw, 60px)/1.15 Cormorant, Georgia, serif; }
#workshops .workshop-intro { margin: 14px 0 0; color: var(--journal-muted); font: 400 16px/1.7 DM, sans-serif; }
#workshops .workshop-gallery { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); align-items: start; gap: 32px; max-width: 1240px; margin: auto; direction: ltr; }
#workshops .workshop-content { min-width: 0; direction: ltr; }
#workshops .workshop-painting { min-width: 0; margin: 0; padding: 10px; border: 1px solid #b899613d; border-radius: 23px; background: var(--journal-paper); box-shadow: 0 14px 40px #27415c0b; }
#workshops .workshop-painting picture { display: block; overflow: hidden; border-radius: 15px; }
#workshops .workshop-painting img { display: block; width: 100%; height: auto; aspect-ratio: 4/5; object-fit: cover; }
#workshops .workshop-painting figcaption { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 6px 7px; color: var(--journal-muted); font: 400 13px/1.5 DM, sans-serif; }
#workshops .workshop-painting figcaption > span:last-child { font: italic 16px/1.5 Cormorant, Georgia, serif; white-space: nowrap; color: var(--journal-gold-ink); }
#workshops .workshop-reminder { display: flex; flex-direction: column; align-items: stretch; gap: 20px; max-width: none; margin: 0; padding: 28px; border: 1px solid var(--journal-border); border-radius: 22px; background: var(--journal-blue); box-shadow: none; color: var(--journal-ink); }
#workshops .workshop-reminder::before { display: none; }
#workshops .workshop-next-label { display: flex; align-items: center; justify-content: space-between; gap: 16px; font: 600 12px/1.5 DM, sans-serif; letter-spacing: .08em; color: var(--journal-ink); }
#workshops .workshop-soon { padding: 5px 12px; border-radius: 100px; background: var(--journal-gold); color: var(--journal-gold-ink); letter-spacing: 0; }
#workshops .reminder-kicker { display: none; }
#workshops .workshop-reminder h3 { color: var(--journal-ink); margin-bottom: 10px; font-size: 36px; }
#workshops .reminder-copy > p:last-child { color: var(--journal-muted); max-width: 470px; }
#workshops .reminder-form label { color: var(--journal-ink); }
#workshops .reminder-field { box-shadow: none; border-color: #a4b9cf; border-radius: 13px; }
#workshops .reminder-field button { background: #315989; border-radius: 9px; min-height: 44px; }
#workshops .reminder-field button:hover:not(:disabled) { background: #244775; }
#workshops .reminder-field:focus-within { outline: 3px solid #658ac0; }
#workshops .reminder-privacy { color: var(--journal-muted); margin-top: 12px; line-height: 1.7; }
#workshops .reminder-privacy a { color: var(--journal-ink); }
#workshops .reminder-feedback:empty { display: none; }
#workshops .workshop-history { margin-top: 25px; }
#workshops .workshop-history-label { margin: 0 3px 12px; color: var(--journal-muted); font: 600 11px/1.6 DM, sans-serif; letter-spacing: .1em; }
#workshops .workshop-archive { overflow: hidden; border: 1px solid var(--journal-border); border-radius: 22px; background: var(--journal-paper); }
#workshops .workshop-archive > summary { display: block; list-style: none; cursor: pointer; padding: 22px 26px; transition: background .2s ease; }
#workshops .workshop-archive > summary::-webkit-details-marker { display: none; }
#workshops .workshop-archive > summary:hover { background: #91ad9410; }
#workshops .workshop-archive > summary:focus-visible { outline: 3px solid #5379ae; outline-offset: -5px; border-radius: 22px; }
#workshops .archive-topline, #workshops .archive-summary-main, #workshops .archive-summary-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#workshops .archive-topline { flex-wrap: wrap; margin-bottom: 20px; font: 400 12px/1.6 DM, sans-serif; }
#workshops .workshop-completed { padding: 5px 12px; border-radius: 100px; background: var(--journal-green); color: var(--journal-green-ink); font-weight: 600; }
#workshops .archive-date { color: var(--journal-muted); }
#workshops .edition-partner { display: flex; align-items: center; gap: 14px; min-width: 0; }
#workshops .edition-partner img { width: 44px; height: 44px; object-fit: contain; flex: none; }
#workshops .archive-partner-name { display: block; color: var(--journal-ink); font: 500 22px/1.5 DM, sans-serif; }
#workshops .archive-subtitle { display: block; margin-top: 5px; color: var(--journal-muted); font: 400 12px/1.7 DM, sans-serif; }
#workshops .archive-toggle { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border: 1px solid var(--journal-border); border-radius: 50%; color: var(--journal-ink); font: 300 24px/1 DM, sans-serif; transition: transform .2s ease; }
#workshops .archive-summary-bottom { margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--journal-border); font: 400 12px/1.6 DM, sans-serif; color: var(--journal-muted); }
#workshops .archive-open-label, #workshops .archive-close-label { color: var(--journal-ink); text-decoration: underline; text-underline-offset: 4px; }
#workshops .archive-close-label { display: none; }
#workshops .workshop-archive[open] .archive-open-label { display: none; }
#workshops .workshop-archive[open] .archive-close-label { display: inline; }
#workshops .workshop-archive[open] .archive-toggle { transform: rotate(45deg); }
#workshops .archive-details { padding: 0 26px 24px; border-top: 1px solid var(--journal-border); }
#workshops .archive-topics { display: grid; gap: 9px; list-style: none; padding: 20px 0 0; margin: 0; }
#workshops .archive-topics li { display: grid; grid-template-columns: 65px minmax(0,1fr); align-items: center; gap: 15px; padding: 12px 14px; border-radius: 10px; color: var(--journal-ink); background: var(--journal-blue); }
#workshops .archive-topics li:nth-child(2) { background: var(--journal-green); }
#workshops .archive-topics li:nth-child(3) { background: var(--journal-gold); }
#workshops .archive-day { font: 500 11px/1.5 DM, sans-serif; color: var(--journal-muted); }
#workshops .archive-topics h3 { font: 500 14px/1.55 DM, sans-serif; margin: 0; }
#workshops .archive-times { color: var(--journal-muted); font: 400 12px/1.8 DM, sans-serif; margin: 17px 0; }
#workshops .archive-venue { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding-top: 15px; border-top: 1px solid var(--journal-border); text-decoration: none; color: var(--journal-ink); font: 500 13px/1.7 DM, sans-serif; }
#workshops .archive-venue:hover > span:first-child > span { text-decoration: underline; text-underline-offset: 4px; }
#workshops .archive-venue small { display: block; margin-top: 4px; color: var(--journal-muted); font-size: 11px; }
html[lang=ar] #workshops .workshop-content, html[lang=ar] #workshops .workshop-painting figcaption { direction: rtl; }
html[lang=ar] #workshops .workshop-heading .eyebrow { font: 500 15px/1.6 ThmanyahSans, sans-serif; letter-spacing: 0; }
html[lang=ar] #workshops .workshop-heading h2 { font: 500 clamp(34px, 4vw, 54px)/1.5 ThmanyahDisplay, serif; }
html[lang=ar] #workshops .workshop-intro { font: 500 18px/1.7 ThmanyahText, serif; }
html[lang=ar] #workshops .workshop-painting figcaption { font: 500 16px/1.6 ThmanyahText, serif; }
html[lang=ar] #workshops .workshop-next-label, html[lang=ar] #workshops .workshop-history-label, html[lang=ar] #workshops .archive-topline, html[lang=ar] #workshops .archive-summary-bottom { font: 500 13px/1.7 ThmanyahSans, sans-serif; letter-spacing: 0; }
html[lang=ar] #workshops .workshop-reminder h3 { font: 500 33px/1.45 ThmanyahDisplay, serif; }
html[lang=ar] #workshops .archive-partner-name { font: 500 27px/1.5 ThmanyahDisplay, serif; }
html[lang=ar] #workshops .archive-subtitle { font: 500 14px/1.7 ThmanyahSans, sans-serif; }
html[lang=ar] #workshops .archive-day { font: 500 12px/1.6 ThmanyahSans, sans-serif; }
html[lang=ar] #workshops .archive-topics h3 { font: 500 17px/1.6 ThmanyahText, serif; }
html[lang=ar] #workshops .archive-times, html[lang=ar] #workshops .archive-venue { font: 500 14px/1.8 ThmanyahSans, sans-serif; }
html[lang=ar] #workshops .archive-venue small { font-size: 12px; }
html[data-theme=dark] #workshops.workshops-journal {
  --journal-ink: #edf2f7; --journal-muted: #b7c7d5; --journal-paper: #132231;
  --journal-border: #3c5163; --journal-blue: #192f48; --journal-green: #203d38;
  --journal-green-ink: #b2dcc5; --journal-gold: #433825; --journal-gold-ink: #e5c894;
  background: linear-gradient(180deg, transparent, #17263566 40%, transparent);
}
@media (max-width: 1050px) {
  #workshops.workshops-journal { padding-inline: 28px; }
  #workshops .workshop-gallery { gap: 22px; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }
  #workshops .workshop-reminder { padding: 23px; }
  #workshops .workshop-painting figcaption { flex-wrap: wrap; gap: 3px; }
}
@media (max-width: 760px) {
  #workshops.workshops-journal { padding: 45px 20px 55px; }
  #workshops .workshop-heading { margin-bottom: 24px; }
  #workshops .workshop-gallery { grid-template-columns: minmax(0,1fr); gap: 25px; }
  #workshops .workshop-painting img { height: 295px; aspect-ratio: auto; object-position: 50% 69%; }
  #workshops .workshop-painting figcaption { flex-wrap: nowrap; font-size: 12px; padding-top: 12px; }
  #workshops .workshop-painting figcaption > span:last-child { font-size: 14px; }
  #workshops .workshop-reminder { padding: 22px; gap: 19px; }
  #workshops .workshop-archive > summary { padding: 20px; }
  #workshops .archive-details { padding-inline: 20px; }
  #workshops .archive-summary-main { gap: 9px; }
  #workshops .edition-partner { gap: 11px; }
  #workshops .edition-partner img { width: 36px; height: 36px; }
  #workshops .archive-subtitle { font-size: 11px; }
  html[lang=ar] #workshops .archive-subtitle { font-size: 12px; }
  html[lang=ar] #workshops .archive-topline, html[lang=ar] #workshops .archive-summary-bottom { font-size: 12px; }
}
@media (max-width: 370px) {
  #workshops.workshops-journal { padding-inline: 14px; }
  #workshops .workshop-reminder { padding: 19px; }
  #workshops .archive-topics li { grid-template-columns: 1fr; gap: 4px; }
  #workshops .archive-summary-bottom { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  #workshops .workshop-archive > summary, #workshops .archive-toggle { transition: none; }
}