/* Authored stationery finish. Scope is ONLY the journey; the hero is locked. */
#jaeide-journey{padding:76px 24px 70px;background:radial-gradient(ellipse at 50% 45%,#30434235,transparent 66%),#0d1011}
#jaeide-journey .jxj-overline{font-size:10px;letter-spacing:.22em;color:#90c8bb}
#jaeide-journey .jxj-series{font-family:var(--serif,Georgia,serif);font-size:clamp(34px,4.4vw,58px);line-height:1.08;margin-bottom:15px;text-shadow:0 3px 10px #0007}
#jaeide-journey .jxj-series span{color:#e1c594}
#jaeide-journey .jxj-subtitle{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#cbc4b4}
#jaeide-journey .jxj-intro{margin-bottom:34px}
#jaeide-journey .jxj-folio{max-width:960px;padding:24px;border:1px solid #e8ce9d;border-radius:9px;background:linear-gradient(137deg,#f6e5bc 0%,#88704b 1%,#202728 2%,#424b4b 3%,#171d1f 5%,#101617 85%,#34403e 97%,#e5c797 99%,#7d6443 100%);box-shadow:0 34px 65px #0009,0 9px 0 #080d0e,0 10px 0 #756447,inset 0 1px 2px #fff9,inset 0 -2px 3px #000c}
#jaeide-journey .jxj-folio:before{inset:8px;border:1px solid #c9ae7977;border-radius:5px;box-shadow:inset 0 1px #fff2,0 0 0 1px #070b0c}
#jaeide-journey .jxj-folio:after{content:'';position:absolute;inset:0;border-radius:9px;pointer-events:none;background:linear-gradient(125deg,#fff3,transparent 14%,transparent 82%,#e8ce9d18);mix-blend-mode:screen}
#jaeide-journey .jxj-paper{padding:48px 60px 35px;min-height:0;border:1px solid #a18b5e88;background:radial-gradient(ellipse at 0 0,#52746b22,transparent 58%),repeating-linear-gradient(0deg,#ffffff01 0 1px,transparent 1px 4px),linear-gradient(112deg,#23302e,#141d1e 53%,#182324);box-shadow:inset 7px 0 18px #0005,inset 0 1px #e1d1a529,0 7px 13px #0009}
#jaeide-journey .jxj-paper:before,#jaeide-journey .jxj-paper:after{width:44px;height:44px;border-color:#e2c58c;filter:drop-shadow(0 1px 1px #000)}
#jaeide-journey .jxj-ribbon{right:43px;width:45px;height:122px;background:linear-gradient(90deg,#093c36,#136b5d 18%,#59ad93 47%,#1b6b5b 71%,#07352f);border-color:#b7e5c877;filter:drop-shadow(5px 6px 4px #0008)}
#jaeide-journey .jxj-mast{gap:19px;margin-bottom:28px}
#jaeide-journey .jxj-seal{width:55px;height:55px;flex-basis:55px;border:1px solid #e8d1a0;outline-color:#c5a76e88;background:radial-gradient(circle at 35% 25%,#506961,#1b302c 50%,#0d1d1b 75%);box-shadow:inset 0 2px 3px #fff3,inset 0 -4px 8px #0007,0 5px 8px #0007;font-family:var(--serif,Georgia,serif);color:#efd9ad;font-size:32px}
#jaeide-journey .jxj-mast p{font-size:9px;letter-spacing:.15em;line-height:1.9}
#jaeide-journey .jxj-mast span{font-size:8px;letter-spacing:.1em}
#jaeide-journey .jxj-title{font-family:var(--serif,Georgia,serif);font-size:clamp(34px,4.1vw,53px);line-height:1.05;margin-bottom:22px;letter-spacing:-.025em;max-width:650px}
#jaeide-journey .jxj-title em{color:#dfc797}
#jaeide-journey .jxj-line{width:105px;background:linear-gradient(90deg,#f3dfb4,#b99b65 60%,transparent);margin-bottom:27px}
#jaeide-journey .jxj-reading{max-width:680px}
#jaeide-journey .jxj-stanza{font-family:var(--serif,Georgia,serif);font-size:21px;line-height:1.42;margin-bottom:23px;color:#e9e6db}
#jaeide-journey .jxj-details{margin-top:20px}
#jaeide-journey .jxj-details summary{padding:13px 18px;border:1px solid #b79d6a;border-radius:3px;background:linear-gradient(120deg,#ffffff08,#0002);color:#e9d3a8;font-size:10px;letter-spacing:.1em;min-height:48px;min-width:200px;justify-content:space-between;box-shadow:inset 0 1px #fff1,0 3px 7px #0003}
#jaeide-journey .jxj-details summary:hover{background:#d0b88012}
#jaeide-journey .jxj-signoff{margin-top:28px;padding-top:23px;border-color:#b99d6355}
#jaeide-journey .jxj-signature{font-family:var(--serif,Georgia,serif);font-style:italic;font-size:38px;color:#e7c98e;text-shadow:0 2px 2px #0005}
#jaeide-journey .jxj-signature small{font-size:8px;letter-spacing:.15em;color:#9dbab0}
#jaeide-journey .jxj-road{width:145px;height:60px;color:#bfa573}
#jaeide-journey .jxj-actions{gap:15px;margin-top:33px}
#jaeide-journey .jxj-primary,#jaeide-journey .jxj-share{background:linear-gradient(125deg,#283a3555,#0e1a18);border:1px solid #d2b884;color:#e8d5af;font-size:10px;letter-spacing:.09em;box-shadow:inset 0 1px #fff2,0 4px 9px #0005;min-height:50px}
#jaeide-journey .jxj-share{border-color:#6b978a;color:#b9dacf}
#jaeide-journey .jxj-primary:hover,#jaeide-journey .jxj-share:hover{background:#304c43}
#jaeide-journey .jxj-note{font-size:11px;line-height:1.8;max-width:550px;color:#b8c0b8}
@media(min-width:800px){#jaeide-journey .jxj-reading>p{display:inline-block;vertical-align:top;width:48%;padding-right:12px}#jaeide-journey .jxj-reading>p:nth-of-type(even){padding-left:25px;border-left:1px solid #b29a6833}#jaeide-journey .jxj-details{width:100%}}
@media(max-width:650px){#jaeide-journey{padding:50px 16px}#jaeide-journey .jxj-folio{padding:15px;border-radius:6px}#jaeide-journey .jxj-paper{padding:33px 23px 28px}#jaeide-journey .jxj-ribbon{right:28px;width:29px;height:92px}#jaeide-journey .jxj-mast{gap:15px;margin-bottom:25px}#jaeide-journey .jxj-mast p{font-size:8px;letter-spacing:.06em}#jaeide-journey .jxj-mast span{font-size:7px;letter-spacing:.025em}#jaeide-journey .jxj-seal{width:42px;height:42px;flex-basis:42px;font-size:27px}#jaeide-journey .jxj-stanza{font-size:19px;line-height:1.5}#jaeide-journey .jxj-title{font-size:36px}#jaeide-journey .jxj-signature{font-size:33px}#jaeide-journey .jxj-road{width:80px}#jaeide-journey .jxj-paper:before,#jaeide-journey .jxj-paper:after{width:24px;height:24px}#jaeide-journey .jxj-primary,#jaeide-journey .jxj-share{width:100%;letter-spacing:.025em}}

/* Crisp reading finish, scoped below the locked hero and contribution console. */
/* Preserve the live desktop; retain the earlier reading finish on phones only. */
@media(max-width:600px) {
#jaeide-journey {
  --jxj-finish-line: color-mix(in oklab,var(--jxj-gold) 70%,var(--jxj-ivory));
  --jxj-finish-hairline: color-mix(in oklab,var(--jxj-gold) 45%,transparent);
  --jxj-finish-surface: color-mix(in oklab,var(--jxj-tone-17) 92%,var(--jxj-jade));
  --jxj-finish-shadow: 0 4px 12px var(--jxj-tone-21);
}
#jaeide-journey :is(.jxj-series,.jxj-title) {
  font-weight:500;letter-spacing:0;text-shadow:none;
}
#jaeide-journey .jxj-series {font-size:54px;line-height:1.12}
#jaeide-journey .jxj-title {font-size:50px;line-height:1.12}
#jaeide-journey :is(.jxj-overline,.jxj-subtitle,.jxj-mast p,.jxj-mast span,.jxj-signature small,.jxj-note,.jxj-share-status) {
  font-family:var(--sans,Arial,sans-serif);letter-spacing:0;
}
#jaeide-journey .jxj-overline {font-size:12px;color:var(--jxj-jade)}
#jaeide-journey .jxj-subtitle {font-size:13px;color:var(--jxj-muted)}
#jaeide-journey .jxj-mast p {font-size:11px;line-height:1.7}
#jaeide-journey .jxj-mast span {font-size:10px}
#jaeide-journey .jxj-paper {border-color:var(--jxj-finish-hairline)}
#jaeide-journey .jxj-paper:before,#jaeide-journey .jxj-paper:after {
  border-color:var(--jxj-finish-line);filter:none;opacity:1;
}
#jaeide-journey .jxj-line {background:var(--jxj-finish-line);width:105px}
#jaeide-journey .jxj-stanza {line-height:1.55;color:var(--jxj-ivory)}
#jaeide-journey .jxj-signoff {border-color:var(--jxj-finish-hairline)}
#jaeide-journey .jxj-signature {font-family:Parisienne,cursive;font-style:normal;font-weight:400;font-size:42px}
#jaeide-journey .jxj-signature small {font-size:11px;line-height:1.6;color:var(--jxj-jade)}
#jaeide-journey :is(.jxj-details summary,.jxj-primary,.jxj-share) {
  font-family:var(--sans,Arial,sans-serif);font-size:12px;font-weight:600;
  line-height:1.5;letter-spacing:0;border-color:var(--jxj-finish-line);
  background:var(--jxj-finish-surface);box-shadow:var(--jxj-finish-shadow);
}
#jaeide-journey .jxj-details summary {padding:14px 20px;min-width:220px}
#jaeide-journey .jxj-share {border-color:var(--jxj-jade);color:var(--jxj-jade)}
#jaeide-journey .jxj-note {font-size:13px;line-height:1.8;color:var(--jxj-muted)}
#jaeide-journey .jxj-share-status {font-size:12px}
@media(min-width:800px) {
  #jaeide-journey .jxj-reading>p:nth-of-type(even) {border-color:var(--jxj-finish-hairline)}
}
@media(max-width:650px) {
  #jaeide-journey .jxj-series {font-size:36px}
  #jaeide-journey .jxj-title {font-size:34px}
  #jaeide-journey .jxj-mast {padding-right:10px}
  #jaeide-journey .jxj-mast p {font-size:10px}
  #jaeide-journey .jxj-mast span {font-size:9px}
  #jaeide-journey .jxj-signoff {gap:12px}
  #jaeide-journey .jxj-signature {font-size:36px}
  #jaeide-journey .jxj-signature small {font-size:10px}
  #jaeide-journey .jxj-road {width:55px;flex-shrink:0}
  #jaeide-journey .jxj-details summary {min-width:0;width:100%}
}
}

/* Phone-only fit: keep the letter mast clear of the existing satin ribbon. */
@media(max-width:600px){
 #jaeide-journey .jxj-mast{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding-right:22px;min-width:0}
 #jaeide-journey .jxj-mast p{min-width:0;font-size:10px;line-height:1.5;overflow-wrap:break-word}
 #jaeide-journey .jxj-mast span{font-size:10px}
 #jaeide-journey .jxj-signature{min-width:0}
 #jaeide-journey .jxj-signature small{font-size:10px;line-height:1.5}
 #jaeide-journey .jxj-stanza{font-size:19px;line-height:1.5}
}
