/* Shared category screens follow the existing soft monochrome surface. */
.category-screen{max-width:640px;margin:auto;min-height:100%;background:#f7f7f7;color:#24272b}.category-header{position:sticky;top:0;z-index:2;background:#f7f7f7;display:flex;align-items:center;gap:8px;min-height:68px;padding:8px 16px}.category-header h1{flex:1;min-width:0;font-size:20px;font-weight:650;margin:0}.category-header button{min-height:44px;flex-shrink:0;font-size:14px}.category-header button:first-child{display:grid;place-items:center;width:36px}.category-header svg{width:22px;height:22px}.category-intro{font-size:13px;line-height:1.8;color:#777;margin:8px 20px 18px}.category-rows{background:white;border-radius:22px;margin:0 16px;overflow:hidden}.category-row{display:flex;align-items:center;gap:12px;min-height:68px;width:100%;text-align:left;padding:16px 18px;border-bottom:1px solid #f0f0f0}.category-row:last-child{border-bottom:0}.category-row>span{flex:1;min-width:0;overflow-wrap:anywhere}.category-row small{font-size:13px;color:#777;white-space:nowrap}.category-row svg{width:16px;color:#999}.category-system{font-size:12px;line-height:1.8;color:#777;margin:20px}.category-empty{font-size:14px;color:#777;line-height:1.8;padding:24px}#category-form{padding:20px}#category-form label{display:block;font-size:14px;color:#5e6268;margin-bottom:10px}#category-name{width:100%;border:0;border-radius:15px;background:#eee;padding:15px;font:inherit;color:#24272b}#category-error,#category-delete-error,#category-picker-error{color:#a23737;font-size:13px;min-height:22px;line-height:1.7}#category-form .category-system{margin:0 0 20px}#category-form>.primary{width:100%;min-height:48px;border-radius:999px}.category-delete{display:block;min-height:48px;width:100%;margin-top:14px;color:#ac4040;font-size:14px}.knowledge-category-header h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knowledge-category-header>div{flex-shrink:0}.memo-header>[data-category-more],.knowledge-edit-header [data-category-more],.knowledge-compose-header [data-category-more]{width:36px;min-height:40px;display:inline-grid;place-items:center;background:transparent}.memo-header h1{min-width:0;flex:1}.memo-card footer>.memo-badge{border:0;min-height:32px}.memo-card footer{padding-right:0}.memo-card .memo-card-open{min-height:0}.knowledge-edit-header>div{display:flex;align-items:center;gap:8px}.category-screen button:focus-visible{outline:2px solid #555;outline-offset:2px}
body[data-page="category-manage"] .content,body[data-page="category-edit"] .content{padding:0;width:100%;margin:0 auto;max-width:760px}.knowledge-category-header>div>button{width:36px}.knowledge-home-header h1{flex:1;min-width:0}
@media(max-width:760px){.category-header{padding:4px 12px;min-height:60px}.category-header h1{font-size:19px}.category-header button:last-child{font-size:13px}.knowledge-category-header>h1{flex:1}.knowledge-category-header{padding-left:4px}.knowledge-category-header>button{width:36px}.knowledge-category-header>div>button{width:36px}.memo-header{gap:0}.memo-header>button{flex-shrink:0}.knowledge-home-header [data-category-more]{width:40px}#utility .dialog-actions button[data-category-delete-confirm]{white-space:normal;min-height:44px;line-height:1.5}}
/* Keep the menu reachable without scrolling back and losing the reading position. */
.knowledge-home-header,.knowledge-category-header{position:sticky;top:0;z-index:4;background:#f7f7f7}
.knowledge-category-add,.knowledge-edit-tags>[data-edit-category]{display:inline-flex;align-items:center;gap:6px;width:auto;max-width:100%;padding:5px 10px;border-radius:999px;white-space:nowrap}.knowledge-category-add span,.knowledge-edit-tags>[data-edit-category] span{max-width:160px;overflow:hidden;text-overflow:ellipsis}
@media(min-width:761px){
 /* Clip rounded corners without creating a scroll container that traps sticky headers. */
 .knowledge-screen,.knowledge-category-screen{overflow:clip}
}