.fee-nav{background:#f7f9fb;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2}
.fee-nav .wrap{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding-top:24px;padding-bottom:24px}
.fee-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:152px;padding:20px 8px 15px;background:#fff;border:1px solid #e3e9ee;border-radius:12px;color:#40566b;text-decoration:none;box-shadow:0 3px 10px rgba(64,86,107,.025);transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.fee-category-icon{display:grid;place-items:center;width:48px;height:48px;color:#9e7b36;background:#faf7ef;border-radius:12px;transition:background .2s,color .2s}
.fee-category-icon svg{width:32px;height:32px}
.fee-category-label{font-size:15px;font-weight:650;line-height:1.5;text-align:center;white-space:nowrap}
.fee-category-action{font-size:11px;color:#83909b;display:flex;gap:14px;align-items:center}
.fee-category-action>span{font-size:16px;color:#ad8b48}
.fee-nav a.is-active{background:#f8f3e7;border-color:#c5a866;box-shadow:0 4px 14px rgba(161,124,50,.09);color:#806128}
.fee-nav a.is-active .fee-category-icon{background:#a17c32;color:white}
.fee-nav a.is-active .fee-category-action{color:#91723b}
@media(hover:hover){.fee-nav a:hover{background:#fcfaf5;border-color:#b99b5c;box-shadow:0 8px 18px rgba(64,86,107,.09);transform:translateY(-4px);color:#806128}}
.fee-nav a:focus-visible{outline:3px solid #b08b42;outline-offset:3px}
@media(max-width:1050px){.fee-nav .wrap{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fee-nav a{min-height:138px}}
@media(max-width:640px){.fee-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:18px;padding-bottom:18px}.fee-nav a{min-height:128px;padding:16px 8px;gap:9px}.fee-category-label{font-size:14px}.fee-nav a:last-child{grid-column:1/-1;flex-direction:row;min-height:80px;gap:18px}}
@media(prefers-reduced-motion:reduce){.fee-nav a,.fee-category-icon{transition:none}.fee-nav a:hover{transform:none}}