/* MSPSS - самостоятельный методический комплект */
.library-page #modal .psy-mspss-warning{border-left:4px solid #c49c40;background:var(--soft)}
.library-page #modal .psy-mspss-links,.library-page #modal .psy-mspss-actions{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0}
.library-page #modal .psy-mspss-links .btn{display:inline-flex;align-items:center;min-height:44px}
.library-page #modal .psy-mspss-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:17px 0 24px}
.library-page #modal .psy-mspss-item{display:flex;flex-direction:column;justify-content:space-between;gap:13px;border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:15px;min-width:0}
.library-page #modal .psy-mspss-item span{line-height:1.5;font-size:14px}
.library-page #modal .psy-mspss-item b{color:var(--green)}
.library-page #modal .psy-mspss-item select,.library-page #modal .psy-mspss-code input{padding:11px;width:100%;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font:600 14px system-ui}
.library-page #modal .psy-mspss-code{display:grid;gap:6px;max-width:400px;margin:14px 0}
.library-page #modal .psy-mspss-result{padding:20px;border:1px solid var(--line);background:var(--paper);border-radius:14px;margin:21px 0}
.library-page #modal .psy-mspss-mean{display:block;font-size:30px;color:var(--green);line-height:1.3}
.library-page #modal .psy-mspss-mean small{font-size:14px;color:var(--muted)}
.library-page #modal .psy-mspss-scales{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0}
.library-page #modal .psy-mspss-scales>div{padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
.library-page #modal .psy-mspss-scales b,.library-page #modal .psy-mspss-scales strong{display:block;font-size:13px;line-height:1.5}
.library-page #modal .psy-mspss-scales strong{color:var(--green);font-size:17px}
.library-page #modal .psy-mspss-track{height:10px;background:var(--line);border-radius:18px;overflow:hidden;margin:11px 0}
.library-page #modal .psy-mspss-track span{display:block;height:100%;background:var(--green)}
.library-page #modal .psy-mspss-small{font-size:13px;color:var(--muted);line-height:1.5}
.library-page #modal .psy-mspss-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:11px}
.library-page #modal .psy-mspss-scroll table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}
.library-page #modal .psy-mspss-scroll td,.library-page #modal .psy-mspss-scroll th{border:1px solid var(--line);padding:9px}
.library-page #modal .psy-mspss-table td:last-child{min-width:218px;font-size:11px;white-space:nowrap}
@media(max-width:780px){.library-page #modal .psy-mspss-grid,.library-page #modal .psy-mspss-scales{grid-template-columns:1fr}.library-page #modal .psy-mspss-links{flex-direction:column}.library-page #modal .psy-mspss-actions .btn{width:100%}}
/* MSPSS-only pilot: all navigation stays in the four top tabs. */
.library-page #modal.psy-mspss-example .modalfoot{display:flex!important;position:relative;padding:11px 25px!important;min-height:67px!important;box-shadow:0 -2px 14px rgba(19,57,40,.06)}
.library-page #modal.psy-mspss-example .modalbody{padding-bottom:34px}
.library-page #modal.psy-mspss-example .modal-tab{min-height:46px}
.library-page #modal.psy-mspss-example .psy-mspss-section{max-width:1110px;margin:0 auto}
.library-page #modal.psy-mspss-example .psy-mspss-section h3{font-size:19px;color:var(--green);margin:25px 0 12px}
.library-page #modal.psy-mspss-example .psy-mspss-section h3:first-child{margin-top:0}
.library-page #modal.psy-mspss-example .psy-mspss-section p{line-height:1.65}
.library-page #modal.psy-mspss-example .psy-mspss-section ol{padding-left:24px}
.library-page #modal.psy-mspss-example .psy-mspss-section ol li{margin-bottom:9px;line-height:1.65}
.library-page #modal.psy-mspss-example .psy-mspss-download{margin:25px 0 10px}
.library-page #modal.psy-mspss-example .psy-mspss-download .btn{display:inline-flex;align-items:center;min-height:44px}
.library-page #modal.psy-mspss-example .psy-mspss-blank-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 18px}
.library-page #modal.psy-mspss-example .psy-mspss-blank-head h3{margin:0 0 4px}
.library-page #modal.psy-mspss-example .psy-mspss-blank-head p{margin:0}
.library-page #modal.psy-mspss-example .psy-mspss-blank-head .btn{display:inline-flex;align-items:center;min-height:43px}
.library-page #modal.psy-mspss-example .psy-mspss-blank-scroll,
.library-page #modal.psy-mspss-example .psy-mspss-key-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:15px 0 18px}
.library-page #modal.psy-mspss-example .psy-mspss-key,
.library-page #modal.psy-mspss-example .psy-mspss-blank-table{width:100%;border-collapse:collapse;text-align:left;color:var(--ink);font-size:14px}
.library-page #modal.psy-mspss-example .psy-mspss-key th,
.library-page #modal.psy-mspss-example .psy-mspss-key td,
.library-page #modal.psy-mspss-example .psy-mspss-blank-table th,
.library-page #modal.psy-mspss-example .psy-mspss-blank-table td{border-bottom:1px solid var(--line);padding:11px 10px;vertical-align:middle}
.library-page #modal.psy-mspss-example .psy-mspss-key th,
.library-page #modal.psy-mspss-example .psy-mspss-blank-table th{background:var(--soft);font-weight:700}
.library-page #modal.psy-mspss-example .psy-mspss-blank-table th:first-child,
.library-page #modal.psy-mspss-example .psy-mspss-blank-table td:first-child{width:37px;text-align:center}
.library-page #modal.psy-mspss-example .psy-mspss-blank-table th:nth-child(n+3),
.library-page #modal.psy-mspss-example .psy-mspss-blank-table td:nth-child(n+3){width:35px;min-width:31px;padding:8px 4px;text-align:center}
.library-page #modal.psy-mspss-example .psy-mspss-blank-table td:nth-child(n+3){font-size:22px;line-height:1;color:var(--muted)}
.library-page #modal.psy-mspss-example .psy-mspss-fields{margin:14px 0}
.library-page #modal.psy-mspss-example .psy-mspss-scale{padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--soft);font-size:13px}
@media(max-width:720px){
 .library-page #modal.psy-mspss-example .method-tabs{gap:2px}
 .library-page #modal.psy-mspss-example .modal-tab{font-size:13px;padding:10px 12px;min-height:42px}
 .library-page #modal.psy-mspss-example .psy-mspss-blank-head{align-items:stretch;flex-direction:column}
 .library-page #modal.psy-mspss-example .psy-mspss-blank-head .btn{width:100%;justify-content:center}
 .library-page #modal.psy-mspss-example .psy-mspss-blank-table{min-width:700px}
 .library-page #modal.psy-mspss-example .psy-mspss-key{min-width:450px}
 .library-page #modal.psy-mspss-example .psy-mspss-section h3{font-size:18px}
}

/* MSPSS pilot 4: original sticky green footer with red reset. */
.library-page #modal.psy-mspss-example .psy-mspss-footer{display:flex;gap:12px;width:100%;align-items:center;justify-content:flex-end}
.library-page #modal.psy-mspss-example .psy-mspss-reset{background:#b92e3b!important;border:1px solid #b92e3b!important;color:#fff!important;font-weight:750;min-height:45px}
.library-page #modal.psy-mspss-example .psy-mspss-reset:hover{background:#9d2532!important}
.library-page #modal.psy-mspss-example .psy-mspss-reset[hidden]{display:none!important}
.library-page #modal.psy-mspss-example .psy-bottom-processing{background:#217c58!important;border-color:#217c58!important;color:#fff!important;min-height:47px;padding:10px 24px}
.library-page #modal.psy-mspss-example .psy-mspss-doc-preview{display:flex;flex-direction:column;gap:13px;border:1px solid var(--line);border-radius:13px;background:var(--soft);padding:21px 23px;margin:22px 0}
.library-page #modal.psy-mspss-example .psy-mspss-doc-preview strong{font-size:18px;color:var(--ink)}
.library-page #modal.psy-mspss-example .psy-mspss-doc-preview span{font-size:15px;line-height:1.5}
.library-page #modal.psy-mspss-example .psy-mspss-view{display:inline-flex;align-items:center;justify-content:center;min-height:45px}
.library-page #modal.psy-mspss-example .psy-mspss-rating{display:grid;grid-template-columns:1fr;gap:0;max-width:620px;background:var(--soft);border:1px solid var(--line);border-radius:12px;margin:15px 0 23px;overflow:hidden}
.library-page #modal.psy-mspss-example .psy-mspss-rating>div{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:8px 13px;min-height:34px}
.library-page #modal.psy-mspss-example .psy-mspss-rating>div:last-child{border-bottom:0}
.library-page #modal.psy-mspss-example .psy-mspss-rating strong{width:28px;flex:0 0 28px;color:var(--green);font-size:16px}
.library-page #modal.psy-mspss-example .psy-mspss-rating span{font-size:15px}
.library-page #modal.psy-mspss-example .psy-mspss-score-input{font:750 20px system-ui!important;text-align:center;max-width:110px;height:52px;padding:8px 10px!important;border:2px solid var(--line)!important;border-radius:10px!important;background:var(--paper)!important;color:var(--ink)!important}
.library-page #modal.psy-mspss-example .psy-mspss-score-input:focus{outline:3px solid #90c6a7;outline-offset:2px;border-color:#217c58!important}
.library-page #modal.psy-mspss-example .psy-mspss-item{background:var(--soft)}
.library-page #modal.psy-mspss-example .psy-mspss-actions #resetParticipant{display:none!important}
@media(max-width:700px){
.library-page #modal.psy-mspss-example .modalfoot{padding:10px 13px max(11px,env(safe-area-inset-bottom))!important}
.library-page #modal.psy-mspss-example .psy-mspss-footer{gap:7px}
.library-page #modal.psy-mspss-example .psy-mspss-reset,.library-page #modal.psy-mspss-example .psy-bottom-processing{min-height:44px;padding:10px 11px;font-size:12px}
.library-page #modal.psy-mspss-example .psy-mspss-doc-preview{padding:17px}
}

/* MSPSS approved-design iteration: distinct scales, class sidebar, stable bottom controls */
.library-page #modal.psy-mspss-example .psy-profile-indicators{gap:14px}
.library-page #modal.psy-mspss-example .psy-profile-indicator{font-weight:700;justify-content:center;border-width:1px;padding:18px 14px}
.library-page #modal.psy-mspss-example .psy-indicator-number{display:none!important}
.library-page #modal.psy-mspss-example .psy-profile-indicator:nth-child(1){background:#efe6f8!important;color:#693e91!important;border-color:#d9c4ed!important}
.library-page #modal.psy-mspss-example .psy-profile-indicator:nth-child(2){background:#e6f4e8!important;color:#266d42!important;border-color:#bbdfc6!important}
.library-page #modal.psy-mspss-example .psy-profile-indicator:nth-child(3){background:#e6f0fc!important;color:#2e5c94!important;border-color:#bdd6f3!important}
.library-page #modal.psy-mspss-example .psy-mspss-scales>div:nth-child(1){background:#efe6f8!important;border-color:#d8c4e9!important}
.library-page #modal.psy-mspss-example .psy-mspss-scales>div:nth-child(1) b,.library-page #modal.psy-mspss-example .psy-mspss-scales>div:nth-child(1) strong{color:#693e91!important}
.library-page #modal.psy-mspss-example .psy-mspss-scales>div:nth-child(1) .psy-mspss-track span{background:#9567bd!important}
.library-page #modal.psy-mspss-example .psy-mspss-scales>div:nth-child(2){background:#e6f4e8!important;border-color:#bbdfc6!important}
.library-page #modal.psy-mspss-example .psy-mspss-scales>div:nth-child(2) b,.library-page #modal.psy-mspss-example .psy-mspss-scales>div:nth-child(2) strong{color:#286e44!important}
.library-page #modal.psy-mspss-example .psy-mspss-scales>div:nth-child(2) .psy-mspss-track span{background:#368b55!important}
.library-page #modal.psy-mspss-example .psy-mspss-scales>div:nth-child(3){background:#e6f0fc!important;border-color:#bdd6f3!important}
.library-page #modal.psy-mspss-example .psy-mspss-scales>div:nth-child(3) b,.library-page #modal.psy-mspss-example .psy-mspss-scales>div:nth-child(3) strong{color:#2e5c94!important}
.library-page #modal.psy-mspss-example .psy-mspss-scales>div:nth-child(3) .psy-mspss-track span{background:#497fba!important}
.library-page #modal.psy-mspss-example .psy-mspss-manual-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 18px}
.library-page #modal.psy-mspss-example .psy-mspss-manual-bar h3{margin:0 0 5px}
.library-page #modal.psy-mspss-example .psy-mspss-manual-bar p{margin:0;font-size:14px;color:var(--muted)}
.library-page #modal.psy-mspss-example .psy-mspss-manual h3{margin-top:25px}
.library-page #modal.psy-mspss-example .psy-mspss-script{background:var(--soft);border-left:4px solid var(--green);border-radius:7px;padding:15px 19px;line-height:1.65}
.library-page #modal.psy-mspss-example .psy-mspss-statements li{margin-bottom:7px}
.library-page #modal.psy-mspss-example .psy-mspss-modes{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 22px}
.library-page #modal.psy-mspss-example .psy-mspss-modes .btn{font-size:17px!important;padding:14px 25px!important;min-height:54px;border-radius:12px}
.library-page #modal.psy-mspss-example .psy-mspss-workspace{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:22px;align-items:start}
.library-page #modal.psy-mspss-example .psy-mspss-sidebar{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:17px;align-self:stretch}
.library-page #modal.psy-mspss-example .psy-mspss-sidebar h3{font-size:18px;margin:0 0 8px}
.library-page #modal.psy-mspss-example .psy-mspss-sidebar p{font-size:13px;color:var(--muted);line-height:1.55}
.library-page #modal.psy-mspss-example .psy-mspss-label{display:block;font-weight:750;margin:12px 0 6px}
.library-page #modal.psy-mspss-example #mspssBulkNames{width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:11px;font:15px/1.5 system-ui;resize:vertical;min-height:110px}
.library-page #modal.psy-mspss-example .psy-mspss-add,.library-page #modal.psy-mspss-example .psy-mspss-sort{display:flex;justify-content:center;width:100%;margin-top:9px;min-height:44px}
.library-page #modal.psy-mspss-example .psy-mspss-sort{background:var(--paper);color:var(--green)}
.library-page #modal.psy-mspss-example .psy-mspss-person-list{display:flex;flex-direction:column;gap:7px;max-height:370px;overflow-y:auto;margin-top:16px}
.library-page #modal.psy-mspss-example .psy-mspss-person{display:flex;justify-content:space-between;gap:9px;align-items:center;text-align:left;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);cursor:pointer;font:600 13px/1.3 system-ui}
.library-page #modal.psy-mspss-example .psy-mspss-person.active{background:#def0e4;border-color:#38845b;color:#176044}
.library-page #modal.psy-mspss-example .psy-mspss-person small{font-size:11px;flex-shrink:0}
.library-page #modal.psy-mspss-example .psy-mspss-name-field{display:flex;flex-direction:column;gap:8px;max-width:500px;margin:0 0 14px}
.library-page #modal.psy-mspss-example .psy-mspss-name-field span{display:block;font-weight:750;font-size:15px}
.library-page #modal.psy-mspss-example .psy-mspss-name-field input{color:var(--ink);border:1px solid var(--line);background:var(--paper);border-radius:9px;min-height:46px;padding:9px 12px;font:16px system-ui}
.library-page #modal.psy-mspss-example .psy-mspss-progress{font-size:14px;color:var(--muted);margin:9px 0}
.library-page #modal.psy-mspss-example .psy-mspss-after-questions{display:flex;justify-content:flex-end;margin:8px 0 22px}
.library-page #modal.psy-mspss-example .psy-mspss-after-questions .btn{min-height:47px;padding:11px 25px;font-size:15px;background:#227c61;border-color:#227c61;color:white}
.library-page #modal.psy-mspss-example .psy-mspss-workspace .psy-mspss-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.library-page #modal.psy-mspss-example .psy-mspss-footer{justify-content:space-between;gap:15px}
.library-page #modal.psy-mspss-example .psy-mspss-footer-right{display:flex;gap:10px;align-items:center;margin-left:auto}
.library-page #modal.psy-mspss-example .psy-mspss-return{margin-right:auto;min-height:45px;border:0;color:#247453;background:transparent;font-weight:750}
.library-page #modal.psy-mspss-example .psy-mspss-report{min-height:45px;background:#268459!important;border-color:#268459!important;color:white!important;font-weight:750}
.library-page #modal.psy-mspss-example .psy-mspss-report:disabled,.library-page #modal.psy-mspss-example .psy-mspss-report.psy-mspss-waiting{background:#f8dfb8!important;border-color:#f2c77d!important;color:#8b581a!important;opacity:1!important;cursor:not-allowed}
.library-page #modal.psy-mspss-example .psy-mspss-footer [hidden],.library-page #modal.psy-mspss-example .psy-bottom-processing[hidden]{display:none!important}
.library-page #modal.psy-mspss-example .psy-mspss-group{margin-top:24px}
.library-page #modal.psy-mspss-example .psy-mspss-actions{display:flex;justify-content:flex-end}
@media(max-width:920px){.library-page #modal.psy-mspss-example .psy-mspss-workspace{grid-template-columns:minmax(195px,255px) minmax(0,1fr);gap:13px}.library-page #modal.psy-mspss-example .psy-mspss-workspace .psy-mspss-grid{grid-template-columns:1fr}}
@media(max-width:670px){.library-page #modal.psy-mspss-example .psy-mspss-workspace{grid-template-columns:1fr}.library-page #modal.psy-mspss-example .psy-mspss-sidebar{max-height:none}.library-page #modal.psy-mspss-example .psy-mspss-modes .btn{font-size:14px!important;flex:1;padding:12px 9px!important}.library-page #modal.psy-mspss-example .psy-mspss-footer-right{gap:5px}.library-page #modal.psy-mspss-example .psy-mspss-report,.library-page #modal.psy-mspss-example .psy-mspss-reset,.library-page #modal.psy-mspss-example .psy-mspss-return{font-size:11px!important;padding:10px 6px!important}.library-page #modal.psy-mspss-example .psy-mspss-person-list{max-height:230px}}

/* MSPSS revision: anchored navigation, distinct incomplete answer cards. */
.library-page #modal.psy-mspss-example .psy-mspss-footer #bottomProcessing{margin-left:auto!important}
.library-page #modal.psy-mspss-example .psy-mspss-item.is-missing{background:#fff3df!important;border:1px solid #e9c283!important}
.library-page #modal.psy-mspss-example .psy-mspss-item.is-missing .psy-mspss-score-input{border-color:#e2b56d!important;background:#fffaf0!important}
.library-page #modal.psy-mspss-example .psy-mspss-item.is-complete{background:#e3f2e7!important;border:1px solid #a8d5b7!important}
.library-page #modal.psy-mspss-example .psy-mspss-item.is-complete .psy-mspss-score-input{border-color:#419c67!important;background:white!important}
.library-page #modal.psy-mspss-example .psy-mspss-manual-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.library-page #modal.psy-mspss-example .psy-mspss-manual-actions .btn{min-height:43px;font-weight:700}
.library-page #modal.psy-mspss-example .psy-mspss-blank-table td.psy-mspss-answer-cell{height:32px;background:#fff;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.library-page #modal.psy-mspss-example .psy-mspss-blank-table td:nth-child(n+3){font-size:14px;line-height:1.2}
@media(max-width:690px){
 .library-page #modal.psy-mspss-example .psy-mspss-manual-actions{justify-content:flex-start}
 .library-page #modal.psy-mspss-example .psy-mspss-manual-actions .btn{flex:1}
}

/* MSPSS footer position */
.library-page #modal.psy-mspss-example .modalfoot{justify-content:flex-end!important}
.library-page #modal.psy-mspss-example .psy-mspss-footer{display:flex!important;width:100%!important;flex:1 1 100%!important;justify-content:flex-end!important}
.library-page #modal.psy-mspss-example #bottomProcessing{margin-left:auto!important;margin-right:0!important}

.library-page #modal.psy-mspss-example .modalbody{padding-left:20px!important;padding-right:20px!important}
.library-page #modal.psy-mspss-example .psy-portfolio-reference{max-width:none!important;width:100%!important;margin:0!important}
.library-page #modal.psy-mspss-example .psy-profile-lines{max-width:none!important;font-size:17px!important;line-height:1.6!important}
.library-page #modal.psy-mspss-example .psy-profile-description{font-size:17px!important;line-height:1.65!important}
.library-page #modal.psy-mspss-example .psy-portfolio-reference h3{font-size:22px!important}
.library-page #modal.psy-mspss-example .psy-mspss-section{max-width:none!important;width:100%!important}
.library-page #modal.psy-mspss-example .psy-mspss-section p,.library-page #modal.psy-mspss-example .psy-mspss-section ol li{font-size:17px;line-height:1.62}
.library-page #modal.psy-mspss-example .psy-mspss-person-row{display:flex;gap:5px;align-items:stretch}
.library-page #modal.psy-mspss-example .psy-mspss-person-row .psy-mspss-person{flex:1;min-width:0}
.library-page #modal.psy-mspss-example .psy-mspss-delete-person{font-size:23px;width:39px;min-width:39px;border-radius:8px;background:#fff0f0;border:1px solid #e9b2b7;color:#a42d37;cursor:pointer}
.library-page #modal.psy-mspss-example .psy-mspss-delete-all{margin-top:12px;width:100%;min-height:42px;background:#fff0f0;border:1px solid #e9b2b7;color:#a42d37}
.library-page #modal.psy-mspss-example #mspssNext:disabled{background:#e8eeea!important;border-color:#cbd9d0!important;color:#64776c!important;cursor:not-allowed}
@media(max-width:690px){.library-page #modal.psy-mspss-example .modalbody{padding-left:12px!important;padding-right:12px!important}}

.library-page #modal.psy-mspss-example .psy-profile-row{font-size:18px!important;line-height:1.65!important;grid-template-columns:minmax(165px,23%) minmax(0,1fr)!important}
.library-page #modal.psy-mspss-example .psy-profile-row strong,.library-page #modal.psy-mspss-example .psy-profile-row span{font-size:18px!important}
.library-page #modal.psy-mspss-example .psy-profile-indicator{font-size:17px!important}
.library-page #modal.psy-mspss-example .psy-profile-indicator strong{font-size:17px!important}
@media(max-width:700px){.library-page #modal.psy-mspss-example .psy-profile-row{grid-template-columns:1fr!important;font-size:15px!important;gap:5px}.library-page #modal.psy-mspss-example .psy-profile-row strong,.library-page #modal.psy-mspss-example .psy-profile-row span{font-size:15px!important}}