/* Shared overseas layout, based on the Taiwan site. */
html{scroll-padding-top:24px}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Arial,"Microsoft JhengHei","Microsoft YaHei",sans-serif}img{max-width:100%}h1,h2,h3,h4,p,li,dd,a,button{overflow-wrap:break-word}h1,h2,h3{text-wrap:pretty;word-break:normal}button,a{-webkit-tap-highlight-color:transparent}.site{min-width:0}.container{width:min(1120px,calc(100% - 64px))}.header{height:auto;min-height:100px;padding:18px 32px;gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.brand{min-width:0;max-width:100%;gap:12px;flex-direction:row;align-items:center}.brand-logo{flex:0 0 52px;width:52px;height:46px;overflow:visible}.brand-logo img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}.brand-copy{min-width:0;line-height:1.25}.brand-main{font-size:27px;letter-spacing:.07em}.brand-sub{font-size:11px;line-height:1.5;letter-spacing:.035em;margin-top:4px;white-space:normal}.header .nav{display:flex;grid-column:1/-1;grid-row:2;flex-wrap:wrap;justify-content:center;white-space:normal;gap:10px 22px;font-size:13px;line-height:1.5}.header .nav a{padding-block:6px;min-width:0}.header .header-site-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:0}.header-site-actions>a{white-space:normal;line-height:1.5;min-height:44px;text-align:center}.header .header-action{display:inline-flex;align-items:center;justify-content:center}.header .mobile-header-actions,.header .menu-button{display:none}.mobile-menu{height:auto;max-height:none}.mobile-menu a{white-space:normal;line-height:1.6}.mobile-menu.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-menu.open a{margin:0;min-height:44px;display:flex;align-items:center;padding:10px 12px}.menu-button{min-width:44px;min-height:44px;align-items:center;justify-content:center}.hero{min-width:0}.hero-copy,.hero-visual,.section-heading>*{min-width:0}.hero-copy{padding:64px 40px}.hero h1{font-size:clamp(32px,3.6vw,48px);letter-spacing:.015em;line-height:1.35;max-width:100%}.hero p{max-width:100%}.hero-links{gap:12px}.hero-links .cta{white-space:normal;min-width:0;flex:0 1 auto;line-height:1.55}.hero-visual-actions{max-width:calc(100% - 48px);left:24px}.visual-card{min-width:0}.hero-visual-actions .japan-site-entry{white-space:normal;text-align:center}.season-ticker>.container{min-width:0}.season-ticker p{overflow-wrap:anywhere}.section-heading{align-items:flex-start;flex-wrap:wrap;gap:18px}.section-intro{max-width:48ch}.section h2{line-height:1.4;letter-spacing:.015em}.section-heading .text-link{white-space:normal;line-height:1.6}.topics,#themes .article-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;grid-auto-rows:auto;align-items:stretch}.topic{min-width:0;border-radius:10px;overflow:hidden}.topic .topic-text,#themes .article-entry-grid .topic-text{padding:24px;min-width:0;display:flex;flex-direction:column}.topic h3,#themes .article-entry-grid .topic-text h3{font-size:22px;line-height:1.5;min-height:0;margin:0 0 12px;text-wrap:pretty}.topic p,#themes .article-entry-grid .topic-text p{min-height:0;margin:0 0 20px;line-height:1.85;font-size:15px;flex:1}.topic .text-link{align-self:flex-start;white-space:normal}.article-list,.focus-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch}.article-list>a{height:auto;max-height:none;min-width:0;border-radius:10px}.article-list>a>h2,.article-list>a>p{display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;max-height:none!important;height:auto!important;overflow:visible!important;overflow-wrap:break-word!important;word-break:normal}.article-list>a>h2{font-size:21px!important;line-height:1.5!important;text-wrap:pretty}.article-list>a>p{font-size:15px!important;line-height:1.8!important}.article-list>a>span:last-child{margin-top:auto!important;line-height:1.6}.article-entry-tabs{gap:12px}.article-entry-tabs a{line-height:1.6;min-width:0;white-space:normal}.article-list>a>.card-cover,.article-list>a>.focus-card-image{object-fit:cover!important}.article-content{width:100%;max-width:900px;padding:44px 0 64px;font-size:16px;line-height:1.9}.detail-body{padding-block:44px 64px;min-width:0}.detail-body p,.detail-body li,.article-content p,.article-content li{line-height:1.9}.article-content h2,.detail-body h2{margin-top:36px;margin-bottom:16px;line-height:1.5}.article-content h3,.detail-body h3{margin-top:26px;margin-bottom:12px;line-height:1.55}.article-content p,.article-content ul,.article-content ol,.detail-body p{margin-bottom:18px}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.detail-card{min-width:0;padding:26px;border-radius:10px;height:auto;overflow:visible}.detail-card h2{font-size:22px;line-height:1.5;margin-top:12px}.detail-card p{font-size:15px;line-height:1.85}.article-content figure{max-width:680px;margin:28px auto}.article-content figure img,.detail-body figure img{max-width:100%;height:auto;margin-inline:auto;object-fit:contain}.article-content figcaption,.detail-body figcaption{font-size:14px;line-height:1.75;overflow-wrap:anywhere}.article-content .table-wrap,.detail-body .table-wrap,.editorial-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.article-content td,.article-content th{line-height:1.7}.detail-next,.editorial-referral,.inquiry-wrap{flex-wrap:wrap;align-items:center;gap:20px}.detail-next>*,.editorial-referral>*{min-width:0}.detail-next .cta,.editorial-referral a,.inquiry-section .cta{white-space:normal;line-height:1.6;max-width:100%;text-align:center}.article-content .cta,.family-actions a{max-width:100%;white-space:normal;line-height:1.6}.article-related{margin-top:36px;padding-top:24px;min-width:0}.article-related a{overflow-wrap:anywhere}.article-share{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px;margin-top:36px;padding:24px;background:#f1f4ee;border:1px solid var(--line,#e0e3da);border-radius:10px;min-width:0;font-size:15px;line-height:1.6}.article-share>span:first-child{flex:1 0 100%;font-weight:700;margin:0 0 2px}.article-share>a,.article-share>button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:64px;max-width:100%;height:auto;margin:0;padding:10px 16px;border:1px solid #bdcbbf;border-radius:6px;background:#fffefa;color:#274536;font:600 14px/1.5 system-ui,sans-serif;text-decoration:none;text-align:center;white-space:normal;gap:6px}.article-share>a:hover,.article-share>button:hover{background:#e6ece1}.article-share .share-status{flex:1 0 100%;min-width:0;max-width:100%;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.share-status:empty{display:none}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:32px}.footer-grid>*{min-width:0}.footer p,.footer li{overflow-wrap:anywhere;line-height:1.85}.footer-bottom{flex-wrap:wrap;gap:12px}.photo-license{max-width:100%;overflow-wrap:anywhere}.photo-license summary{white-space:normal;line-height:1.6}.photo-license-item{line-height:1.8}.site[data-view] .sub-hero.article-hero{height:auto;min-height:400px;max-height:none;padding:44px max(32px,calc((100% - 1080px)/2));overflow:visible}.site[data-view] .sub-hero.article-hero h1{font-size:clamp(30px,3vw,43px);line-height:1.45;letter-spacing:.01em;overflow-wrap:break-word;word-break:normal;max-width:100%;text-wrap:pretty}.sub-hero:not(.article-hero){min-width:0}.sub-hero h1{max-width:100%;overflow-wrap:break-word}.article-hero__picture{overflow:hidden}.article-hero .article-hero__image{max-width:none}
@media(max-width:1099px){.header{padding:16px 24px;gap:12px 16px;min-height:0;grid-template-columns:minmax(0,1fr) 44px}.header .nav,.header .header-site-actions{display:none}.header .menu-button{display:flex;grid-column:2;grid-row:1}.header .mobile-header-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1;grid-row:2;gap:10px;margin:0;white-space:normal}.header .mobile-header-actions a,.header .mobile-header-actions a:nth-child(n){min-width:0;width:auto;min-height:44px;white-space:normal;line-height:1.5;font-size:12px;padding:8px 10px;text-align:center}.brand-main{font-size:25px}.brand-sub{font-size:11px}.brand-logo{flex-basis:48px;width:48px;height:42px}.container{width:calc(100% - 48px)}.topics,#themes .article-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-list,.focus-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-copy{padding:48px 28px}.hero h1{font-size:34px}.hero-visual{min-height:440px}.footer-grid{gap:24px}.site[data-view] .sub-hero.article-hero{min-height:380px;padding:36px 28px}.article-share{padding:22px}}
@media(max-width:650px){.container{width:calc(100% - 40px)}.header{padding:14px 16px;gap:12px}.brand{gap:10px}.brand-main{font-size:21px;letter-spacing:.04em}.brand-sub{font-size:10px;line-height:1.5;letter-spacing:0;max-width:100%;margin-top:3px}.brand-logo{width:42px;flex-basis:42px;height:36px}.header .mobile-header-actions{gap:8px}.header .mobile-header-actions a,.header .mobile-header-actions a:nth-child(n){font-size:11px;padding:8px 5px;min-height:44px}.mobile-menu.open{grid-template-columns:minmax(0,1fr)}.mobile-menu{padding-inline:20px}.hero{display:flex;flex-direction:column}.hero-copy{padding:42px 24px}.hero h1{font-size:32px;line-height:1.4;letter-spacing:.01em}.hero p{font-size:15px;line-height:1.85}.site[data-view="home"] .hero-visual{min-height:220px}.hero-visual-actions{left:24px;max-width:calc(100% - 48px)}.section{padding:44px 0}.section h2{font-size:29px}.topics,#themes .article-entry-grid{grid-template-columns:minmax(0,1fr);gap:20px}.topic .topic-text,#themes .article-entry-grid .topic-text{padding:24px}.topic h3,#themes .article-entry-grid .topic-text h3{font-size:23px}.article-list,.focus-list{grid-template-columns:1fr!important;gap:20px!important}.article-list>a>h2{font-size:22px!important}.details-grid,.footer-grid{grid-template-columns:minmax(0,1fr)}.detail-card{padding:24px}.detail-body{padding-block:32px 48px}.article-content{padding:32px 0 48px;font-size:16px}.article-content h2,.detail-body h2{font-size:24px}.article-content h3,.detail-body h3{font-size:21px}.article-share{padding:20px;gap:10px}.article-share>a,.article-share>button{flex:1 1 calc(50% - 10px);padding:10px 12px}.site[data-view] .sub-hero.article-hero{min-height:320px;padding:30px 22px}.site[data-view] .sub-hero.article-hero h1{font-size:clamp(26px,6.6vw,30px);line-height:1.45;letter-spacing:0}.season-layout{grid-template-columns:1fr}.season-ticker .container{flex-wrap:wrap;gap:10px}.footer-bottom{display:flex;flex-direction:column;align-items:flex-start}.detail-next{padding:22px}.site[data-view] .sub-hero:not(.article-hero){padding:38px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site{transition:none}}

html[lang="en"] .brand-sub{font-size:11px;letter-spacing:.035em}html[lang="en"] .hero h1{font-size:clamp(32px,3.6vw,48px);line-height:1.35;letter-spacing:.015em}
@media(min-width:1100px){.header .mobile-header-actions{display:none}.mobile-menu.open{display:none}}
@media(max-width:1099px){html[lang="en"] .header .mobile-header-actions{display:grid}html[lang="en"] .hero h1{font-size:34px}}
@media(max-width:650px){html[lang="en"] .brand-sub{font-size:10px;letter-spacing:0}html[lang="en"] .hero h1{font-size:32px;line-height:1.4;letter-spacing:.01em}}

.site:not([data-view="home"])>.page-detail{order:1}.site:not([data-view="home"])>.article-picks{order:2;padding:32px max(20px,calc((100% - 1080px)/2));border-top:1px solid var(--line);margin:0}.site:not([data-view="home"])>.footer{order:3}

html[lang^="vi"] body{font-family:Arial,"Segoe UI",sans-serif}html[lang^="vi"] .site .hero h1,html[lang^="vi"] .site .sub-hero h1,html[lang^="vi"] .site .sub-hero.article-hero h1,html[lang^="vi"] .site .section h2,html[lang^="vi"] .site .inquiry-section h2{font-family:"Times New Roman",Georgia,serif;letter-spacing:0;line-height:1.5}html[lang^="vi"] .article-share>a,html[lang^="vi"] .article-share>button{font-family:Arial,"Segoe UI",sans-serif}

/* Header and home composition correction: constrained alignment and intrinsic buttons. */
html .header{width:min(1280px,calc(100% - 64px));margin-inline:auto;padding:22px 0;gap:24px;min-height:100px}
html .header .brand{flex:0 0 auto;gap:10px}
html .header .brand-logo{flex-basis:46px;width:46px;height:40px}
html .header .brand-main{font-size:25px;letter-spacing:.055em}
html .header .brand-sub{font-size:11px;letter-spacing:.025em;line-height:1.5}
html .header .nav{gap:14px;align-items:center}
html .header .nav a{font-size:14px;line-height:1.5;padding-block:10px;white-space:normal}
html .header .header-site-actions>.japan-site-entry{display:none}
html .header .header-action{min-width:128px;padding:12px 16px;font-size:14px;line-height:1.5}
html .site[data-view="home"] .hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);align-items:center;gap:64px;min-height:560px;padding:72px max(32px,calc((100% - 1280px)/2))}
html .site[data-view="home"] .hero-copy{padding:0;min-width:0;max-width:760px;background:transparent}
html .site[data-view="home"] .hero h1{font-size:clamp(40px,3.5vw,54px);line-height:1.3;letter-spacing:.005em;margin:22px 0;max-width:100%}
html .site[data-view="home"] .hero p{max-width:56ch;font-size:16px;line-height:1.85;margin:0}
html .site[data-view="home"] .hero-links{margin-top:28px;gap:12px;align-items:center;justify-content:flex-start}
html .hero-links .cta{flex:0 1 auto;width:fit-content;min-width:176px;max-width:100%;padding:14px 24px;font-size:14px;line-height:1.5}
html .site[data-view="home"] .hero-visual{min-height:0;height:auto;align-self:end;margin-bottom:8px;background:transparent}
html .site[data-view="home"] .hero-visual-actions{position:static;max-width:340px;width:100%;gap:14px;align-items:flex-start}
html .site[data-view="home"] .hero-visual .hero-visual-actions .visual-card{position:static;width:100%;min-width:0;padding:24px;background:rgba(255,254,250,.95);box-shadow:0 10px 32px rgba(0,0,0,.13)}
html .site[data-view="home"] .visual-card strong{font-size:20px;line-height:1.45;margin-block:8px}
html .site[data-view="home"] .visual-card span{line-height:1.6}
html .site[data-view="home"] .hero-japan-entry{width:fit-content;max-width:100%;font-size:14px;line-height:1.5;padding:12px 18px}
@media(min-width:1280px){html .header{display:flex;align-items:center;justify-content:space-between}html .header .nav{display:flex;flex:1 1 auto;flex-wrap:nowrap;justify-content:flex-end;margin-left:auto}html .header .nav a{flex:0 1 auto;max-width:none;white-space:nowrap}html .header .header-site-actions{display:flex;flex:0 0 auto;margin-left:0}html .header .mobile-header-actions,html .header .menu-button{display:none}}
@media(max-width:1279px){html .header{width:calc(100% - 48px);display:grid;grid-template-columns:minmax(0,1fr) 44px;padding:18px 0;gap:14px;min-height:0}html .header .nav,html .header .header-site-actions{display:none}html .header .menu-button{display:flex;grid-column:2;grid-row:1}html .header .mobile-header-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1;grid-row:2;gap:10px;margin:0}html .header .mobile-header-actions a{min-width:0;width:auto;min-height:44px;font-size:12px;line-height:1.5;padding:8px 10px;white-space:normal}html .site[data-view="home"] .hero{padding:56px 32px;gap:36px;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);min-height:510px}html .site[data-view="home"] .hero h1{font-size:40px}}
@media(max-width:900px){html .site[data-view="home"] .hero{grid-template-columns:minmax(0,1fr);gap:40px;padding:48px 32px;min-height:0;background-position:53% center}html .site[data-view="home"] .hero-copy{max-width:640px}html .site[data-view="home"] .hero-visual{align-self:start;margin:0;min-height:0}html .site[data-view="home"] .hero-visual-actions{max-width:320px}html .site[data-view="home"] .hero h1{font-size:40px}}
@media(max-width:650px){html .header{width:calc(100% - 32px);padding:15px 0;gap:12px}html .header .brand-main{font-size:21px}html .header .brand-logo{flex-basis:42px;width:42px;height:36px}html .header .brand-sub{font-size:10px;letter-spacing:0}html .header .mobile-header-actions{gap:8px}html .header .mobile-header-actions a{padding:8px 5px;font-size:11px}html .site[data-view="home"] .hero{padding:42px 24px;gap:36px}html .site[data-view="home"] .hero h1{font-size:34px;line-height:1.4;margin-block:20px}html .site[data-view="home"] .hero p{font-size:15px;line-height:1.85}html .hero-links .cta{min-width:0;padding:13px 20px;font-size:14px}html .site[data-view="home"] .hero-visual-actions{max-width:300px}html .site[data-view="home"] .hero-visual .hero-visual-actions .visual-card{padding:22px}}

.site[data-view="home"] .container{width:min(1280px,calc(100% - 64px))}@media(max-width:1099px){.site[data-view="home"] .container{width:calc(100% - 48px)}}@media(max-width:650px){.site[data-view="home"] .container{width:calc(100% - 40px)}}

@media(max-width:1279px){html .mobile-menu.open{display:grid}}