/* Merged site stylesheet (copied from _site/style.css) */
:root{
  --brand-color: #2a2a2a;
  --accent: #5D2E8C;
  --bg: #ffffff;
  --muted: #666;
}
html,body{height:100%;}
body{
  margin:0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--brand-color);
  background: var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.container{max-width:1100px;margin:0 auto;padding:1rem;box-sizing:border-box}
header{border-bottom:1px solid #eee;padding:0.75rem 0}
.site-title{font-size:1.6rem;margin:0}
.site-title a{color:var(--brand-color);text-decoration:none}
.subtitle{color:var(--muted);font-size:0.95rem}
.site-nav{display:flex;gap:1rem;align-items:center}
.site-nav a{color:var(--brand-color);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.site-nav a:hover{border-bottom-color:var(--accent);color:var(--accent)}
main h1{font-size:1.8rem;margin-top:0}
main p, main li{line-height:1.5;color:var(--brand-color)}
footer{border-top:1px solid #eee;padding:1rem 0;margin-top:2rem;color:var(--muted)}

/* Responsive tweaks */
@media (max-width:640px){
  .site-nav{gap:0.6rem}
  .container{padding:0.75rem}
}
/* Reset and base styles */
* {margin: 0;padding: 0;box-sizing: border-box;}
body {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;line-height: 1.6;color: #333;background-color: #f5f5f5}
.container {max-width: 900px;margin: 0 auto;padding: 0 20px}
header {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;padding: 60px 0;text-align: center;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1)}
header h1 {font-size: 3em;margin-bottom: 10px;font-weight: 700}
.subtitle {font-size: 1.3em;font-weight: 300;opacity: 0.9}
main {background: white;margin: 40px auto;padding: 40px;border-radius: 8px;box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1)}
section {margin-bottom: 40px}
section:last-child {margin-bottom: 0}
h2 {font-size: 2em;color: #667eea;margin-bottom: 20px;border-bottom: 2px solid #667eea;padding-bottom: 10px}
p {margin-bottom: 15px;font-size: 1.1em}
ul {margin-left: 30px;margin-bottom: 15px}
li {margin-bottom: 10px;font-size: 1.1em}
a {color: #667eea;text-decoration: none;font-weight: 500;transition: color 0.3s ease}
a:hover {color: #764ba2;text-decoration: underline}
footer {background: #333;color: white;text-align: center;padding: 30px 0;margin-top: 40px}
footer p {font-size: 0.9em}
@media (max-width: 768px) {header h1 {font-size: 2em}.subtitle {font-size: 1.1em}main {padding: 20px;margin: 20px}h2 {font-size: 1.5em}}

/* Header layout and hero nav contrast */
header .container {display: flex; align-items: center; justify-content: space-between; gap: 1rem}
header .site-nav {display:flex; gap:1rem; align-items:center}
header .site-nav a { color: rgba(255,255,255,0.95); text-decoration: none; border-bottom: 2px solid transparent; padding: 6px 0}
header .site-nav a:hover { color: rgba(255,255,255,0.95); border-bottom-color: rgba(255,255,255,0.85)}
/* Minimal site stylesheet for "MPC in the Wild" */
:root{
  --brand-color: #2a2a2a;
  --accent: #5D2E8C;
  --bg: #ffffff;
  --muted: #666;
}
html,body{height:100%;}
body{
  margin:0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--brand-color);
  background: var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.container{max-width:1100px;margin:0 auto;padding:1rem;box-sizing:border-box}
header{border-bottom:1px solid #eee;padding:0.75rem 0}
.site-title{font-size:1.6rem;margin:0}
.site-title a{color:var(--brand-color);text-decoration:none}
.subtitle{color:var(--muted);font-size:0.95rem}
.site-nav{display:flex;gap:1rem;align-items:center}
.site-nav a{color:var(--brand-color);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.site-nav a:hover{border-bottom-color:var(--accent);color:var(--accent)}
main h1{font-size:1.8rem;margin-top:0}
main p, main li{line-height:1.5;color:var(--brand-color)}
footer{border-top:1px solid #eee;padding:1rem 0;margin-top:2rem;color:var(--muted)}

/* Responsive tweaks */
@media (max-width:640px){
  .site-nav{gap:0.6rem}
  .container{padding:0.75rem}
}
/* Reset and base styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #f5f5f5;
}

/* Container */
.container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header */
header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 60px 0;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

header h1 {
    font-size: 3em;
    margin-bottom: 10px;
    font-weight: 700;
}

.subtitle {
    font-size: 1.3em;
    font-weight: 300;
    opacity: 0.9;
}

/* Main content */
main {
    background: white;
    margin: 40px auto;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

section {
    margin-bottom: 40px;
}

section:last-child {
    margin-bottom: 0;
}

h2 {
    font-size: 2em;
    color: #667eea;
    margin-bottom: 20px;
    border-bottom: 2px solid #667eea;
    padding-bottom: 10px;
}

p {
    margin-bottom: 15px;
    font-size: 1.1em;
}

ul {
    margin-left: 30px;
    margin-bottom: 15px;
}

li {
    margin-bottom: 10px;
    font-size: 1.1em;
}

a {
    color: #667eea;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

a:hover {
    color: #764ba2;
    text-decoration: underline;
}

/* Footer */
footer {
    background: #333;
    color: white;
    text-align: center;
    padding: 30px 0;
    margin-top: 40px;
}

footer p {
    font-size: 0.9em;
}

/* Responsive design */
@media (max-width: 768px) {
    header h1 {
        font-size: 2em;
    }
    
    .subtitle {
        font-size: 1.1em;
    }
    
    main {
        padding: 20px;
        margin: 20px;
    }
    
    h2 {
        font-size: 1.5em;
    }
}