/* DSIPA identity: navy and gold, paired settlement paths. */
.brand-mark,.footer-brand .brand-mark{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:76px;height:87px;overflow:visible;flex-shrink:0;background:none;border:0}
.brand-mark .association-logo{position:static;width:62px;height:62px;max-width:100%;object-fit:contain;filter:none}
.association-wordmark{font:600 16px/1.1 Arial,sans-serif;letter-spacing:3px;color:var(--navy);padding-left:3px}
.site-header .brand{color:var(--navy);gap:18px}.site-header .brand strong{color:var(--navy);font-family:'Noto Sans TC',sans-serif;font-size:24px;letter-spacing:2px;font-weight:500;line-height:1.5;display:block;max-width:650px}.site-header .brand small{display:block;color:#254d62;letter-spacing:.5px;font-size:11px;line-height:1.7;margin-top:7px;text-transform:none;max-width:570px}
.site-header .language-wrap select{color:var(--navy)}.site-header .menu-toggle span{background:var(--navy)}.site-header:has(.navigation.open){background:#f8fbfff7}
.hero-immersive.hero-renewed .hero-image{object-position:center 64%}.hero-immersive.hero-renewed .hero-shade{background:linear-gradient(180deg,#eff8ff12,transparent 65%)}
.hero-immersive.hero-renewed .hero-composition{top:33%;left:8%;width:84%}.hero-immersive.hero-renewed h1{color:var(--navy);text-shadow:none;font-size:clamp(36px,3.5vw,64px);font-weight:400;max-width:1100px;letter-spacing:2px}
.opening-place{text-shadow:0 1px 8px #071e30}.opening-scroll{background:#12384c30}.about-image img{object-position:50% 66%}
.footer-brand .association-logo{filter:brightness(0) invert(1)}.footer-brand .association-wordmark{color:white}.footer-brand strong{max-width:560px;display:block}
.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-news .review-date{display:none}
html[lang=en] .site-header .brand strong{font-size:20px;max-width:550px;letter-spacing:.2px}html[lang=en] .site-header .brand small{display:none}
@media(max-width:850px){.site-header .brand strong{font-size:19px}.site-header .brand small{font-size:9px}.hero-immersive.hero-renewed .hero-composition{top:31%}.brand-mark,.footer-brand .brand-mark{width:60px;height:76px}.brand-mark .association-logo{width:52px;height:52px}.association-wordmark{font-size:13px}html[lang=en] .site-header .brand strong{font-size:16px}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.site-header .masthead{width:92%;min-height:110px;gap:8px}.site-header .brand{gap:8px}.site-header .brand-mark{width:44px;height:63px}.brand-mark .association-logo{width:43px;height:43px}.association-wordmark{font-size:10px;letter-spacing:1.7px;padding-left:1.7px}.site-header .brand strong{font-size:14px;letter-spacing:0;line-height:1.6}.site-header .brand small{display:none}.site-header .header-controls{gap:2px}.site-header .language-wrap select{width:62px;font-size:10px}.site-header .menu-toggle{padding:5px}.hero-immersive.hero-renewed .hero-image{object-position:51% center}.hero-immersive.hero-renewed .hero-composition{left:7%;top:28%;width:86%}.hero-immersive.hero-renewed h1{font-size:31px;max-width:340px;line-height:1.65;letter-spacing:1px}html[lang=en] .hero-immersive.hero-renewed h1{font-size:34px}html[lang=en] .site-header .brand strong{font-size:11px;line-height:1.4}html[lang=ja] .site-header .brand strong,html[lang=ko] .site-header .brand strong{font-size:12px}.opening-place{font-size:8px;letter-spacing:1px}.report-grid,.resources-grid{grid-template-columns:1fr}.footer-brand .brand-mark{width:56px;height:73px}.footer-brand .association-wordmark{font-size:12px}}