@charset "UTF-8";
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 25px; }
body { margin: 0; background: #f4f1ed; color: #2b2330; font-family: "Microsoft YaHei", sans-serif; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 5px; }
a:focus-visible,summary:focus-visible { outline: 3px solid #c26738; outline-offset: 4px; }
p { line-height: 2; }
.b35-skip { position: absolute; top: -90px; background: white; padding: 12px; }
.b35-skip:focus { top: 0; }
.b35-brand { padding: 28px max(24px,calc((100% - 1240px)/2)); background: #2b2330; color: #f4f1ed; }
.b35-brand a { font-size: 30px; font-weight: 800; }
.b35-navigation { display: flex; flex-wrap: wrap; gap: 14px 23px; padding: 20px max(24px,calc((100% - 1240px)/2)); border-bottom: 1px solid #cfc8c1; }
.b35-navigation a { font-size: 12px; }
main { max-width: 1290px; padding: 36px 25px 65px; margin: auto; }
h1 { font-size: clamp(31px,3.8vw,50px); line-height: 1.45; max-width: 1040px; font-weight: 600; margin: 24px 0 30px; }
h2 { font-size: 23px; line-height: 1.6; margin: 0 0 30px; }
h3 { font-size: 25px; line-height: 1.6; font-weight: 500; margin: 0 0 20px; }
.wol-screen { padding: 45px; color: #f4f1ed; background: #332a39; border-top: 5px solid #cb784c; }
.wol-screen header > h2 { font-size: 12px; color: #d9b49c; letter-spacing: 3px; }
.wol-intro { display: grid; grid-template-columns: minmax(0,2.8fr) 1fr; gap: 60px; }
.wol-intro > p { font-size: 15px; margin: 0; text-align: justify; color: #ddd5df; }
.wol-intro figure { margin: 0; border-left: 1px solid #726275; padding-left: 35px; }
.wol-intro img { object-fit: contain; }
.wol-intro figcaption { font-size: 21px; line-height: 1.9; margin-top: 22px; }
.wol-path { display: inline-block; margin-top: 35px; color: #efbc92; border-bottom: 1px solid; padding-bottom: 7px; font-size: 14px; }
.wol-chapter { padding: 38px 0; border-bottom: 1px solid #cfc8c1; }
.wol-chapter > h2 { font-size: 16px; color: #805f4a; }
.wol-reading { display: grid; grid-template-columns: 1fr 2.3fr; gap: 55px; }
.wol-reading p { margin: 0; color: #665c67; font-size: 15px; text-align: justify; }
.wol-chapter-deep-content { background: #e4ded7; padding-inline: 35px; margin-top: 30px; }
.wol-chapter-highlights .wol-reading { grid-template-columns: 1.3fr 2fr; }
.wol-chapter-scores .wol-reading { border-left: 4px solid #cb784c; padding-left: 30px; }
.wol-report-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; }
.wol-report { min-width: 0; padding: 24px; background: #fbfaf8; border-top: 2px solid #b6957d; }
.wol-report figure { margin: 0 0 20px; }
.wol-report img { width: 52px; height: 52px; object-fit: contain; }
.wol-report time { font-size: 11px; color: #806b5b; letter-spacing: 1px; }
.wol-report h3 { font-size: 18px; margin: 15px 0; }
.wol-report p { margin: 0; font-size: 13px; color: #665c67; text-align: justify; }
.wol-inquiries { display: block; max-width: 1050px; }
.wol-inquiries details { border-top: 1px solid #cfc8c1; padding: 21px 0; }
.wol-inquiries summary { font-size: 17px; cursor: pointer; line-height: 1.7; }
.wol-inquiries p { color: #665c67; font-size: 14px; max-width: 900px; }
.wol-viewpoints { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; }
.wol-viewpoints article { padding: 0 20px 0 0; border-right: 1px solid #cfc8c1; }
.wol-viewpoints article:last-child { border: 0; }
.wol-viewpoints h3 { font-size: 20px; }
.wol-viewpoints p { font-size: 13px; color: #665c67; }
.wol-fixture-list { margin-top: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 30px; }
.wol-fixture-list > div { display: grid; grid-template-columns: 60px 1fr; padding: 22px 0; border-top: 1px solid #cfc8c1; gap: 10px; }
.wol-fixture-list span { font-size: 13px; color: #806b5b; }
.wol-fixture-list time { font-size: 11px; }
.wol-fixture-list strong { font-size: 17px; font-weight: 500; grid-column: 2; }
.wol-inner-head { padding: 20px 0 35px; }
.wol-inner-head > a { font-size: 12px; color: #806b5b; }
.wol-origin { display: grid; grid-template-columns: 1.8fr 1fr; gap: 40px; }
.wol-origin .wol-reading { display: block; }
.wol-origin > section { background: #e4ded7; padding: 35px; }
.wol-origin > aside { padding: 35px 0; }
.wol-result-context { border-top: 2px solid #b6957d; padding-top: 35px; }
.wol-result-context .wol-reading { padding-bottom: 30px; }
.wol-service-map { background: #fbfaf8; padding: 40px; }
.wol-service-map > div { border-top: 1px solid #cfc8c1; margin-top: 30px; padding-top: 30px; }
.wol-pocket { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.wol-pocket .wol-reading { display: block; }
.wol-pocket section { padding: 30px; border: 1px solid #cfc8c1; }
.wol-resource { font-size: 12px; color: #806b5b; margin: 30px 0; }
.wol-report-reel { display: flex; flex-direction: column; gap: 30px; max-width: 1050px; }
.wol-report-reel .wol-report { display: grid; grid-template-columns: 90px 1fr; gap: 0 30px; padding: 35px; }
.wol-report-reel .wol-report figure { grid-row: 1/3; }
.wol-report-reel .wol-report h2 { font-size: 25px; margin: 14px 0 20px; }
.wol-report-reel .wol-report p { grid-column: 2; font-size: 16px; }
.b35-footer { background: #2b2330; color: #d8cadb; padding: 35px max(24px,calc((100% - 1240px)/2)); font-size: 12px; }
.b35-footer div { display: flex; gap: 25px; margin-top: 25px; }
@media (max-width: 950px) {
  .wol-screen { padding: 32px; }
  .wol-intro { grid-template-columns: 2.5fr 1fr; gap: 30px; }
  .wol-intro figure { padding-left: 20px; }
  .wol-report-gallery { grid-template-columns: 1fr 1fr; }
  .wol-viewpoints { grid-template-columns: 1fr; }
  .wol-viewpoints article { border-right: 0; border-bottom: 1px solid #cfc8c1; padding-bottom: 20px; }
}
@media (max-width: 650px) {
  main { padding: 22px 18px 35px; }
  .b35-brand { padding: 24px; }
  .b35-navigation { gap: 14px 20px; padding: 18px 22px; }
  .b35-navigation a { font-size: 11px; }
  .wol-screen { padding: 26px; }
  h1 { font-size: 30px; }
  .wol-intro { display: block; }
  .wol-intro p { font-size: 14px; }
  .wol-intro figure { display: flex; gap: 25px; align-items: center; margin-top: 25px; padding: 20px 0 0; border-left: 0; border-top: 1px solid #726275; }
  .wol-intro figcaption { font-size: 16px; margin: 0; }
  .wol-reading,.wol-chapter-highlights .wol-reading { display: block; }
  .wol-reading h3 { font-size: 22px; }
  .wol-reading p { font-size: 14px; }
  .wol-report-gallery,.wol-fixture-list,.wol-origin,.wol-pocket { grid-template-columns: 1fr; }
  .wol-chapter-deep-content { padding-inline: 24px; }
  .wol-fixture-list strong { font-size: 16px; }
  .wol-service-map { padding: 25px; }
  .wol-inquiries summary { font-size: 15px; }
  .wol-report-reel .wol-report { display: block; padding: 25px; }
  .wol-report-reel .wol-report h2 { font-size: 23px; }
  .wol-report-reel .wol-report p { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }