.cl-library { min-width: 0; max-width: 100%; }
.cl-navigation,.cl-main{min-width:0;max-width:100%}
.cl-navigation{display:grid;align-content:start;gap:14px}
.cl-main>[data-library-vault-content]{min-width:0}
.cl-customer-results{display:grid;gap:25px}.cl-customer-result{min-width:0}.cl-customer-result-heading{display:flex;align-items:center;gap:12px;margin:0 0 13px;padding-bottom:9px;border-bottom:1px solid #e6ecf6}.cl-customer-result-heading h3{margin:0;font-size:14px;line-height:1.6;color:#45628d;overflow-wrap:anywhere}.cl-tree-customer{min-width:0}.cl-tree-customer+.cl-tree-customer{border-top:1px solid #e3eaf5;margin-top:13px;padding-top:5px}.cl-tree-customer-heading{margin:12px 8px 7px;color:#47658e;font-size:12px;line-height:1.7;font-weight:700;overflow-wrap:anywhere}.cl-tree-customer .cl-tree-group>summary>span{min-width:0}.cl-tree-customer .cl-tree-group>summary strong{font-size:11px}
.cl-library [hidden] { display: none !important; }
.cl-library svg { width: 18px; height: 18px; flex-shrink: 0; }
.cl-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 0 27px; }
.cl-heading h1 { margin-bottom: 10px; }
.cl-heading .cl-scope { margin: 0; font-size: 12px; line-height: 1.8; }
.cl-scope strong { color: #526b93; font-weight: 600; }
.cl-heading-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; flex-shrink: 0; }
.cl-overview { display: grid; grid-template-columns: .8fr .8fr 1.4fr; gap: 18px; margin-bottom: 24px; }
.cl-summary-card { display: flex; align-items: center; gap: 16px; min-width: 0; padding: 23px 24px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.cl-summary-card > div { min-width: 0; }
.cl-summary-card strong { display: block; font-family: Manrope, sans-serif; font-size: 28px; letter-spacing: -.8px; line-height: 1.3; overflow-wrap: anywhere; }
.cl-summary-card span:not(.cl-symbol) { display: block; margin-top: 7px; color: #8897ae; font-size: 11px; line-height: 1.7; }
.cl-symbol { display: grid; place-items: center; width: 44px; height: 44px; flex-shrink: 0; background: #edf2ff; color: #6283d3; border-radius: 10px; }
.cl-symbol svg { width: 22px; height: 22px; }
.cl-symbol.cl-violet { background: #f2edff; color: #9b81d2; }
.cl-symbol.cl-green { background: #eaf6f0; color: #6aa897; }
.cl-summary-context strong { font-size: 17px; letter-spacing: -.3px; }
.cl-workspace { min-width: 0; overflow: hidden; }
.cl-toolbar { display: flex; align-items: end; gap: 14px; padding: 24px 25px 20px; }
.cl-search { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; min-height: 43px; padding: 10px 13px; border: 1px solid #e2e8f2; border-radius: 7px; color: #91a1ba; background: #fff; }
.cl-search:focus-within { border-color: #91aaf0; box-shadow: 0 0 0 3px #375bdb09; }
.cl-search svg { width: 17px; height: 17px; }
.cl-search input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; background: transparent; font-family: inherit; font-size: 12px; color: #455b7f; }
.cl-search input::placeholder { color: #a1acc0; }
.cl-category { display: flex; flex-direction: column; gap: 7px; min-width: 160px; max-width: 230px; color: #8092ad; font-size: 10px; }
.cl-category select { width: 100%; min-width: 0; height: 43px; padding: 9px 30px 9px 12px; background: #fff; border: 1px solid #e2e8f2; border-radius: 7px; color: #637b9f; font-family: inherit; font-size: 11px; }
.cl-tabs { display: flex; gap: 24px; padding: 0 25px; border-bottom: 1px solid #e9edf5; }
.cl-tab { display: inline-flex; align-items: center; justify-content: center; gap: 9px; position: relative; padding: 13px 2px 16px; background: transparent; border: 0; color: #8a9ab2; font-size: 12px; font-weight: 600; }
.cl-tab::after { content: ''; position: absolute; bottom: -1px; right: 0; left: 0; height: 2px; background: transparent; }
.cl-tab[aria-selected="true"] { color: #4167cf; }
.cl-tab[aria-selected="true"]::after { background: #5a7ae4; }
.cl-tab > span { min-width: 21px; padding: 2px 6px; border-radius: 4px; background: #f1f4f9; color: #93a1b8; font-size: 10px; }
.cl-tab[aria-selected="true"] > span { background: #ecf1ff; color: #6885d6; }
.cl-tab svg { width: 16px; height: 16px; }
.cl-results-meta { display: flex; justify-content: space-between; gap: 15px; flex-wrap: wrap; padding: 19px 25px 0; color: #8093af; font-size: 11px; }
.cl-results-meta small { color: #a0adc1; font-size: 10px; }
.cl-results { padding: 22px 25px 26px; min-width: 0; }
.cl-page-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.cl-page-card { display: flex; flex-direction: column; min-width: 0; padding: 20px; background: #fff; border: 1px solid #e4eaf4; border-radius: 9px; transition: border-color .15s, box-shadow .15s; }
.cl-page-card:hover { border-color: #cddaf7; box-shadow: 0 4px 18px #27487706; }
.cl-page-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 18px; }
.cl-page-icon { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 8px; color: #6e8cda; background: #eff4ff; flex-shrink: 0; }
.cl-page-icon svg { width: 19px; height: 19px; }
.cl-category-badge { max-width: 100%; padding: 4px 7px; border-radius: 5px; background: #f5f7fb; color: #8d9db6; font-size: 9px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
.cl-page-title { padding: 0; border: 0; background: transparent; color: #3a557c; font-family: Manrope, sans-serif; font-size: 15px; line-height: 1.6; letter-spacing: -.2px; font-weight: 750; text-align: left; overflow-wrap: anywhere; }
.cl-page-title:hover { color: #365edb; }
.cl-page-customer { display: block; margin-top: 5px; color: #7c94b8; font-size: 10px; line-height: 1.7; overflow-wrap: anywhere; }
.cl-page-excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 13px 0 19px; color: #8a9ab1; font-size: 11px; line-height: 1.9; overflow-wrap: anywhere; white-space: pre-line; }
.cl-page-details { display: flex; flex-direction: column; gap: 7px; margin-top: auto; color: #a1aec1; font-size: 9px; line-height: 1.7; overflow-wrap: anywhere; }
.cl-page-counts { color: #8fa2be; }
.cl-page-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin: 17px -3px -5px; padding-top: 14px; border-top: 1px solid #eff2f8; }
.cl-page-footer .btn { font-size: 10px; padding: 7px 8px; white-space: normal; }
.cl-file-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.cl-file-card { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 18px; padding: 20px; border: 1px solid #e4eaf4; border-radius: 9px; background: #fff; min-width: 0; }
.cl-file-preview { display: flex; justify-content: center; align-items: center; width: 80px; height: 88px; border: 1px solid #e9eef7; border-radius: 7px; background: #f8faff; overflow: hidden; }
.cl-file-preview img { display: block; width: 100%; height: 100%; object-fit: contain; }
.cl-file-symbol { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; color: #7991bb; }
.cl-file-symbol svg { width: 26px; height: 26px; }
.cl-file-symbol b { font-size: 9px; font-weight: 600; letter-spacing: .5px; }
.cl-file-content { min-width: 0; }
.cl-file-name { display: block; color: #455f87; font-size: 12px; line-height: 1.7; font-weight: 600; overflow-wrap: anywhere; }
.cl-file-content > small { display: block; color: #9eacc0; font-size: 9px; line-height: 1.7; margin-top: 3px; }
.cl-file-owner { display: block; padding: 0; margin-top: 9px; max-width: 100%; text-align: left; border: 0; background: transparent; color: #6f8bb8; font-size: 10px; line-height: 1.8; overflow-wrap: anywhere; }
.cl-file-owner:hover { color: #365edb; text-decoration: underline; }
.cl-file-comment { margin: 9px 0 0; color: #899cb9; font-size: 10px; line-height: 1.8; overflow-wrap: anywhere; white-space: pre-line; }
.cl-file-history { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 12px; color: #9aaac1; font-size: 9px; line-height: 1.5; }
.cl-history-badge { padding: 4px 6px; border: 1px solid #eee5d7; border-radius: 4px; background: #fffaf1; color: #b49e77; }
.cl-history-badge.is-current { border-color: #deeee6; background: #f1f9f5; color: #7aa58f; }
.cl-file-actions { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; grid-column: 1/-1; padding-top: 13px; border-top: 1px solid #eff2f8; }
.cl-file-actions .btn { font-size: 10px; white-space: normal; }
.cl-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-top: 22px; color: #94a4bd; font-size: 10px; }
.cl-pagination > div { display: flex; gap: 8px; }
.cl-empty { padding: 47px 20px 50px; text-align: center; }
.cl-empty > svg { width: 34px; height: 34px; margin-bottom: 18px; color: #a5b8da; }
.cl-empty h3 { font-size: 15px; color: #59739b; margin: 0 0 10px; }
.cl-empty p { max-width: 490px; margin: 0 auto 22px; color: #93a2b9; font-size: 11px; line-height: 1.9; }
.cl-loading { padding: 60px 20px; text-align: center; color: #94a6bf; font-size: 12px; }
.cl-error { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 21px; border: 1px solid #f2e0db; border-radius: 8px; color: #ad8b85; background: #fff9f6; font-size: 12px; line-height: 1.8; }
.cl-picker { margin-top: 22px; padding: 25px; border: 1px solid #d9e4fa; border-radius: 11px; background: #fff; box-shadow: 0 5px 30px #2b4a7d06; }
.cl-picker-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.cl-picker-heading h2 { margin: 0; font-size: 15px; color: #4a6591; }
.cl-picker-heading p { margin: 10px 0 19px; max-width: 700px; font-size: 11px; color: #91a0b8; line-height: 1.9; }
.cl-picker-heading > .btn { font-size: 0; }
.cl-picker-search, .cl-picker-options label { display: flex; flex-direction: column; gap: 8px; color: #8ca0bc; font-size: 10px; }
.cl-picker-search { margin-bottom: 17px; }
.cl-picker input, .cl-picker select { display: block; width: 100%; min-width: 0; max-width: 100%; padding: 11px 12px; border: 1px solid #e0e7f4; border-radius: 7px; background: #fff; color: #607caa; font-family: inherit; font-size: 12px; }
.cl-picker-options { min-width: 0; }
.cl-picker-options > p { font-size: 11px; line-height: 1.8; }
.cl-picker-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
@media (max-width: 1250px) {
  .cl-page-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cl-heading { gap: 18px; align-items: flex-start; }
  .cl-heading-actions { max-width: 220px; justify-content: flex-end; }
  .cl-summary-card { padding: 20px; gap: 12px; }
  .cl-summary-context strong { font-size: 15px; }
}
@media (max-width: 900px) {
  .cl-heading { flex-direction: column; gap: 17px; }
  .cl-heading-actions { justify-content: flex-start; max-width: 100%; }
  .cl-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .cl-summary-context { grid-column: 1/-1; }
  .cl-summary-card { padding: 18px; }
  .cl-summary-context strong { font-size: 16px; }
  .cl-toolbar { flex-wrap: wrap; padding: 20px; gap: 12px; }
  .cl-search { flex-basis: 100%; }
  .cl-category { max-width: none; flex: 1; }
  .cl-tabs { padding: 0 20px; }
  .cl-results-meta { padding-left: 20px; padding-right: 20px; }
  .cl-results { padding: 20px; }
  .cl-file-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  .cl-heading { margin-bottom: 21px; }
  .cl-heading .cl-scope { font-size: 11px; }
  .cl-heading-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; gap: 8px; }
  .cl-heading-actions .btn { padding: 11px 9px; font-size: 10px; white-space: normal; }
  .cl-overview { gap: 10px; margin-bottom: 18px; }
  .cl-summary-card { padding: 16px 13px; gap: 10px; }
  .cl-symbol { width: 33px; height: 33px; border-radius: 7px; }
  .cl-symbol svg { width: 18px; height: 18px; }
  .cl-summary-card strong { font-size: 24px; }
  .cl-summary-card span:not(.cl-symbol) { font-size: 9px; margin-top: 5px; }
  .cl-summary-context strong { font-size: 14px; }
  .cl-summary-context span:not(.cl-symbol) { font-size: 9px; line-height: 1.8; }
  .cl-toolbar { padding: 16px; gap: 10px; }
  .cl-search { padding: 11px; min-height: 44px; }
  .cl-search input { font-size: 16px; }
  .cl-category { min-width: 0; }
  .cl-category select { font-size: 16px; min-height: 44px; }
  .cl-tabs { padding: 0 16px; gap: 20px; }
  .cl-tab { font-size: 11px; padding: 13px 0 14px; gap: 7px; min-height: 44px; }
  .cl-tab > span { font-size: 9px; }
  .cl-results-meta { padding: 16px 16px 0; font-size: 10px; gap: 7px; }
  .cl-results-meta small { font-size: 9px; }
  .cl-results { padding: 16px; }
  .cl-page-grid { grid-template-columns: minmax(0,1fr); gap: 13px; }
  .cl-page-card { padding: 17px; }
  .cl-page-top { margin-bottom: 14px; }
  .cl-page-title { font-size: 15px; }
  .cl-page-excerpt { font-size: 11px; margin-top: 11px; }
  .cl-page-details { font-size: 9px; }
  .cl-page-footer .btn { min-height: 40px; font-size: 10px; }
  .cl-file-card { grid-template-columns: 60px minmax(0,1fr); gap: 13px; padding: 16px; }
  .cl-file-preview { width: 60px; height: 74px; }
  .cl-file-name { font-size: 12px; }
  .cl-file-content > small { font-size: 9px; }
  .cl-file-owner { font-size: 10px; min-height: 30px; }
  .cl-file-actions { gap: 6px; }
  .cl-file-actions .btn { font-size: 10px; padding: 8px; min-height: 40px; }
  .cl-empty { padding: 33px 8px 36px; }
  .cl-empty p { font-size: 11px; }
  .cl-error { align-items: flex-start; flex-direction: column; padding: 16px; }
  .cl-picker { padding: 18px; }
  .cl-picker-heading { gap: 12px; }
  .cl-picker-heading h2 { font-size: 14px; }
  .cl-picker input, .cl-picker select { font-size: 16px; }
  .cl-picker-actions { align-items: stretch; flex-direction: column-reverse; }
  .cl-picker-actions .btn { white-space: normal; }
}

/* Customer/project chapters and the page hierarchy remain independent of rich text. */
.cl-trash-link{display:flex;align-items:center;gap:9px;width:100%;padding:14px 16px;border:0;border-top:1px solid #edf1f7;background:#fff;color:#738bad;font:inherit;font-size:11px;text-align:left;cursor:pointer}.cl-trash-link>svg{flex:0 0 17px;width:17px;height:17px}.cl-trash-link:hover,.cl-trash-link[aria-current=page]{color:#365ed0;background:#f0f4ff}.cl-trash-link:focus-visible{outline:2px solid #a6b8ee;outline-offset:-3px}.cl-main>[data-library-trash-content]{min-width:0;max-width:100%}.cl-is-trash .cl-heading{margin-bottom:18px}.cl-is-trash [data-library-trash-content][hidden]{display:none}@media(max-width:780px){.cl-trash-link{min-height:44px;font-size:12px}}
.cl-library-layout{display:grid;grid-template-columns:minmax(205px,250px) minmax(0,1fr);align-items:start;gap:18px;min-width:0;max-width:100%}.cl-library-layout>.cl-workspace{min-width:0}.cl-tree-panel{min-width:0;max-width:100%;overflow:hidden}.cl-tree-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 15px;cursor:pointer;border-bottom:1px solid #edf1f7;color:#50698e;font-size:12px;font-weight:650}.cl-tree-heading>span{display:flex;align-items:center;gap:8px}.cl-tree-heading svg{width:17px;height:17px}.cl-tree-heading>small{color:#9cabc1;font-size:10px}.cl-tree-body{max-height:660px;overflow:auto;padding:9px;scrollbar-width:thin}.cl-tree-group{margin:0 0 7px;border-bottom:1px solid #f0f3f8}.cl-tree-group>summary,.cl-tree-page>summary,.cl-tree-leaf{display:flex;align-items:center;gap:3px;min-width:0;padding:5px 2px;list-style:none}.cl-tree-group>summary{cursor:pointer;padding:7px 3px}.cl-tree-group>summary::before,.cl-tree-page>summary::before{content:'›';color:#8ea2c1;display:inline-block;flex:0 0 12px;text-align:center;font-size:17px;line-height:1}.cl-tree-group[open]>summary::before,.cl-tree-page[open]>summary::before{transform:rotate(90deg)}.cl-tree-group>summary>span{min-width:0;flex:1}.cl-tree-group strong{display:block;font-size:11px;line-height:1.6;overflow-wrap:anywhere;color:#516c95}.cl-tree-group small{display:block;font-size:9px;color:#a0aec2;line-height:1.5;overflow-wrap:anywhere}.cl-tree-branch{padding:0 0 7px 10px}.cl-tree-children{padding-left:12px;border-left:1px solid #e4ebf6;margin-left:7px}.cl-tree-page,.cl-tree-leaf{min-width:0}.cl-tree-title{flex:1;min-width:0;border:0;background:none;padding:5px 3px;font:inherit;font-size:10px;line-height:1.6;text-align:left;overflow-wrap:anywhere;color:#6882a8;cursor:pointer}.cl-tree-title:hover{color:#355bd8;background:#f2f6ff;border-radius:4px}.cl-tree-leaf{padding-left:16px}.cl-tree-new{display:inline-flex;align-items:center;justify-content:center;flex:0 0 25px;width:25px;height:28px;padding:4px;border:0;border-radius:5px;background:transparent;color:#879cb9;cursor:pointer}.cl-tree-new:hover{background:#edf2ff;color:#355bd8}.cl-tree-new svg{width:13px;height:13px}.cl-tree-empty,.cl-tree-hint{margin:0;padding:8px 6px;font-size:10px;line-height:1.7;color:#9aacc4}.cl-tree-hint{padding:12px 15px;border-top:1px solid #edf1f7}.cl-project-filter{display:flex;flex-direction:column;gap:7px;min-width:130px;max-width:210px;font-size:9px;color:#8299b9}.cl-project-filter select{min-width:0;width:100%;max-width:100%;padding:10px 12px;border:1px solid #dce5f2;border-radius:6px;background:#fff;color:#6782a7;font:inherit;font-size:10px}.cl-library-layout .cl-toolbar{flex-wrap:wrap}.cl-library-layout .cl-search{min-width:180px;flex:1 1 230px}.cl-page-location{display:block;margin:8px 0 0;color:#8e9fb9;font-size:10px;line-height:1.65;overflow-wrap:anywhere}.cl-file-project{margin-top:4px}.cl-project-library{min-width:0;max-width:100%}.cl-project-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.cl-project-heading p{margin:0;font-size:12px}.cl-project-library section{margin:20px 0}.cl-project-library h3{font-size:13px;margin-bottom:12px}.cl-project-page-list,.cl-project-file-list{display:grid;gap:9px}.cl-project-page-list>button,.cl-project-file-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;min-width:0;max-width:100%;padding:13px;border:1px solid #e3eaf5;border-radius:7px;background:#fff;text-align:left;color:#607b9f;font-size:11px;overflow-wrap:anywhere}.cl-project-page-list>button span{color:#98aac2;font-size:10px}.cl-project-file-list a{overflow-wrap:anywhere;max-width:100%}.cl-project-file-list small{font-size:10px}.cl-project-file-list button{border:0;background:none;font:inherit;color:#5878b7;cursor:pointer;min-height:30px}.cl-tree-title:focus-visible,.cl-tree-new:focus-visible{outline:2px solid #a6b8ee;outline-offset:1px}
@media(max-width:1100px){.cl-library-layout{grid-template-columns:minmax(185px,220px) minmax(0,1fr);gap:14px}.cl-library-layout .cl-page-grid,.cl-library-layout .cl-file-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:780px){.cl-library-layout{grid-template-columns:minmax(0,1fr)}.cl-tree-body{max-height:240px}.cl-tree-heading{min-height:44px;padding:13px 15px}.cl-tree-title{font-size:12px;min-height:40px}.cl-tree-new{width:36px;height:40px;flex-basis:36px}.cl-tree-group strong{font-size:12px}.cl-tree-hint{font-size:10px}.cl-tree-group>summary{min-height:42px}.cl-project-filter{min-width:0;max-width:none;flex:1 1 170px}.cl-project-filter select{font-size:16px;min-height:44px}.cl-project-page-list>button,.cl-project-file-list>div{font-size:12px}.cl-project-file-list button{min-height:40px}}

/* Read the selected page beside its tree; rich content keeps its own safe renderer. */
.cl-reader{min-width:0;max-width:100%;scroll-margin-top:85px}.cl-reader-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid #edf1f7}.cl-reader-tools>div{display:flex;align-items:center;gap:9px;min-width:0}.cl-reader-tools>div>span{font-size:10px;line-height:1.7;color:#8b9fba;overflow-wrap:anywhere}.cl-reader-actions{flex-shrink:0}.cl-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;padding:7px;border:1px solid #e4eaf4;border-radius:7px;background:#fff;color:#7d92b2;cursor:pointer}.cl-icon-button:hover,.cl-icon-button.is-active{color:#4167cf;background:#edf3ff;border-color:#dbe5fb}.cl-icon-button.is-danger:hover{color:#b65353;background:#fff3f1;border-color:#f1d7d1}.cl-icon-button:disabled{opacity:.45;cursor:not-allowed}.cl-icon-button:focus-visible{outline:2px solid #a6b8ee;outline-offset:2px}.cl-reader-header{padding:24px 0 20px}.cl-reader-header h2{margin:12px 0 10px;color:#293c5a;font-size:25px;line-height:1.45;letter-spacing:-.6px;overflow-wrap:anywhere}.cl-reader-header p,.cl-reader-header small{display:block;margin:6px 0 0;color:#91a0b6;font-size:10px;line-height:1.8;overflow-wrap:anywhere}.cl-reader-body{padding:12px 0 22px;min-height:180px;overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px;line-height:1.9;color:#526986}.cl-reader-body.customer-wiki-content{white-space:normal}.cl-reader-body pre{max-width:100%;overflow:auto;white-space:pre}.cl-reader-body img{max-width:100%;height:auto}.cl-reader-historical{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid #f2e4c9;border-radius:7px;background:#fffaf0;color:#a58a5b;font-size:11px}.cl-reader-history{padding:15px;margin:0 0 18px;border:1px solid #e3eaf7;border-radius:8px;background:#f8faff}.cl-reader-history h3,.cl-reader-delete h3,.cl-reader-uploads h3{margin:0 0 11px;color:#5a7297;font-size:12px}.cl-reader-history>button{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;width:100%;padding:10px 8px;border:0;border-bottom:1px solid #e8eef8;background:transparent;text-align:left;color:#7389a8;cursor:pointer;overflow-wrap:anywhere}.cl-reader-history>button[aria-current=true]{color:#3c61c0;background:#edf2ff}.cl-reader-history>button span{font-size:10px;color:#98a8bf}.cl-reader-delete{padding:17px;margin:0 0 18px;border:1px solid #f0d6cf;border-radius:8px;background:#fff8f5}.cl-reader-delete p{font-size:11px;line-height:1.8;color:#9c827c;overflow-wrap:anywhere}.cl-reader-delete>div{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.cl-reader-delete .cl-delete-error{color:#ad5858}.cl-reader-uploads{padding:20px 0 8px;border-top:1px solid #ecf1f8}.cl-reader-uploads h3 span{margin-left:6px;color:#a1b0c5;font-weight:400}.cl-reader-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cl-reader-images>a{display:flex;flex-direction:column;min-width:0;padding:8px;border:1px solid #e5ebf5;border-radius:7px;color:#8298ba;font-size:10px;text-decoration:none;overflow-wrap:anywhere}.cl-reader-images img{display:block;width:100%;height:130px;object-fit:contain;background:#f8faff}.cl-reader-images span{padding-top:8px}.cl-reader-attachments{display:grid;gap:9px}.cl-reader-attachments>a{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid #e3eaf5;border-radius:7px;color:#7790b6;text-decoration:none}.cl-reader-attachments>a>span{min-width:0;flex:1}.cl-reader-attachments strong,.cl-reader-attachments small{display:block;overflow-wrap:anywhere;line-height:1.7;font-size:11px}.cl-reader-attachments small{font-size:10px;color:#9aabc3}.cl-tree-title[aria-current=page]{color:#365ed0;background:#edf3ff;border-radius:5px;font-weight:650}.cl-library-layout .cl-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:781px){.cl-tree-panel{position:sticky;top:90px}.cl-overview{gap:12px;margin-bottom:18px}.cl-summary-card{padding:14px 17px}.cl-summary-card strong{font-size:23px}.cl-summary-context strong{font-size:14px}.cl-summary-card span:not(.cl-symbol){margin-top:4px;font-size:10px}.cl-symbol{width:35px;height:35px}.cl-toolbar{padding:18px}.cl-results{padding:20px}.cl-reader-header h2{font-size:26px}}
@media(max-width:1100px){.cl-library-layout .cl-page-grid{grid-template-columns:minmax(0,1fr)}.cl-reader-tools{flex-wrap:wrap}.cl-reader-images{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.cl-reader-tools{gap:10px}.cl-reader-tools>div:first-child{flex:1 1 160px}.cl-reader-actions{margin-left:auto}.cl-icon-button{width:40px;height:40px;flex-basis:40px}.cl-reader-header{padding:20px 0 14px}.cl-reader-header h2{font-size:22px}.cl-reader-body{font-size:13px}.cl-reader-images img{height:105px}.cl-reader-delete>div>.btn{min-height:42px}.cl-reader-history>button{min-height:44px}}

.cl-is-reading .cl-heading{margin-bottom:18px;gap:16px;align-items:center}.cl-is-reading .cl-heading .eyebrow{display:none}.cl-is-reading .cl-heading h1{margin:0 0 4px;font-size:24px;letter-spacing:-.6px}.cl-is-reading .cl-heading .cl-scope{font-size:11px}.cl-is-reading .cl-reader-header{padding-top:18px}.cl-is-reading .cl-reader-header h2{margin-top:10px}.cl-is-reading .cl-reader-body{padding-top:6px}
@media(max-width:780px){.cl-is-reading .cl-heading{align-items:flex-start;gap:13px}.cl-is-reading .cl-heading h1{font-size:22px}.cl-is-reading .cl-heading-actions .btn{padding:9px}.cl-is-reading .cl-tree-hint{display:none}.cl-is-reading .cl-tree-body{max-height:190px}}

/* Editable folders retain native disclosure controls and touch/keyboard actions. */
.cl-tree-title{display:flex;align-items:flex-start;gap:5px}.cl-tree-title>svg{flex:0 0 13px;width:13px;height:15px;margin-top:1px}.cl-tree-title>span{min-width:0;overflow-wrap:anywhere}.cl-tree-node-menu{display:flex;align-items:center;flex-wrap:wrap;gap:3px;padding:5px 6px 8px;margin:0 0 5px;background:#f4f7ff;border:1px solid #e3eafa;border-radius:6px}.cl-tree-node-menu>.btn{padding:6px;font-size:10px}.cl-tree-node-menu svg{width:13px;height:13px}.cl-tree-body [draggable=true]{cursor:grab}.cl-tree-body [data-tree-drop=before]{box-shadow:0 -3px 0 #365fd7}.cl-tree-body [data-tree-drop=after]{box-shadow:0 3px 0 #365fd7}.cl-tree-body [data-tree-drop=inside]{background:#e8efff;border-radius:5px;outline:2px solid #829deb}.cl-structure-form{margin:10px;padding:12px;min-width:0;border:1px solid #dbe5fa;border-radius:7px;background:#f8faff}.cl-structure-form h3{margin:0 0 10px;font-size:12px;line-height:1.6;color:#486792}.cl-structure-form label{display:grid;gap:5px;margin:10px 0;min-width:0;font-size:10px;color:#748eaf}.cl-structure-form input,.cl-structure-form select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:9px;border:1px solid #d8e2f1;border-radius:5px;background:white;color:#536e95;font:inherit}.cl-structure-form>div{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;margin-top:10px}.cl-structure-form p{font-size:10px;line-height:1.7;color:#728aab;overflow-wrap:anywhere}.cl-structure-form .btn{padding:7px;font-size:10px}.cl-folder-contents{display:grid;gap:9px;padding:10px 0 25px}.cl-folder-contents h3{font-size:12px;margin:0 0 4px;color:#647c9e}.cl-folder-contents>button{display:flex;align-items:center;gap:10px;min-width:0;width:100%;padding:12px;border:1px solid #e1e8f5;border-radius:7px;background:#fff;text-align:left;color:#617da6;font:inherit;font-size:12px;cursor:pointer}.cl-folder-contents>button>span{min-width:0;flex:1;overflow-wrap:anywhere}.cl-folder-contents svg{width:18px;height:18px;flex:0 0 18px}.cl-folder-contents p{font-size:11px;line-height:1.8;color:#8297b1}.cl-structure-form [role=alert]{color:#a74242}.cl-tree-node-menu .btn:focus-visible,.cl-structure-form :focus-visible{outline:2px solid #96adea;outline-offset:2px}
@media(max-width:780px){.cl-structure-form input,.cl-structure-form select{font-size:16px;min-height:42px}.cl-structure-form .btn,.cl-tree-node-menu>.btn{min-height:40px;font-size:11px}.cl-tree-title>svg{margin-top:4px}}

/* One shared list keeps every attachment together, with optional inline thumbnails. */
.cl-reader-files{display:grid;gap:10px}.cl-reader-files>.cl-reader-file{display:flex;align-items:center;gap:12px;min-width:0;padding:11px;border:1px solid #e3eaf5;border-radius:8px;background:#fff}.cl-reader-file.cl-reader-images{grid-template-columns:none}.cl-reader-file>.cl-reader-file-thumb{flex:0 0 48px;width:48px;height:48px;object-fit:contain;border-radius:5px;background:#f5f8fd}.cl-reader-file>svg{flex:0 0 25px;width:25px;height:29px;color:#7f97bc}.cl-reader-files .cl-reader-file>a{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:0;border:0;color:#6783ae;text-decoration:none}.cl-reader-files .cl-reader-file>a>span{flex:1;min-width:0}.cl-reader-file strong,.cl-reader-file small{display:block;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.cl-reader-file small{font-size:10px;color:#92a4bd}.cl-reader-files .cl-reader-file>a>svg{flex-shrink:0;width:17px;height:17px}.cl-reader-file>.btn{flex-shrink:0;font-size:10px;padding:8px}.cl-file-actions{flex-wrap:wrap}.cl-project-file-list [data-file-preview]{border:1px solid #dce5f4;background:#fff;border-radius:6px;font-size:10px;padding:7px 10px;min-height:34px}
@media(max-width:600px){.cl-reader-files>.cl-reader-file{gap:9px;flex-wrap:wrap;padding:10px}.cl-reader-file>.cl-reader-file-thumb{width:40px;height:40px;flex-basis:40px}.cl-reader-file>.btn{width:100%;min-height:40px}.cl-reader-file strong{font-size:12px}.cl-project-file-list [data-file-preview]{font-size:11px;min-height:40px}}

/* A4 export keeps the saved page selection and orientation explicit. */
.cl-pdf-export{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:0 0 20px;padding:15px;border:1px solid #dae4f6;border-radius:8px;background:#f7faff}.cl-pdf-export>div{flex:1 1 200px;align-self:center;min-width:0}.cl-pdf-export strong,.cl-pdf-export small{display:block;line-height:1.7}.cl-pdf-export strong{font-size:12px;color:#4b658d}.cl-pdf-export small{font-size:10px;color:#8497b2}.cl-pdf-export label{display:grid;gap:6px;min-width:140px;font-size:10px;color:#7189ad}.cl-pdf-export select{font:inherit;min-height:36px;padding:8px;border:1px solid #d9e3f3;border-radius:6px;background:#fff;color:#4b658d}.cl-pdf-export .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}.cl-pdf-export .btn svg{width:15px;height:15px;flex-shrink:0}@media(max-width:600px){.cl-pdf-export>div,.cl-pdf-export label,.cl-pdf-export .btn{width:100%;flex-basis:100%}.cl-pdf-export select{font-size:16px;min-height:42px}.cl-pdf-export .btn{min-height:42px}}

.cl-sharing{margin:18px 0;padding:18px;border:1px solid #cbd6fa;border-radius:12px;background:#f7f9ff}.cl-sharing-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.cl-sharing-heading h3{margin:0}.cl-sharing>p{font-size:13px;color:#65748b;line-height:1.6}.cl-sharing-list{display:grid;gap:8px;margin:14px 0}.cl-sharing-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(150px,200px) auto;align-items:center;gap:12px;padding:10px;background:#fff;border:1px solid #e0e6f1;border-radius:8px}.cl-sharing-row>span{display:grid;gap:3px;overflow-wrap:anywhere}.cl-sharing-row small{font-size:12px;color:#718099}.cl-sharing-row label,.cl-sharing-add label{display:grid;gap:6px;font-size:12px;font-weight:600;color:#64748b}.cl-sharing select,.cl-sharing input{min-width:0;max-width:100%;border:1px solid #d9e2f1;border-radius:7px;padding:9px;background:#fff;color:#31435f;font:inherit}.cl-sharing-add{display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,1.4fr) minmax(150px,1fr) auto;align-items:end;gap:10px}.cl-sharing-note{margin-bottom:14px}.cl-sharing-row .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1050px){.cl-sharing-add{grid-template-columns:1fr 1fr}}@media(max-width:600px){.cl-sharing-row,.cl-sharing-add{grid-template-columns:1fr}.cl-sharing-row .btn,.cl-sharing-add .btn{justify-self:start}}

/* Recipient creation stays beside the pending per-entry grants. */
.cl-sharing-footer,.cl-sharing-create-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.cl-sharing-notice{padding:10px;border-radius:7px;background:#eaf7f0;color:#266e4b!important}.cl-sharing-create{margin-top:18px;padding:16px;background:#fff;border:1px solid #d9e2f4;border-radius:9px}.cl-sharing-create fieldset{min-width:0;margin:0;padding:0;border:0}.cl-sharing-create legend{padding:0;font-weight:700;color:#354b6d;font-size:14px}.cl-sharing-create p{color:#667b9b;font-size:12px;line-height:1.6}.cl-sharing-create-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.cl-sharing-create label{display:grid;gap:6px;align-content:start;min-width:0;font-size:12px;font-weight:600;color:#64748b}.cl-sharing-create small{font-weight:400;line-height:1.5}.cl-sharing-create input{box-sizing:border-box;width:100%}.cl-sharing-create-actions{justify-content:flex-end}.cl-sharing-create .form-error{color:#b42335}.cl-sharing-footer .btn svg,.cl-sharing-create-actions .btn svg{width:16px;height:16px;flex-shrink:0}
@media(max-width:850px){.cl-sharing-create-fields{grid-template-columns:1fr}}@media(max-width:600px){.cl-sharing-create{padding:12px}.cl-sharing-create input{min-height:42px;font-size:16px}.cl-sharing-footer .btn,.cl-sharing-create-actions .btn{min-height:42px;width:100%;justify-content:center}}