.light-titles { background-color: #EFE7D3; border-bottom: 1px solid #D6D1C4; }
.title-columns { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); max-width: 1440px; margin: 0 auto; }
.home-title, .title-choice { padding: 28px 28px 24px; border-right: 1px solid #D6D1C4; }
.home-title h1 { margin-bottom: 18px; font-size: clamp(25px,2.1vw,31px); line-height: 1.16; }
.home-title p { margin: 0; font-size: 19px; line-height: 1.35; }
.title-choice:last-child { border-right: 0; }
.title-choice h2 { font-size: 23px; }
.title-choice p { margin-bottom: 14px; font-size: 20px; line-height: 1.45; }
.title-choice a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; font-size: 20px; }
.note-sheet { width: calc(100% - 32px); max-width: 1190px; margin: 0 auto; padding: 0 36px 46px; border-left: 1px solid #D6D1C4; border-right: 1px solid #D6D1C4; background-color: #F2F2EF; }
.page-opening { padding: 30px 0 24px; }
.page-opening h1 { max-width: 25ch; }
.page-opening > p { max-width: 62ch; }
.breadcrumb { display: flex; align-items: center; flex-wrap: wrap; column-gap: 12px; min-height: 60px; margin: 0 0 24px; font-size: 18px; }
.breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }
.home-opening { max-width: 62ch; padding: 42px 0 26px; }
.home-opening h2 { margin-bottom: 20px; }
.source-link { display: inline; padding: 10px 0; line-height: 2.2; vertical-align: baseline; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.page-notes { padding: 30px 0 8px; border-top: 1px solid #D6D1C4; }
.page-notes h2 { margin: 0 0 14px; font-size: 21px; }
.page-notes ul { display: flex; flex-wrap: wrap; gap: 4px 26px; list-style: none; padding: 0; margin: 0; }
.page-notes li { max-width: 100%; }
.page-notes a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; font-size: 18px; line-height: 1.4; }
.continue-link { margin: 30px 0 0; padding-top: 20px; border-top: 1px solid #D6D1C4; }
.continue-link a { display: inline-flex; align-items: center; min-height: 48px; min-width: 44px; font-family: "Libre Franklin", sans-serif; font-size: 17px; font-weight: 800; }
.home-photo-note { padding-top: 32px; padding-bottom: 20px; border-top: 1px solid #D6D1C4; }
.home-photo-note h2, .home-photo-note p { max-width: 62ch; }
.empty-page { min-height: 440px; }
@media (max-width: 1120px) and (min-width: 760px) {
  .home-title, .title-choice { padding: 24px 18px; }
  .home-title h1 { font-size: 25px; }
  .title-choice h2 { font-size: 20px; }
}
@media (max-width: 959px) and (min-width: 760px) {
  .title-columns { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-title, .title-choice { padding: 28px; border-bottom: 1px solid #D6D1C4; }
  .title-choice:nth-child(2) { border-right: 0; }
  .title-choice:nth-child(n+3) { border-bottom: 0; }
}
@media (max-width: 759px) {
  .title-columns { grid-template-columns: 1fr; }
  .home-title, .title-choice { padding: 24px; border-right: 0; border-bottom: 1px solid #D6D1C4; }
  .home-title h1 { font-size: clamp(28px,7.2vw,38px); }
  .home-title p { font-size: 21px; }
  .title-choice { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 14px; }
  .title-choice h2 { margin: 0; font-size: 21px; }
  .title-choice p { grid-column: 1 / -1; grid-row: 2; margin: 0; }
  .title-choice a { grid-column: 2; grid-row: 1; font-size: 19px; }
  .note-sheet { width: calc(100% - 24px); padding: 0 20px 32px; }
  .page-opening { padding-top: 18px; }
  .page-opening h1 { font-size: clamp(30px,8vw,40px); }
  .home-opening { padding-top: 32px; }
}