/* Общий утвержденный стиль портфолио методик, 25.10.2026. */
.library-page #modal .psy-portfolio-unified{width:100%;max-width:1160px;margin:0 auto;padding:0 4px;}
.library-page #modal .psy-portfolio-unified h3{font-size:clamp(20px,1.7vw,23px);font-weight:800;line-height:1.3;color:var(--green);margin:30px 0 13px;}
.library-page #modal .psy-portfolio-unified h3:first-child{margin-top:0;}
.library-page #modal .psy-portfolio-unified .psy-profile-row{
  display:grid;grid-template-columns:minmax(185px,24%) minmax(0,1fr);
  gap:20px;align-items:center;padding:14px 3px;font-size:17px;line-height:1.57;
}
.library-page #modal .psy-portfolio-unified .psy-profile-row strong,
.library-page #modal .psy-portfolio-unified .psy-profile-row span{font-size:17px;line-height:1.57;}
.library-page #modal .psy-portfolio-unified .psy-profile-description{font-size:17px;line-height:1.7;margin:0;}
.library-page #modal .psy-portfolio-unified .psy-profile-indicators{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 25px;}
.library-page #modal .psy-portfolio-unified .psy-profile-indicator{
  display:flex;align-items:center;justify-content:center;text-align:center;min-height:58px;
  padding:14px 16px;border-radius:13px;font-size:16px;line-height:1.4;font-weight:700;
  background:#efe6f8;border:1px solid #d9c5ed;color:#643789;
}
.library-page #modal .psy-portfolio-unified .psy-profile-indicator:nth-child(3n+2){background:#e6f4e9;border-color:#b7dfc1;color:#256d46;}
.library-page #modal .psy-portfolio-unified .psy-profile-indicator:nth-child(3n+3){background:#e5f0fd;border-color:#bcd4f3;color:#275d9e;}
.library-page #modal .psy-portfolio-unified .psy-profile-indicator span{font-size:inherit;color:inherit;}
.library-page #modal .psy-portfolio-unified .psy-profile-source{margin:0 0 10px;font-size:16px;}
.library-page #modal .psy-portfolio-unified .psy-profile-source a{color:var(--green);text-underline-offset:3px;font-weight:750;}
html.dark .library-page #modal .psy-portfolio-unified .psy-profile-indicator{background:#352845!important;border-color:#624b7c!important;color:#e3d1f7!important}
html.dark .library-page #modal .psy-portfolio-unified .psy-profile-indicator:nth-child(3n+2){background:#183b2f!important;border-color:#317454!important;color:#c0f0d1!important}
html.dark .library-page #modal .psy-portfolio-unified .psy-profile-indicator:nth-child(3n+3){background:#1c3046!important;border-color:#3a688d!important;color:#c4e3ff!important}
@media(max-width:900px){
  .library-page #modal .psy-portfolio-unified{padding:0;}
  .library-page #modal .psy-portfolio-unified .psy-profile-indicators{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
  .library-page #modal .psy-portfolio-unified .psy-profile-row{grid-template-columns:1fr;gap:5px;font-size:15px;padding:12px 0;}
  .library-page #modal .psy-portfolio-unified .psy-profile-row strong,
  .library-page #modal .psy-portfolio-unified .psy-profile-row span{font-size:15px;}
  .library-page #modal .psy-portfolio-unified h3{font-size:19px;margin:24px 0 12px;}
  .library-page #modal .psy-portfolio-unified .psy-profile-description{font-size:15px;}
  .library-page #modal .psy-portfolio-unified .psy-profile-indicators{grid-template-columns:1fr;gap:8px;}
  .library-page #modal .psy-portfolio-unified .psy-profile-indicator{min-height:49px;padding:12px;font-size:15px;}
}

/* The same resource tray is used by every portfolio, including MSPSS. */
.library-page #modal .psy-portfolio-unified .psy-profile-files{margin:24px 0 8px}
.library-page #modal .psy-portfolio-unified .psy-portfolio-file-links{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 2px}
.library-page #modal .psy-portfolio-unified .psy-portfolio-document{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:10px;font-size:14px;font-weight:700;text-align:center;text-decoration:none}
.library-page #modal .psy-portfolio-unified .psy-portfolio-document:hover{border-color:var(--green);color:var(--green)}
@media(max-width:700px){
 .library-page #modal .psy-portfolio-unified .psy-portfolio-file-links{display:grid;grid-template-columns:1fr;gap:8px}
 .library-page #modal .psy-portfolio-unified .psy-portfolio-document{width:100%}
}