main.subpage:has([data-topic-root]) {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

.contents.content-wrap:has([data-topic-root]) {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.contents.content-wrap:has([data-topic-root])>#breadcrumb,
.contents.content-wrap:has([data-topic-root])>.pub {
  width: calc(100% - 120px);
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.hottopics:has([data-topic-root]) {
  display: block;
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 0;
  letter-spacing: normal;
  text-align: left;
}

[data-topic-root] {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

[data-topic-root] section[id] {
  scroll-margin-top: var(--topic-header-height,0px);
}

@media (max-width: 1024px) {
  .contents.content-wrap:has([data-topic-root])>#breadcrumb,
  .contents.content-wrap:has([data-topic-root])>.pub {
    width: 98%;
  }
}

@media (max-width: 729px) {
  .contents.content-wrap:has([data-topic-root])>#breadcrumb,
  .contents.content-wrap:has([data-topic-root])>.pub {
    width: 95%;
  }
}