/* 2026-10-10: carry the approved bright C design through the local site's inner pages. */
body.visual-bright { color: #40353b; }
body.visual-bright .site-nav a[aria-current="page"] { background: #ffe0d6; border-color: #ad4450; color: #703c46; }
body.visual-bright .site-footer { color: #40353b; }
body.visual-bright .site-footer a { color: #40353b; }
body.visual-bright .site-footer .footer-note { color: #66585a; }
body.visual-bright a:focus-visible { outline: 3px solid #ad4450; outline-offset: 4px; }

.page-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; max-width: 1120px; margin: 20px auto 18px; color: #6c595a; font-size: 12px; }
.page-crumbs a { color: #703c46; text-underline-offset: 4px; }

/* Category pages: a short welcome, available reading, then a separate future shelf. */
body.visual-bright .page.hub-editorial { max-width: 1120px; padding-bottom: 85px; }
body.visual-bright .hub-editorial .hub-hero { border-radius: 26px 26px 75px 26px; overflow: hidden; background: #ffe6a7; }
body.visual-bright .hub-editorial .hub-hero-copy { padding: clamp(36px,5vw,65px); }
body.visual-bright .hub-editorial .hub-hero h1 { color: #40353b; font: 700 clamp(31px,3.8vw,49px)/1.4 "Zen Maru Gothic","BIZ UDPGothic",sans-serif; }
body.visual-bright .hub-editorial .hub-hero p { line-height: 1.9; }
body.visual-bright .hub-editorial .hub-photo { min-height: 350px; object-fit: cover; }
body.visual-bright .hub-editorial .hub-topics,
body.visual-bright .hub-editorial .hub-stories { max-width: 980px; margin-top: clamp(55px,7vw,82px); }
body.visual-bright .hub-editorial h2 { color: #40353b; font: 700 clamp(25px,3vw,37px)/1.4 "Zen Maru Gothic","BIZ UDPGothic",sans-serif; }
body.visual-bright .hub-editorial .eyebrow { display: none; }
body.visual-bright .hub-editorial .chips { display: flex; flex-wrap: wrap; gap: 10px; border: 0; }
body.visual-bright .hub-editorial .chips li { padding: 10px 16px; border: 1px solid #e8c7b7; border-radius: 999px; background: #fffdf8; font-size: 13px; }
body.visual-bright .hub-editorial .chips li::before { content: none; }
body.visual-bright .hub-editorial .post-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; border: 0; counter-reset: none; }
body.visual-bright .hub-editorial .post-list > li { counter-increment: none; min-width: 0; }
body.visual-bright .hub-editorial .post-row.is-live { display: flex; flex-direction: column; justify-content: center; align-items: stretch; gap: 0; min-height: 235px; height: 100%; padding: 30px 27px 67px; border: 0; border-radius: 18px; background: #f8e9d2; color: #40353b; text-decoration: none; overflow: hidden; }
body.visual-bright .hub-editorial .post-list > li:nth-child(2) .post-row { background: #e5ece4; }
body.visual-bright .hub-editorial .post-list > li:nth-child(3) .post-row { background: #ffe4cb; }
body.visual-bright .hub-editorial .post-row::before,
body.visual-bright .hub-editorial .post-row.is-live::after { content: none; display: none; }
body.visual-bright .hub-editorial .post-row .t { display: block; padding: 0; font: 700 clamp(18px,1.7vw,21px)/1.6 "Zen Maru Gothic","BIZ UDPGothic",sans-serif; }
body.visual-bright .hub-editorial .post-row.is-live .t::after { content: "記事を読む  →"; display: block; position: absolute; bottom: 23px; left: 27px; color: #703c46; font: 700 12px/1.5 "BIZ UDPGothic",sans-serif; text-decoration: underline; text-underline-offset: 4px; }
body.visual-bright .hub-editorial .post-row.is-live:hover { transform: translateY(-3px); box-shadow: 0 9px 22px rgba(84,58,55,.12); }
body.visual-bright .hub-editorial .hub-empty { padding: 25px 28px; border-radius: 17px; background: #e6eee6; line-height: 1.85; }
body.visual-bright .hub-editorial .hub-upcoming { margin-top: 31px; padding: 26px clamp(23px,4vw,40px); border: 1px solid #ead0c4; border-radius: 20px; background: #fffdf8; }
body.visual-bright .hub-editorial .hub-upcoming h3 { margin: 0 0 14px; font: 700 18px/1.5 "Zen Maru Gothic",sans-serif; }
body.visual-bright .hub-editorial .hub-upcoming ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 24px; margin: 0; padding-left: 1.2em; }
body.visual-bright .hub-editorial .hub-upcoming li { line-height: 1.75; }
body.visual-bright .hub-editorial .hub-note { margin-top: 22px; }
body.visual-bright .hub-editorial .hub-guide { max-width: 980px; margin-top: 50px; background: #d9e8dc; }
body.visual-bright .hub-editorial .hub-other { max-width: 980px; margin-top: 65px; border-radius: 20px; background: #f8e9d2; }
body.visual-bright .hub-editorial .hub-other p { color: #703c46; }
body.visual-bright .hub-editorial .hub-other a { color: #40353b; border-color: #ad4450; font-family: "Zen Maru Gothic",sans-serif; }

/* Long reading pages retain their readable line length while sharing the warm palette. */
body.visual-bright .editorial .story-hero { background: #ffe6a7; }
body.visual-bright .editorial .story-hero h1 { font-family: "Zen Maru Gothic","BIZ UDPGothic",sans-serif; }
body.visual-bright .editorial .story-hero h1 em { color: #ad4450; }
body.visual-bright .editorial .story-crumb,
body.visual-bright .editorial .story-issue { color: #703c46; }
body.visual-bright .editorial .story-hero__number { display: none; }
body.visual-bright .editorial article > h2 { border-bottom: 4px solid #f4bd91; font-family: "Zen Maru Gothic","BIZ UDPGothic",sans-serif; }
body.visual-bright .editorial article > h3 { color: #703c46; }
body.visual-bright .editorial article > .said { border-radius: 16px; background: #fff0da; }
body.visual-bright .editorial .story-then-now > div:last-child,
body.visual-bright .editorial .checklist { background: #e6eee6; }
body.visual-bright .editorial .related a { border-radius: 16px; background: #fff0dc; }
body.visual-bright .editorial .article-guide { width: min(100% - 42px, 690px); box-sizing: border-box; }
body.visual-bright .editorial .article-guide h2 { font-family: "Zen Maru Gothic","BIZ UDPGothic",sans-serif; }

/* About and information pages use the same friendly shapes, with calm long-form text. */
body.visual-bright .page.about-editorial,
body.visual-bright .page.info-editorial { padding-bottom: 75px; }
body.visual-bright .about-editorial article,
body.visual-bright .info-editorial article { padding-top: 0; }
body.visual-bright .about-editorial .page-head,
body.visual-bright .info-editorial .page-head { padding: clamp(27px,5vw,52px); border: 0; border-radius: 25px 25px 65px 25px; background: #ffe6a7; }
body.visual-bright .about-editorial .page-head h1,
body.visual-bright .info-editorial .page-head h1 { color: #40353b; font-family: "Zen Maru Gothic","BIZ UDPGothic",sans-serif; }
body.visual-bright .about-editorial .eyebrow,
body.visual-bright .info-editorial .eyebrow { display: none; }
body.visual-bright .about-editorial .profile-card { align-self: center; }
body.visual-bright .about-editorial .profile-avatar { border: 6px solid #fffdf8; border-radius: 50%; box-shadow: 7px 8px 0 #e4af84; object-fit: cover; }
body.visual-bright .about-editorial section,
body.visual-bright .info-editorial section { margin-top: clamp(48px,6vw,72px); }
body.visual-bright .about-editorial h2,
body.visual-bright .info-editorial h2 { padding: 0 0 9px; border: 0; border-bottom: 4px solid #f4bd91; font-family: "Zen Maru Gothic","BIZ UDPGothic",sans-serif; }
body.visual-bright .about-editorial .key { padding: 27px; border: 0; border-radius: 17px; background: #ffe3bb; font-family: "Zen Maru Gothic",sans-serif; }
body.visual-bright .about-editorial .rules li::before { color: #ad4450; }
body.visual-bright .about-editorial .operator dl,
body.visual-bright .info-editorial .operator dl { border-radius: 18px; background: #fff0df; }
body.visual-bright .about-editorial .page-next { justify-content: flex-start; }
body.visual-bright .about-editorial .page-next .btn { border-radius: 999px; background: #ad4450; color: white; }
body.visual-bright .info-editorial .contact-panel { border: 0; border-radius: 22px; background: #e6eee6; }
body.visual-bright .info-editorial .contact-label { color: #3e7770; }
body.visual-bright .contact-editorial .contact-action { border-radius: 999px; background: #ad4450; }
body.visual-bright .contact-editorial .contact-action:hover { background: #8d3441; }
body.visual-bright .info-editorial .policy-contents { border-radius: 20px; background: #e6eee6; }
body.visual-bright .info-editorial .policy-contents p { color: #3e7770; }
body.visual-bright .page-next-links { display: flex; flex-wrap: wrap; gap: 15px; max-width: 690px; margin: 55px auto 0; }
body.visual-bright .page-next-links a { display: inline-block; padding: 12px 20px; border-radius: 999px; background: #fff0df; color: #703c46; font-weight: 700; text-decoration: none; }

@media (max-width: 760px) {
  .page-crumbs { margin: 16px 20px; }
  body.visual-bright .hub-editorial .hub-hero { border-radius: 22px 22px 55px 22px; }
  body.visual-bright .hub-editorial .hub-hero-copy { padding: 31px 23px; }
  body.visual-bright .hub-editorial .hub-photo { height: 240px; min-height: 0; }
  body.visual-bright .hub-editorial .post-list { grid-template-columns: 1fr; }
  body.visual-bright .hub-editorial .post-row.is-live { min-height: 185px; padding: 25px 24px 61px; }
  body.visual-bright .hub-editorial .post-row.is-live .t::after { left: 24px; bottom: 20px; }
  body.visual-bright .hub-editorial .hub-upcoming ul { grid-template-columns: 1fr; }
  body.visual-bright .about-editorial .page-head,
  body.visual-bright .info-editorial .page-head { padding: 28px 23px; border-radius: 22px 22px 52px 22px; }
  body.visual-bright .about-editorial .profile-card { grid-template-columns: 85px minmax(0,1fr); }
}