/* ==== Base Reset ==== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ==== Typography ==== */
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600&family=Libre+Baskerville:wght@400;700&display=swap');

body {
    font-family: 'Crimson Text', serif;
    line-height: 1.6;
    background: #111;
    color: #eaeaea;
}

/* ==== Layout ==== */
header.hero {
    text-align: center;
    padding: 3rem 1rem;
    background: linear-gradient(135deg, #1a1a1a, #2b2b2b);
    position: relative;
}
header .portrait {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #444;
    margin-bottom: 1rem;
}
header h1 { font-size: 2.4rem; margin-bottom: .4rem; }
header .tagline { font-style: italic; color: #bbb; }

nav.menu {
    display: flex;
    justify-content: center;
    gap: 2rem;
    background: #222;
    padding: .8rem 0;
}
nav.menu a {
    color: #c9c9c9;
    text-decoration: none;
    font-weight: 600;
}
nav.menu a:hover { color: #fff; }

main {
    max-width: 800px;
    margin: 2rem auto;
    padding: 0 1rem;
}
section { margin-bottom: 3rem; }
section h2 {
    font-family: 'Libre Baskerville', serif;
    font-size: 1.8rem;
    border-bottom: 2px solid #444;
    padding-bottom: .4rem;
    margin-bottom: 1rem;
}
article { margin-bottom: 1.5rem; }
article h3 { font-size: 1.3rem; margin-bottom: .3rem; }
article p { color: #ccc; }
article a {
    color: #9ab4ff;
    text-decoration: underline;
}
article a:hover { color: #cfe0ff; }

/* Center the Substack embed */
.substack-post-embed {
    max-width: 560px;
    margin: 1.5rem auto;
    text-align: left;
}

footer {
    text-align: center;
    font-size: .85rem;
    color: #777;
    padding: 2rem 0;
    border-top: 1px solid #333;
}
footer a { color: #9ab4ff; }
footer a:hover { color: #cfe0ff; }

/* -------------------------------------------------
   Center the SleepyNest iframe (or any embed)
   ------------------------------------------------- */
#sleepynest-chat iframe,
#sleepynest-chat .substack-post-embed {   /* also catches the Substack embed if you reuse the class */
    max-width: 560px;          /* keep it from stretching on very wide screens */
    margin: 1.5rem auto;       /* vertical spacing + horizontal centering */
    display: block;            /* needed for margin:auto to work */
}
}