/* "How It Works" dropdown in the global top nav. The trigger keeps the
   nav's own link class, so it matches whichever nav the page uses. */
.up-hiw-drop{position:relative;display:inline-block;vertical-align:top;}
.up-hiw-drop > a{display:inline-flex;align-items:center;gap:6px;}
.up-hiw-drop > a svg{flex-shrink:0;transition:transform .18s;}
.up-hiw-drop:hover > a svg,.up-hiw-drop:focus-within > a svg{transform:rotate(180deg);}
.up-hiw-drop .up-hiw-menu{position:absolute;top:100%;left:-4px;padding-top:8px;display:none;z-index:1000;}
.up-hiw-drop:hover .up-hiw-menu,.up-hiw-drop:focus-within .up-hiw-menu{display:block;}
.up-hiw-drop .up-hiw-card{min-width:190px;background:#ffffff;border:1px solid #e4ede0;border-radius:12px;box-shadow:0 12px 48px rgba(19,38,48,.18);padding:8px;text-align:left;}
.up-hiw-drop .up-hiw-item{display:block;font-size:14px;font-weight:500;line-height:1.4;color:#132630;padding:10px 14px;border-radius:8px;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s;}
.up-hiw-drop .up-hiw-item:hover,.up-hiw-drop .up-hiw-item:focus{background:#f7f9f4;color:#4f8e1a;}
