/* Trang tài nguyên: dùng lại biến màu, navbar, .var từ style.css */
body.page{height:auto;min-height:100vh;display:block;--mute:#4f6561}
.page a:focus-visible,.page button:focus-visible,.page input:focus-visible{outline:3px solid var(--amber);outline-offset:2px}

.hero{padding:2.5rem 0 1.25rem}
.hero h1{font-weight:700;font-size:clamp(1.9rem,4.5vw,2.9rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 .75rem}
.hero p{max-width:60ch;color:var(--mute);font-size:1.05rem;line-height:1.6;margin:0}

.tools{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:.75rem 0}
.tools .form-control{max-width:260px;margin-left:auto}
.chip{border:1.5px solid var(--ink);background:#fff;color:var(--ink);border-radius:6px;padding:.25rem .7rem;font-weight:600;font-size:.9rem;transition:background .2s,color .2s}
.chip:hover{background:#f0f4f2}
.chip[aria-pressed="true"]{background:var(--ink);color:#fff}
.chip .n{font:400 12px var(--mono);margin-left:.4rem;opacity:.75}
.count{font-size:.85rem;color:var(--mute);margin:0}

.grp{margin-top:2rem}
.grp h2{font-size:1.3rem;font-weight:700;margin:0}
.grp p{color:var(--mute);margin:.15rem 0 .9rem;max-width:70ch}

.res{display:flex;flex-direction:column;height:100%;border:2px solid var(--ink);border-radius:8px;background:#fff;overflow:hidden}
.res h3{margin:0;padding:.35rem .75rem;background:var(--ink);color:#fff;font:600 13px var(--mono);transition:background .2s,color .2s}
/* Giống khung hàm đang chạy ở đầu ngăn xếp trong PyViz */
.res:hover h3,.res:focus-within h3{background:var(--amber);color:var(--ink)}
.res:focus-within{box-shadow:0 0 0 3px #f2a90033}
.res .body{display:flex;flex-direction:column;gap:.75rem;flex:1;padding:.8rem .75rem}
.res .desc{margin:0;line-height:1.5}
.res .vars{display:flex;flex-wrap:wrap;gap:.5rem;padding:0}
.res .var{min-width:0}
.res .note{margin:0;padding-left:.5rem;border-left:3px solid var(--amber);font-size:.85rem;color:var(--mute)}
.res .links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}

.none{padding:3rem 0;text-align:center;color:var(--mute)}
.foot{padding:2.5rem 0 3rem;color:var(--mute);font-size:.9rem}
.foot code{color:var(--ink)}
.foot a{color:var(--ink);margin-left:.5rem}