/* v4.12 目錄選單 */
:root{--ochre:#B8925A;--ochre-soft:#efe2cf;--chip:#f8f2e8}
.nav{flex-wrap:wrap;row-gap:10px;background:rgba(246,243,238,.9);border-bottom:1px solid var(--line)}
.nav .catwrap{order:3;flex:1 0 100%;position:relative;min-width:0}
.nav .cat-label{display:block;font-size:11px;letter-spacing:.42em;color:#9a7b55;margin:0 0 6px 2px;font-weight:400}
.nav .catwrap nav{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 4px;width:auto;order:0}
.nav .catwrap nav a{margin:0;flex:none;font-size:15px;letter-spacing:.12em;line-height:1.5;color:#3f3b37;background:var(--chip);border:1px solid rgba(184,146,90,.55);border-radius:6px;padding:6px 14px;transition:background .25s,color .25s,border-color .25s}
.nav .catwrap nav a:hover{background:var(--ochre-soft);border-color:var(--ochre);color:#3f3b37}
.nav .catwrap nav a.is-current,.nav .catwrap nav a[aria-current="page"]{background:var(--ochre);border-color:var(--ochre);color:#fffaf2;font-weight:500}
.r-sg .nav .catwrap nav a{letter-spacing:.06em}
@media(max-width:760px){
 .nav .catwrap nav{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap;padding-right:44px;scroll-padding:0 44px}
 .nav .catwrap nav::-webkit-scrollbar{display:none}
 .nav .catwrap nav a{font-size:15px;padding:6px 13px}
 .nav .catwrap::after{content:"";position:absolute;right:0;bottom:0;height:calc(100% - 22px);width:46px;pointer-events:none;background:linear-gradient(90deg,rgba(246,243,238,0),rgba(246,243,238,.95))}
}