/* Shared return navigation; each essay keeps its own background and ink. */
:root{--essay-nav-height:64px}
html:has(.essay-site-nav){scroll-padding-top:calc(var(--cms-top,0px) + var(--essay-nav-height) + 24px)}
html:has(.chapter-nav),html:has(.essay-nav){scroll-padding-top:calc(var(--cms-top,0px) + var(--essay-nav-height) + 96px)}
.essay-site-nav{
  position:sticky;top:var(--cms-top,0px);z-index:35;
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;height:var(--essay-nav-height);min-height:var(--essay-nav-height);
  padding:8px 4.5%;box-sizing:border-box;
}
a.essay-home-link{
  display:inline-flex;align-items:center;gap:10px;min-height:44px;
  color:inherit;font:600 15px/1.25 Arial,sans-serif;
  letter-spacing:0;text-decoration:none;
}
.essay-home-link>span:first-child{font-size:22px;font-weight:400}
.essay-home-link:hover>span:last-child{text-decoration:underline;text-underline-offset:4px}
.essay-site-actions{display:flex;align-items:center;gap:30px;flex-shrink:0}
.essay-site-actions a{display:inline-flex;align-items:center;min-height:44px;color:inherit;font:400 14px/1.3 Arial,sans-serif;text-decoration:none}
.essay-site-actions a:hover{text-decoration:underline;text-underline-offset:4px}
.essay-site-nav a:focus-visible,.essay-home-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.essay-home-footer{margin-bottom:32px}
.chapter-nav,.essay-nav{top:calc(var(--cms-top,0px) + var(--essay-nav-height))}
.essay-site-nav .chapter-menu summary{min-height:44px;font:400 14px/1.3 Arial,sans-serif;letter-spacing:0}
.essay-site-nav .chapter-menu nav{top:calc(100% + 10px);max-height:calc(100svh - var(--essay-nav-height) - 24px);overflow-y:auto}
.essay-site-nav>.essay-home-link{flex:1;min-width:0}
.essay-site-nav:has(.essay-email-signup[open]){z-index:50}
.essay-email-signup{position:static;flex:none}
.essay-email-signup>summary{display:flex;align-items:center;justify-content:center;list-style:none;min-height:40px;padding:9px 14px;background:var(--ink,#172d32);color:#fffdf4;font:600 14px/1.2 Arial,sans-serif;cursor:pointer}
.essay-email-signup>summary::-webkit-details-marker{display:none}
.essay-email-signup>summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.signup-short-label{display:none}
.essay-email-form{position:absolute;right:4.5%;top:calc(100% - 1px);width:390px;max-width:calc(100% - 36px);padding:24px;background:#fffdf4;color:#172d32;border:1px solid #a8b6ac;box-shadow:0 12px 24px #172d3220;font:15px/1.4 Arial,sans-serif;text-transform:none;letter-spacing:0;box-sizing:border-box}
.essay-email-form>label{display:block;font:600 19px/1.2 Arial,sans-serif;margin-bottom:16px;color:inherit}
.essay-email-row{display:flex;border:1px solid #172d32;background:white}
.essay-email-row input{width:0;min-width:0;flex:1;border:0;border-radius:0;background:transparent;color:#172d32;padding:13px 12px;font:16px/1.4 Arial,sans-serif}
.essay-email-row button{flex:none;border:0;border-radius:0;background:#172d32;color:#fffdf4;padding:13px 17px;font:600 14px/1.4 Arial,sans-serif;cursor:pointer}
.essay-email-row button:disabled{opacity:.65;cursor:wait}
.essay-email-row :focus-visible{outline:2px solid #245ebd;outline-offset:3px}
.essay-email-form .form-status{margin:10px 0 0;min-height:20px;font:14px/1.4 Arial,sans-serif;color:inherit}
.essay-email-form .form-status.error{color:#912c28}
.essay-email-form .form-status.success{color:#20513c}
.essay-email-form .signup-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:761px){
  .chapter-landscape{top:var(--essay-nav-height);height:calc(100vh - var(--essay-nav-height))}
  .visual-sticky{top:calc(var(--essay-nav-height) + 105px)}
}
@media(max-width:700px){
  .essay-site-nav{padding-inline:18px;gap:16px}
  a.essay-home-link{font-size:14px;gap:8px}
  .essay-site-actions{gap:16px}
  .essay-site-actions a,.essay-site-nav .chapter-menu summary{font-size:13px}
  .essay-site-actions .essay-contents-link{display:none}
  .essay-site-nav{gap:12px}
  .essay-site-actions{gap:12px}
  .signup-full-label{display:none}
  .signup-short-label{display:inline}
  .essay-email-signup>summary{padding:9px 12px;font-size:13px}
  .essay-email-form{right:18px;padding:20px}
  .essay-site-nav .chapter-menu summary{gap:8px}
}
@media print{
  .essay-site-nav,.essay-home-footer{display:none}
}