/* Bevin's Babes microsite: styles shared by the hub and the story pages. Loaded after /hwc.css. Build 1, 16 October 2026. */

.lastmod { text-align:center; font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.75em; color:#888; margin:0 0 0.8em; }
.reading { max-width: 36em; margin: 0 auto; }
h3 { margin-top: 2em; }
p.byline { font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.8em; color:#777; }

/* breadcrumbs (house style) */
p.crumbs { text-align:center; font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.8em; color:#666; letter-spacing:0.02em; margin:0.4em 0 1em 0; }
p.crumbs a { color:#611010; text-decoration:none; }
p.crumbs .sep { color:#611010; font-size:1.25em; font-weight:bold; line-height:1; padding:0 0.35em; }
p.crumbs .here { color:#333; }

/* previous / contents / next */
.pagenav { display:flex; justify-content:space-between; gap:1em; font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.8em; margin:1em 0; }
.pagenav a { color:#611010; text-decoration:none; }
.pagenav .l, .pagenav .r { flex:1; }
.pagenav .mid { flex:1; text-align:center; }
.pagenav .r { text-align:right; }

/* the group's own summary of each story */
.summary { border-left: 3px solid #c8a06a; background: #faf8f5; padding: 0.2em 1em; margin: 1.2em 0 1.6em; }
.summary p { font-style: italic; font-size: 0.95em; }
.lbl { display:block; font-style:normal; font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.75em; color:#7a5a3a; text-transform:uppercase; letter-spacing:0.05em; margin-bottom:0.3em; }

/* Susan's preface, written before her story begins */
p.pre { font-style: italic; color:#444; }

/* editorial notes in square brackets */
p.ed { color: #7a5a3a; font-style: italic; font-size: 0.9em; margin-top:-0.4em; }

.keybox { border-left: 3px solid #611010; background: #f7f4ef; padding: 0.2em 1em; margin: 1.4em 0; font-size: 0.95em; }
p.totop { text-align: right; font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 0.75em; }
p.totop a { color: #611010; text-decoration: none; }
p.hint { font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.78em; color:#666; line-height:1.5; }

/* source and citation box */
.cite { font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.8em; color:#444; background:#f7f4ef; padding:0.4em 1em; margin:1.5em 0; }
.cite a { color:#611010; }
.cite .lbl { display:inline; margin-right:0.5em; }

/* contents list */
.chlist p.ch { margin: 0 0 1.1em; }
.chlist p.ch a { color:#611010; text-decoration:none; font-weight:bold; }
.chlist p.ch .yrs { color:#777; font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.8em; }
.chlist p.ch .sub { display:block; font-size:0.92em; color:#444; }

/* who's who */
.tablewrap { overflow-x:auto; }
table.who { border-collapse: collapse; font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.78em; line-height:1.45; width:100%; }
table.who th { text-align:left; color:#611010; border-bottom:2px solid #d8cfc0; padding:0.4em 0.5em; }
table.who td { border-bottom:1px solid #e6dfd2; padding:0.45em 0.5em; vertical-align:top; }
table.who a { color:#611010; text-decoration:none; font-weight:bold; }

/* places and themes: em-dash lists with indented turnover lines */
.index p.ix { margin:0 0 0.45em 1.2em; text-indent:-1.2em; font-size:0.95em; }
.index p.ix:before { content:"\2014\00a0"; color:#611010; }
.index .ixl { font-weight: normal; }
.index a { color:#611010; text-decoration:none; }
.index .n { color:#888; font-size:0.85em; }

/* Liz: the two versions side by side */
table.cmp { border-collapse:collapse; font-size:0.88em; margin:1em 0; }
table.cmp th { font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.85em; color:#611010; text-align:left; padding:0.4em; border-bottom:2px solid #d8cfc0; width:50%; }
table.cmp td { vertical-align:top; padding:0.5em; border-bottom:1px solid #e6dfd2; }

/* search */
form.bbsearch { font-family:'Lucida Grande',Verdana,Arial,sans-serif; margin:0.6em 0; display:flex; flex-wrap:wrap; gap:0.4em; align-items:center; }
form.bbsearch label { flex-basis:100%; font-size:0.8em; color:#611010; }
form.bbsearch input[type=search] { flex:1; min-width:12em; font-size:15px; padding:6px 8px; border:1px solid #888; }
form.bbsearch input[type=submit] { font-size:13px; padding:6px 12px; }
form.bbsearch.small { background:#f7f4ef; padding:0.6em 0.8em; }
#bbresults { margin: 0.8em 0 1.5em; }
#bbresults .count { font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.8em; color:#666; }
#bbresults .res { margin: 0 0 1.1em; }
#bbresults .res h4 { margin:0 0 0.2em; font-size:1em; }
#bbresults .res h4 a { color:#611010; text-decoration:none; }
#bbresults .res h4 .n { font-weight:normal; font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.75em; color:#888; }
#bbresults .snip { margin:0.15em 0 0.35em 1.2em; text-indent:-1.2em; font-size:0.9em; color:#333; }
#bbresults .snip:before { content:"\2014\00a0"; color:#611010; }
#bbresults .snip a { color:#333; text-decoration:none; }
#bbresults .snip a:hover { text-decoration:underline; }
mark { background:#f3dfa6; color:inherit; padding:0 0.1em; }
.story p.hit { background:#faf3e0; box-shadow: -0.6em 0 0 #faf3e0, 0.6em 0 0 #faf3e0; transition: background 2s; }
p.clearhl { font-family:'Lucida Grande',Verdana,Arial,sans-serif; font-size:0.78em; background:#faf3e0; padding:0.4em 0.8em; }
p.clearhl a { color:#611010; }

@media (max-width: 600px) {
  table.who, table.who tbody, table.who tr, table.who td { display:block; }
  table.who tr:first-child { display:none; }
  table.who tr { border-bottom:1px solid #d8cfc0; padding:0.4em 0; }
  table.who td { border:none; padding:0.1em 0; }
  table.cmp, table.cmp tbody, table.cmp tr, table.cmp td, table.cmp th { display:block; width:auto; }
}

@media print {
  form, .pagenav, p.totop, #bbresults { display:none; }
}