body { margin: 20px auto; max-width: 85ch; font-size: 18px; overflow-x: hidden; }
h1 { text-align: left; }
p { line-height: 1.6; }
.site { text-align: right; }
code, pre { font-family: 'MesloLGS Nerd Font', monospace; font-size:0.9em; }
pre { background: #f4f4f4; padding: 0.5ch 1ch; font-size:0.9em; }

/* side-by-side layout: text on left, stacked logos on right */
.side-by-side { display:flex; gap:1.5ch; align-items:stretch; }
.side-by-side .text { flex:1; }
.side-by-side .text p { margin:0; line-height:1.6; }

/* control logo sizes: horizontal layout with smaller images */
.side-by-side .logos { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:10px; height:auto; max-height:120px; transform:translateX(-40px); }
.side-by-side .logos img { display:block; height:80px; width:auto; }
.side-by-side .logos img + img { margin-top:0; }

/* text column normal flow */
.side-by-side .text { display:block; }
.side-by-side .text p { margin:0; }

/* footnote styling: smaller and lighter */
sup[id^="fnref"] a { font-size:0.85em; color:#6b6b6b; text-decoration:none; }
#footnotes { font-size:0.85em; color:#6b6b6b; margin-top:1.5rem; }
#footnotes h3 { font-size:1em; color:#444; margin-bottom:0.25rem; }
#footnotes ol { padding-left:1.2rem; margin:0; }
#footnotes li { margin-bottom:0.5rem; color:#6b6b6b; }

.visitor-map { display:flex; justify-content:center; margin-top:1em; }
.visitor-map-inner { width:350px; max-width:100%; }
.visitor-map-inner img,
.visitor-map-inner canvas,
.visitor-map-inner iframe { max-width:100%; height:auto; }