.header-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;min-width:0}.account-nav{display:flex;align-items:center;gap:.4rem;margin:0;padding:0;flex-wrap:wrap;min-width:0;font-size:.9rem}.account-nav>a,.account-nav>button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:36px;padding:.4rem .75rem;border:1px solid transparent;border-radius:.6rem;background:var(--tag-bg);color:var(--ink);text-decoration:none;line-height:1.4}.account-nav>a:hover,.account-nav>button:hover{background:var(--wash-hover);border-color:var(--line)}.account-nav>a:focus-visible,.account-nav>button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.account-handle{color:var(--muted);font-size:.85em;overflow-wrap:anywhere}[data-unread-count]{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;padding:0 .3rem;background:var(--solid);color:var(--on-solid);border-radius:1rem;font-size:.78em;font-variant-numeric:tabular-nums;line-height:1}[data-unread-count][hidden]{display:none}.account-panel{max-width:650px;margin:2rem auto;padding:0 1rem}.account-panel form{display:grid;gap:1rem;margin:1.5rem 0 2.5rem}.account-panel label{display:grid;gap:.4rem}.account-panel input{width:100%;box-sizing:border-box;padding:.8rem;border:1px solid var(--field-line);border-radius:.6rem;background:var(--surface);color:var(--ink);font:inherit}.account-panel button{justify-self:start}.account-panel [role=status]{color:#8a352d}.recommenders{margin-top:.6rem;font-size:.83rem;line-height:1.6;color:var(--muted);position:relative;z-index:2;overflow-wrap:anywhere}.recommenders p{margin:.15rem 0}.recommenders details{position:relative;width:min(320px,100%)}.recommenders summary{cursor:pointer;width:fit-content}.recommenders ul{position:absolute;top:calc(100% + 6px);left:0;z-index:10;box-sizing:border-box;width:100%;max-height:min(280px,40vh);overflow-y:auto;overscroll-behavior:contain;list-style:none;padding:6px;margin:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 8px 24px #22222226}.recommenders li{padding:8px 10px}.recommenders li+li{border-top:1px solid var(--line)}.recommenders ul:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.notification-list{list-style:none;padding:0}.notification{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;margin:1rem 0;padding:1rem}.notification.unread{border-left:4px solid var(--accent);background:var(--wash)}.notification p{overflow-wrap:anywhere}.reason-author{font-size:.85rem;color:var(--muted);margin:0 0 .5rem}.account-panel [hidden]{display:none}@media(max-width:600px){.account-nav{gap:.4rem;justify-content:flex-start}.account-panel{margin:1rem auto}.account-nav a{max-width:100%;overflow-wrap:anywhere}}

.site-header{height:auto;min-height:64px;padding-block:12px;gap:16px}.header-controls .main-nav{flex-shrink:0}.account-nav>a{max-width:180px;overflow-wrap:anywhere}
@media(max-width:1000px){.site-header{flex-wrap:wrap}.header-controls{flex-wrap:wrap}}
@media(max-width:700px){.site-header .header-location{flex:1 1 auto}.site-header .header-controls{display:contents}.site-header .main-nav{order:0;margin-left:auto}.site-header .account-nav{order:2;flex-basis:100%;justify-content:flex-end}.site-header .admin-return{order:3}.account-nav>a,.account-nav>button{min-height:32px;padding:.3rem .6rem;font-size:12px}.account-nav>a{max-width:160px}}

.notification-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.account-panel .notification-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:0;padding:9px 14px;border:1px solid var(--line);border-radius:5px;font:inherit;font-size:14px;line-height:20px;text-decoration:none;white-space:nowrap}.account-panel .notification-action.primary{border-color:var(--solid);background:var(--solid);color:var(--on-solid)}.account-panel .notification-action:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.account-panel .notification-action[hidden]{display:none}
.account-panel:has(>[data-notifications]){max-width:960px;padding-inline:0}

.account-menu{position:relative;min-width:0}.account-menu>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:.4rem .75rem;border:1px solid transparent;border-radius:.6rem;background:var(--tag-bg);color:var(--ink);line-height:1.4;cursor:pointer;list-style:none;max-width:180px;overflow-wrap:anywhere}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary:hover,.account-menu[open]>summary{background:var(--wash);border-color:var(--line)}.account-menu>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.account-menu-list{position:absolute;right:0;top:100%;z-index:30;display:grid;min-width:140px;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--paper);box-shadow:0 8px 24px #22222226}.account-menu:not([open])>.account-menu-list{display:none}.account-menu-list>a,.account-menu-list>button{display:flex;align-items:center;min-height:40px;padding:8px 12px;border:0;border-radius:5px;background:transparent;color:var(--ink);text-decoration:none;font:inherit;font-size:14px;text-align:left}.account-menu-list>a:hover,.account-menu-list>button:hover{background:var(--wash)}
.account-home{max-width:960px;margin:2rem auto}.account-home h1{margin:0;font-size:28px;overflow-wrap:anywhere}.account-home .section-heading{flex-wrap:wrap}.account-home .section-heading .section-note{margin:8px 0 0}.account-home .notification-action{font-size:14px;line-height:20px;padding:9px 14px;min-height:40px}.account-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px}.account-tabs>a{display:flex;gap:10px;align-items:center;padding:10px 16px;text-decoration:none;border:1px solid var(--line);border-radius:6px;font-size:14px}.account-tabs>a[aria-current]{background:var(--solid);border-color:var(--solid);color:var(--on-solid)}.account-tabs span{font-variant-numeric:tabular-nums;opacity:.75}.account-work-list{display:grid;gap:12px}.account-work{display:flex;align-items:center;gap:20px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.account-work .book-cover{width:62px;height:88px}.account-work-info{min-width:0;flex:1}.account-work-info .book-title{text-decoration:none}.account-work-info .section-note{line-height:1.6;margin:8px 0 0;overflow-wrap:anywhere}.account-home .empty-state h2{font-size:18px}.account-home .shelf-pagination{margin-top:24px}
@media(max-width:700px){.account-menu>summary{min-height:32px;padding:.3rem .6rem;font-size:12px;max-width:160px}.account-home{margin:1rem auto}.account-home h1{font-size:24px}.account-work{gap:12px;padding:14px;flex-wrap:wrap}.account-work>.reason-link{margin-left:auto}.account-work-info{flex-basis:calc(100% - 80px)}.account-tabs>a{padding:9px 12px}}
/* Keep header menus above content before, during and after opening. */
.site-header{position:relative;z-index:20}
main{position:relative;z-index:0}
.skip-link{z-index:40}
.account-menu-list{animation:none!important;opacity:1;transform:none}
::view-transition-group(site-header){z-index:20}
::view-transition-group(page-content){z-index:0}

.auth-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.auth-actions>button,.auth-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:5px;font-size:14px;line-height:22px;text-decoration:none}.auth-actions>button{border:1px solid var(--ink)}

/* Keep reason attribution above the text, with reactions in their own column. */
.reason-content:has(>.reason-author){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}.reason-content>.reason-author{grid-column:1;grid-row:1;margin:0}.reason-content:has(>.reason-author)>.reason-body,.reason-content:has(>.reason-author)>.spoiler-reason{grid-column:1;grid-row:2}.reason-content:has(>.reason-author)>.reason-like{grid-column:2;grid-row:1 / span 2}

.email-code-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.email-code-field>button{min-height:46px;white-space:nowrap}.account-panel .section-note>a{text-decoration:none;color:var(--ink)}