.preview-c.page-salon-detail .salon-hero{padding:56px 0 66px}
.preview-c.page-salon-detail .salon-hero .wrap{position:relative;z-index:1}
.preview-c .salon-back{display:inline-block;margin-bottom:28px;color:#92dbd7;font-size:13px;line-height:1.5}
.preview-c .salon-back:hover,.preview-c .salon-back:focus-visible{color:#d9fff8;text-decoration:underline}
.preview-c .salon-kind{margin:19px 0 0!important;color:#7caeb5!important;font-size:13px!important;letter-spacing:.1em}
.preview-c.page-salon-detail .salon-hero h1{max-width:1030px;margin:9px 0 19px;font-size:clamp(32px,4.2vw,57px);line-height:1.32;letter-spacing:-.035em}
.preview-c.page-salon-detail .salon-hero .salon-description{max-width:890px;color:#acc4c8;font-size:16px}
.preview-c .salon-reader{display:grid;grid-template-columns:minmax(170px,230px) minmax(0,1fr);gap:clamp(34px,5vw,80px);padding-top:55px;padding-bottom:95px}
.preview-c .salon-sidebar{min-width:0}
.preview-c .salon-sidebar-inner{position:sticky;top:24px;padding-top:18px;border-top:1px solid #4f7b82}
.preview-c .salon-sidebar b{display:block;margin-bottom:19px;color:#b4e7e1;font-size:13px;font-weight:500;letter-spacing:.08em}
.preview-c .salon-sidebar nav{display:grid;gap:12px;max-height:70vh;overflow-y:auto;padding-right:8px}
.preview-c .salon-sidebar nav a,.preview-c .salon-sidebar nav span{color:#9eb8bc;font-size:12px;line-height:1.65}
.preview-c .salon-sidebar nav a:hover,.preview-c .salon-sidebar nav a:focus-visible{color:#d9fff8}
.preview-c .salon-sidebar .salon-back{margin:30px 0 0}
.preview-c .salon-article{min-width:0;max-width:940px;color:#c3d4d6;font-size:15px;line-height:1.95;overflow-wrap:anywhere}
.preview-c .salon-article>p{margin:0 0 22px}
.preview-c .salon-article .salon-abstract{padding-bottom:25px;border-bottom:1px solid #385864;color:#e0eded;font-size:17px;line-height:1.95}
.preview-c .salon-article h2{scroll-margin-top:25px;margin:53px 0 22px;padding-top:20px;border-top:1px solid #385864;color:#edf7f3;font-size:clamp(22px,2.3vw,29px);font-weight:500;line-height:1.45}
.preview-c .salon-source{margin:0 0 41px;padding:19px 23px;border-left:2px solid #7ed0ce;background:#102632}
.preview-c .salon-source strong{color:#d7f7ef;font-size:13px;font-weight:500}
.preview-c .salon-source p{margin:6px 0;color:#b2cccf;font-size:13px;line-height:1.75}
.preview-c .salon-source small{color:#87aab1;font-size:11px;overflow-wrap:anywhere}
.preview-c .salon-table-scroll{max-width:100%;margin:30px 0 38px;overflow-x:auto}
.preview-c .salon-table{width:100%;min-width:600px;border-collapse:collapse;color:#c9d8da;font-size:12px;line-height:1.65}
.preview-c .salon-table td{min-width:110px;padding:11px 12px;border:1px solid #3b5b65;vertical-align:top}
.preview-c .salon-table tr:first-child td{background:#15313b;color:#e4f3ee;font-weight:500}
.preview-c .salon-table tr:nth-child(even){background:#0d212b}
.preview-c .salon-adjacent{display:flex;justify-content:space-between;gap:20px;margin-top:75px;padding-top:24px;border-top:1px solid #41616b}
.preview-c .salon-adjacent a{display:grid;gap:6px;max-width:45%;color:#84c9ca;font-size:12px}
.preview-c .salon-adjacent a strong{color:#d7e9e7;font-size:15px;font-weight:500;line-height:1.5}
.preview-c .salon-adjacent a:hover strong{color:#9ae1de}
@media(max-width:760px){
  .preview-c.page-salon-detail .salon-hero{padding:37px 0 48px}
  .preview-c .salon-reader{display:block;padding-top:31px;padding-bottom:65px}
  .preview-c .salon-sidebar-inner{position:static;padding-top:14px}
  .preview-c .salon-sidebar nav{display:grid;gap:8px;max-height:145px;overflow-y:auto;padding:0 9px 12px 0;border-bottom:1px solid #294954}
  .preview-c .salon-sidebar .salon-back{margin:17px 0 28px}
  .preview-c .salon-article{font-size:14px}
  .preview-c .salon-source{padding:16px}
  .preview-c .salon-article h2{margin-top:43px}
}
