.syh-library-main{min-height:72vh;padding-bottom:72px}.syh-library-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,460px);align-items:end;gap:35px;padding:38px 42px;border:1px solid var(--syh-book-line);border-radius:26px;background:linear-gradient(135deg,var(--syh-book-paper),#eef5ff);box-shadow:var(--syh-book-shadow)}
.syh-library-hero p{margin:0;color:var(--syh-book-blue);font-size:14px;font-weight:850;letter-spacing:.13em}.syh-library-hero h1{margin:8px 0 9px;color:var(--syh-book-ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,58px);line-height:1.04}.syh-library-hero>div>span{display:block;color:var(--syh-book-muted);font-size:14px;line-height:1.6}
.syh-library-search{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;min-height:54px;padding:5px;border:1px solid var(--syh-book-line);border-radius:15px;background:var(--syh-book-paper);box-shadow:0 9px 28px rgba(26,56,85,.07)}.syh-library-search svg{width:18px;margin:auto;fill:none;stroke:var(--syh-book-muted);stroke-linecap:round;stroke-width:1.8}.syh-library-search input{min-width:0;height:42px;border:0!important;outline:0!important;background:transparent!important;color:var(--syh-book-ink)!important;font:600 14px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;box-shadow:none!important}.syh-library-search button{min-height:42px;border:0;border-radius:10px;padding:0 18px;background:var(--syh-book-blue);color:#fff;font-size:14px;font-weight:800;cursor:pointer}
.syh-library-browser{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start;gap:24px;margin-top:25px}.syh-library-sidebar{position:sticky;top:101px;max-height:calc(100vh - 125px);overflow:auto;padding:18px 14px;border:1px solid var(--syh-book-line);border-radius:20px;background:var(--syh-book-paper);box-shadow:0 12px 32px rgba(26,56,85,.06);scrollbar-width:thin}.admin-bar .syh-library-sidebar{top:133px;max-height:calc(100vh - 157px)}
.syh-library-sidebar-head{display:flex;flex-direction:column;gap:4px;padding:4px 7px 15px}.syh-library-sidebar-head small{color:var(--syh-book-blue);font-size:14px;font-weight:850;letter-spacing:.12em}.syh-library-sidebar-head strong{color:var(--syh-book-ink);font-size:15px}.syh-library-all, .syh-library-tree a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:39px;border-radius:10px;padding:8px 9px;color:var(--syh-book-ink);font-size:14px;font-weight:710;line-height:1.35}.syh-library-all{margin-bottom:7px;background:var(--syh-book-bg)}.syh-library-all b, .syh-library-tree a b{display:grid;place-items:center;min-width:25px;height:21px;border-radius:999px;background:var(--syh-book-bg);color:var(--syh-book-muted);font-size:14px;font-weight:800}.syh-library-all.is-active, .syh-library-tree a.is-active{background:var(--syh-book-blue);color:#fff}.syh-library-all.is-active b, .syh-library-tree a.is-active b{background:rgba(255,255,255,.17);color:#fff}.syh-library-tree ul{display:grid;gap:2px;margin:0;padding:0;list-style:none}.syh-library-tree ul ul{position:relative;margin:1px 0 5px 10px;padding-left:10px}.syh-library-tree ul ul:before{content:"";position:absolute;left:0;top:0;bottom:5px;border-left:1px solid var(--syh-book-line)}.syh-library-tree ul ul a{min-height:34px;color:var(--syh-book-muted);font-size:14px;font-weight:650}.syh-library-tree a:hover{background:var(--syh-book-bg);color:var(--syh-book-blue)}
.syh-library-results{min-width:0}.syh-library-results .syh-archive-toolbar{margin-top:0}.syh-library-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.syh-library-mobile-nav{display:none}
.syh-library-login-gate{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-top:25px;padding:42px;border:1px solid var(--syh-book-line);border-radius:24px;background:var(--syh-book-paper);box-shadow:var(--syh-book-shadow)}.syh-library-login-copy{display:flex;align-items:flex-start;gap:17px;max-width:780px;width:100%;margin:0 auto}.syh-library-login-copy>span{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#286be2,#154397);color:#fff;font-size:26px;font-weight:600}.syh-library-login-copy p{margin:2px 0 8px;color:var(--syh-book-blue);font-size:14px;font-weight:850;letter-spacing:.12em}.syh-library-login-copy h2{margin:0 0 11px;color:var(--syh-book-ink);font-family:Georgia,"Times New Roman",serif;font-size:32px;line-height:1.15}.syh-library-login-copy small{color:var(--syh-book-muted);font-size:14px;line-height:1.65}.syh-library-login-form{width:min(780px,100%);min-width:0;margin:0 auto}.syh-library-fallback-login form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.syh-library-fallback-login form p{margin:0}.syh-library-fallback-login .login-remember, .syh-library-fallback-login .login-submit{grid-column:1/-1}.syh-library-fallback-login label{display:block;margin-bottom:6px;color:var(--syh-book-ink);font-size:14px;font-weight:760}.syh-library-fallback-login input[type=text], .syh-library-fallback-login input[type=password], .syh-library-fallback-login input[type=email]{width:100%;height:45px;border:1px solid var(--syh-book-line);border-radius:10px;padding:0 11px;background:var(--syh-book-bg);color:var(--syh-book-ink)}.syh-library-fallback-login .login-remember label{display:flex;align-items:center;gap:7px}.syh-library-fallback-login input[type=submit]{min-height:45px;border:0;border-radius:10px;padding:0 19px;background:var(--syh-book-blue);color:#fff;font-size:14px;font-weight:800}.syh-library-login-form>p{margin:12px 0 0;color:var(--syh-book-muted);font-size:14px}.syh-library-login-form>p a{color:var(--syh-book-blue);font-weight:800}
html.nah-sdp-night-active .syh-library-hero, html.nah-sdp-dark-mode .syh-library-hero{background:linear-gradient(135deg,var(--syh-book-paper),#111f34)}html.nah-sdp-night-active .syh-library-search, html.nah-sdp-dark-mode .syh-library-search, html.nah-sdp-night-active .syh-library-sidebar, html.nah-sdp-dark-mode .syh-library-sidebar, html.nah-sdp-night-active .syh-library-login-gate, html.nah-sdp-dark-mode .syh-library-login-gate{border-color:var(--syh-book-line);background:var(--syh-book-paper)}
@media(max-width:960px){.syh-library-hero{grid-template-columns:1fr;align-items:start;padding:32px}.syh-library-mobile-nav{position:sticky;z-index:25;top:77px;display:flex;gap:8px;margin:17px calc(50% - 50vw) 0;padding:9px max(20px,calc((100vw - min(100% - 40px,1180px))/2));overflow-x:auto;background:rgba(244,247,250,.94);box-shadow:0 8px 18px rgba(29,58,87,.05);backdrop-filter:blur(14px);overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}.admin-bar .syh-library-mobile-nav{top:109px}.syh-library-mobile-nav::-webkit-scrollbar{display:none}.syh-library-mobile-nav a{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-height:38px;padding:0 13px;border:1px solid var(--syh-book-line);border-radius:11px;background:var(--syh-book-paper);color:var(--syh-book-ink);font-size:14px;font-weight:750;scroll-snap-align:start;white-space:nowrap}.syh-library-mobile-nav a b{color:var(--syh-book-muted);font-size:14px}.syh-library-mobile-nav a.is-active{border-color:var(--syh-book-blue);background:var(--syh-book-blue);color:#fff}.syh-library-mobile-nav a.is-active b{color:#dbeafe}.syh-library-browser{grid-template-columns:1fr;margin-top:18px}.syh-library-sidebar{display:none}.syh-library-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.syh-library-login-gate{grid-template-columns:1fr;gap:27px;padding:34px}}
@media(max-width:780px){.syh-library-main{padding-bottom:44px}.syh-library-hero{gap:24px;padding:26px 22px;border-radius:19px}.syh-library-hero h1{font-size:39px}.syh-library-mobile-nav{top:66px;padding-left:14px;padding-right:14px}.admin-bar .syh-library-mobile-nav{top:112px}.syh-library-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.syh-library-hero{padding:23px 18px}.syh-library-hero h1{font-size:34px}.syh-library-search{grid-template-columns:35px minmax(0,1fr) 43px;min-height:52px}.syh-library-search button{position:relative;width:43px;height:41px;padding:0;overflow:hidden;color:transparent;font-size:14px}.syh-library-search button:after{content:"→";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:15px}.syh-library-login-gate{gap:23px;padding:23px 18px;border-radius:18px}.syh-library-login-copy{gap:12px}.syh-library-login-copy>span{width:42px;height:42px;flex-basis:42px;border-radius:12px}.syh-library-login-copy h2{font-size:25px}.syh-library-fallback-login form{grid-template-columns:1fr}.syh-library-fallback-login .login-remember, .syh-library-fallback-login .login-submit{grid-column:auto}}

/* v0.10.3 — exploit wider Library canvas without stretching book cards */
@media(min-width:1380px){
    .syh-library-browser{grid-template-columns:290px minmax(0,1fr);gap:28px}
    .syh-library-book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* YHLS v0.1.0 — Article browsing */
.yhls-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.yhls-archive-cover{aspect-ratio:16/9}.yhls-archive-cover img{width:100%;height:100%;object-fit:cover}.yhls-archive-card .syh-archive-card-copy{min-height:240px}.yhls-archive-card .syh-archive-card-copy>p{font-size:14px}.yhls-archive-card .syh-archive-card-copy h2{font-size:18px;line-height:1.35}.yhls-archive-card .syh-archive-card-copy>div{font-size:14px;line-height:1.6}.yhls-archive-card .syh-archive-card-copy>a{font-size:14px}.yhls-library-hero>div>span{max-width:760px;font-size:14px;line-height:1.6}.yhls-category-hero>div>div{max-width:800px;font-size:14px;line-height:1.65}
@media(min-width:1380px){.yhls-archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.yhls-article-browser{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:1080px){.yhls-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.yhls-archive-grid{grid-template-columns:1fr}.yhls-archive-card{display:grid;grid-template-columns:138px minmax(0,1fr)}.yhls-archive-cover{height:100%;min-height:205px;aspect-ratio:auto}.yhls-archive-card .syh-archive-card-copy{min-height:205px;padding:15px}.yhls-archive-card .syh-archive-card-copy h2{font-size:16px}.yhls-archive-card .syh-archive-card-copy>div{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px}}


/* v0.80 — consistent compact content/library header */
@media(min-width:1161px){
  
  
  
  
  
  
  
  
  .yhlsm-install-link.yhlsm-install-icon{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;flex:0 0 38px!important;padding:0!important;border-radius:11px!important}
  
}

.yhlsm-install-link.yhlsm-install-icon{font-size:0!important;line-height:0!important;overflow:hidden!important}