:root { color-scheme: light; font-family: "Microsoft YaHei", sans-serif; color: #242632; background: #f5f2e9; }
* { box-sizing: border-box; }
body { margin: 0; background: #f5f2e9; }
header.b35-brand { padding: 18px 5vw; background: #28263d; color: #fff8d4; font: 700 22px/1.3 sans-serif; letter-spacing: .08em; }
.b35-brand a { color: inherit; text-decoration: none; }
nav.b35-navigation { display: flex; flex-wrap: wrap; gap: 8px 14px; padding: 12px 5vw; background: #deddea; border-bottom: 1px solid #c3bfd5; }
.b35-navigation a { color: #423e65; text-decoration: none; font-size: 13px; }
main { max-width: 1360px; margin: auto; padding: 31px 5vw 72px; }
main > h1 { margin: 0 0 19px; color: #29263f; font: 700 clamp(28px,4vw,47px)/1.2 sans-serif; }
.p15-cover { display: grid; grid-template-columns: minmax(0,1fr) 190px; gap: 25px; padding: 30px; color: #29263f; background: #f2df74; box-shadow: 9px 9px 0 #d6cedc; }
.p15-cover > div > p { margin: 0 0 7px; color: #725c23; font-size: 13px; }
.p15-cover h2 { margin: 0 0 14px; font: 24px sans-serif; }
.p15-cover > div > div { line-height: 2; }
.p15-image-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 23px; }
.p15-image-tabs figure { display: grid; justify-items: center; gap: 4px; width: 60px; margin: 0; padding: 7px; background: #e8e3ee; border-radius: 4px; }
.p15-image-tabs img { width: 38px; height: 38px; object-fit: contain; }
.p15-image-tabs figcaption { color: #747082; font-size: 9px; }
.p15-binder { display: grid; grid-template-columns: 145px minmax(0,1fr); gap: 25px; margin-top: 36px; }
.p15-tab-index { display: flex; flex-direction: column; align-items: start; gap: 13px; align-self: start; position: sticky; top: 16px; padding: 18px; background: #e4e0eb; color: #56536a; }
.p15-tab-index strong { color: #74622a; }
.p15-tab-index span { font-size: 12px; padding-bottom: 8px; width: 100%; border-bottom: 1px solid #c5c0d1; }
.p15-notebook { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; align-items: start; }
.p15-topic { min-width: 0; padding: 21px; background: #fffdf8; border: 1px solid #dbd8e2; box-shadow: 0 5px 0 #e8e3ee; }
.p15-topic h2 { margin: 0 0 15px; color: #514b77; font-size: 20px; }
.p15-topic-content { line-height: 1.9; }
.p15-essay { padding: 17px; background: #f2f0f7; border-left: 4px solid #726ba5; }
.p15-essay h3 { margin: 0 0 8px; color: #665d95; font-size: 17px; }
.p15-essay p { margin: 0; }
.p15-community-note { padding: 14px; margin: 0 0 9px; background: #ece9f2; line-height: 1.8; }
.p15-community-note h3 { margin: 0 0 6px; color: #776d9a; font-size: 16px; }
.p15-community-note p { margin: 0; }
.p15-community-note small { display: block; margin-top: 7px; color: #8d7281; }
.p15-article { display: grid; grid-template-columns: 43px minmax(0,1fr); gap: 7px 11px; padding: 13px 0; border-bottom: 1px solid #dedbe4; }
.p15-article img { grid-row: span 3; width: 40px; height: 40px; object-fit: contain; }
.p15-article time { color: #928ca2; font-size: 11px; }
.p15-article h3 { margin: 0; color: #554b84; font-size: 17px; }
.p15-article p { grid-column: 2; margin: 0; line-height: 1.9; }
.p15-question { padding: 12px 14px; margin-bottom: 7px; background: #f0eef5; border: 1px solid #e1deea; }
.p15-question summary { cursor: pointer; color: #514b77; font-weight: 650; }
.p15-answer { line-height: 1.9; }
.p15-inner { max-width: 1140px; margin: auto; padding: 30px; background: #fffdf8; border: 1px solid #dad6e2; }
.p15-inner header { margin-bottom: 22px; }
.p15-inner header p { color: #8379a2; }
.p15-inner h1 { margin: 0; color: #29263f; font-size: 34px; }
.p15-preface-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 24px; }
.p15-article-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 23px; }
.p15-measurement-body { display: grid; grid-template-columns: 72px 1fr; gap: 19px; margin: 20px 0 25px; }
.p15-measurement-body .p15-essay + .p15-essay { margin-top: 13px; }
.p15-measurement-marker { display: grid; place-content: center; background: #28263d; color: #f2df74; text-align: center; font: 20px/1.6 Georgia,serif; }
.p15-lexicon-lines { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 20px 0; }
.p15-lexicon-lines > span { display: block; padding: 10px 16px; color: #6c6497; background: #edeaf4; text-align: center; letter-spacing: .16em; font-size: 13px; }
.p15-scale-layout { display: grid; grid-template-columns: 175px 1fr; gap: 23px; margin: 20px 0 24px; }
.p15-scale-layout .p15-essay + .p15-essay { margin-top: 12px; }
.p15-scale-object { display: grid; place-content: center; min-height: 240px; border: 8px solid #726ba5; border-radius: 18px; color: #514b77; text-align: center; }
footer.b35-footer { padding: 28px 5vw; background: #28263d; color: #ece8f5; }
.b35-footer a { color: #f2df74; margin-right: 16px; }
@media (max-width: 850px) {
  main { padding: 20px 4vw 45px; }
  .p15-cover, .p15-binder, .p15-scale-layout { grid-template-columns: 1fr; }
  .p15-tab-index { position: static; display: grid; grid-template-columns: repeat(2,1fr); }
  .p15-tab-index strong { grid-column: 1 / -1; }
  .p15-notebook, .p15-preface-columns, .p15-article-grid { grid-template-columns: 1fr; }
  .p15-measurement-body { grid-template-columns: 1fr; }
}