/* Reference-led visual layer. Layout routes, fields and timeline geometry stay in existing modules. */
:root{--green:#151515;--muted:#777;--line:#ececec;--ui-canvas:#f7f7f7;--ui-ink:#171717;--ui-secondary:#696969}
body{color:var(--ui-ink);background:var(--ui-canvas)}
.app,.workspace,.topbar,.bottom-area,.memo-screen,.knowledge-screen,.knowledge-category-screen{background:var(--ui-canvas)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #565656;outline-offset:3px}
button.primary,.review-save,.send{background:#080808;color:#fff;border-radius:999px}
button.secondary{background:#f1f1f1;color:#444;border-radius:999px}
.toast{background:#202020;box-shadow:0 5px 20px #00000012;border-radius:18px}
.chat-bubble{border-radius:24px;background:#fff}
.chat-text{color:#292929}.chat-footer{border-color:#f0f0f0}.chat-time-divider{color:#858585}
.composer{background:#fff;border-color:transparent;box-shadow:0 3px 14px #00000005;border-radius:30px}
.composer:focus-within{box-shadow:0 0 0 1px #d2d2d2,0 3px 14px #00000005}
.chat-menu{border-color:#f0f0f0;border-radius:18px;box-shadow:0 8px 28px #0000000f}
.chat-menu button{border-radius:11px}
.memo-filter,.memo-badge,.knowledge-more-tags{border-color:transparent;color:#737373;background:#f0f0f0}
.memo-filter[aria-pressed="true"]{background:#161616;color:#fff;border-color:#161616}
.memo-card{background:#fff;border-color:transparent;border-radius:22px}
.memo-card h2{color:#202020}.memo-card p{color:#777}.memo-card time{color:#888}
.memo-search-field,.knowledge-search-field,.knowledge-category-header.searching label{background:#eee;border-color:transparent;border-radius:999px}
.knowledge-category-card{background:#fff;border-radius:22px}
.knowledge-category-copy strong{color:#222}.knowledge-category-copy small{color:#858585}
.knowledge-symbol{background:#f3f3f3!important;color:#454545}
.knowledge-detail-screen,.knowledge-edit-screen,.memo-edit-screen,.knowledge-compose-screen{background:#fff;color:#222}
.knowledge-detail-header,.knowledge-edit-header,.memo-edit-header,.knowledge-compose-header{background:#fff}
.knowledge-detail-header button,.knowledge-edit-header button,.memo-edit-header>button:first-child,.knowledge-compose-header>button:first-child{background:#f3f3f3;color:#333}
.knowledge-edit-header .knowledge-edit-save,.memo-full-save,.knowledge-full-save{background:#080808;color:#fff;border-radius:999px;padding:0 16px;min-height:34px;font-size:14px}
.knowledge-edit-header .knowledge-edit-save:disabled{background:#e8e8e8;color:#888}
.knowledge-edit-tags>span,.knowledge-edit-tags>button:not(:first-child),.knowledge-detail-meta>span{background:#f2f2f2;color:#606060}
.memo-time-chip[aria-expanded="true"]{background:#e9e9e9;color:#171717}
.memo-property-panel{background:#f7f7f7;border-radius:18px}
.memo-property-panel .memo-compose-chip{border-radius:999px}
.memo-complete-toggle{background:#ededed;color:#262626}
.knowledge-edit-toolbar{border-color:#f0f0f0}.knowledge-edit-toolbar button{color:#777}
.knowledge-detail-tabs,.knowledge-edit-tabs{border-color:#eee}
.knowledge-reference-card{background:#f7f7f7;border-color:transparent;border-radius:18px}
.time-card,.health-card{background:#f2f2f2;border-radius:22px}
.week-calendar{background:#f7f7f7}.week-days{border-color:#e9e9e9}.week-days [aria-current]>span{background:#111}
.diary-tick i{background:#ececec}.diary-tick time{color:#858585}
.diary-event{border-radius:8px}.diary-event strong{color:#252525}.diary-event>span{color:#6e6e6e}
.diary-todo-row,.review-pill{background:#f2f2f2;border-radius:16px;color:#444}
.plan-reminder{background:#fff;border-color:#ececec;border-radius:20px;color:#333}
.plan-reminder>svg:first-child{color:#333}
.review-form textarea{background:#f4f4f4;border-color:transparent;border-radius:18px}
.settings-group,.personal-overview,.personal-modules,.personal-tools{background:#fff;border-radius:22px}
.settings-row,.personal-modules>div,.personal-tools>button{border-color:#f1f1f1}
.settings-content,.personal-drawer{background:#f7f7f7}
.dialog-head h2{color:#171717;font-size:19px;font-weight:650}
dialog{background:#fff;border-radius:26px;box-shadow:0 16px 60px #00000018}
dialog::backdrop{background:#0006}
dialog .dialog-head .icon-button{background:#f4f4f4;color:#444}
dialog textarea,dialog input,dialog select{background:#f5f5f5;border-color:transparent;border-radius:16px;color:#252525}
dialog label{color:#555}.dialog-actions{gap:12px}
.inline-choice button{background:#f3f3f3;border-color:transparent;border-radius:999px;color:#666}
.inline-choice button[aria-pressed="true"]{background:#111;border-color:#111;color:#fff}
.planner-range-label{color:#555}
@media(max-width:760px){
 .workspace,.topbar,.bottom-area,.quick-nav{background:#f7f7f7}
 .topbar,.bottom-area,.quick-nav{border-color:#efefef}
 .quick-nav .nav-button{color:#929292}.quick-nav .nav-button.active{color:#080808}
 .quick-nav .nav-button.active .nav-icon{background:#080808;color:#fff}
 .memo-toolbar,.memo-header,.knowledge-header,.knowledge-category-header{background:#f7f7f7}
 .memo-card{border-radius:22px}.memo-badge{background:#f3f3f3}
 dialog{border-radius:28px 28px 0 0}
 .screen-header{background:#f7f7f7}
}
@media(min-width:761px){
 .desktop-header{background:#f7f7f7;border-color:#eaeaea}
 .desktop-brand{color:#111}
 .desktop-header nav{align-items:center;gap:10px}
 .desktop-header nav button{height:36px;padding:0 18px;border-radius:999px;color:#777}
 .desktop-header nav button[aria-current="page"]{color:#fff;background:#111;font-weight:550}
 .desktop-header nav button[aria-current="page"]:after{display:none}
 .desktop-account{background:#eee;color:#494949;border-radius:50%}
 .desktop-account:hover{background:#e5e5e5}
 .planner-workspace>.memo-screen{background:#f7f7f7;border-color:#ebebeb}
 .planner-workspace .memo-toolbar{background:#f7f7f7}
 .planner-workspace .memo-filter{background:transparent;color:#777}
 .planner-workspace .memo-filter[aria-pressed="true"]{background:#111;color:#fff}
 .planner-workspace .memo-list{padding-top:6px}
 .planner-workspace .memo-swipe-shell{margin-bottom:12px;border-radius:20px}
 .planner-workspace .memo-card{background:#fff;border:0;border-radius:20px}
 .planner-workspace .memo-card-open{padding:16px 16px 48px}
 .planner-workspace .memo-card h2{color:#202020;font-weight:600}
 .planner-workspace .memo-card p{color:#777}
 .planner-workspace .memo-arrange{right:12px;bottom:10px;color:#333;background:#f4f4f4;border-radius:999px;padding:4px 10px}
 .planner-workspace .memo-arrange:hover{background:#eaeaea}
 .planner-heading,.planner-controls{background:#f7f7f7}
 .planner-heading-actions{color:#888}
 .planner-heading-actions button{color:#333;background:#fff;border-radius:999px}
 .planner-controls{border-color:#eee}
 .planner-controls button{background:#fff;color:#333;border-color:transparent;border-radius:999px}
 .planner-controls input{color:#222}
 .planner-calendar{background:#fff}
 .planner-summary{border-color:#eee}.planner-summary summary{color:#666}.planner-summary summary>span{color:#888}
 .planner-summary-body{background:#fafafa}.planner-pending{border-color:#eee;color:#777}
 .planner-pending button{color:#444}
 .planner-calendar .diary-event{border-radius:8px}
 .planner-drag-preview{background:#eeeeeedc;border-color:#484848;color:#222;border-radius:8px}
 .planner-calendar .diary-event em{background:#ffffffc9}
 body[data-page^="knowledge"] .workspace{background:#f7f7f7}
 .knowledge-screen,.knowledge-category-screen{background:#f7f7f7}
 .knowledge-header,.knowledge-category-header{background:#f7f7f7}
}
.knowledge-home-header{background:#f7f7f7}
body[data-page="knowledge"] .workspace,body[data-page="knowledge-category"] .workspace{background:#f7f7f7}
@media(min-width:761px){.planner-workspace .memo-swipe-shell{flex-shrink:0;margin-bottom:0}}
.memo-swipe-actions button{min-height:44px}
.desktop-record-menu{position:fixed;z-index:100;width:198px;padding:6px;background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 10px 36px #0002}
.desktop-record-menu button{width:100%;display:flex;align-items:center;gap:10px;min-height:39px;padding:8px 11px;border-radius:10px;text-align:left;font-size:13px;color:#333}
.desktop-record-menu button:hover,.desktop-record-menu button:focus{background:#f3f3f3;outline:0}
.desktop-record-menu button.danger{color:#b3443a}.desktop-record-menu button.danger:hover{background:#fbf0ee}
.desktop-record-menu svg{width:16px;height:16px;flex-shrink:0}
.desktop-record-details h3{font-size:18px;line-height:27px;overflow-wrap:anywhere;margin:18px 0 8px}
.desktop-record-details .detail-meta{font-size:12px;color:#777;line-height:20px}
.desktop-record-details .detail-copy{font-size:14px;line-height:24px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:45vh;overflow:auto}
@media(min-width:761px){.planner-workspace .memo-swipe-actions{display:none}.planner-workspace .memo-swipe-shell.open .memo-card{transform:none}}
@media(min-width:761px){
 .planner-view-switch{display:flex;align-items:center;padding:3px;background:#ebebeb;border-radius:999px;gap:2px}
 .planner-heading-actions .planner-view-switch button{padding:5px 14px;border:0;background:transparent;color:#777;border-radius:999px;min-height:29px}
 .planner-heading-actions .planner-view-switch button[aria-pressed="true"]{background:#111;color:#fff}
 .planner-period-label{font-size:12px;color:#777;margin-left:auto;white-space:nowrap}
 .planner-week{min-width:896px}
 .planner-week-head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:sticky;top:-18px;z-index:5;background:#fff;border-bottom:1px solid #eee;min-height:70px}
 .planner-week-head>div{min-width:0;padding:8px;border-right:1px solid #eee;text-align:center}
 .planner-week-head>div>button:first-child{display:inline-flex;flex-direction:column;align-items:center;gap:3px;border-radius:16px;padding:4px 12px;min-width:48px}
 .planner-week-head small{font-size:11px;color:#858585}.planner-week-head strong{font-size:16px;font-weight:600}
 .planner-week-head .selected{background:#111;color:#fff}.planner-week-head .selected small{color:#ddd}
 .planner-week-head .is-today:not(.selected){box-shadow:inset 0 0 0 1px #ccc}
 .planner-week-pending{display:block;width:100%;font-size:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:4px 3px;color:#777;background:#f6f6f6;border-radius:5px;margin-top:4px;text-align:left}
 .planner-week-columns{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
 .planner-day-column{min-width:0;border-right:1px solid #eee;padding-top:8px;position:relative}
 .planner-day-column:not(:first-child) .diary-tick time{visibility:hidden}
 .planner-day-column .diary-tick time{width:32px;font-size:10px}
 .planner-day-column .diary-event{padding-left:5px;padding-right:4px}
 .planner-day-column .diary-event strong{font-size:11px}.planner-day-column .diary-event>span{font-size:9px;line-height:19px}
 .planner-day-column .diary-event em{display:none}
 .planner-day-column .planner-drag-preview{left:32px;right:0;padding:3px;font-size:10px}
 .planner-axis.month-axis{padding:0 24px 24px;overflow:auto;background:#fff}
 .planner-month{min-width:560px}
 .planner-month-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));font-size:11px;color:#888;padding:14px 0;text-align:center;position:sticky;top:0;background:#fff;z-index:2}
 .planner-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #eee;border-left:1px solid #eee}
 .planner-month-cell{min-height:122px;min-width:0;border-right:1px solid #eee;border-bottom:1px solid #eee;padding:6px 4px;background:#fff}
 .planner-month-cell.outside{background:#fafafa}.planner-month-cell.outside .planner-month-date{color:#aaa}
 .planner-month-date{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;margin:0 0 5px 2px;font-size:12px}
 .planner-month-date.selected{background:#111;color:#fff!important}.planner-month-date.is-today:not(.selected){box-shadow:inset 0 0 0 1px #999}
 .planner-month-event{width:100%;display:flex;gap:4px;align-items:center;background:var(--month-fill);border-left:2px solid var(--month-color);border-radius:4px;min-width:0;padding:4px;margin:3px 0;text-align:left;font-size:10px;line-height:15px}
 .planner-month-event time{font-size:9px;color:#777;flex-shrink:0}.planner-month-event span{min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 .planner-month-more{font-size:10px;color:#777;padding:4px}
}
.planner-month-drop{margin:3px 0;padding:5px;border:1px dashed #555;border-radius:5px;background:#eee;color:#333;font-size:10px}
.desktop-picker-trigger{display:none}
@media(min-width:761px){
 input.desktop-picker-source{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;opacity:0!important;pointer-events:none;border:0!important}
 .desktop-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 14px;background:#f5f5f5;border:0;border-radius:16px;color:#333;font:inherit;text-align:left}
 .desktop-picker-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-picker-trigger svg{width:17px;height:17px;flex-shrink:0;color:#777}
 .planner-controls label{min-width:180px}.planner-controls .desktop-picker-trigger{width:100%;background:transparent;padding:4px 8px;border-radius:999px;font-size:14px;font-weight:550;min-height:34px}
 .desktop-picker-popover{position:fixed;z-index:130;width:min(302px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;background:#fff;border:1px solid #eee;border-radius:22px;padding:12px;box-shadow:0 12px 38px #0002;color:#222;font-size:13px}
 .picker-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}
 .picker-heading>button{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#f7f7f7;color:#444;padding:0}
 .picker-heading>button:nth-child(2){width:auto;flex:1;font-size:14px;font-weight:600;background:white;border-radius:8px}
 .picker-heading svg,.picker-year-row svg{width:17px;height:17px}
 .picker-weekdays,.picker-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}
 .picker-weekdays{color:#999;font-size:11px;padding:5px 0 7px}.picker-days button{height:33px;width:33px;padding:0;display:grid;place-items:center;justify-self:center;border-radius:50%;font-size:12px}
 .picker-days button:hover{background:#f0f0f0}.picker-days button.outside{color:#b3b3b3}.picker-days button.today:not(.selected){box-shadow:inset 0 0 0 1px #bbb}
 .picker-days button.selected{background:#111;color:white}
 .picker-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;border-top:1px solid #f0f0f0;padding-top:9px}
 .picker-footer button{font-size:12px;padding:5px 10px;border-radius:999px;background:#f4f4f4;color:#666;min-height:29px}
 .picker-error{color:#a34940;font-size:11px;margin:0}.picker-error:empty{display:none}
 .picker-year-row{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.picker-year-row button{width:32px;height:32px;display:grid;place-items:center}
 .picker-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.picker-month-grid button{padding:10px;border-radius:12px;background:#f6f6f6;font-size:12px}
 .picker-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.picker-time-grid h4{font-size:12px;color:#777;margin:5px 0 8px;font-weight:500}
 .picker-time-grid section>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-height:214px;overflow:auto}
 .picker-time-grid button{font-size:12px;min-height:29px;padding:4px;border-radius:8px;background:#f6f6f6}
 .picker-time-grid button[aria-pressed="true"]{background:#111;color:#fff}
 .picker-time-summary{text-align:center;font-size:22px;font-weight:550;padding:12px 0}
 .picker-apply{width:100%;border-radius:999px;background:#111;color:white;font-size:13px;padding:10px}
}
@media(min-width:761px){.planner-controls .desktop-picker-trigger{display:flex;align-items:center}}

/* Project-wide: scroll remains available without visible scrollbar chrome. */
html,body,body *{scrollbar-width:none!important;scrollbar-gutter:auto!important;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar,body *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

/* Shared heading rhythm and adjustable desktop panes. */
.planner-splitter{display:none}
@media(min-width:761px){
 .planner-workspace{grid-template-columns:var(--planner-memo-width,270px) 6px minmax(0,1fr)}
 .planner-workspace>.memo-screen{border-right:0}
 .planner-workspace .memo-toolbar{padding:0 12px 10px}
 .planner-workspace .memo-header{height:72px;min-height:72px;padding:0 8px}
 .planner-workspace .memo-filters{padding-top:0}
 .planner-heading{height:72px;min-height:72px;flex-shrink:0;padding-top:0;padding-bottom:0;gap:12px}
 .planner-workspace h1{font-size:18px;line-height:28px;font-weight:600;white-space:nowrap}
 .planner-heading-actions{gap:10px;min-width:0}
 .planner-heading-actions .planner-view-switch button{padding-left:10px;padding-right:10px}
 .planner-heading-actions>button{white-space:nowrap}
 .planner-splitter{display:block;position:relative;cursor:col-resize;touch-action:none;background:#f7f7f7;outline:0;z-index:8}
 .planner-splitter:before{content:"";position:absolute;top:0;bottom:0;left:2px;width:1px;background:#e8e8e8;transition:background .15s}
 .planner-splitter:after{content:"";position:absolute;top:calc(50% - 22px);left:1px;width:4px;height:44px;border-radius:4px;background:#c8c8c8}
 .planner-splitter:hover:before,.planner-splitter:focus-visible:before,.planner-splitting .planner-splitter:before{background:#777;width:2px}
 .planner-splitter:focus-visible:after,.planner-splitting .planner-splitter:after{background:#333}
 .planner-splitting,.planner-splitting *{cursor:col-resize!important;user-select:none!important}
 .planner-summary .overview-scroller{max-width:100%;overflow-x:auto}
}

@media(min-width:761px){
 .planner-controls .planner-daily-review{display:flex;align-items:center;gap:7px;margin-left:auto;padding:8px 12px;white-space:nowrap;font-size:12px}
}

/* Preview decoration follows the surface of the current page. */
body{--page-surface:var(--ui-canvas)}
body:is([data-page="memo-edit"],[data-page="knowledge-detail"],[data-page="knowledge-edit"],[data-page="knowledge-compose"],[data-page="review"]){--page-surface:#fff}
body[data-page] .workspace,.design-preview .preview-status{background:var(--page-surface)}
.preview-status img{filter:grayscale(1) contrast(2);mix-blend-mode:multiply}
@media(max-width:760px){
 body[data-page="memo-edit"] .preview-status,body[data-page="knowledge-detail"] .preview-status,body[data-page="knowledge-edit"] .preview-status,body[data-page="knowledge-compose"] .preview-status,body[data-page="review"] .preview-status{background:#fff}
 body[data-page="settings"] .preview-status{background:var(--ui-canvas)}
}

/* Settings groups share consistent insets, row heights and section rhythm. */
body[data-page="settings"] .settings-content{width:100%;max-width:620px;margin:0 auto;padding:16px 16px 32px;display:grid;gap:16px;align-content:start}
.settings-content .settings-group{margin:0;padding:0;border:0;border-radius:22px;overflow:hidden;background:#fff}
.settings-content .settings-group>.settings-row{position:relative;min-height:60px;height:auto;padding:14px 16px;gap:12px}
.settings-content .settings-row strong{font-size:16px;line-height:24px;font-weight:550;flex-shrink:0}
.settings-content .settings-row+.settings-row:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:#f0f0f0}
.settings-content .settings-row.avatar-row{min-height:80px}
.settings-content .settings-row .avatar{width:48px;height:48px;background:#f4f4f4;color:#737373}
.settings-content .settings-value{min-width:0;max-width:65%;gap:8px;color:#737373}
.settings-content .settings-value .settings-nickname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.settings-content .settings-row>span:not(.avatar)>svg{flex-shrink:0;color:#737373}
.settings-content .settings-row>span:first-child{font-size:16px;font-weight:500}
.settings-content .switch{width:44px;height:44px;margin:-6px 0}
.settings-content .switch:before{left:4px;top:11px;width:36px;height:22px;border-radius:999px}
.settings-content .switch span{left:6px;top:13px;width:18px;height:18px}
.settings-content .switch[aria-checked="true"] span{left:20px}
.settings-content .cache-section{padding:16px}
.settings-content .cache-heading{gap:8px;flex-wrap:wrap}
.settings-content .cache-heading strong{font-size:16px;line-height:24px;font-weight:550}
.settings-content .cache-heading small{color:#737373;font-size:13px;line-height:20px}
.settings-content .cache-clear{margin-left:auto;min-height:36px;height:auto;padding:7px 14px;border-radius:999px;flex-shrink:0}
.settings-content .cache-section p{max-width:none;margin:12px 0 4px;font-size:13px;line-height:22px;color:#737373}
.settings-content .cache-link{min-height:44px;padding:10px 0;color:#555;text-decoration:underline;text-underline-offset:4px;font-size:13px;line-height:22px}

/* Knowledge detail: flow-based category and tags, readable metadata and body. */
.knowledge-detail-header{height:60px;padding:8px 16px}
.knowledge-detail-header button{width:44px;height:44px}
.knowledge-detail-header>div{gap:4px}
.knowledge-detail-header.searching>button:last-child{padding:0 8px;flex-shrink:0}
.knowledge-detail-title{padding:8px 20px 0}
.knowledge-detail-title h1{overflow-wrap:anywhere;color:#222}
.knowledge-detail-title p{margin-top:8px;color:#737373;font-size:12px;line-height:20px;overflow-wrap:anywhere}
.knowledge-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 20px 16px;overflow:visible}
.knowledge-detail-meta>.knowledge-category-add{display:inline-flex;align-items:center;gap:6px;width:auto;max-width:100%;min-width:0;height:36px;border:0;border-radius:999px;background:#f2f2f2;padding:7px 12px;color:#555;font-size:13px;line-height:22px}
.knowledge-detail-meta>.knowledge-category-add span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.knowledge-detail-meta>.knowledge-category-add svg{flex-shrink:0;width:16px;height:16px}
.knowledge-detail-meta>span{flex:0 1 auto;max-width:100%;height:auto;min-height:32px;padding:5px 12px;background:#f3f3f3;color:#666;line-height:22px;white-space:normal;overflow-wrap:anywhere}
.knowledge-detail-meta>.knowledge-more-tags{height:36px;padding:7px 12px;color:#555;line-height:22px}
.knowledge-detail-tabs{padding:0 20px;gap:28px}
.knowledge-detail-tabs button{font-size:15px;color:#737373}
.knowledge-detail-tabs button[aria-selected="true"]{color:#222}
.knowledge-detail-panel{padding:20px 20px 48px}
.knowledge-detail-copy{font-size:16px;line-height:27px;font-weight:400;color:#333;overflow-wrap:anywhere}
.knowledge-detail-copy p{margin:0 0 16px}
.knowledge-detail-copy li{margin:0 0 12px}
.knowledge-reference-card .reference-avatar{background:#f2f2f2;color:#666}
.knowledge-reference-card .reference-avatar svg{width:20px;height:20px}

/* The knowledge editor uses the same category chip; memo controls stay independent. */
.knowledge-edit-tags:not(.memo-edit-meta){flex-wrap:wrap;overflow:visible;align-items:center}
.knowledge-edit-screen .knowledge-edit-tags>.knowledge-category-chip{display:inline-flex;align-items:center;gap:6px;width:auto;max-width:100%;min-width:0;height:36px;border:0;border-radius:999px;background:#f2f2f2;padding:7px 12px;color:#555;font-size:13px;line-height:22px}
.knowledge-edit-tags>.knowledge-category-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.knowledge-edit-tags>.knowledge-category-chip svg{flex-shrink:0;width:16px;height:16px}
.knowledge-edit-tags:not(.memo-edit-meta)>span{flex:0 1 auto;max-width:100%;height:auto;min-height:32px;padding:5px 12px;color:#666;line-height:22px;white-space:normal;overflow-wrap:anywhere}
.knowledge-edit-screen:not(.memo-edit-screen) .knowledge-edit-created{color:#737373}