.pp-page { padding-top: 200rem; padding-bottom: 200rem; }
.pp-page .pp-inner { width: calc(100% - 40rem); max-width: 1182rem; margin: 0 auto; padding: 0; }
.pp-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 40rem; padding-bottom: 60rem; }
.pp-head__controls { display: flex; align-items: center; gap: var(--sp-200); flex-shrink: 0; }
.pp-head__select { width: 320rem; min-width: 160rem; }
.pp-head__select .selectbox__field-wrap { height: 60rem; border-color: var(--bd-disabled); border-radius: 0; }
.pp-head__select .selectbox__field { padding: 0 var(--pd-400); font-size: 20rem; }
.pp-head__btn { min-width: 96rem; padding: 0 var(--pd-800); background: var(--bg-primary-dark-1); }
.pp-info { padding: 40rem; background: var(--bg-secondary-light-2); border-radius: var(--rd-200); }
.pp-article { display: flex; flex-direction: column; gap: 40rem; margin-top: 40rem; }
.pp-section { display: flex; flex-direction: column; }
.pp-section__body { display: flex; flex-direction: column; gap: 12rem; margin-top: 16rem; }
.pp-group { display: flex; flex-direction: column; gap: 12rem; }
.pp-group__content { display: flex; flex-direction: column; gap: 8rem; }
.pp-text { color: var(--text-high); }
.pp-list { display: flex; flex-direction: column; gap: 4rem; margin: 0; padding: 0; list-style: none; }
.pp-list__item { position: relative; padding-left: 14rem; color: var(--text-high); }
.pp-list__item::before { content: "-"; position: absolute; top: 0; left: 0; width: 10rem; }
.pp-steps { display: flex; flex-direction: column; gap: 4rem; margin: 0; padding-left: 14rem; list-style: none; }
.pp-steps__item { color: var(--text-high); }

@media (max-width: 1024px) {
  .pp-page { padding-top: 120rem; padding-bottom: 100rem; }
  .pp-head { flex-direction: column; align-items: stretch; gap: 24rem; padding-bottom: 40rem; }
  .pp-head__controls { width: 100%; }
  .pp-head__select { flex: 1; width: auto; }
  .pp-info { padding: 24rem; }
  .pp-article { gap: 32rem; margin-top: 32rem; }
}

@media (max-width: 500px) {
  .pp-page { padding-top: 100rem; padding-bottom: 80rem; }
  .pp-page .pp-inner { width: calc(100% - 32rem); }
  .pp-head { padding-bottom: 32rem; }
  .pp-head__controls { flex-direction: column; align-items: stretch; gap: 12rem; }
  .pp-head__select,
  .pp-head__btn { width: 100%; }
  .pp-info { padding: 20rem; }
}