/* Психотека - этап 1: навигация, единая палитра и система акцентов.
   Иллюстрации будут заменены отдельно после утверждения единого стиля. */
:root{
 --psy-deep:#194b3a;--psy-forest:#28534a;
 --psy-sand:#b7a893;--psy-sand-dark:#826c52;
 --psy-rose:#bd8297;--psy-lilac:#9374b1;
 --psy-blue:#6d99bb;--psy-ochre:#b89462;
 --psy-body-light:#f7faf6;--psy-body-dark:#12251f;
 --psy-card-dark:#1d372f;--psy-dark-border:#446654;
}
.library-page .desktop-sidebar-toggle{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 height:45px;min-height:45px;min-width:132px;padding:8px 12px;
 border:1px solid var(--area-border,#d4e5d9);border-radius:12px;
 background:#fff;color:#285a43;cursor:pointer;
 font:750 13px/1.2 system-ui;letter-spacing:0;white-space:nowrap;text-transform:none;
}
.library-page .desktop-sidebar-toggle:hover{background:#eef6ef;border-color:#9bbda5}
.library-page .desktop-sidebar-toggle-icon{font:800 20px/1 system-ui}
.library-page .topbar{display:flex;justify-content:initial;align-items:center;gap:10px;flex-wrap:wrap}
.library-page .topbar .top-spacer{margin-right:auto;flex:1 1 180px}
.library-page .topbar .theme-switch{margin:0}
.library-page .topbar .header-avatar,.library-page .topbar .header-gear{flex:none}
.library-page .topbar .header-avatar{order:1}
.library-page .topbar #themeBtn{order:2}
.library-page .topbar .header-gear{order:3}
.library-page .topbar #desktopSidebarToggle,.library-page .topbar #menuBtn,.library-page .topbar .top-home,.library-page .topbar .top-spacer{order:0}
@media(min-width:821px){
 .library-page.sidebar-collapsed .layout{grid-template-columns:minmax(0,1fr)!important}
 .library-page.sidebar-collapsed #sidebar{display:none!important}
 .library-page.sidebar-collapsed .main{width:100%;max-width:none}
}
@media(max-width:820px){
 .library-page .desktop-sidebar-toggle{display:none!important}
 .library-page .topbar{flex-wrap:nowrap;gap:7px}
 .library-page .topbar .top-home{margin-right:auto}
 .library-page .topbar .top-spacer{display:none}
}
/* The last items on the main page are, exactly: avatar, theme, gear. */
.site-header nav .site-btn.small{order:1}
.site-header nav #homeAvatar{order:2}
.site-header nav .site-theme-btn{order:3!important}
.site-header nav .header-settings{order:4}
.site-header nav{justify-content:flex-end}
.site-header .site-theme-btn{
 background:#f1f6f1;color:#214a36;border:1px solid #c8dfce;
 min-height:44px;padding:10px 13px;border-radius:13px;box-shadow:none;
}
.site-header .site-theme-btn:hover{background:#e5f0e6}
html.dark .site-header,
html.dark .library-page .sidebar{background:#192f27!important;border-color:#446654!important}
html.dark body.site-landing,html.dark body.library-page{background:var(--psy-body-dark)!important;color:#edf7ef!important}
html.dark .library-page .main,
html.dark .library-page[data-area=school] .main{background:var(--psy-body-dark)!important}
html.dark .site-editorial,html.dark .site-sections{background:var(--psy-body-dark)!important}
html.dark .library-page .desktop-sidebar-toggle,
html.dark .site-header .site-theme-btn,
html.dark .library-page .theme-switch{
 background:#203b31!important;color:#f0f8f2!important;border-color:#688a73!important
}
html.dark .library-page .desktop-sidebar-toggle:hover,
html.dark .site-header .site-theme-btn:hover{background:#31513d!important}
html.dark .library-page .method,
html.dark .site-editorial .site-columns article{
 background:#1d372f!important;color:#edf7ef!important;border-color:#446654!important;
}
html.dark .library-page .method :is(small,p),
html.dark .site-editorial .site-columns article p{color:#d0e4d5!important}
html.dark .library-page .top-spacer{color:#c0d8c8!important}
/* Warm brown accents from the chosen logo, balanced with category colors */
.site-editorial .site-columns article:nth-child(3n){
 border-top:3px solid var(--psy-sand-dark)!important;
}
.site-editorial .site-columns article:nth-child(3n + 2){
 border-top:3px solid var(--psy-blue)!important;
}
.site-editorial .site-columns article:nth-child(3n + 1){
 border-top:3px solid #6da286!important;
}
.site-pricing .pricing-grid article.chosen{border-color:var(--psy-sand-dark)!important}
.site-pricing .pricing-grid article.chosen:before{background:#b7a893}
.library-page .topbar .desktop-sidebar-toggle:focus-visible,
.site-header nav .site-theme-btn:focus-visible{outline:3px solid #bda173;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.library-page .layout,.library-page .sidebar{transition:none!important}}