/* Load Roboto Slab in HTML
*/
/* ----- Base page styling ----- */
html {
font-size: 16px;
}
body {
margin: 0;
padding-top: 5rem;
font-family: "Roboto Slab", serif;
font-weight: 300;
background-color: #f6f1e8; /* soft cream */
color: #212529; /* soft near-black */
line-height: 1.5;
letter-spacing: 0.01em;
}
/* ----- Layout width (Bootstrap-ish container) ----- */
.container {
max-width: 720px;
margin: 0 auto;
padding: 0 1rem;
}
/* ----- Headings ----- */
h1, h3 {
font-weight: 700;
text-align: center;
margin-bottom: 1rem;
}
/* ----- Paragraphs ----- */
p {
margin-bottom: 0.8rem;
}
/* ----- Links ----- */
a {
font-weight: 700;
color: #212529;
text-decoration: none;
transition: opacity 0.15s ease-in-out;
}
a:hover {
text-decoration: underline;
opacity: 0.85;
}
/* ----- Optional: justify text like the site does ----- */
.text-justify {
text-align: justify;
}
/* ----- Header Navigation Bar ----- */
.site-header {
width: 100%;
border-bottom: 1px solid rgba(0,0,0,0.15);
padding: 0.75rem 0 0.6rem;
margin-bottom: 2rem;
background: #f6f1e8; /* same cream as body */
}
.site-nav {
text-align: center;
font-weight: 700;
letter-spacing: 0.05em;
}
.site-nav a {
color: #212529;
text-decoration: none;
padding: 0 0.4rem;
}
.site-nav a:hover {
text-decoration: underline;
}
/* ----- Optional: subtle spacing like print ----- */
main {
padding-bottom: 4rem;
}
section {
margin-top: 2rem;
}
h2 {
border-bottom: 1px solid rgba(0,0,0,.15);
padding-bottom: .25rem;
}
.entry {
margin: 0.35rem 0;
line-height: 1.5;
}
.title {
font-weight: 700;
}
/* ----- Archive Link ----- */
.wayback {
margin-left: .4rem;
font-size: .9em;
text-decoration: none;
opacity: .7;
}
.wayback:hover {
opacity: 1;
}
.wayback-icon {
height: 14px;
vertical-align: text-bottom;
opacity: .7;
}
.wayback-icon:hover {
opacity: 1;
}
.content-warning {
color: #dc3545; /* Bootstrap danger red */
}