html{scrollbar-gutter:stable;scroll-padding-top:var(--site-header-clearance,130px)}
.header.literary-header{border-radius:20px;background:linear-gradient(115deg,#ffffff08,#ffffff02),#0c111be8;border-color:#ffffff21;box-shadow:inset 0 1px 0 #ffffff25,0 8px 30px #0002}
.header.literary-header .header-inner.wrap{min-height:76px;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px}
.header.literary-header .workshop-brand{font-size:18px;letter-spacing:-.035em;font-weight:600}
.header.literary-header nav{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;width:auto;gap:4px;padding:4px;border:1px solid #ffffff10;border-radius:13px;background:#050a143b}
.header.literary-header nav a{padding:10px 15px;min-height:42px;border-radius:9px;font-size:14px;line-height:22px;white-space:nowrap;color:#aeb9ce;transition:background .2s,color .2s}
.header.literary-header nav a:hover{background:#ffffff09;color:#fff}
.header.literary-header nav a[aria-current]{background:linear-gradient(120deg,#ffffff12,#ffffff08);box-shadow:inset 0 1px 0 #ffffff18;color:#fff}
.header.literary-header nav a[aria-current]:after{display:none}
.header.literary-header .header-actions{display:flex;align-items:center;justify-self:end;gap:18px}
.header.literary-header .header-popular{display:flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;font-size:14px;font-weight:600;line-height:22px;color:#0d1322;background:#e3e8f4;border:1px solid #ffffff4d;border-radius:11px;white-space:nowrap;transition:background .2s,transform .2s}
.header.literary-header .header-popular:hover{background:#fff;transform:translateY(-1px)}
.header.literary-header .resources-menu{padding-left:18px;border-left:1px solid #ffffff1c}
.header.literary-header a:focus-visible{outline:2px solid #c2c5ff;outline-offset:4px}
#popular{scroll-margin-top:130px}
@media(max-width:1180px){.header.literary-header .header-inner.wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;padding-block:15px}.header.literary-header .brand{grid-column:1;grid-row:1}.header.literary-header .header-actions{grid-column:2;grid-row:1}.header.literary-header nav{grid-column:1/-1;grid-row:2;justify-content:center}.header.literary-header nav a{flex:1;text-align:center}.header.literary-header .resources-menu summary{padding-block:9px}#popular{scroll-margin-top:190px}}
@media(max-width:600px){.header.literary-header .header-inner.wrap{padding:12px 14px;gap:12px}.header.literary-header .workshop-brand{font-size:16px;line-height:1.35;white-space:normal}.header.literary-header .header-actions{gap:10px}.header.literary-header .header-popular{font-size:13px;padding:8px 10px;min-height:38px}.header.literary-header .resources-menu{padding-left:10px}.header.literary-header .resources-menu summary{font-size:13px}.header.literary-header nav a{padding:8px 9px;font-size:14px;min-height:40px}}
@media(max-width:420px){.header.literary-header .header-inner.wrap{grid-template-columns:1fr}.header.literary-header .brand{grid-column:1;grid-row:1}.header.literary-header nav{grid-column:1;grid-row:2}.header.literary-header .header-actions{grid-column:1;grid-row:3;justify-content:space-between}.header.literary-header .resources-menu{border-left:0;padding-left:0}#popular{scroll-margin-top:230px}}
@media(prefers-reduced-motion:reduce){.header.literary-header a{transition:none!important}.header.literary-header .header-popular:hover{transform:none}}
/* The same columns and text metrics apply on every public route. */
.header.literary-header .header-actions{min-width:0;flex-wrap:nowrap}
.header.literary-header .resources-menu{flex:none}
.header.literary-header .workshop-brand>span{margin:0;color:inherit;font-weight:inherit;overflow-wrap:anywhere}
.resources-popover>a>span{min-width:0;overflow-wrap:anywhere}
:is(#popular,#work-about,#work-text,#book-contents,#book-excerpt,.publication-body h2,.publication-body h3){scroll-margin-top:16px}
@media(max-width:420px){.header.literary-header .header-actions{width:100%;justify-self:stretch}.header.literary-header nav{min-width:0}.header.literary-header nav a{padding-inline:6px}}

@media(min-width:1181px) and (max-width:1340px){.header.literary-header .header-inner.wrap{gap:16px;padding-inline:20px}.header.literary-header nav a{padding-inline:11px}.header.literary-header .header-actions{gap:12px}.header.literary-header .resources-menu{padding-left:12px}}