* {
  box-sizing:border-box;
  margin:0;
  padding:0;
}
html,body {
  background:#eff6ff;
  color:#1e3a8a;
  font:16px/1.7 "Segoe UI",sans-serif;
}
.corp {
  background:#1d4ed8;
  color:#fff;
  padding:0 20px;
  display:flex;
  align-items:center;
  gap:24px;
}
.brand {
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:700;
  padding:12px 0;
  white-space:nowrap;
}
.brand svg {
  width:22px;
  height:22px;
}
.tabs {
  display:flex;
  align-items:stretch;
  margin-left:auto;
}
a.tab {
  color:#dbeafe;
  text-decoration:none;
  padding:14px 16px;
  border-bottom:3px solid transparent;
  font-size:14px;
}
a.tab:hover {
  background:#1e40af;
  border-bottom-color:#93c5fd;
}
main {
  padding:24px 28px 48px;
}
.hero {
  margin-bottom:20px;
}
.hero h1 {
  font-size:26px;
  color:#1e3a8a;
  margin-bottom:10px;
}
.hero p {
  margin-bottom:8px;
  color:#1e40af;
}
.mention {
  margin-bottom:22px;
}
.mention h2,.cards23 h2,#faq h2 {
  font-size:18px;
  color:#1e3a8a;
  margin-bottom:10px;
}
.panel {
  display:flex;
  min-height:240px;
  background:#fff;
  border:1px solid #bfdbfe;
  box-shadow:0 1px 0 #93c5fd;
}
.thread {
  width:42%;
  padding:16px;
  background:#dbeafe;
  border-right:1px solid #93c5fd;
}
.bubble {
  background:#fff;
  padding:8px 10px;
  margin-bottom:8px;
  border-radius:4px 12px 12px 4px;
  font-size:14px;
}
.bubble.me {
  background:#1d4ed8;
  color:#fff;
  margin-left:20px;
}
.suggest {
  flex:1;
  padding:16px;
}
.hint {
  font-size:12px;
  color:#1d4ed8;
  margin-bottom:8px;
}
.suggest ul {
  list-style:none;
}
.suggest li {
  padding:8px 10px;
  border-bottom:1px solid #dbeafe;
  display:flex;
  flex-direction:column;
}
.suggest li:hover {
  background:#eff6ff;
}
.suggest b {
  font-size:14px;
}
.suggest span {
  font-size:12px;
  color:#3b82f6;
}
.note {
  margin-top:10px;
  font-size:14px;
  color:#1e3a8a;
}
.steps3 {
  display:flex;
  gap:0;
  margin-bottom:22px;
  background:#fff;
  border:1px solid #bfdbfe;
}
.steps3 article {
  flex:1;
  padding:14px 16px;
  border-right:1px solid #bfdbfe;
}
.steps3 article:last-child {
  border-right:0;
}
.steps3 em {
  display:block;
  font-style:normal;
  font-size:22px;
  color:#1d4ed8;
  font-weight:700;
}
.steps3 h3 {
  font-size:15px;
  margin:4px 0 8px;
}
.steps3 p {
  font-size:14px;
}
.cards23 {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:22px;
}
.cards23 article {
  background:#fff;
  padding:14px;
  border-top:4px solid #1d4ed8;
}
.cards23 svg {
  width:20px;
  height:20px;
  color:#1d4ed8;
}
.cards23 p {
  font-size:14px;
  margin-top:8px;
}
.names {
  background:#fff;
  padding:16px;
  margin-bottom:22px;
  border:1px solid #bfdbfe;
}
.names h3 {
  margin-bottom:10px;
  color:#1d4ed8;
}
.names table {
  width:100%;
  border-collapse:collapse;
  font-size:14px;
}
.names th {
  text-align:left;
  background:#dbeafe;
  padding:8px;
}
.names td {
  padding:8px;
  border-bottom:1px solid #bfdbfe;
  vertical-align:top;
}
details {
  background:#fff;
  border:1px solid #bfdbfe;
  margin-bottom:8px;
  padding:10px 12px;
}
summary {
  cursor:pointer;
  color:#1d4ed8;
}
details p {
  margin-top:8px;
  font-size:14px;
}
.more-at {
  background:#fff;
  border:1px solid #bfdbfe;
  padding:16px;
  margin-bottom:22px;
}
.more-at h3 {
  color:#1d4ed8;
  margin-bottom:10px;
}
.more-at p {
  margin-bottom:8px;
  font-size:14px;
}
.site-footer {
  padding:20px 28px;
  background:#1e3a8a;
  color:#bfdbfe;
  font-size:13px;
}
.site-footer p {
  margin-bottom:6px;
}