/* Device-local pages: library beside a calm, readable writing surface. */
.knowledge-suite { color:var(--text); position:relative; }
.knowledge-suite [hidden] { display:none!important; }
.knowledge-suite * { box-sizing:border-box; }
.knowledge-header { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-block-end:18px; }
.knowledge-header h1 { margin:0; font-size:26px; letter-spacing:-.035em; }
.knowledge-kicker { margin:0 0 6px; color:var(--muted); font-size:12px; }
#knowledge-notice { min-block-size:1.6em; font-size:13px; margin-block:12px 18px; }
.knowledge-layout { display:grid; grid-template-columns:minmax(220px,280px) minmax(0,1fr); gap:22px; align-items:start; }
.knowledge-library,.knowledge-detail { min-inline-size:0; background:var(--card); border:1px solid var(--border); border-radius:12px; padding:22px; }
.knowledge-detail { min-block-size:340px; }
.knowledge-filters,.knowledge-field,#knowledge-form { display:grid; gap:8px; min-inline-size:0; }
.knowledge-filters { gap:14px; margin-block-end:20px; }
.knowledge-field { font-size:13px; color:var(--muted); }
#knowledge-form { gap:18px; }
.knowledge-suite :is(button,input,select,textarea) { font:inherit; min-inline-size:0; max-inline-size:100%; border:1px solid var(--border); border-radius:7px; min-block-size:44px; color:var(--text); background:var(--card); }
.knowledge-suite :is(input,select,textarea) { inline-size:100%; padding:10px 12px; }
.knowledge-suite textarea { resize:vertical; min-block-size:112px; line-height:1.7; }
.knowledge-suite button { padding:9px 14px; cursor:pointer; white-space:normal; overflow-wrap:anywhere; }
.knowledge-suite button:hover { background:var(--surface-2,var(--bg)); }
.knowledge-suite button:disabled { opacity:.55; cursor:not-allowed; }
.knowledge-suite .knowledge-primary { color:#fff; background:var(--suite-action,#007348); border-color:var(--suite-action,#007348); font-weight:600; }
.knowledge-suite .knowledge-primary:hover { filter:brightness(.9); }
.knowledge-suite :is(button,input,select,textarea):focus-visible { outline:2px solid var(--green); outline-offset:3px; }
#knowledge-list { display:grid; gap:6px; }
.knowledge-suite .knowledge-page-row { inline-size:100%; text-align:start; border-color:transparent; padding-inline-start:calc(10px + min(var(--knowledge-depth,0),5) * 12px); }
.knowledge-suite .knowledge-page-row[aria-current=page] { border-color:var(--border); background:var(--accent-wash,rgba(0,134,80,.09)); font-weight:600; }
.knowledge-detail h2 { font-size:23px; line-height:1.5; margin-block:0 18px; overflow-wrap:anywhere; }
.knowledge-links,.knowledge-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-block:12px; }
.knowledge-suite .knowledge-link { color:var(--green); border-color:transparent; text-decoration:underline; text-underline-offset:3px; }
.knowledge-linked-tasks { border:1px solid var(--border); border-radius:8px; padding:14px; max-block-size:240px; overflow:auto; }
.knowledge-linked-tasks legend,.knowledge-block legend { font-size:13px; padding-inline:6px; }
.knowledge-linked-tasks label { display:flex; align-items:center; gap:10px; min-block-size:44px; font-size:14px; }
.knowledge-linked-tasks label span { overflow-wrap:anywhere; min-inline-size:0; }
.knowledge-linked-tasks small { color:var(--muted); font-size:11px; }
.knowledge-linked-tasks input { inline-size:18px; block-size:18px; min-block-size:18px; flex:none; }
#knowledge-blocks { display:grid; gap:16px; }
.knowledge-block { margin:0; display:grid; gap:12px; min-inline-size:0; border:1px solid var(--border); border-radius:9px; padding:16px; }
.knowledge-block .knowledge-actions { margin:0; }
#knowledge-preview,#knowledge-history-preview { line-height:1.85; overflow-wrap:anywhere; }
#knowledge-preview :is(p,blockquote,li),#knowledge-history-preview :is(p,blockquote,li) { white-space:pre-wrap; }
#knowledge-preview h3,#knowledge-history-preview h3 { line-height:1.5; font-size:18px; }
.knowledge-content-quote { margin-inline:0; padding-inline-start:18px; border-inline-start:3px solid var(--suite-action,#007348); color:var(--muted); }
.knowledge-content-code { white-space:pre-wrap; overflow-wrap:anywhere; padding:16px; border:1px solid var(--border); border-radius:8px; background:var(--surface-2,var(--bg)); font:13px/1.8 monospace; }
.knowledge-content-action { padding:14px; border:1px solid var(--border); border-radius:8px; background:var(--accent-wash,rgba(0,134,80,.09)); }
.knowledge-content-action button { display:block; margin-block-start:10px; }
.knowledge-history { margin-block-start:28px; padding-block-start:20px; border-block-start:1px solid var(--border); }
.knowledge-history summary { min-block-size:44px; cursor:pointer; font-weight:600; }
.knowledge-history summary:focus-visible { outline:2px solid var(--green); outline-offset:3px; }
#knowledge-draft-status { color:var(--muted); font-size:13px; margin:0; }
#knowledge-error { color:var(--danger); font-size:14px; line-height:1.6; margin:0; }
.knowledge-confirmation { position:fixed; z-index:500; margin:0; inset-block-start:50%; inset-inline-start:50%; transform:translate(-50%,-50%); inline-size:min(520px,calc(100vw - 32px)); max-block-size:calc(100dvh - 32px); overflow:auto; background:var(--card); color:var(--text); border:1px solid var(--border); border-radius:12px; padding:26px; }
.knowledge-confirmation::backdrop { background:rgba(0,0,0,.5); }
[dir=rtl] .knowledge-confirmation { transform:translate(50%,-50%); }
.knowledge-confirmation h3 { margin-block:0 12px; }
.knowledge-confirmation p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; }
.knowledge-confirmation button { margin-inline-end:8px; }
/* The app rail also consumes width on tablets; keep the reading surface usable. */
@media (max-width:1000px) {
  .knowledge-layout { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:760px) {
  .knowledge-layout { grid-template-columns:minmax(0,1fr); gap:16px; }
  .knowledge-header { flex-wrap:wrap; }
  .knowledge-library,.knowledge-detail { padding:18px; }
  .knowledge-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .knowledge-filters>.knowledge-field:first-child { grid-column:1/-1; }
  #knowledge-list { max-block-size:240px; overflow:auto; }
  .knowledge-block { padding:12px; }
}
/* Stage 2 knowledge library and writing canvas. */
.knowledge-suite .knowledge-filters { padding:12px; border:1px solid var(--border); border-radius:10px; background:var(--row); }
.knowledge-suite :is(.knowledge-layout,.knowledge-library,.knowledge-detail,#knowledge-preview) { min-width:0; border-color:var(--border); background:var(--card); }
.knowledge-suite #knowledge-list > p { padding:18px; border:1px dashed var(--border); border-radius:10px; background:var(--row); }

/* Focus reading and writing materials. Local fallbacks also support independent
   loading before the shared Focus canvas enables the Knowledge destination. */
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge {
  --knowledge-ink: var(--preview-ink, #f7f5ee);
  --knowledge-muted: var(--preview-muted, #cbc5d2);
  --knowledge-line: var(--preview-line, rgb(246 240 249 / .16));
  --knowledge-control-line: var(--preview-control-line, #887c93);
  --knowledge-surface: #1b1623;
  --knowledge-field: #241e2e;
  --knowledge-row: var(--preview-row, rgb(255 251 255 / .04));
  --knowledge-accent: var(--preview-accent, #9bc8a7);
  --knowledge-action: var(--preview-action, #00d492);
  --knowledge-action-ink: var(--preview-action-ink, #0c0a07);
  --knowledge-danger: #ffb6c1;
  --knowledge-display: "Instrument Serif", Georgia, serif;
  --knowledge-ui: "Instrument Sans", "IBM Plex Sans Arabic", sans-serif;
  --knowledge-shadow: inset 0 1px 0 rgb(255 255 255 / .055), 0 12px 36px rgb(10 7 20 / .12);
  --text: var(--knowledge-ink);
  --muted: var(--knowledge-muted);
  --border: var(--knowledge-line);
  --green: var(--knowledge-accent);
  --glass-focus: var(--knowledge-accent);
  --glass-error: var(--knowledge-danger);
  --glass-disabled: var(--knowledge-field);
  --glass-disabled-text: var(--knowledge-muted);
  --glass-border: var(--knowledge-line);
  color: var(--knowledge-ink);
  font-family: var(--knowledge-ui);
  background: transparent;
  color-scheme: dark;
}
html[data-rattib-material="glass"][data-theme="light"].rt-route:not(#_) body.workspace-framed #panel-knowledge {
  --knowledge-ink: var(--preview-ink, #24342c);
  --knowledge-muted: var(--preview-muted, #4d6156);
  --knowledge-line: var(--preview-line, rgb(35 70 50 / .17));
  --knowledge-control-line: var(--preview-control-line, #73897a);
  --knowledge-surface: #fdfdf9;
  --knowledge-field: #ffffff;
  --knowledge-row: var(--preview-row, rgb(35 70 50 / .045));
  --knowledge-accent: var(--preview-accent, #256947);
  --knowledge-action: var(--preview-action, #127451);
  --knowledge-action-ink: var(--preview-action-ink, #ffffff);
  --knowledge-danger: #ab2438;
  --knowledge-shadow: inset 0 1px 0 rgb(255 255 255 / .8), 0 12px 36px rgb(21 57 38 / .07);
  color-scheme: light;
}
html[data-rattib-material="glass"][lang="ar"].rt-route:not(#_) body.workspace-framed #panel-knowledge {
  --knowledge-display: "IBM Plex Sans Arabic", sans-serif;
  --knowledge-ui: "IBM Plex Sans Arabic", "Instrument Sans", sans-serif;
}
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-header {
  align-items: flex-start;
  gap: 24px;
  margin-block-end: 0;
  padding-block: 12px 22px;
  border-block-end: 1px solid var(--knowledge-line);
}
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-header h1 {
  margin: 0 0 12px;
  color: var(--knowledge-ink);
  font: 400 clamp(38px, 4vw, 52px)/1.08 var(--knowledge-display);
  letter-spacing: -.035em;
}
html[data-rattib-material="glass"][lang="ar"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-header h1 { font-size: 34px; line-height: 1.5; letter-spacing: 0; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-kicker { max-inline-size: 62ch; margin: 0; color: var(--knowledge-muted); font: 400 13px/1.75 var(--knowledge-ui); letter-spacing: 0; text-transform: none; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge #knowledge-notice { margin-block: 16px; color: var(--knowledge-muted); font-size: 12px; line-height: 1.7; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-layout { grid-template-columns: minmax(220px, 264px) minmax(0, 1fr); gap: 20px; border: 0; background: transparent; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge :is(.knowledge-library, .knowledge-detail) {
  background: var(--knowledge-surface);
  background-image: none;
  border: 1px solid var(--knowledge-line);
  border-radius: 22px;
  box-shadow: var(--knowledge-shadow);
  backdrop-filter: none;
}
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-library { padding: 18px; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-detail { padding: 28px; min-block-size: 380px; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-filters { padding: 0 0 18px; margin-block-end: 14px; gap: 14px; background: transparent; border: 0; border-block-end: 1px solid var(--knowledge-line); border-radius: 0; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-field { gap: 7px; font: 500 12px/1.6 var(--knowledge-ui); color: var(--knowledge-muted); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge :is(button, input, select, textarea) {
  min-block-size: 44px;
  min-inline-size: 0;
  max-inline-size: 100%;
  padding: 10px 12px;
  border: 1px solid var(--knowledge-control-line);
  border-radius: 12px;
  background: var(--knowledge-field);
  background-image: none;
  color: var(--knowledge-ink);
  font: 400 14px/1.6 var(--knowledge-ui);
  box-shadow: none;
  backdrop-filter: none;
}
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge :is(input, textarea)::placeholder { color: var(--knowledge-muted); opacity: 1; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge select option { background: var(--knowledge-surface); color: var(--knowledge-ink); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge button { border-color: var(--knowledge-line); background: var(--knowledge-row); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge button:not(:disabled):hover { background: var(--knowledge-field); border-color: var(--knowledge-control-line); transform: none; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge button.knowledge-primary { background: var(--knowledge-action); border-color: var(--knowledge-action); color: var(--knowledge-action-ink); font-weight: 600; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge button.knowledge-primary:not(:disabled):hover { background: var(--knowledge-action); border-color: var(--knowledge-action); color: var(--knowledge-action-ink); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge #knowledge-new { flex: 0 0 auto; padding-inline: 22px; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge :is(button, input, select, textarea, summary):focus-visible { outline: 2px solid var(--knowledge-accent); outline-offset: 3px; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge :is(input, textarea)[aria-invalid="true"] { border-color: var(--knowledge-danger); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge #knowledge-list { gap: 7px; max-block-size: 540px; overflow-y: auto; padding: 4px; margin: -4px; scrollbar-width: thin; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-page-row { padding-inline-start: calc(12px + min(var(--knowledge-depth, 0), 5) * 12px); border-color: transparent; background: transparent; text-align: start; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-page-row[aria-current="page"] { background: var(--knowledge-row); border-color: var(--knowledge-accent); color: var(--knowledge-accent); font-weight: 600; box-shadow: none; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge :is(#knowledge-list > p, .knowledge-empty) { color: var(--knowledge-muted); border-color: var(--knowledge-line); background: var(--knowledge-row); font: 400 14px/1.8 var(--knowledge-ui); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-empty { display: grid; place-items: center; text-align: center; min-block-size: 300px; margin: 0; padding: 24px; border-radius: 14px; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-detail h2 { font: 400 34px/1.3 var(--knowledge-display); color: var(--knowledge-ink); margin-block: 0 16px; }
html[data-rattib-material="glass"][lang="ar"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-detail h2 { font: 500 25px/1.6 var(--knowledge-display); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-link { color: var(--knowledge-accent); background: transparent; border-color: transparent; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge #knowledge-preview { background: transparent; margin-block-end: 24px; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge :is(#knowledge-preview, #knowledge-history-preview) { font: 400 15px/1.9 var(--knowledge-ui); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge :is(#knowledge-preview, #knowledge-history-preview) > h3:first-child { color: var(--knowledge-muted); font: 500 12px/1.6 var(--knowledge-ui); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-content-quote { border-color: var(--knowledge-accent); color: var(--knowledge-muted); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge :is(.knowledge-content-code, .knowledge-content-action, .knowledge-local-preview) { padding: 18px; border: 1px solid var(--knowledge-line); border-radius: 14px; background: var(--knowledge-row); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge #knowledge-detail > button { margin-inline-end: 8px; margin-block: 4px; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge #knowledge-form { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 16px; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge #knowledge-form > :is(.knowledge-field:first-child, .knowledge-linked-tasks, #knowledge-blocks, #knowledge-add-block, #knowledge-draft-status, #knowledge-error) { grid-column: 1 / -1; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge :is(.knowledge-linked-tasks, .knowledge-block) { min-inline-size: 0; border: 1px solid var(--knowledge-line); border-radius: 14px; background: var(--knowledge-row); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge :is(.knowledge-linked-tasks, .knowledge-block) legend { color: var(--knowledge-muted); font: 500 12px/1.6 var(--knowledge-ui); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-linked-tasks { padding: 14px; margin: 0; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-linked-tasks input { min-block-size: 18px; inline-size: 18px; block-size: 18px; padding: 0; accent-color: var(--knowledge-accent); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-actions > button { font-size: 12px; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge #knowledge-add-block { border-style: dashed; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge :is(#knowledge-error, #knowledge-collection-feedback[role="alert"]) { color: var(--knowledge-danger); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-history { margin-block-start: 24px; padding-block-start: 20px; border-color: var(--knowledge-line); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-history > p { color: var(--knowledge-muted); font-size: 12px; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-confirmation { background: var(--knowledge-surface); color: var(--knowledge-ink); border: 1px solid var(--knowledge-line); border-radius: 24px; padding: 28px; box-shadow: var(--knowledge-shadow); backdrop-filter: none; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-confirmation h3 { font: 400 30px/1.35 var(--knowledge-display); }
html[data-rattib-material="glass"][lang="ar"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-confirmation h3 { font: 500 24px/1.6 var(--knowledge-display); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-confirmation::backdrop { background: rgb(10 7 20 / .68); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-sharing { padding: 20px 24px; margin-block-start: 22px; border: 1px solid var(--knowledge-line); border-radius: 22px; background: var(--knowledge-surface); box-shadow: var(--knowledge-shadow); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-sharing > :not(summary) { margin-inline: 0; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-sharing > summary { min-block-size: 44px; padding-block: 10px; color: var(--knowledge-ink); font-size: 14px; font-weight: 600; cursor: pointer; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-sharing > p { max-inline-size: 76ch; color: var(--knowledge-muted); font-size: 13px; line-height: 1.8; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-sharing form { align-items: end; gap: 12px; margin-block: 20px; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-sharing form > label { flex: 1 1 220px; display: grid; gap: 7px; min-inline-size: 0; font-size: 12px; color: var(--knowledge-muted); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-sharing input { inline-size: 100%; min-width: 0; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge #knowledge-collection-feedback { flex: 1 1 100%; margin: 0; font-size: 13px; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-sharing > ul { padding-inline-start: 24px; overflow-wrap: anywhere; }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-sharing article { flex-wrap: wrap; gap: 12px; padding-block: 16px; border-block-start: 1px solid var(--knowledge-line); }
html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-sharing article h3 { flex: 1 1 180px; min-inline-size: 0; margin: 0; font: 500 15px/1.6 var(--knowledge-ui); overflow-wrap: anywhere; }
@media (max-width: 1000px) {
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-layout { grid-template-columns: minmax(0, 1fr); }
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-filters { grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr)); }
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge #knowledge-list { max-block-size: 240px; }
}
@media (max-width: 760px) {
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-header { gap: 16px; padding-block: 8px 18px; }
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-header h1 { font-size: 38px; }
  html[data-rattib-material="glass"][lang="ar"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-header h1 { font-size: 28px; }
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-layout { gap: 16px; }
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge :is(.knowledge-library, .knowledge-detail, .knowledge-sharing) { padding: 18px; border-radius: 18px; }
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-detail { min-block-size: 280px; }
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-empty { min-block-size: 240px; padding: 14px; }
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge #knowledge-form { grid-template-columns: minmax(0, 1fr); }
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge :is(input, select, textarea) { font-size: 16px; }
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-actions { align-items: stretch; }
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-actions > button { flex: 1 1 80px; padding-inline: 8px; }
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-confirmation { padding: 22px; border-radius: 20px; }
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-sharing form > label { flex-basis: 100%; }
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-sharing article h3 { flex-basis: auto; }
}
@media (forced-colors: active) {
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge :is(button, input, select, textarea, summary):focus-visible { outline-color: Highlight; }
  html[data-rattib-material="glass"].rt-route:not(#_) body.workspace-framed #panel-knowledge .knowledge-page-row[aria-current="page"] { border-color: Highlight; }
}