.workshop-brand{font-size:17px;font-weight:600;letter-spacing:-.015em}.header-actions{align-self:center}.resources-menu{position:relative;font-size:14px}.resources-menu summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;color:#b8c3d9;padding:11px 0;user-select:none}.resources-menu summary::-webkit-details-marker{display:none}.resources-menu summary .ui-icon{transform:rotate(180deg);transition:transform .2s}.resources-menu[open] summary .ui-icon{transform:none}.resources-menu summary:hover{color:#f0efff}.resources-menu summary:focus-visible{outline:2px solid #bbb2ef;outline-offset:5px;border-radius:5px}.resources-popover{position:absolute;top:calc(100% + 16px);right:-8px;display:grid;gap:4px;padding:8px;width:290px;max-width:calc(100vw - 48px);border:1px solid #c6caff2c;border-radius:17px;background:#141923f5;box-shadow:0 20px 70px #0009,inset 0 1px 0 #ffffff18;z-index:30}.resources-popover>a{display:flex;align-items:center;gap:14px;padding:14px;border-radius:11px;color:#d4dbed;line-height:1.4}.resources-popover>a:hover{background:#beb2ff10}.resources-popover .ui-icon{color:#a99fd0}.resources-popover small{display:block;font-size:12px;color:#8f9cb4;margin-top:5px}.resources-popover>a:focus-visible{outline:2px solid #bbb2ef;outline-offset:-2px}
.workshop-footer,.reader-page .workshop-footer{padding-block:28px;min-height:90px;gap:20px;flex-wrap:nowrap}.workshop-footer>.footer-signature{font-size:14px;line-height:1.5;color:#737f95;order:0;width:auto}.workshop-footer>a:last-child{font-size:14px;color:#94a1b8}.workshop-footer>a:hover{color:#d1d7e6}.reader-page .toast{bottom:24px}.reader-page .resume-reading{bottom:28px}.reader-menu-toggle{display:none;position:fixed;bottom:22px;right:22px;z-index:35;align-items:center;gap:9px;padding:12px 16px;color:#c8d2e8;background:#161d2af5;border:1px solid #c5caff30;border-radius:13px;box-shadow:0 10px 25px #0005;font-size:14px;line-height:1.5}.reading-focus .reader-menu-toggle{display:inline-flex}.author-work-tools{flex-wrap:wrap;gap:12px}.author-work-tools>button,.author-work-tools>a{font-size:14px}
@media(max-width:1000px){.header-inner.wrap{gap:20px}.header nav{gap:18px}.workshop-brand{font-size:16px}.reader-menu-toggle{display:inline-flex}.reader-page .resume-reading{bottom:88px}}
@media(max-width:850px){.header-inner.wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding-block:12px}.header-inner>.brand{grid-column:1;grid-row:1;min-width:0}.header-inner>.header-actions{display:flex;grid-column:2;grid-row:1}.header-inner>nav{grid-column:1 / -1;grid-row:2;justify-content:space-between;gap:16px;flex-wrap:nowrap;font-size:14px}.header nav a{min-height:30px;padding-block:8px}.resources-popover{top:calc(100% + 10px);right:0}.resources-menu summary{padding:5px 0}.workshop-brand{font-size:17px}}
@media(max-width:600px){.header-inner.wrap{padding:14px 16px}.site-page .header nav,.reader-page .header nav{font-size:13px;gap:8px}.header-inner>.brand{font-size:16px;white-space:normal;line-height:1.35}.resources-menu{font-size:13px}.resources-popover{width:270px}.reader-menu-toggle{right:16px;bottom:16px}.workshop-footer{gap:18px}.workshop-footer>.footer-signature{font-size:13px}.author-work-tools{justify-content:flex-start}.author-work-tools>button,.author-work-tools>a{font-size:13px}}

.resources-popover{max-height:70dvh;overflow-y:auto;overscroll-behavior:contain}