/* Shared site navigation. All rules stay inside the navigation component. */
.jfn-header{position:relative;z-index:1000;background:#fff;border-bottom:1px solid #e5ddcc;color:#164d3c;font-family:Arial,"Microsoft JhengHei",sans-serif}
.jfn-header *{box-sizing:border-box}
.jfn-header .jfn-inner{max-width:1480px;margin:0 auto;padding:12px clamp(16px,3vw,48px);display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px}
.jfn-header .jfn-brand{display:flex;align-items:center;flex:0 1 auto;min-width:0;text-decoration:none}
.jfn-header .jfn-brand img{display:block;width:clamp(200px,21vw,310px);max-width:100%;height:auto;max-height:112px;object-fit:contain}
.jfn-header .jfn-links{display:flex;align-items:center;gap:clamp(4px,.65vw,12px);flex:0 0 auto;white-space:nowrap;font-size:14px;line-height:1.5;margin:0}
.jfn-header .jfn-links a,.jfn-header summary{display:flex;align-items:center;gap:7px;padding:12px 9px;color:#164d3c;text-decoration:none;font:inherit;font-weight:500;border-radius:6px;cursor:pointer}
.jfn-header .jfn-links a:hover,.jfn-header summary:hover{background:#f1f6f3;color:#087f5b}
.jfn-header a:focus-visible,.jfn-header summary:focus-visible,.jfn-header button:focus-visible{outline:2px solid #a78645;outline-offset:3px}
.jfn-header .jfn-links a[aria-current="page"]{color:#087f5b;box-shadow:inset 0 -2px #a78645}
.jfn-header .jfn-group{position:relative;margin:0;padding:0;border:0}
.jfn-header summary{list-style:none}
.jfn-header summary::-webkit-details-marker{display:none}
.jfn-header summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:-3px 2px 0 4px}
.jfn-header details[open]>summary::after{transform:rotate(225deg);margin-top:3px}
.jfn-header .jfn-dropdown{position:absolute;top:calc(100% + 7px);right:0;min-width:220px;padding:8px;background:#fff;border:1px solid #e5ddcc;border-top:2px solid #a78645;border-radius:8px;box-shadow:0 12px 30px #164d3c18;white-space:normal}
.jfn-header .jfn-dropdown a{padding:12px;line-height:1.55}
.jfn-header .jfn-links .jfn-member{margin-left:10px;padding:12px 18px;background:#075443;color:#fff;border:1px solid #075443;border-radius:7px}
.jfn-header .jfn-links .jfn-member:hover{background:#087f5b;color:#fff}
.jfn-header .jfn-toggle{display:none;width:auto;margin:0;padding:11px 14px;border:1px solid #c8d7ce;border-radius:7px;background:#fff;color:#164d3c;font:600 14px/1.4 Arial,"Microsoft JhengHei",sans-serif;cursor:pointer;align-items:center;gap:8px;flex-shrink:0}
.jfn-header .jfn-toggle-icon{display:block;width:16px;height:12px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;position:relative}
.jfn-header .jfn-toggle-icon::after{content:"";position:absolute;left:0;right:0;top:4px;border-top:1.5px solid currentColor}
@media(max-width:1180px){
 .jfn-header .jfn-inner{flex-wrap:wrap;gap:0 16px;min-height:80px;padding:10px clamp(16px,3vw,28px)}
 .jfn-header .jfn-brand{flex:1;max-width:calc(100% - 100px)}
 .jfn-header .jfn-brand img{width:clamp(180px,32vw,280px);max-height:100px}
 .jfn-header .jfn-toggle{display:flex}
 .jfn-header .jfn-links{display:none;flex:0 0 100%;flex-direction:column;align-items:stretch;gap:3px;white-space:normal;padding:14px 0 6px;margin-top:10px;border-top:1px solid #e5ddcc;font-size:16px;max-height:calc(100dvh - 130px);overflow-y:auto}
 .jfn-header[data-menu-open] .jfn-links{display:flex}
 .jfn-header .jfn-links>a,.jfn-header summary{min-height:46px;padding:12px}
 .jfn-header summary{justify-content:space-between}
 .jfn-header .jfn-dropdown{position:static;min-width:0;border:0;border-left:2px solid #c5ae7a;border-radius:0;margin:0 12px 8px;padding:3px 0 3px 10px;background:#f7faf8;box-shadow:none}
 .jfn-header .jfn-links .jfn-member{margin:10px 0 0;justify-content:center}
}
/* The additional culture group uses the existing compact menu at intermediate widths. */
@media(min-width:1181px) and (max-width:1600px){
 .jfn-header .jfn-inner{flex-wrap:wrap;gap:0 16px}
 .jfn-header .jfn-toggle{display:flex}
 .jfn-header .jfn-links{display:none;flex:0 0 100%;flex-wrap:wrap;white-space:normal;margin-top:12px;padding-top:12px;border-top:1px solid #e5ddcc}
 .jfn-header[data-menu-open] .jfn-links{display:flex}
}
@media(max-width:380px){.jfn-header .jfn-brand img{width:min(53vw,200px)}.jfn-header .jfn-toggle{padding:10px}}
@media print{.jfn-header{display:none!important}}

.jfn-header .jfn-section-title{padding:8px 12px 4px;color:#80652e;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.04em}
.jfn-header a+.jfn-section-title{margin-top:6px;padding-top:12px;border-top:1px solid #e5ddcc}