/* Shared typography and approved homepage footer for every formal page. */
body,button,input,select,textarea{font-family:"Iansui","Microsoft JhengHei",sans-serif}
.site-footer{padding:0;margin:0;background:#64152b;color:#fff;font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:13px;line-height:1.7}
.site-footer .footer-rail{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:10px 0 12px}
.site-footer .home-related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px;padding:0 0 10px;margin:0;width:100%;background:none;color:#fff;box-shadow:none;clip-path:none;font-family:inherit}
.site-footer .related-brand{display:flex;align-items:center;gap:6px;min-width:0}
.site-footer a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.site-footer a:hover{color:#fff}
.site-footer .related-brand-name{display:flex;align-items:center;min-height:44px;width:fit-content;font:400 13px/1.7 Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;white-space:nowrap;flex-shrink:0}
.site-footer .related-icons{display:flex;align-items:center;gap:0;min-width:60px}
.site-footer .related-icons a{display:flex;align-items:center;justify-content:center;width:30px;min-width:30px;min-height:44px;flex-shrink:0}
.site-footer .related-icons svg{display:block;width:22px;height:22px;margin:0;flex-shrink:0}
.site-footer .facebook-outline{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
.site-footer .website-icon{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.site-footer .footer-school-background{color:#eee0df;margin:4px 0 0;padding:0;font:400 15px/1.8 Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;overflow-wrap:anywhere}
.site-footer a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:1000px){.site-footer .home-related{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.site-footer .footer-rail{width:calc(100% - 36px)}.site-footer .home-related{grid-template-columns:1fr}.site-footer .related-brand{justify-content:flex-start;gap:6px}}

/* Shared primary navigation: accessible click/tap disclosure. */
header .nav-about{position:relative;align-self:center;font-size:inherit}
header .nav-about summary{display:flex;align-items:center;gap:7px;min-height:44px;cursor:pointer;list-style:none;font-size:15px;font-weight:400}
header .nav-about summary::-webkit-details-marker{display:none}
header .nav-about summary::after{content:"";width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-3px}
header .nav-about[open] summary::after{transform:rotate(225deg);margin-top:3px}
header .nav-about summary:focus-visible{outline:2px solid var(--wine);outline-offset:3px}
header .nav-about-panel{position:absolute;top:100%;left:-12px;min-width:132px;padding:6px 12px;background:var(--paper,#faf8f4);border:1px solid #e4d9d1;border-radius:4px;box-shadow:0 5px 14px #352a2a14;z-index:30;display:grid;gap:0}
header .nav-about-panel a{display:flex;align-items:center;min-height:44px;white-space:nowrap;font-size:15px;text-decoration:none}
header .nav-about-panel a:hover{color:var(--wine);text-decoration:underline}

header nav .header-trial{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:24px;background:#64152b;color:#fff;text-decoration:none;font-weight:600}header nav .header-trial:hover{background:#842640;color:#fff}

header .brand img{height:auto}