/* Sketch Journal system (Sept 2026)
   Shared look for the sketch/journal pages: white paper, sepia type.
   The sketches carry the page; nothing here touches the images.
   Selectors use :not(#sj) to outrank older per-page and site rules. */

/* ---- Header ---- */
html body .light-wrapper:has(h1.sj-title):not(#sj){background:#fff!important;border:0!important}
html body .article-header h1.article-title.sj-title:not(#sj){
  display:flex!important;flex-direction:column-reverse!important;align-items:center!important;gap:10px!important;
  max-width:900px;margin:0 auto!important;padding:0!important;
  font:600 clamp(38px,6vw,56px)/1.05 "Source Serif 4",Georgia,serif!important;
  color:#4a3526!important;letter-spacing:-.005em!important;text-transform:none!important;text-shadow:none!important;text-wrap:balance}
html body h1.sj-title span:not(#sj){display:block!important;font:inherit;color:inherit;letter-spacing:inherit;text-transform:none!important}
html body h1.sj-title .sj-k:not(#sj){font:italic 400 clamp(16px,1.6vw,18px)/1 "Source Serif 4",Georgia,serif!important;color:#9a7b58!important;letter-spacing:.01em!important}
html body .article-header:has(h1.sj-title) p.article-snippet:not(#sj){
  max-width:600px!important;margin:16px auto 0!important;
  font:italic 400 clamp(18px,1.9vw,20px)/1.4 "Source Serif 4",Georgia,serif!important;color:#7a5c40!important;text-wrap:balance}
html body .article-header:has(h1.sj-title) p.article-date:not(#sj){
  margin:14px auto 0!important;font:400 14px/1.3 "Source Serif 4",Georgia,serif!important;
  color:#9a7b58!important;letter-spacing:.02em!important;text-transform:none!important}

html body .article-header:has(h1.sj-title):not(#sj){padding-bottom:clamp(8px,2vw,20px)!important}

/* ---- Entries ---- */
html body.white .white-wrapper h2:not(#sj){
  font:italic 400 clamp(25px,3vw,30px)/1.2 "Source Serif 4",Georgia,serif!important;
  color:#4a3526!important;text-align:center!important;text-transform:none!important;letter-spacing:0!important;text-shadow:none!important;
  margin:clamp(40px,6vw,64px) auto 22px!important;max-width:760px;text-wrap:balance}
html body.white .white-wrapper .container.inner > h2:first-child:not(#sj),html body.white .white-wrapper .spacer20 + h2:not(#sj){margin-top:clamp(28px,4vw,40px)!important}
html body.white .white-wrapper h2:not(#sj)::after{content:"";display:block;width:40px;height:1px;background:#c9ad88;margin:12px auto 0}
html body.white .white-wrapper h3:not(#sj){font-family:"Source Serif 4",Georgia,serif!important;color:#4a3526!important;text-transform:none!important;letter-spacing:0!important}
html body.white .white-wrapper .midpage-caption:not(#sj){
  font:italic 400 15px/1.45 "Source Serif 4",Georgia,serif!important;color:#9a7b58!important}
html body.white .white-wrapper p:not(.midpage-caption):not(#sj),
html body.white .white-wrapper li:not(#sj){color:#3d2f24!important;font-family:"Source Serif 4",Georgia,serif!important}
html body.white .white-wrapper a:not(.btn):not(#sj){color:#8a5a2b!important;text-decoration-color:#c9ad88!important}
html body.white .white-wrapper .firstcharacter:not(#sj){color:#4a3526!important}