.nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.nav .logo{justify-self:start}
.nav .nav-cta{justify-self:end;white-space:nowrap}
.nav #site-nav{gap:clamp(18px,2.5vw,34px);align-items:center;margin:0;justify-self:center}
.nav #site-nav>a{white-space:nowrap}
.nav #site-nav .language-switch{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding-inline:4px;font-size:11px;letter-spacing:0;color:#8798a8}
.language-switch .language-current{color:#f4f7fa}
.nav #site-nav .language-switch:hover{color:#dbe6ef}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.journal-card{display:block;min-width:0}
.journal-card>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.journal-card>div{padding:24px 0;border-bottom:1px solid #243748}
.journal-card h3{font-size:25px;margin:0 0 14px}
.journal-card p{color:#aabac9;font-size:15px;line-height:1.9;margin:0 0 20px}
.journal-card span{font-size:13px;color:#d4e4ef}
.journal-card:hover span{text-decoration:underline;text-underline-offset:5px}
.space-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.space-photo-grid .detail-photo{position:relative;overflow:hidden}
.space-photo-grid .detail-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
@media(max-width:1000px){.space-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.space-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.space-photo-grid{grid-template-columns:1fr;gap:10px}}
.history-intro{max-width:800px;padding-bottom:30px}
.history-intro p{color:#aabac9;font-size:17px;line-height:1.95}
.history-list{list-style:none;margin:0;padding:0}
.history-list>li{display:grid;grid-template-columns:200px minmax(0,1fr);gap:7vw;border-top:1px solid #243748;padding:55px 0}
.history-list time{font-size:clamp(24px,2.6vw,36px);line-height:1.4;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.history-list h2{font-size:clamp(30px,3.5vw,46px);margin-bottom:20px}
.history-list p{max-width:760px;color:#aabac9;font-size:16px;line-height:1.95;margin:0}
html[lang=en] .detail-hero h1{font-size:clamp(42px,5.5vw,82px);overflow-wrap:break-word}
html[lang=en] .detail-hero .detail-hero-content>p:last-child{max-width:650px}
@media(min-width:901px) and (max-width:1100px){.nav #site-nav{gap:12px}}
@media(max-width:900px){
  .nav{display:flex}
  .nav #site-nav{align-items:stretch;margin:0;gap:0}
  .nav #site-nav .language-switch{justify-content:flex-start;min-height:48px;padding:14px 0;border-top:1px solid #ffffff1a;margin-top:8px;font-size:13px}
  .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .history-list>li{grid-template-columns:160px minmax(0,1fr);gap:30px}
}
@media(max-width:650px){
  .journal-grid{grid-template-columns:1fr;gap:36px}
  .journal-card>div{padding:20px 0 25px}
  .history-list>li{grid-template-columns:1fr;gap:20px;padding:35px 0}
  .history-list time{color:#b4c4d2;font-size:26px}
  html[lang=en] .detail-hero h1{font-size:40px;line-height:1.15}
}
