#modal.search-dialog{width:min(1120px,calc(100vw - 40px));max-width:1120px;max-height:90dvh;padding:36px;background:#f6f9fc;color:#203e58;border:1px solid #d5e3ed;border-radius:var(--panel-radius);box-shadow:0 30px 100px #153b6055;overflow:auto}#modal.search-dialog::backdrop{background:#142f4b77;backdrop-filter:blur(8px)}.search-dialog #close{display:grid;place-items:center;width:36px;height:36px;line-height:1;border:1px solid #cddde9;border-radius:50%;background:white}.search-dialog h2{font-size:32px;letter-spacing:-1px;margin:6px 0 10px}.search-intro{color:#60768a;margin:0 0 24px}.search-label{display:block;font-size:12px;color:#4e687f;margin:0 0 7px}.search-input-wrap{position:relative}.search-input-wrap .modal-search{margin:0;width:100%;background:white;border:1px solid #bfd2e2;border-radius:var(--panel-radius);padding:16px 45px 16px 17px;font-size:16px;box-shadow:0 4px 15px #c9dcea33}.search-input-wrap>span{position:absolute;right:17px;top:8px;font-size:28px;color:#5c8aa9}.search-chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 22px}.search-chip{border:1px solid #d3e1ec;border-radius:30px;padding:7px 13px;background:#eaf2f8;color:#416b89;font-size:12px}.search-chip:hover{background:#dbeaf5}.search-count{font-size:12px;color:#617a8e;min-height:20px}.research-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.research-card{display:flex;flex-direction:column;min-width:0;border:1px solid #d6e3ec;border-radius:var(--panel-radius);background:white;overflow:hidden;box-shadow:0 8px 24px -14px #325d8155;transition:transform .2s,box-shadow .2s}.research-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px -14px #325d8166}.research-card:focus-visible{outline:3px solid #2d81ba;outline-offset:-3px}.research-card>img{display:block;width:100%;height:150px;object-fit:cover;background:#eaf2f8}.research-card-content{display:flex;flex-direction:column;padding:18px;flex:1}.research-code{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#65869e}.research-title{font-size:17px;font-weight:500;line-height:1.4;margin:10px 0;color:#214864;overflow-wrap:anywhere}.research-excerpt{font-size:12px;line-height:1.6;color:#667c8c;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.research-card-footer{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid #edf2f6;font-size:11px}.research-term{color:#6c8191}.research-details{color:#286e9c;font-weight:600}.search-bottom{text-align:center;margin:25px 0 0}.search-more{padding:12px 25px;background:#276f9d;color:white;border:0;border-radius:10px}.search-more[hidden]{display:none}.search-more:disabled{opacity:.6}@media(max-width:850px){.research-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){#modal.search-dialog{padding:25px 18px;width:calc(100vw - 20px);max-height:94dvh;border-radius:var(--panel-radius)}.research-grid{grid-template-columns:1fr}.research-card>img{height:160px}.search-dialog h2{font-size:26px}.search-intro{font-size:13px}}@media(prefers-reduced-motion:reduce){.research-card{transition:none}.research-card:hover{transform:none}}
.research-grid{view-transition-name:research-results;min-height:200px;transition:opacity .18s}.research-grid.is-updating{opacity:.7}::view-transition-old(research-results){animation:search-out .16s ease both}::view-transition-new(research-results){animation:search-in .22s ease both}@keyframes search-out{to{opacity:0;transform:translateY(-6px)}}@keyframes search-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.research-card{position:relative}.research-pencil{position:absolute;right:12px;top:115px;background:white;color:#235d85;border:1px solid #aecbdf;box-shadow:0 4px 12px #20557d33;border-radius:50%;width:34px;height:34px;font-size:20px}.research-card:has(.research-pencil):hover{outline:2px dashed #76a9cd;outline-offset:3px}.research-edit-dialog{width:min(740px,calc(100vw - 28px));max-height:90dvh;overflow:auto;border:1px solid #c8dcea;border-radius:var(--panel-radius);padding:0;color:#24465f;background:#f7fafc}.research-edit-dialog::backdrop{background:#173d5e88;backdrop-filter:blur(5px)}.research-edit-dialog header{display:flex;justify-content:space-between;align-items:center;padding:22px;background:white;border-bottom:1px solid #dce7ef}.research-edit-dialog h2{margin:5px 0;font-size:24px}.research-edit-dialog header button{width:36px;height:36px;border:1px solid #cedee9;border-radius:50%;background:white;font-size:25px;line-height:1}.research-edit-dialog form{padding:22px;display:grid;gap:15px}.research-edit-dialog label{display:grid;gap:6px;font-size:13px}.research-edit-dialog input,.research-edit-dialog textarea,.research-edit-dialog select{width:100%;box-sizing:border-box;border:1px solid #bfd3e2;border-radius:8px;padding:10px;font:inherit;background:white;color:#24465f}.research-edit-dialog textarea{min-height:100px;resize:vertical}.research-edit-preview{height:150px;width:100%;object-fit:contain;background:#e9f2f8;border-radius:var(--panel-radius)}.research-edit-dialog footer{position:sticky;bottom:0;background:#eff5f9;padding:15px 22px;display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #d1e1ec;box-shadow:none}.research-edit-dialog footer:before{display:none}.research-edit-dialog footer p{width:100%;margin:0;color:#48677f;font-size:12px}.research-edit-dialog footer button{background:white;border:1px solid #adcadd;border-radius:8px;padding:10px 15px;color:#245f89}.research-edit-dialog footer button:last-child{background:#286d9a;color:white}.research-edit-dialog button:disabled{opacity:.5;cursor:wait}@media(prefers-reduced-motion:reduce){.research-grid{transition:none}::view-transition-group(*){animation:none!important}}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
.research-documents{border-top:1px solid #c9dce9;padding-top:20px}.research-documents>p,.research-document-row p{font-size:12px;color:#607b90}.research-document-row{padding:15px;margin:10px 0;border:1px solid #d3e2ed;border-radius:var(--panel-radius);background:white;overflow-wrap:anywhere}.research-document-row a,.research-document-row button{display:inline-block;margin:5px 12px 0 0;font-size:12px;border:1px solid #bfd4e2;border-radius:6px;padding:7px 10px;background:#eef5fa;color:#28648e}.research-document-row button:disabled{opacity:.5}

.research-grid .research-card{transition:transform .68s cubic-bezier(.22,.61,.36,1),box-shadow .68s ease}
@media(hover:hover) and (pointer:fine){.research-grid .research-card:hover{transform:translateY(-8px)}}
.research-edit-dialog>header{position:relative;padding-right:68px}
.research-edit-dialog>header>button[aria-label="Закрыть редактор"]{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #c5d8e6;border-radius:50%;background:linear-gradient(145deg,#fff,#e3eef6);color:#31556e;font-size:0;box-shadow:inset 0 1px 0 #fff,0 5px 12px -6px #284b6c55;transform:none}
.research-edit-dialog>header>button[aria-label="Закрыть редактор"]::before,.research-edit-dialog>header>button[aria-label="Закрыть редактор"]::after{content:"";position:absolute;width:14px;height:2px;top:50%;left:50%;border-radius:2px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
.research-edit-dialog>header>button[aria-label="Закрыть редактор"]::after{transform:translate(-50%,-50%) rotate(-45deg)}
@media(prefers-reduced-motion:reduce){.research-grid .research-card{transition:none!important;transform:none!important}}

/* Keep the rounded shell and close control outside the scroll area. */
html:has(#modal[open]){overflow:hidden;scrollbar-gutter:stable}
#modal.search-dialog{overflow:hidden;max-height:90dvh;padding:30px 24px 24px 32px;box-sizing:border-box}
#modal.search-dialog[open]{display:flex;flex-direction:column}
#modal.search-dialog>.eyebrow,#modal.search-dialog>h2{flex:none;margin-right:44px}
#modal.search-dialog>#modal-content{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 16px 8px 0;margin-top:8px;scrollbar-width:thin;scrollbar-color:#91b1c5 transparent}
#modal.search-dialog>#modal-content::-webkit-scrollbar{width:7px}
#modal.search-dialog>#modal-content::-webkit-scrollbar-track{background:transparent;margin:8px 0}
#modal.search-dialog>#modal-content::-webkit-scrollbar-thumb{background:#91b1c5;border-radius:10px}
#modal.search-dialog>#modal-content::-webkit-scrollbar-thumb:hover{background:#628da8}
#modal.search-dialog>#modal-content::-webkit-scrollbar-button{display:none;width:0;height:0}
#modal.search-dialog .modal-search:focus-visible{outline:2px solid #5295bc;outline-offset:-2px}
@media(max-width:540px){#modal.search-dialog{padding:24px 12px 16px 20px;max-height:94dvh}#modal.search-dialog>#modal-content{padding-right:10px}}
