@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@700&display=swap");

/* Match entry-page .mast / .brand exactly */
.wrap{
  padding-left:max(24px, env(safe-area-inset-left)) !important;
  padding-right:max(24px, env(safe-area-inset-right)) !important;
}
header.hd{
  position:relative !important;
  top:auto !important;
  z-index:50;
  margin:0 0 10px !important;
  padding:24px 0 8px !important;
  background:transparent !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
header.hd::after{display:none !important;}
.brand-lockup,
header.hd .brand{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 0 14px !important;
  color:inherit !important;
  text-decoration:none !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  font-size:inherit !important;
}
.brand-logo{
  width:36px !important;
  height:36px !important;
  border-radius:9px !important;
  flex:none !important;
  box-shadow:none !important;
}
.brand-copy{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  min-width:0 !important;
}
/* 站名的字体和字距走变量，不写死：这几条带 !important（要压住首页内联
   样式），值写死的话英文站怎么覆盖都覆盖不掉 —— 加一层 !important 只是
   军备竞赛，下一个 !important 又赢回去。英文那份值在生成的
   assets/hw-en.css 里，见 scripts/build_en.py 的 EN_CSS。 */
:root{
  --brand-serif:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong",Georgia,serif;
  --brand-track:.04em;
}
.hd-title,
.brand .wordmark,
.brand-lockup .hd-title{
  font-family:var(--brand-serif) !important;
  font-size:20px !important;
  font-weight:700 !important;
  letter-spacing:var(--brand-track) !important;
  line-height:1.25 !important;
  margin:0 !important;
}
.hd-title .dot,
.brand .dot{color:#9d2933 !important;}
.hd-en,
.slogan{
  margin:0 !important;
  color:#6f6959 !important;
  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}
.hd-row{display:none !important;}
@media(max-width:600px){
  header.hd{padding:22px 0 14px !important;margin:0 0 18px !important;}
  .hd-title,.brand .wordmark,.brand-lockup .hd-title{
    font-size:20px !important;font-weight:700 !important;
  }
}