.sfera-park-page .sfera-brand { margin: 0 0 56px; }
.sfera-park-page .sfera-brand img { display: block; width: min(290px, 75%); height: auto; }
.sfera-park-page .sfera-index { margin-top: 42px; border-top: 1px solid #c9c7bf; border-bottom: 1px solid #c9c7bf; }
.sfera-park-page summary { cursor: pointer; color: #252724; }
.sfera-park-page summary:focus-visible { outline: 2px solid #252724; outline-offset: 5px; }
.sfera-park-page .sfera-index summary { padding: 23px 5px; font-size: 18px; }
.sfera-park-page .sfera-index summary span { padding-left: 12px; font-size: 13px; }
.sfera-park-page .sfera-index nav { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; padding: 0 5px 26px; }
.sfera-park-page .sfera-index nav a { display: flex; gap: 12px; justify-content: space-between; align-items: baseline; padding: 13px 0; border-bottom: 1px solid #d6d3ca; color: #252724; font-size: 15px; line-height: 1.6; text-decoration: none; }
.sfera-park-page .sfera-index nav a:hover { text-decoration: underline; text-underline-offset: 5px; }
.sfera-park-page .sfera-interiors { margin-top: 38px; border-top: 1px solid #c9c7bf; border-bottom: 1px solid #c9c7bf; }
.sfera-park-page .sfera-interiors summary { padding: 23px 5px; font-size: 18px; line-height: 1.7; }
.sfera-park-page .sfera-interiors summary span + span { margin-left: 18px; font-size: 13px; }
.sfera-park-page .sfera-function { padding: 22px 0 30px; }
.sfera-park-page .sfera-function h3 { margin: 0 0 30px; max-width: 850px; font-size: clamp(24px, 2.4vw, 34px); line-height: 1.4; }
@media (max-width: 700px) {
  .sfera-park-page .sfera-brand { margin-bottom: 36px; }
  .sfera-park-page .sfera-index nav { grid-template-columns: 1fr; }
  .sfera-park-page .sfera-interiors summary { font-size: 17px; }
  .sfera-park-page .sfera-interiors summary span + span { display: block; margin-left: 18px; }
  .sfera-park-page .sfera-function { padding-top: 12px; }
}
