/* Психотека. Четкое соответствие оригинальным иллюстрациям из архивов.
   20 индивидуальных методик - 940x752, 188px на иллюстрацию.
   19 разделов панели - 580x464, 116px на иллюстрацию.
   Без обобщающих картинок и повторов в карточках методик. */
.psy-picture{
 display:block!important;flex:none!important;width:100%!important;height:100%!important;
 border-radius:inherit;background-repeat:no-repeat!important;
 background-position:var(--art-x) var(--art-y)!important;
 background-size:500% 400%!important;
 image-rendering:auto!important;filter:none!important;
}
.psy-picture-method{background-image:url("assets/psyteka-methods-hq.webp")!important}
.psy-picture-panel{background-image:url("assets/psyteka-panel-hq.webp")!important}
.library-page .method .glyph.psy-art-glyph{
 width:82px!important;height:82px!important;min-width:82px!important;max-width:82px!important;
 display:flex!important;align-items:center;justify-content:center;
 background:#f9fbf8!important;border:1px solid #d1e4d7!important;
 padding:3px!important;border-radius:14px!important;overflow:hidden!important;
}
.library-page .method .glyph.psy-art-glyph .psy-picture{width:74px!important;height:74px!important;border-radius:10px!important}
.library-page .method.psy-no-art .head{gap:0!important}
.library-page .navgroup .navicon.psy-art-navicon,
.library-page .info-tree .navicon.psy-art-navicon{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;
 border:1px solid #d2e4d7!important;background:#f9fbf8!important;
 border-radius:10px!important;padding:2px!important;font-size:0!important;overflow:hidden!important
}
.library-page .navicon.psy-art-navicon .psy-picture{width:30px!important;height:30px!important;border-radius:7px!important}
.library-page .topic-btn:has(>.psy-art-topic){display:flex!important;gap:9px!important;align-items:center!important;min-height:44px!important}
.library-page .psy-art-topic{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 30px!important;width:30px!important;height:30px!important;
 background:#f9fbf8!important;border:1px solid #d4e4d9!important;border-radius:9px!important;
 padding:1px!important;overflow:hidden!important
}
.library-page .psy-art-topic .psy-picture{width:26px!important;height:26px!important;border-radius:7px!important}
.library-page .info-parent{
 display:flex!important;align-items:center!important;gap:11px!important;
 border-left:3px solid #b69a70!important
}
.library-page .info-parent .nav-chevron{margin-left:auto}
.library-page .info-tree{padding:6px 4px 10px 14px;margin-left:13px;border-left:1px solid #b8cfc0}
.library-page .info-tree .topic-btn{
 display:flex!important;gap:8px!important;align-items:center!important;
 width:100%;text-align:left;border-radius:11px;line-height:1.4;
 background:transparent;border:0;cursor:pointer;padding:9px 8px;min-height:41px;text-decoration:none
}
.library-page .info-tree .topic-btn:hover,.library-page .info-tree .topic-btn.active{background:#e4f1e6;color:#27634a}
.library-page .info-tree[hidden]{display:none!important}
/* Авторские цвета сохраняются на светлой подложке в обеих темах. */
html.dark .library-page .method .glyph.psy-art-glyph,
html.dark .library-page .navgroup .navicon.psy-art-navicon,
html.dark .library-page .info-tree .navicon.psy-art-navicon,
html.dark .library-page .psy-art-topic{
 background:#f9fbf8!important;border-color:#98b5a4!important;
 filter:none!important;opacity:1!important
}
html.dark .library-page .psy-picture{filter:none!important;opacity:1!important}
html.dark .library-page .info-parent{background:#203b30!important;color:#eff8ef!important;border-color:#cfb18a!important}
html.dark .library-page .info-tree{border-color:#597363!important}
html.dark .library-page .info-tree .topic-btn{color:#f2faf2!important}
html.dark .library-page .info-tree .topic-btn:hover,
html.dark .library-page .info-tree .topic-btn.active{background:#315541!important;color:#fff!important}
@media(max-width:820px){
 .library-page .method .glyph.psy-art-glyph{width:70px!important;height:70px!important;min-width:70px!important}
 .library-page .method .glyph.psy-art-glyph .psy-picture{width:62px!important;height:62px!important}
 .library-page .navgroup .navicon.psy-art-navicon{width:36px!important;height:36px!important;min-width:36px!important}
 .library-page .topic-btn:has(>.psy-art-topic){min-height:47px!important}
}