/* One shared layout for every Author's Notebook post. */
html, body { background:#000; }
body { margin:0; color:#eee7d7; font:20px/1.65 Georgia,serif; }
.notebook-nav { box-sizing:border-box; width:100%; max-width:900px; margin:0 auto; padding:20px 38px; border-bottom:1px solid #322c29; display:flex; align-items:center; flex-wrap:wrap; gap:24px; }
.notebook-nav .notebook-brand { margin-right:auto; color:#eee7d7; text-decoration:none; font:700 14px/1.5 Arial,sans-serif; letter-spacing:2px; }
.notebook-nav nav { display:flex; flex-wrap:wrap; gap:20px; margin:0; padding:0; font:14px/1.5 Arial,sans-serif; letter-spacing:0; }
.notebook-nav nav a { color:#eee7d7; text-decoration:none; }
.notebook-nav nav a[aria-current] { text-decoration:underline; text-underline-offset:5px; }
.notebook-nav a:focus-visible { outline:2px solid #dbc08a; outline-offset:5px; }
main.notebook-page { box-sizing:border-box; width:100%; max-width:900px; margin:0 auto; padding:64px 38px 96px; overflow:visible; }
.notebook-page > article, .notebook-page article.body { width:100%; max-width:none; margin:0; padding:0; }
.notebook-page .post-body, .notebook-page .seven-body { width:100%; max-width:none; margin:32px 0 0; padding:0; font:inherit; }
.notebook-page .post-body > p, .notebook-page article.body > p, .notebook-page .opening { max-width:none; }
.notebook-page .post-body p, .notebook-page article.body > p { margin:0 0 1.05em; }
.notebook-page .notebook-heading { display:block; margin:0 0 38px; padding:0 0 28px; border:0; border-bottom:1px solid #524936; text-align:left; }
.notebook-heading .notebook-date { margin:0 0 20px; color:#b4ad9e; font:12px/1.5 Arial,sans-serif; letter-spacing:1.5px; }
.notebook-heading .notebook-label { margin:0; color:#c7ad79; font:12px/1.6 Arial,sans-serif; letter-spacing:3px; text-transform:uppercase; }
.notebook-page .notebook-heading h1 { max-width:760px; margin:18px 0; padding:0; color:#eee7d7; font:400 clamp(36px,6vw,60px)/1.1 Georgia,serif; letter-spacing:normal; text-align:left; overflow-wrap:break-word; }
.notebook-heading .notebook-subtitle { margin:0 0 24px; color:#eee7d7; font:italic 24px/1.4 Georgia,serif; }
.notebook-heading .notebook-byline { margin:24px 0 0; color:#eee7d7; font:400 20px/1.65 Georgia,serif; letter-spacing:normal; text-align:left; }
.notebook-page .hero { width:100%; max-width:none; margin:0 0 36px; }
.notebook-page .author-signoff { margin-left:0; margin-right:0; }
@media(max-width:560px) {
 body { font-size:18px; }
 main.notebook-page { padding:30px 20px 60px; }
 .notebook-nav { padding:18px 20px; gap:14px; }
 .notebook-nav .notebook-brand { flex-basis:100%; }
 .notebook-nav nav { gap:18px; }
 .notebook-page .notebook-heading { margin-bottom:28px; }
 .notebook-heading .notebook-label { font-size:11px; letter-spacing:2px; }
 .notebook-heading .notebook-subtitle { font-size:21px; }
}

.notebook-page .notebook-back{clear:both;margin:24px 0 0;padding:0;text-align:left;font:20px/1.65 Georgia,serif}.notebook-back a{color:#dbc08a;text-decoration:underline;text-underline-offset:5px}.notebook-back a:focus-visible{outline:2px solid #dbc08a;outline-offset:5px}