/* E-Library page and Videos page */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.el-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px}
.el-stats div{background:var(--surface,#fff);border:1px solid var(--line,#D8E2DB);border-radius:14px;padding:16px 18px}
.el-stats b{display:block;font-size:1.7rem;line-height:1.1;color:var(--brand,#00843D)}
.el-stats span{color:var(--muted,#5B6E62);font-size:.9rem}
.el-search{display:grid;gap:12px;background:linear-gradient(135deg,rgba(0,132,61,.08),rgba(242,183,5,.08));border:1px solid var(--line,#D8E2DB);border-radius:18px;padding:22px}
.el-form{display:flex;gap:10px;flex-wrap:wrap}
.el-form input{flex:1 1 260px;min-width:0;padding:12px 14px;border:1.5px solid var(--line,#D8E2DB);border-radius:12px;font:inherit;background:var(--surface,#fff);color:inherit}
.el-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:18px}
.el-grid-sm{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.el-card{background:var(--surface,#fff);border:1px solid var(--line,#D8E2DB);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px}
.el-card.feat{grid-column:1/-1;border-color:var(--brand,#00843D);box-shadow:0 10px 30px -18px rgba(0,132,61,.6)}
.el-card h3{margin:0}.el-card p{margin:0;color:var(--muted,#5B6E62)}
.el-card ul{margin:4px 0 0 18px;padding:0;display:grid;gap:4px}
.el-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.el-tag{display:inline-block;align-self:flex-start;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand,#00843D);background:rgba(0,132,61,.1);border-radius:999px;padding:3px 10px}
.el-link{display:grid;gap:2px;padding:14px 16px;border:1px solid var(--line,#D8E2DB);border-radius:14px;background:var(--surface,#fff);text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}
.el-link:hover{border-color:var(--brand,#00843D);transform:translateY(-2px)}
.el-link span{color:var(--muted,#5B6E62);font-size:.88rem}
.el-help{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:14px}
.el-ul{margin:8px 0 0 18px;padding:0;display:grid;gap:6px}
.el-ref{font-size:.9rem;padding:10px 12px;border-left:4px solid var(--gold,#F2B705);background:rgba(242,183,5,.08);border-radius:6px;overflow-wrap:anywhere}
/* Videos */
#vdRoot{display:grid;gap:28px}
.vd{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:start;background:var(--surface,#fff);border:1px solid var(--line,#D8E2DB);border-radius:18px;padding:18px}
.vd-frame{position:relative;border-radius:12px;overflow:hidden;background:#000;aspect-ratio:16/9}
.vd-frame video{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.vd-body h3{margin:8px 0 6px;font-size:1.3rem}
.vd-body h4{margin:14px 0 6px;font-size:.95rem}
.vd-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:.82rem;color:var(--muted,#5B6E62)}
.vd-ch{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.vd-ch button{width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:6px 8px;font:inherit;color:inherit;cursor:pointer;text-transform:none}
.vd-ch button b{display:inline-block;min-width:42px;color:var(--brand,#00843D);font-variant-numeric:tabular-nums}
.vd-ch button:hover,.vd-ch button.on{background:rgba(0,132,61,.1)}
.vd-notes{grid-column:1/-1;margin-top:12px;border-top:1px solid var(--line,#D8E2DB);padding-top:10px}
.vd-notes summary{cursor:pointer;font-weight:700}
.vd-notes h5{margin:12px 0 2px;font-size:.92rem}.vd-notes p{margin:0;color:var(--muted,#5B6E62);font-size:.92rem;line-height:1.55}
.vd-one .vd{margin-top:14px}
.vd-home{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}
.vd-tile{display:block;text-decoration:none;color:inherit;border:1px solid var(--line,#D8E2DB);border-radius:16px;overflow:hidden;background:var(--surface,#fff)}
.vd-tile img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.vd-tile div{padding:12px 14px}.vd-tile b{display:block}.vd-tile span{color:var(--muted,#5B6E62);font-size:.88rem}
@media (max-width:860px){.vd{grid-template-columns:1fr;padding:12px}}