/* Shared presentation refinements; preserve the original navy/gold palette. */
:root{--jh-navy:#08285b;--jh-gold:#b89432;--jh-border:#dfe5ec;--jh-soft:#f7f8fa}
body{padding-top:0!important;font-family:'Source Sans Pro',Arial,'Helvetica Neue',sans-serif!important;line-height:1.65}
.font-body{font-family:'Source Sans Pro',Arial,'Helvetica Neue',sans-serif!important}
h1{font-size:clamp(2.15rem,4.3vw,3.8rem)!important;line-height:1.12!important;letter-spacing:-.025em;text-wrap:balance}
h2{line-height:1.25!important;text-wrap:balance}
p,li{overflow-wrap:break-word}
img,video,iframe{max-width:100%}
#backup-preview-bar{box-sizing:border-box;width:100%;padding:9px max(20px,calc((100vw - 1200px)/2));font-size:12px;line-height:1.5;background:var(--jh-navy);border-bottom:1px solid #ffffff26}
#divSticky{position:relative!important;top:auto!important;box-shadow:0 1px 0 var(--jh-border)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--jh-gold)!important;outline-offset:3px}
button,input,select,textarea{font:inherit}
#jh-independent-inquiry input:not([type=checkbox]),#jh-independent-inquiry select,#jh-independent-inquiry textarea{border-radius:8px;min-height:46px}
#jh-independent-inquiry button[type=submit]{min-height:48px;border-radius:8px}
.journal-card{border:1px solid var(--jh-border);box-shadow:0 3px 14px #08285b08}
.journal-card-content h2{font-size:1.3rem!important;line-height:1.35!important}
.journal-card-content p{line-height:1.65}
.jh-wrap{width:min(100% - 48px,1160px)!important;margin-inline:auto!important}
.jh-wrap h2{margin-top:1.6em;margin-bottom:.65em}
.jh-wrap li+li{margin-top:.45em}
.jh-wrap .jh-callout{border-left-color:var(--jh-gold)!important;border-radius:10px;line-height:1.7}
#backup-mobile-menu{box-sizing:border-box;max-width:100%;padding:20px;overscroll-behavior:contain}
#backup-mobile-menu>button:first-child{color:var(--jh-navy);font-weight:700;border-bottom:1px solid var(--jh-border);margin-bottom:12px}
#backup-mobile-menu a,#backup-mobile-menu button{min-height:44px;border-radius:6px}
#backup-mobile-menu a:hover,#backup-mobile-menu button:hover{background:var(--jh-soft)}
@media(max-width:640px){
 h1{font-size:clamp(2rem,8vw,2.6rem)!important;line-height:1.15!important}
 h2{font-size:clamp(1.45rem,6vw,2rem)!important}
 .jh-wrap{width:calc(100% - 36px)!important}
 #backup-preview-bar{padding:8px 18px;gap:3px 12px}
 #backup-preview-bar strong{width:100%}
 .jh-grid{grid-template-columns:1fr!important;gap:22px!important}
 table{display:block;max-width:100%;overflow-x:auto}
 .journal-card-content h2{font-size:1.3rem!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Keep article introductions compact, with the original dark header and gold accent. */
.jh-article-page .relative.max-w-7xl.py-24:has(h2.text-white){padding-top:36px!important;padding-bottom:36px!important}
.jh-article-page .relative.max-w-7xl.py-24 h2{font-family:'Source Sans Pro',Arial,sans-serif!important;font-size:1.8rem!important}
.jh-article-page .ProseMirror{line-height:1.8;max-width:72ch}
.jh-article-page .ProseMirror h2{margin-top:2em;margin-bottom:.75em}
.jh-article-page .ProseMirror p{margin-block:1.1em}
