.manual-page .detail-hero{padding-bottom:64px}.manual-page .detail-brand img{max-width:250px}.manual-library{scroll-margin-top:85px;background:#f2f6fa}.manual-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;align-items:start}.manual-catalog{min-width:0}.manual-catalog>h2{font-size:25px}.manual-catalog>p{color:#647b8b;margin-bottom:24px}.manual-search{padding:20px 24px;background:white;border:1px solid #dce6ed;border-radius:16px;margin:22px 0 28px}.manual-search label{display:block;font-size:12px;letter-spacing:.04em;font-weight:700;margin-bottom:10px;color:#456174}.manual-search-row{display:flex;gap:10px;align-items:center}.manual-search input{flex:1;min-width:0;width:auto;padding:12px 15px;border:1px solid #cbdbe6;background:#f7fafc;border-radius:10px;font:inherit;color:#163247}.manual-search p{font-size:12px;color:#647b8b;margin:12px 0 0}.manual-search input:focus-visible,.library-dialog :is(input,textarea,select):focus-visible{outline:3px solid #67c9ed;outline-offset:2px}.manual-search .btn,.library-toolbar .btn,.library-dialog .btn{display:inline-flex;justify-content:center;align-items:center;border:0;padding:11px 18px;background:#137caa;color:white;border-radius:9px;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}.library-toolbar .secondary,.library-dialog .secondary{background:#eaf2f8;color:#255770}.library-public-link{font-size:12px;font-weight:650;white-space:nowrap}.library-kicker{font-size:10px;font-weight:800;letter-spacing:.15em;color:#1481aa}.manual-admin-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;background:radial-gradient(circle at 85% 15%,#1c6382 0,transparent 44%),linear-gradient(120deg,#112d43,#0a2236);color:#fff;border-radius:22px;padding:34px 38px;margin-bottom:30px;overflow:hidden}.manual-admin-hero .library-kicker{color:#79d8ee}.manual-admin-hero h1{color:#fff;font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.04em;margin:13px 0}.manual-admin-hero p{color:#b2c9d6;font-size:14px;max-width:510px}.library-stats{display:flex;gap:22px;color:#c4dae6;font-size:11px;margin-top:22px}.library-stats strong{font-size:19px;margin-right:5px;color:#fff}.library-hero-art{flex:0 0 130px;display:grid;place-items:center;width:130px;height:130px;border:1px solid #ffffff26;background:#ffffff09;border-radius:28px;transform:rotate(-8deg);color:#79d8ee;box-shadow:12px 12px 0 #ffffff07}.library-hero-art svg{width:70px;height:70px}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.library-toolbar h2{margin:0;font-size:24px;letter-spacing:-.025em}.library-toolbar p{margin:6px 0 0;font-size:13px;color:#647b8b}.library-toolbar .btnrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.manual-catalog,.manual-folder-body{container-type:inline-size;container-name:library-space}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.library-folder{grid-column:1/-1;min-width:0;border:1px solid #ccdee9;border-radius:12px;background:#f5f9fc;overflow:hidden}.library-folder[open]{grid-column:1/-1}.library-folder>summary{display:flex;align-items:center;gap:12px;padding:12px 16px;list-style:none;cursor:pointer;transition:background .2s}.library-folder>summary:hover{background:#f5fafc}.library-folder>summary::-webkit-details-marker{display:none}.library-folder[open]>summary{border-bottom:1px solid #e2edf3;background:#f6fafc}.library-folder-art{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#e0f3fb,#e7edf9);color:#1689b4}.library-folder-art svg{width:24px;height:24px}.library-folder-title{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap;min-width:0}.library-folder-title small{flex-basis:100%}.library-folder-title small{font-size:9px;letter-spacing:.13em;color:#8194a2;font-weight:800}.library-folder-title strong{font-size:15px;line-height:1.25;color:#15384f;overflow-wrap:anywhere}.library-folder-title>span{font-size:11px;color:#7b909f}.library-chevron{margin-left:auto;color:#2182aa;font-size:21px}.library-folder[open]>summary .library-chevron{transform:rotate(90deg)}.manual-folder-body{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 12px 12px 24px;padding:10px 12px 4px;border-left:2px solid #9acbdc}.manual-folder-body>.library-grid{flex:0 0 100%;min-width:0;margin-top:2px}.manual-folder-body>.manual-visibility{margin:0}.manual-folder-body>.library-description{flex:1;margin:0;font-size:12px}.manual-folder-body>.manual-node-actions{width:auto;margin:0 0 0 auto;padding:0;border:0}.manual-folder-body>.manual-empty{margin:0;padding:4px 0}.manual-folder-body>.library-grid:empty{display:none}.library-card{overflow:hidden;border:1px solid #dce6ed;border-radius:10px;background:white;min-width:0;box-shadow:0 6px 24px #102d4306;height:100%;display:flex;flex-direction:column}.library-cover{position:relative;display:grid;place-items:center;height:auto;aspect-ratio:4/3;flex-shrink:0;background:linear-gradient(135deg,#dceffc,#dae4f6);color:#267cac;text-decoration:none!important;overflow:hidden}.library-cover:before{content:'';position:absolute;width:180px;height:180px;right:-55px;top:-70px;border:1px solid #ffffff77;border-radius:50%;box-shadow:0 0 0 28px #ffffff15,0 0 0 56px #ffffff10}.library-cover-pdf,.library-cover-file{background:linear-gradient(135deg,#fce8e2,#f7ecdf);color:#bf7158}.library-cover-image{background:linear-gradient(135deg,#def4ef,#d7eceb);color:#328b82}.library-cover-audio{background:linear-gradient(135deg,#e9e3fb,#e6eafb);color:#7d64ae}.library-cover-icon svg{width:32px;height:32px;filter:drop-shadow(0 8px 10px #ffffff88)}.library-cover-open{position:absolute;bottom:8px;right:8px;display:grid;place-items:center;background:#ffffffdd;width:24px;height:24px;border-radius:50%;font-size:10px}.library-card-content{padding:10px;flex:1;display:flex;flex-direction:column;align-items:stretch;gap:8px}.library-type{font-size:9px;letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:#5c8196}.library-card h3{font-size:14px!important;font-weight:750;letter-spacing:-.02em;color:#15384f;margin:0;line-height:1.35;overflow-wrap:anywhere}.library-description{font-size:13px;color:#67808f;line-height:1.65;margin:6px 0 15px;overflow-wrap:anywhere}.library-card .library-description{font-size:11px;line-height:1.5;margin:5px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.library-read{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;font-size:12px;font-weight:750;color:#167da5;text-decoration:none;padding-top:8px;margin-top:auto}.library-read span{font-size:19px}.manual-visibility{display:inline-block;font-size:9px;font-weight:700;padding:4px 8px;border-radius:20px;background:#e9f5f0;color:#32755d}.manual-visibility.is-private{background:#f2ecfb;color:#8260a0}.manual-node-actions{display:flex;gap:13px;flex-wrap:wrap;border-top:1px solid #e8eff4;padding-top:8px;margin-top:8px;font-size:11px;width:100%}.manual-node-actions a{color:#486d85;font-weight:650;text-decoration:none}.manual-node-actions a:hover{text-decoration:underline}.manual-empty{font-size:13px;color:#8296a2;padding:12px 0}.library-empty{text-align:center;padding:46px 24px;background:#fff;border:1px dashed #c7dbe7;border-radius:18px;color:#647b8b}.library-empty svg{width:58px;height:58px;color:#74afc9}.library-empty h3{color:#163247}.manual-notice{padding:16px 20px;border-radius:12px;background:#eaf5f0;color:#2d6654;font-size:13px;margin:18px 0}.manual-notice.is-error{background:#fff0ed;color:#963f30}.manual-help{padding:25px;border-radius:18px;background:#0e3048;color:#bdd2df}.manual-help h3{font-size:21px;color:#fff}.manual-help p{font-size:13px;line-height:1.7;color:#bdd2df}.manual-help .eyebrow{color:#72d6ed}.manual-help a{display:block;margin-top:16px;color:#7ddaff}.manual-help .btn{font-size:12px;text-align:center}.manual-help hr{border:0;border-top:1px solid #315269;margin:23px 0}
.library-modal-open,.library-modal-open body{overflow:hidden}.library-dialog:focus{outline:none}.library-dialog{position:fixed;inset:0;width:min(960px,calc(100% - 40px));max-height:90dvh;border:0;padding:0;margin:auto;border-radius:20px;background:white;color:#163247;box-shadow:0 30px 120px #00162666;overflow:auto;font-family:Inter,Arial,sans-serif}.library-dialog::backdrop{background:#061b2bd1;backdrop-filter:blur(5px)}.library-dialog-head{position:sticky;top:0;z-index:2;padding:22px 26px;border-bottom:1px solid #e3ecf2;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.library-dialog-head h2{font-size:23px!important;color:#163247!important;letter-spacing:-.025em;margin:5px 0 0;overflow-wrap:anywhere}.library-close{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:0;border-radius:50%;background:#edf3f7;color:#38576c;font-size:25px;cursor:pointer}.library-preview{min-height:220px;background:#f2f6fa;display:grid;place-items:center}.library-preview>img{max-width:100%;max-height:60dvh;object-fit:contain}.library-preview>video{width:100%;max-height:60dvh;background:#081b2d}.library-preview>audio{width:min(560px,90%);margin:50px auto}.library-preview>iframe{width:100%;height:54dvh;border:0;display:block;background:#edf2f6}.library-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 26px;border-top:1px solid #e3ecf2}.library-dialog-foot p{font-size:13px;color:#647b8b;white-space:pre-line;margin:0;overflow-wrap:anywhere}.library-dialog-foot .btn{flex-shrink:0}.library-file-info{text-align:center;padding:40px}.library-file-info>span{display:inline-block;padding:14px 18px;font-size:18px;font-weight:800;border-radius:12px;background:#dcecf5;color:#2a7a9f}.library-file-info h3{font-size:21px;margin:20px 0 10px}.library-file-info p{font-size:13px;color:#647b8b;max-width:430px}.library-editor-dialog{max-width:790px}.manual-editor{padding:25px 28px}.library-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.library-form-grid .full{grid-column:1/-1}.manual-editor label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#36566c}.manual-editor input,.manual-editor select,.manual-editor textarea{width:100%;min-width:0;max-width:100%;padding:11px 13px;border:1px solid #c7d8e3;border-radius:9px;background:#fbfcfe;font:inherit;font-weight:400;color:#163247}.manual-editor textarea{resize:vertical}.library-upload{padding:17px;border:1px dashed #a8c9dd;border-radius:12px;background:#f3f9fc}.library-upload input{border:0;padding:0;background:transparent}.library-upload small{font-size:11px;font-weight:400;color:#72899a;line-height:1.6}.library-privacy{padding:16px 18px;border-radius:12px;background:#f2f6fa}.manual-editor .manual-public-control{display:flex;align-items:center;gap:10px}.manual-public-control input{width:auto;accent-color:#137caa}.library-privacy p{font-size:11px;color:#72899a;line-height:1.6;margin:9px 0 0}.library-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid #e1eaf0}.library-dialog :focus-visible,.library-catalog :focus-visible{outline:3px solid #67c9ed;outline-offset:3px}
@media(max-width:1000px){.manual-layout{grid-template-columns:1fr}.manual-help{margin-top:26px}.library-toolbar{align-items:flex-start;flex-direction:column}.manual-admin-hero{padding:29px}.library-hero-art{flex-basis:95px;width:95px;height:95px}.library-hero-art svg{width:54px;height:54px}}
@media(max-width:580px){.library-folder>summary{padding:12px;gap:10px}.manual-folder-body{margin:0 8px 10px 12px;padding:8px 8px 2px}.manual-folder-body>.manual-node-actions{gap:10px}.manual-admin-hero{padding:25px}.library-hero-art{display:none}.library-stats{gap:15px}.manual-search{padding:17px}.manual-search-row{flex-wrap:wrap}.manual-search input{flex-basis:100%}.library-toolbar h2{font-size:22px}.library-dialog{width:calc(100% - 20px);max-height:94dvh;border-radius:16px}.library-dialog-head{padding:18px}.library-dialog-head h2{font-size:20px!important}.library-dialog-foot{padding:18px;flex-direction:column;align-items:stretch}.library-preview>iframe{height:48dvh}.manual-editor{padding:20px}.library-form-grid{grid-template-columns:1fr}.library-form-grid .full{grid-column:auto}.library-form-actions{flex-wrap:wrap}.manual-page .detail-brand img{max-width:190px}.manual-help{padding:23px}}
@media(prefers-reduced-motion:reduce){.library-folder>summary{transition:none}.library-dialog::backdrop{backdrop-filter:none}}

/* Columns follow each branch width, including nested branches and the public library. */
@container library-space (max-width:299px){.library-grid{grid-template-columns:1fr}}
@container library-space (min-width:480px){.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container library-space (min-width:640px){.library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container library-space (min-width:820px){.library-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

@media(max-width:580px){.manual-folder-body>.library-description{flex-basis:100%;order:1}.manual-folder-body>.library-grid,.manual-folder-body>.manual-empty{order:2}}

.library-cover .library-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.library-cover.has-thumbnail:before,.library-cover.has-thumbnail .library-cover-icon{display:none}.library-cover.has-thumbnail{background:#e6edf3}.library-cover .library-cover-open{z-index:1;box-shadow:0 1px 6px #1233}.library-cover-pdf canvas.library-thumbnail{object-fit:cover;object-position:top;background:#fff}.library-cover pre.library-thumbnail{margin:0;padding:9px;color:#415567;background:#fff;font:7px/1.5 monospace;white-space:pre-wrap;overflow:hidden;text-align:left}.library-cover-file .library-cover-icon,.library-cover-pdf .library-cover-icon{display:grid;justify-items:center;gap:4px}.library-cover-file .library-cover-icon:after,.library-cover-pdf .library-cover-icon:after{content:attr(data-format);font-size:10px;font-weight:800;letter-spacing:.08em}

/* Keep the preview dominant and group secondary details into one small row. */
.library-title-link{display:block;color:inherit!important;text-decoration:none!important}.library-title-link:hover{text-decoration:underline!important}.library-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;margin-top:auto;min-height:20px}.library-card-meta .manual-visibility{padding:2px 5px;font-size:8px}.library-card-meta .library-type{font-size:8px;letter-spacing:.06em}.library-edit{margin-left:auto;color:#486d85;font-size:10px;font-weight:650;text-decoration:none}.library-edit:hover{text-decoration:underline}.library-cover:focus-visible,.library-title-link:focus-visible,.library-edit:focus-visible{outline:3px solid #67c9ed;outline-offset:-3px}
