.xw-document {
  margin: 0;
  color: #132736;
  background: #f7f6f2;
  font: 17px/1.7 system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;
}

.xw-width {
  max-width: 780px;
  margin-inline: auto;
  padding-inline: 24px;
}

.xw-header { background: #132736; color: #fff; padding-block: 16px; }
.xw-header a { color: inherit; }
.xw-main { padding-block: clamp(34px, 8vw, 88px) 64px; }
.xw-main h1 { margin: 4px 0 18px; font-size: clamp(34px, 7vw, 54px); line-height: 1.16; }
.xw-main h2 { margin: 36px 0 10px; font-size: 23px; }
.xw-main p, .xw-links { margin: 0 0 14px; }
.xw-kicker { color: #69502c; font-size: 15px; }
.xw-lead { font-size: 19px; }
.xw-nav { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.xw-nav a, .xw-main a, .xw-contact a { text-decoration: underline; text-underline-offset: .22em; }
.xw-main a, .xw-footer a { color: #234b63; }
.xw-footer { border-top: 1px solid #ded8cb; padding: 20px 0 24px; font-size: 14px; }
.xw-contact { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 12px 0; }
.xw-contact dt { font-size: .82em; font-weight: 600; }
.xw-contact dd { margin: 0; overflow-wrap: anywhere; }

.xw-home-profile {
  box-sizing: border-box;
  max-width: 780px;
  margin: 24px auto;
  padding: 18px 22px;
  border: 1px solid #d4c4a9;
  border-radius: 8px;
  color: #132736;
  background: #f7f6f2;
  font: 15px/1.55 system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;
}

.xw-home-profile h1, .xw-home-profile h2 { margin: 0 0 6px; font-size: 19px; line-height: 1.3; }
.xw-home-profile p { margin: 0; color: inherit; }
.xw-home-profile a { color: #234b63; }
.xw-home-profile .xw-nav { font-size: 14px; }
.xw-home-profile .xw-contact { margin-block: 9px; }
.xw-home-profile--mounted { max-width: none; margin: 14px 0 0; padding: 12px 15px; }

@media (max-width: 820px) {
  .xw-home-profile:not(.xw-home-profile--mounted) { margin-inline: 16px; }
}