*{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none}html,body{overscroll-behavior-y:auto;scroll-behavior:smooth;touch-action:manipulation}body.ds-scroll-unlocked{overflow-y:auto!important;overflow-x:hidden!important;position:static!important;height:auto!important;max-height:none!important}a,button,.tool-card,.drawer-link,.quick-pill,.btn,.primary-btn,.secondary-btn,.theme-btn,.menu-btn,.lang-mini,.search-tag,.option,.upload-zone,.resume-template,.addon-card,.convert-card,.mini-tool{-webkit-tap-highlight-color:transparent!important;user-select:none;cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,border-color .18s ease,filter .18s ease,background .18s ease}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(239,68,68,.28)!important;outline-offset:3px}button:active,.btn:active,.primary-btn:active,.secondary-btn:active,.tool-card:active,.drawer-link:active,.quick-pill:active,.theme-btn:active,.menu-btn:active,.lang-mini:active,.search-tag:active,.option:active,.upload-zone:active,.resume-template:active,.addon-card:active,.convert-card:active,.mini-tool:active{transform:scale(.965) translateY(1px)!important;filter:brightness(.98)}.tool-card:hover,.addon-card:hover,.mini-tool:hover,.convert-card:hover,.resume-template:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 20px 45px rgba(17,24,39,.12)}.drawer-link:hover,.quick-pill:hover,.search-tag:hover{transform:translateX(-3px) scale(1.01)}.touch-ripple{position:relative;overflow:hidden}.touch-ripple:after{content:'';position:absolute;width:18px;height:18px;border-radius:999px;left:var(--x,50%);top:var(--y,50%);transform:translate(-50%,-50%) scale(0);background:rgba(239,68,68,.18);opacity:0;pointer-events:none}.touch-ripple.ds-rippling:after{animation:dsRipple .55s ease-out}@keyframes dsRipple{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(18)}}@media (prefers-reduced-motion:reduce){html,body{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Docsmania v1.2 Mobile menu fix */
.install-btn{display:none!important;}
.drawer{height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;}
.drawer-link.upgrade-link{background:linear-gradient(135deg,#111827,#263247)!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 16px 35px rgba(17,24,39,.18)!important;}
.drawer-link.upgrade-link small{color:#e5e7eb!important;}
.drawer-link.upgrade-link .tag{background:linear-gradient(135deg,#ef4444,#f97316)!important;}
@media(max-width:760px){
  .drawer{width:min(86vw,360px)!important;padding:14px!important;padding-bottom:calc(28px + env(safe-area-inset-bottom))!important;}
  .drawer-caption{display:none!important;}
  .drawer-section{margin:10px 0!important;}
  .drawer-title{margin-bottom:7px!important;font-size:11px!important;}
  .drawer-list{gap:8px!important;}
  .drawer-link{padding:11px 12px!important;border-radius:16px!important;min-height:58px!important;}
  .drawer-link small{font-size:12px!important;margin-top:2px!important;line-height:1.25!important;}
  .tag{font-size:10px!important;padding:5px 8px!important;}
  .drawer-head{margin-bottom:8px!important;}
  .close-btn{width:40px!important;height:40px!important;}
  .upgrade-mini{display:none!important;}
}

/* Docsmania v1.3 Language button visibility fix */
.topbar{overflow:visible!important;}
.topbar .top-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-shrink:0!important;
}
.topbar .top-actions > .lang-mini{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  gap:4px!important;
  padding:3px!important;
  border-radius:999px!important;
  position:relative!important;
  z-index:50!important;
  flex-shrink:0!important;
}
.topbar .top-actions > .lang-mini .lang-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:34px!important;
  height:30px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
}
@media(max-width:760px){
  .topbar{height:62px!important;padding:0 9px!important;gap:6px!important;}
  .topbar .brand{font-size:18px!important;min-width:0!important;flex:1 1 auto!important;white-space:nowrap!important;overflow:hidden!important;}
  .topbar .brand-badge{width:34px!important;height:34px!important;font-size:13px!important;flex:0 0 auto!important;}
  .topbar .top-actions{gap:5px!important;flex:0 0 auto!important;}
  .topbar .top-actions > .lang-mini{display:flex!important;padding:2px!important;gap:2px!important;}
  .topbar .top-actions > .lang-mini .lang-btn{min-width:29px!important;height:28px!important;padding:0 6px!important;font-size:11px!important;}
  .ds-theme-toggle{width:42px!important;height:26px!important;min-width:42px!important;}
  .menu-btn{width:40px!important;height:40px!important;min-width:40px!important;}
}
@media(max-width:360px){
  .topbar .brand{font-size:16px!important;}
  .topbar .brand-badge{width:30px!important;height:30px!important;font-size:12px!important;}
  .topbar .top-actions > .lang-mini .lang-btn{min-width:27px!important;height:26px!important;font-size:10px!important;padding:0 5px!important;}
  .ds-theme-toggle{width:38px!important;height:24px!important;min-width:38px!important;}
  .menu-btn{width:36px!important;height:36px!important;min-width:36px!important;}
}


/* ===== Docsmania v1.4 mobile language + scroll stability fix ===== */
html,body{
  scroll-behavior:auto!important;
  touch-action:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overflow-x:hidden!important;
}
body{overflow-y:auto!important;min-height:100dvh!important;}
.topbar{min-width:0!important;gap:6px!important;}
.topbar .brand{min-width:0!important;max-width:48vw!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex-shrink:1!important;}
.topbar .brand-badge{flex:0 0 auto!important;}
.top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex:0 0 auto!important;min-width:max-content!important;}
.topbar .lang-mini{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:1200!important;
  flex:0 0 auto!important;
  gap:2px!important;
  padding:2px!important;
  border-radius:999px!important;
  background:#f8fafc!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 6px 14px rgba(17,24,39,.06)!important;
}
.topbar .lang-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:31px!important;
  width:31px!important;
  height:30px!important;
  padding:0!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.drawer .lang-mini{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  width:100%!important;
  gap:8px!important;
  padding:6px!important;
  border-radius:18px!important;
  visibility:visible!important;
  opacity:1!important;
}
.drawer .lang-btn{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  padding:0 10px!important;
  font-size:14px!important;
}
.drawer{overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;}
.drawer:not(.show)+*, .drawer-overlay:not(.show){pointer-events:none;}
@media(max-width:760px){
  .topbar{height:62px!important;padding:0 8px!important;}
  .topbar .brand{font-size:17px!important;gap:6px!important;max-width:42vw!important;}
  .topbar .brand-badge{width:34px!important;height:34px!important;border-radius:11px!important;font-size:13px!important;}
  .theme-btn,.menu-btn{width:40px!important;height:40px!important;border-radius:13px!important;flex:0 0 auto!important;}
  .menu-btn span{width:18px!important;}
}
@media(max-width:380px){
  .topbar{padding:0 6px!important;gap:4px!important;}
  .topbar .brand{font-size:15px!important;max-width:39vw!important;}
  .topbar .brand-badge{width:30px!important;height:30px!important;font-size:11px!important;}
  .top-actions{gap:4px!important;}
  .topbar .lang-btn{width:28px!important;min-width:28px!important;height:28px!important;font-size:10px!important;}
  .theme-btn,.menu-btn{width:36px!important;height:36px!important;}
}