:root{--masthead-expanded:320px;--masthead-compact:76px;--masthead-large-logo: min(58vw,740px);--masthead-small-logo:230px}
.every-masthead-space{height:var(--masthead-expanded)}
.every-masthead{--shrink:0;position:fixed;top:0;left:0;right:0;height:var(--masthead-expanded);background:#fff;z-index:100000;color:#111;isolation:isolate}
.masthead-controls{position:absolute;inset:0 24px auto;height:76px;display:flex;align-items:center;gap:30px;z-index:2}
.masthead-account{margin-left:auto}.masthead-menu summary{list-style:none;cursor:pointer;width:23px;display:grid;gap:4px;padding:10px 0}.masthead-menu summary::-webkit-details-marker{display:none}.masthead-menu summary span{height:2px;width:19px;background:currentColor}.masthead-menu nav{position:absolute;top:65px;left:0;background:#fff;border:1px solid #ddd;padding:20px;min-width:180px;display:grid;gap:14px;font:14px Arial,sans-serif}
.masthead-brand-row{position:absolute;top:61%;transform:translateY(-50%);left:0;right:0;display:flex;align-items:center;gap:28px;pointer-events:none}
.masthead-rule{flex:1;height:1px;background:#505050}.masthead-wordmark{width:var(--masthead-large-logo);display:block;flex:none;pointer-events:auto}.masthead-wordmark img{width:100%;height:auto;filter:invert(1);display:block}.masthead-progress{position:absolute;bottom:0;left:0;height:2px;width:0;background:#111}
@media(max-width:767px){:root{--masthead-expanded:190px;--masthead-compact:64px;--masthead-large-logo:min(68vw,400px);--masthead-small-logo:140px}.masthead-controls{height:64px;inset-inline:18px;gap:18px}.masthead-brand-row{gap:15px}.masthead-search{display:none}.masthead-menu nav{top:58px}}
@media(prefers-reduced-motion:reduce){.every-masthead *{scroll-behavior:auto}}
.every-masthead[data-state="compact"] .masthead-rule{opacity:0}
.masthead-rule{transition:opacity .15s ease}
.article-menu-toggle{margin-left:auto;display:grid;gap:4px;padding:12px 2px;background:none;border:0;color:inherit;cursor:pointer}
.article-menu-toggle span{display:block;width:21px;height:2px;background:currentColor}
article-site-footer{display:block;margin-top:64px}

.masthead-wordmark{text-decoration:none;color:#111;text-align:center}.masthead-wordmark .tend-wordmark{display:block;font:500 1em/.95 Signifier,Georgia,serif;letter-spacing:-.065em;white-space:nowrap}.masthead-search{font:13px Arial,sans-serif;color:inherit;text-decoration:none}.masthead-rule{flex:1}

/* The wordmark lifts away independently; two stationary-side rules close below it. */
.every-masthead{background:#fff}
.masthead-brand-row{inset:0;transform:none;display:block;pointer-events:none}
.masthead-wordmark{position:absolute;left:50%;transform:translateX(-50%);top:80px;z-index:1;background:#fff}
.masthead-rule{position:absolute;top:126px;height:1px;opacity:1!important;transition:none}
.masthead-rule:first-child{left:0}.masthead-rule:last-child{right:0}
.masthead-controls{height:76px}
@media(max-width:767px){.masthead-controls{height:64px}}

.masthead-wordmark .tend-wordmark{font-family:"Tend Bookman",Georgia,serif;font-weight:700;letter-spacing:-.055em;line-height:1;text-transform:none}

/* Compact reading bar: keep only a small margin around the wordmark. */
.every-masthead[data-state="compact"] .masthead-controls{height:64px}
@media(max-width:767px){.every-masthead[data-state="compact"] .masthead-controls{height:52px}}
/* Let the centered wordmark receive clicks through the controls layer. */
.masthead-controls{pointer-events:none}.masthead-controls button{pointer-events:auto}

/* Divider segments and reading progress share one moving centerline. */
.every-masthead{--masthead-line-y:166.58px}
.masthead-rule,.masthead-progress{top:var(--masthead-line-y);bottom:auto;transform:translateY(-50%);pointer-events:none}
.masthead-progress{z-index:1}
@media(max-width:767px){.every-masthead{--masthead-line-y:90px}}