
/* v63 readability preview: shared sizing for titles and accompanying content. */
:root{--reading-size:24px;--control-size:22px}
body{font-size:var(--reading-size)}
.card,.card>strong,.resource-folder .resource-card>strong,
.preview,.card .preview,.resource-folder .resource-card .preview,
.profile>.preview,.detail-preview,.name,.note,.journal-body,.journal-entry p,
.journal-entry h2,.comment,.comment-text,.muted,.tile span,.other-card span,
.search-result-title,.search-result-preview,.census-person,.census-person strong,
.census-heading,.census-card-preview,.census-empty{
 font-size:var(--reading-size)!important;line-height:1.6!important;
}
.preview strong,.preview em,.preview a{font-size:inherit;line-height:inherit}
.commentbox input,.commentbox textarea,.comment-edit-text,#globalSearchInput{
 font-size:var(--reading-size)!important;line-height:1.6!important;
}
button,.action,.comment-action,.comment-meta,.journal-kind,.section span,
.badge,.search-hint,.search-group h2,footer{font-size:var(--control-size);line-height:1.5}
#siteNav button,.resources-menu button,.resource-menu-node.depth-1>button,
.resource-menu-node.depth-2>button,.resource-menu-node.depth-3>button{
 font-size:var(--control-size);line-height:1.5;min-height:44px;white-space:normal;
}
.resource-card .resource-actions{font-size:var(--reading-size)!important;line-height:1.6!important}
a.action.preview-view-download,a.action.preview-read-more,
.search-result-wrap a.preview-view-download,.search-result-wrap a.preview-read-more{
 font-size:var(--reading-size)!important;line-height:1.6!important;white-space:normal!important;
}
.card,.profile,.detail>div,.journal-entry,.comment,.note,.preview,.resources-menu button{
 min-width:0;overflow-wrap:anywhere;
}
.actions,.section{flex-wrap:wrap;gap:12px}
.resources-menu{min-width:280px;max-width:min(420px,90vw)}
.eyebrow{font-size:16px;line-height:1.5}
.resource-folder>h4,.resource-folder>h5,.resource-folder>h6{font-size:22px}
@media(max-width:680px){
 .profiles{grid-template-columns:1fr}
 .resources-menu{min-width:0;max-width:100%}
 .section{align-items:start}
 .login form{padding:24px}
 .profile .photo{max-height:360px}
}

/* Clear heading hierarchy and neutral high-contrast reading colors. */
:root{--heading-blue:#f5f3ee;--heading-text:#f5f3ee;--body-text:#e4e7e9}
body{color:var(--body-text)}
.preview,.card .preview,.resource-folder .resource-card .preview,.profile>.preview,
.detail-preview,.note,.comment-text,.journal-body,.journal-entry p,
.search-result-preview,.muted,.other-card span,.tile span{color:var(--body-text)}
h1,h2,h3,h4,h5,h6,.name,.card>strong,.tile strong,.other-card strong,
.search-result-title,.census-heading,.journal-entry h2 a{
 color:var(--heading-text);font-weight:400;
}
.card>strong,.resource-folder .resource-card>strong,.name,
.journal-entry h2,.search-result-title,.tile strong,.other-card strong,.census-heading{
 font-size:32px!important;line-height:1.3!important;font-weight:600;
}
.card>strong{display:block;margin-bottom:8px}
main h1{font-size:44px;line-height:1.2}
.section h2,.resource-folder>h2,.note h2,.journal-body h2{font-size:38px;line-height:1.3}
.resource-folder>h3,.note h3,.journal-body h3{font-size:36px;line-height:1.3}
.resource-folder>h4,.resource-folder>h5,.resource-folder>h6,
.note h4,.note h5,.note h6,.journal-body h4,.journal-body h5,.journal-body h6{
 font-size:34px;line-height:1.3;
}
.comment-meta,.journal-kind,.section span,.badge{color:#cbd2d7}

/* Reading controls remain as legible as the text they act on. */
.actions .action,.login input,.login button{
 font-size:var(--reading-size)!important;line-height:1.5!important;
}
button,.action{min-height:44px}
.resource-card .resource-actions>a{color:#bce4ff!important;text-decoration:underline!important;text-underline-offset:3px}
.resources-menu button{padding-top:10px;padding-bottom:10px}
/* Wrap between actions, never in the middle of an action label. */
.resource-card .resource-actions>a.action.preview-view-download,
.resource-card .resource-actions>a.action.preview-read-more{
 display:inline-block!important;white-space:nowrap!important;overflow-wrap:normal;
 color:#bce4ff!important;text-decoration:underline!important;
}

/* Preview experiment: hierarchy through size and spacing, without bold. */
html body,html body *,html body *::before,html body *::after{
 font-weight:400!important;
}

/* Abstract blue light and curved bands; decorative and behind the title. */
.home-art{position:relative;isolation:isolate;overflow:hidden;padding:40px 28px;
 background:radial-gradient(ellipse at 95% 5%,#287eae88,transparent 55%),linear-gradient(120deg,#061522,#103b56);border:1px solid #285b76}
.home-art::before,.home-art::after{content:"";position:absolute;z-index:-1;width:650px;height:400px;border:1px solid #72c6ec55;border-radius:50%;right:-240px;top:-160px;transform:rotate(-25deg);box-shadow:0 0 0 35px #65b9de12,0 0 0 70px #65b9de12,0 0 0 105px #65b9de12}
.home-art::after{right:-350px;top:40px;transform:rotate(25deg);opacity:.6}
.home-art h1,.home-art p,.home-art .eyebrow{position:relative;max-width:850px}
.bulletin-board .note{min-height:80px}.discussion-pages{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px}
@media(max-width:680px){.home-art{padding:28px 18px}.home-art h1{font-size:38px}.discussion-pages{flex-direction:column;align-items:flex-start}}

/* No empty image column on individual profiles without photos. */
.detail.no-photo{grid-template-columns:minmax(0,1fr)}

/* Restore author-written Markdown emphasis, without bolding UI headings. */
html body .preview strong,html body .note strong,html body .journal-body strong{
 font-weight:600!important;font-size:inherit!important;line-height:inherit!important;
}

/* v64 Midnight brass: shared site palette; typography and layout retained. */
:root{
 color-scheme:dark;
 --midnight:#0c1724;--navy:#14263a;--ocean:#24475f;
 --paper:#f5f1e9;--reading:#d0dbe2;--secondary:#b8c9d4;
 --brass:#e2c794;--line:#3e596c;--link:#b9daef;
 --heading-blue:var(--paper);--heading-text:var(--paper);
 --body-text:var(--reading);--link-blue:var(--link);
}
body{background:var(--midnight);color:var(--reading)}
header,.global-search{background:var(--midnight);border-color:var(--line)}
footer{color:var(--secondary);border-color:var(--line)}
.brand i,.logo{background:var(--navy);color:var(--brass);border-color:var(--brass)}
.brand b{color:var(--paper)}
.brand small,.eyebrow,.search-group h2,.search-result-kind{color:var(--brass)}
.hero,.section,.search-group,.comment,.search-result-wrap{border-color:var(--line)}
.home-art{
 background:radial-gradient(ellipse at 95% 5%,#467fa655,transparent 55%),linear-gradient(120deg,var(--navy),var(--ocean));
 border-color:var(--line);
}
.home-art::before,.home-art::after{
 border-color:#9dc1d44a;
 box-shadow:0 0 0 35px #95b9ce0b,0 0 0 70px #95b9ce0b,0 0 0 105px #95b9ce0b;
}
.hero h1,h1,h2,h3,h4,h5,h6,.profile .name,.profile.person .name,
.profile.place .name,.card>strong,.tile strong,.other-card strong,
.search-result-title,.census-heading,.census-person strong,.journal-entry h2{
 color:var(--paper);
}
.hero p,.preview,.card .preview,.card .muted,.resource-folder .resource-card .preview,
.profile>.preview,.profile.place>.preview,.detail-preview,.note,.comment-text,
.comment,.journal-body,.journal-entry p,.search-result-preview,.muted,
.other-card span,.tile span,.census-person,.census-card-preview,.census-empty,
.preview strong,.card .preview strong,.profile .preview strong,.detail-preview strong{
 color:var(--reading);
}
.comment-meta,.journal-kind,.section span,.badge,.commentbox .muted,
.search-hint,.census-person span:not(:last-child)::after{color:var(--secondary)}
.card,.profile,.profile.place,.profile.place>.preview,.note,.commentbox,
.journal-entry,.census-block,.detail-photo,.search-result,.search-result-wrap{
 background:var(--navy);border-color:var(--line);
}
.card,.journal-entry,.census-block{border-left-color:var(--brass)}
.tile,.other-card{background:linear-gradient(145deg,var(--navy),#1b3449);border-color:var(--line)}
.tile .num{color:var(--brass)}
.photo,.placeholder{background:linear-gradient(145deg,var(--navy),var(--ocean));color:var(--brass)}
button,.action,.comment-action,.logout-button{
 background:var(--navy);color:var(--paper);border-color:var(--line);
}
button:hover,.action:hover,.card:hover,.other-card:hover,.tile:hover,.profile:hover{
 border-color:var(--brass);
}
button:hover,.action:hover,.search-result:hover{background:var(--ocean)}
.resources-menu,.global-search-results{background:var(--navy);border-color:var(--line)}
.resources-menu button,.resource-menu-node.depth-1>button,
.resource-menu-node.depth-2>button,.resource-menu-node.depth-3>button{
 background:transparent;color:var(--reading);
}
.resources-menu button:hover,.resources-menu button:focus-visible{
 background:var(--ocean);color:var(--paper);
}
.search-toggle,.menu-toggle,.search-close{color:var(--brass)}
.search-close{background:transparent}
.search-toggle:hover,.search-toggle:focus-visible{color:var(--paper);outline-color:var(--brass)}
.search-match{background:var(--brass);color:var(--midnight)}
.badge{background:var(--ocean);border-color:var(--line);color:var(--paper)}
a,.note a,.preview a,.card .preview a,.profile .preview a,.detail-preview a,
.journal-entry h2 a,.search-result-preview a{color:var(--link);text-decoration-color:currentColor}
.preview a:visited,.card .preview a:visited,.profile .preview a:visited,
.detail-preview a:visited,.journal-entry h2 a:visited{color:#d0c9e7}
.resource-card .resource-actions,
a.preview-view-download,a.preview-read-more,
.resource-card .resource-actions>a,
.resource-card .resource-actions>a.action.preview-view-download,
.resource-card .resource-actions>a.action.preview-read-more{
 color:var(--link)!important;
}
a.preview-view-download:hover,a.preview-view-download:focus-visible,
a.preview-read-more:hover,a.preview-read-more:focus-visible{color:var(--paper)!important}
.login form{background:var(--navy);border-color:var(--line)}
.login input,.commentbox input,.commentbox textarea,.comment-edit-text,.global-search input{
 background:var(--midnight);color:var(--paper);border-color:#708b9e;
}
input::placeholder,textarea::placeholder{color:var(--secondary);opacity:1}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.global-search input:focus,.comment-edit-text:focus{
 border-color:var(--brass);outline-color:var(--brass);box-shadow:0 0 0 1px var(--brass);
}
.welcome-splash{background:radial-gradient(ellipse at 80% 15%,#467fa633,transparent 55%),var(--midnight)}
.welcome-panel h1{color:var(--paper)}
#loginError{color:#ffc2ca}
.comment-action.danger{color:#ffc2ca;border-color:#aa7180}
@media(max-width:900px){#siteNav{background:var(--midnight);border-color:var(--line)}}
