/* Пример MSPSS: единая карточка и спокойное модальное окно — только две проверенные пробы. */
.library-page .method.psy-mspss-card{
 --area:#247f5e!important;
 --area-soft:#e8f4ed!important;
 --area-border:#c8dfd0!important;
 border-color:#c4dfd0!important;
 border-top-color:#79b596!important;
 background:var(--paper,#fff)!important;
}
.library-page .method.psy-mspss-card .head{
 align-items:flex-start;
 gap:18px;
}
.library-page .method.psy-mspss-card .glyph,
.library-page .method.psy-mspss-card .glyph:has(.psy-peer-illustration){
 flex:0 0 96px!important;
 width:96px!important;height:96px!important;min-width:96px;
 display:flex;align-items:center;justify-content:center;
 padding:0!important;overflow:hidden;
 border:1px solid #d5e9dd;
 border-radius:17px;
 background:#f6faf7!important;
}
.library-page .method.psy-mspss-card .psy-peer-illustration{
 display:block;width:96px!important;height:96px!important;
 border-radius:16px;
 flex-shrink:0;
}
.library-page .method.psy-mspss-card .head h3{
 font-size:21px;
 line-height:1.23;
 margin:2px 0 8px;
 color:#194334;
}
.library-page .method.psy-mspss-card .method-card-author{
 font-size:13px;line-height:1.5;
 color:#71897e;margin-top:0;
}
.library-page .method.psy-mspss-card .tags .tag{
 background:#e6f3eb!important;
 color:#297452!important;
 padding:6px 11px;
 border-radius:10px;
 font-weight:750;
 font-size:12px;
}
.library-page .method.psy-mspss-card .actions{
 display:flex;gap:10px;align-items:center;
}
.library-page .method.psy-mspss-card .actions .btn{
 min-height:48px;
 font-size:14px;
 padding:12px 17px;
 border-radius:11px;
}
.library-page .method.psy-mspss-card .actions .btn.primary{
 background:#258260!important;
 color:#fff!important;
 border-color:#258260!important;
}
.library-page .method.psy-mspss-card .actions .btn:not(.primary){
 background:transparent!important;
 color:#1e4335!important;
 border-color:#d0e4d8!important;
}
.library-page #modal.psy-mspss-example .psy-reviewed-method .calc-mode{
 display:flex;flex-wrap:wrap;gap:8px;margin:5px 0 18px;
}
.library-page #modal.psy-mspss-example .psy-reviewed-method .group-tools{
 display:flex;align-items:end;flex-wrap:wrap;gap:10px;
}
.library-page #modal.psy-mspss-example .psy-reviewed-method select,
.library-page #modal.psy-mspss-example .psy-reviewed-method input,
.library-page #modal.psy-mspss-example .psy-reviewed-method textarea{
 background:var(--paper,#fff);color:var(--ink,#183f30);
 border:1px solid var(--line,#d8e6df);border-radius:9px;padding:9px;
}
.library-page #modal.psy-mspss-example .psy-reviewed-method .actions{
 margin:16px 0;display:flex;gap:10px;flex-wrap:wrap;
}
.library-page #modal.psy-mspss-example .psy-mspss-footer{
 width:100%;justify-content:flex-end;
}
.library-page #modal.psy-mspss-example .psy-mspss-footer .psy-bottom-processing{
 background:#217f5d!important;color:white!important;
 border-color:#217f5d!important;
 min-height:51px;border-radius:11px;
 font-weight:800;
}
@media(max-width:640px){
 .library-page .method.psy-mspss-card .glyph,
 .library-page .method.psy-mspss-card .glyph:has(.psy-peer-illustration){
 width:74px!important;height:74px!important;min-width:74px;flex-basis:74px!important;
 }
 .library-page .method.psy-mspss-card .psy-peer-illustration{width:74px!important;height:74px!important}
 .library-page .method.psy-mspss-card .head h3{font-size:18px}
 .library-page .method.psy-mspss-card .actions{flex-wrap:wrap}
 .library-page .method.psy-mspss-card .actions .btn{flex-grow:1}
}