/* TSUNAGU overseas pages (/en/, /zh-tw/, /zh-cn/): header, language switch, cards and footer on top of the
   destination page look (national-v1/style.css). Buttons 5px, frames 6px like the rest of the site. */
.intl-header{position:sticky;top:0;z-index:40;background:rgba(250,247,240,.96);border-bottom:1px solid #e3ddcf;backdrop-filter:blur(6px)}
.intl-header .intl-bar{max-width:1240px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:18px;justify-content:space-between}
.intl-brand{display:flex;align-items:center;gap:10px;color:#1f2a24;text-decoration:none;min-width:0}
.intl-brand svg{width:54px;height:auto;flex:none}
.intl-brand b{font-family:"Cormorant Garamond","Times New Roman",serif;font-weight:500;font-size:22px;letter-spacing:.2em}
.intl-brand small{display:block;font-size:11px;letter-spacing:.06em;color:#5d665f}
.intl-lang{display:flex;gap:4px;flex:none}
.intl-lang a{display:inline-block;min-width:44px;text-align:center;padding:7px 8px;border:1px solid #d9d4c7;border-radius:5px;font-size:13px;color:#1f2a24;text-decoration:none;background:#fff}
.intl-lang a[aria-current]{background:#173f35;border-color:#173f35;color:#fff}
.intl-nav{border-top:1px solid #ece6d8}
.intl-nav div{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.intl-nav div::-webkit-scrollbar{display:none}
.intl-nav a{display:inline-block;padding:11px 0;font-size:14px;color:#1f2a24;text-decoration:none;border-bottom:2px solid transparent}
.intl-nav a[aria-current]{border-bottom-color:#9a7638}
@media(max-width:640px){.intl-header .intl-bar{padding:8px 14px;gap:10px}.intl-brand svg{width:42px}.intl-brand b{font-size:18px;letter-spacing:.14em}.intl-brand small{display:none}.intl-lang a{min-width:38px;padding:7px 5px;font-size:12px}.intl-nav div{padding:0 14px;gap:18px}}
.intl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.intl-card{display:block;border:1px solid #e0d9c9;border-radius:6px;overflow:hidden;background:#fff;color:inherit;text-decoration:none}
.intl-card img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.intl-card div{padding:16px 18px 18px}
.intl-card strong{display:block;font-size:17px;line-height:1.45;margin-bottom:6px}
.intl-card span{font-size:14px;line-height:1.7;color:#4b554e}
.intl-card:hover{border-color:#9a7638}
.intl-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;counter-reset:step;padding:0;list-style:none}
.intl-steps li{border:1px solid #e0d9c9;border-radius:6px;background:#fff;padding:20px}
.intl-steps li::before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;color:#9a7638;font-size:13px;letter-spacing:.12em;margin-bottom:6px}
.intl-steps h3{margin:0 0 6px;font-size:17px}
.intl-steps p{margin:0;font-size:15px;line-height:1.75}
.intl-bullets{margin:14px 0 0;padding-left:1.2em;line-height:1.85}
.intl-figures td,.intl-figures th{vertical-align:top}
.intl-figures small a{color:#5d665f}
.intl-cta{background:#173f35;color:#f6f1e6}
.intl-cta .wrap{padding-top:56px;padding-bottom:56px}
.intl-cta h2{color:#fff}
.intl-cta p{color:rgba(246,241,230,.88);max-width:46rem}
.intl-cta .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.intl-cta .actions a{display:inline-block;padding:13px 20px;border-radius:5px;font-weight:700;text-decoration:none;border:1px solid rgba(255,255,255,.7);color:#fff}
.intl-cta .actions a:first-child{background:#fff;color:#173f35;border-color:#fff}
.intl-reviewed{font-size:14px;color:#4b554e;border-top:1px solid #e3ddcf;padding-top:14px;margin-top:28px}
.intl-footer{background:#10241e;color:#d9d4c7;font-size:14px;line-height:1.85}
.intl-footer .wrap{max-width:1240px;margin:0 auto;padding:44px 20px}
.intl-footer a{color:#f1e9d6}
.intl-footer nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0 18px}
.intl-footer p{margin:6px 0}
.intl-table td,.intl-table th{min-width:9rem}
/* Chinese pages: a Chinese font for the whole text, so Simplified / Traditional forms missing from the Japanese font
   do not fall back one by one and look heavier than the characters around them */
html[lang^="zh-Hans"] body,html[lang^="zh-Hans"] h1,html[lang^="zh-Hans"] h2,html[lang^="zh-Hans"] h3,html[lang^="zh-Hans"] p,html[lang^="zh-Hans"] li,html[lang^="zh-Hans"] a,html[lang^="zh-Hans"] summary,html[lang^="zh-Hans"] td,html[lang^="zh-Hans"] th,html[lang^="zh-Hans"] label,html[lang^="zh-Hans"] small,html[lang^="zh-Hans"] strong,html[lang^="zh-Hans"] span{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC","Source Han Sans SC",sans-serif}
html[lang^="zh-Hant"] body,html[lang^="zh-Hant"] h1,html[lang^="zh-Hant"] h2,html[lang^="zh-Hant"] h3,html[lang^="zh-Hant"] p,html[lang^="zh-Hant"] li,html[lang^="zh-Hant"] a,html[lang^="zh-Hant"] summary,html[lang^="zh-Hant"] td,html[lang^="zh-Hant"] th,html[lang^="zh-Hant"] label,html[lang^="zh-Hant"] small,html[lang^="zh-Hant"] strong,html[lang^="zh-Hant"] span{font-family:"PingFang TC","Microsoft JhengHei","Noto Sans TC","Noto Sans CJK TC","Source Han Sans TC",sans-serif}
html[lang^="zh"] .intl-brand b,html[lang^="zh"] .hero-kicker,html[lang^="zh"] .kicker{font-family:"Cormorant Garamond","Times New Roman",serif}
