/* H View header: Topics menu under the gradient navigation bar.
   Loaded on every page by header_html() in app.php. Save as /assets/nav.css */
.hv-topics-btn{display:inline-flex;align-items:center;gap:4px}
.hv-topics-btn svg{transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.hv-topics-btn[aria-expanded="true"]{background:rgba(255,255,255,.18)}
.hv-topics-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.hv-topics-btn[aria-current="page"]{background:#fff;color:#C0156A!important}
.hv-topics{position:absolute;left:0;right:0;top:100%;z-index:40;background:#fff;border-bottom:1px solid #E8ECF2;box-shadow:0 24px 40px -24px rgba(10,23,53,.35);font-family:var(--hv-sans,'Mukta',system-ui,sans-serif);animation:hv-topics-in .22s cubic-bezier(.2,.7,.2,1)}
.hv-topics[hidden]{display:none}
.hv-topics-inner{width:min(var(--header-w,1320px),calc(100% - 48px));margin:0 auto;padding:22px 0 18px}
.hv-topics-title{margin:0 0 12px;font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#7e87a1}
.hv-topics-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 18px}
.hv-topics-list a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--ink,#0A1735);font-weight:600;font-size:16px;text-decoration:none;transition:background .2s,color .2s}
.hv-topics-list a:hover,.hv-topics-list a:focus-visible{background:#EEF4FF;color:#1746B2}
.hv-topics-list a[aria-current="page"]{background:#FFF0F7;color:#B5155F}
.hv-topics-list span{min-width:30px;padding:0 8px;border-radius:999px;background:#f6f7fb;color:#7e87a1;font-size:13px;line-height:24px;text-align:center}
.hv-topics-foot{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px;padding-top:14px;border-top:1px solid #E8ECF2}
.hv-topics-foot a{font-weight:700;font-size:15px;color:#1E4CFF;text-decoration:none}
.hv-topics-foot a:hover{color:#D81B76}
@keyframes hv-topics-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hv-topics{animation:none}.hv-topics-btn svg{transition:none}}
@media (max-width:700px){.hv-topics{display:none!important}}