.content-hero {
  padding: 68px 0 46px;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(90deg, rgba(224, 122, 58, .14), transparent 46%),
    var(--bg-soft);
}
.content-hero h1 {
  max-width: 860px;
  margin: 14px 0 16px;
  font-family: var(--display);
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 750;
  letter-spacing: -.04em;
}
.content-hero p { max-width: 720px; margin: 0; color: var(--muted); }
.content-wrap { max-width: 820px; padding-block: 56px 88px; }
.content-wrap h2 {
  margin: 40px 0 12px;
  font-family: var(--display);
  font-size: 1.55rem;
  font-weight: 750;
  letter-spacing: -.03em;
}
.content-wrap h3 { margin: 26px 0 10px; font-size: 1.06rem; }
.content-wrap p, .content-wrap li { color: #c5d0db; }
.content-wrap a {
  color: var(--copper-2);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.content-wrap ul, .content-wrap ol { padding-left: 22px; }
.content-wrap li { margin-bottom: 9px; }
.notice {
  margin: 28px 0;
  padding: 18px 20px;
  border: 1px solid rgba(224, 122, 58, .28);
  border-left: 3px solid var(--copper);
  border-radius: 4px;
  background: rgba(224, 122, 58, .08);
}
.notice strong { color: var(--copper-2); }
.contact-card {
  display: grid;
  gap: 8px;
  margin: 28px 0;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
}
.contact-card small { color: var(--copper-2); letter-spacing: .12em; font-weight: 800; }
.listing-section { padding-block: 64px 92px; }
.listing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.listing-card {
  display: flex;
  flex-direction: column;
  min-height: 240px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
}
.listing-card:hover { border-color: rgba(224, 122, 58, .45); }
.listing-card h2 { margin: 10px 0 12px; font-size: 1.16rem; line-height: 1.22; }
.listing-card p { color: var(--muted); font-size: .82rem; }
.listing-card .card-meta { margin-top: auto; }
.simple-footer { padding: 22px 0; border-top: 1px solid var(--line); background: #05090f; }
.simple-footer .shell {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  color: #6f7f91;
  font-size: .7rem;
}
.simple-footer a { color: var(--copper-2); }
@media (max-width: 960px) {
  .listing-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 680px) {
  .listing-grid { grid-template-columns: 1fr; }
  .content-hero { padding-top: 48px; }
}