body {background: var(--paper);}
.journal-intro {padding: 65px var(--pad) 58px;}
.journal-intro h1 {font-size: clamp(48px, 6.2vw, 88px); font-weight: 550; line-height: 1.06; letter-spacing: -.055em; margin: 26px 0;}
.journal-intro > p:not(.eyebrow) {max-width: 660px; font-size: 19px; line-height: 1.6;}
.journal-collection {padding: 0 var(--pad) 80px;}
.journal-section-label {display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--ink); padding: 19px 0 35px;}
.journal-list {display: grid; grid-template-columns: 1fr 1fr; gap: 50px 40px;}
.journal-card {min-width: 0;}
.journal-card:first-child {grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 6vw; align-items: center;}
.journal-cover {display: block; background: #e8e9e6;}
.journal-cover img {display: block; width: 100%; aspect-ratio: 1; object-fit: contain;}
.journal-card-copy {padding: 28px 0;}
.journal-card h3 {font-size: clamp(28px, 3.2vw, 48px); font-weight: 550; letter-spacing: -.045em; line-height: 1.14; margin: 24px 0;}
.journal-card h3 a:hover {text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px;}
.journal-excerpt {font-size: 17px; line-height: 1.65; max-width: 610px;}
.journal-date {font-size: 12px; margin: 25px 0 10px; color: #535650;}
.journal-article {padding: 0 var(--pad) 80px;}
.journal-article-header {padding: 35px 0 42px; max-width: 1080px; margin: 0 auto;}
.journal-back {display: inline-block; font-size: 13px; border-bottom: 1px solid currentColor; padding-bottom: 5px;}
.journal-article-header > .eyebrow {margin-top: 50px;}
.journal-article-header h1 {font-size: clamp(38px, 5.2vw, 74px); font-weight: 550; letter-spacing: -.045em; line-height: 1.09; max-width: 1080px; margin: 25px 0 30px; text-wrap: balance;}
.journal-meta {display: flex; flex-wrap: wrap; gap: 14px 30px; font-size: 12px; line-height: 1.6;}
.journal-reading-layout {display: grid; grid-template-columns: minmax(150px, 230px) minmax(0, 760px); gap: 60px; max-width: 1080px; margin: 0 auto; border-top: 1px solid var(--ink); padding-top: 40px; align-items: start;}
.journal-contents {position: sticky; top: 35px; padding-right: 12px;}
.journal-contents summary {cursor: pointer;}
.journal-contents ol {list-style: none; margin: 22px 0 0; padding: 0; font-size: 12px; line-height: 1.65;}
.journal-contents li + li {margin-top: 14px;}
.journal-contents a:hover {text-decoration: underline; text-underline-offset: 3px;}
.journal-body {min-width: 0; font-size: 18px; line-height: 1.85; overflow-wrap: anywhere;}
.journal-body > p, .journal-body > ul, .journal-body > ol {margin: 0 0 24px;}
.journal-body strong {font-weight: 650;}
.journal-body h2 {font-size: clamp(27px, 2.6vw, 38px); font-weight: 550; letter-spacing: -.035em; line-height: 1.22; margin: 58px 0 24px; scroll-margin-top: 30px;}
.journal-body h3 {font-size: 23px; font-weight: 550; letter-spacing: -.02em; line-height: 1.4; margin: 32px 0 14px;}
.journal-body a {text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;}
.journal-body a:hover {color: var(--blue);}
.journal-body figure {margin: 38px 0 42px;}
.journal-body > figure:first-child {margin-top: 0;}
.journal-body figure img {display: block; width: 100%; height: auto;}
.journal-body figcaption {font-size: 12px; line-height: 1.6; color: #55584f; margin-top: 12px;}
.journal-body blockquote {margin: 30px 0; padding: 6px 24px; border-left: 2px solid var(--blue);}
.journal-body pre {overflow: auto; font-size: 14px;}
.journal-body table {display: block; overflow-x: auto; border-collapse: collapse; font-size: 15px;}
.journal-body th, .journal-body td {padding: 12px; border: 1px solid var(--line); text-align: left;}
.journal-body hr {border: 0; border-top: 1px solid var(--line); margin: 40px 0;}
.journal-body .journal-end {margin-top: 40px; text-decoration: none;}
html[lang=ja] .journal-intro h1 {letter-spacing: -.04em; line-height: 1.3;}
html[lang=ja] .journal-article-header h1 {font-size: clamp(32px, 4.7vw, 64px); letter-spacing: -.035em; line-height: 1.4;}
html[lang=ja] .journal-card h3 {font-size: clamp(27px, 2.8vw, 40px); line-height: 1.45; letter-spacing: -.03em;}
html[lang=ja] .journal-body {font-size: 17px; line-height: 2;}
html[lang=ja] .journal-body h2 {font-size: clamp(26px, 2.3vw, 33px); line-height: 1.5;}
html[lang=ja] .journal-body h3 {font-size: 22px; line-height: 1.6;}
@media (max-width: 1000px) {
  .journal-reading-layout {display: block; max-width: 760px;}
  .journal-contents {position: static; padding: 0 0 30px; margin-bottom: 30px; border-bottom: 1px solid var(--line);}
  .journal-contents ol {columns: 2; column-gap: 30px;}
  .journal-contents li {break-inside: avoid;}
}
@media (max-width: 700px) {
  .journal-intro {padding-top: 38px; padding-bottom: 38px;}
  .journal-intro h1 {font-size: 44px; margin: 20px 0;}
  html[lang=ja] .journal-intro h1 {font-size: 38px;}
  .journal-intro > p:not(.eyebrow) {font-size: 16px;}
  .journal-collection {padding-bottom: 45px;}
  .journal-list {grid-template-columns: 1fr; gap: 35px;}
  .journal-card:first-child {display: block;}
  .journal-card-copy {padding-top: 25px;}
  .journal-card h3 {margin: 20px 0; font-size: 31px;}
  .journal-excerpt {font-size: 16px;}
  .journal-article {padding-bottom: 45px;}
  .journal-article-header {padding: 24px 0 30px;}
  .journal-article-header > .eyebrow {margin-top: 35px;}
  .journal-article-header h1 {font-size: 38px; margin-top: 20px;}
  .journal-meta {display: grid; gap: 8px; font-size: 11px;}
  .journal-reading-layout {padding-top: 25px;}
  .journal-contents ol {columns: auto; font-size: 12px; margin-top: 15px;}
  .journal-contents li + li {margin-top: 10px;}
  .journal-body {font-size: 17px; line-height: 1.8;}
  html[lang=ja] .journal-body {font-size: 16px;}
  .journal-body h2 {margin-top: 42px;}
  .journal-body figure {margin: 28px 0 32px;}
}

/* Shared by the public journal and its protected editorial preview. */
[data-content-lang][hidden] {display: none !important;}
.journal-article-tools {display: flex; align-items: center; justify-content: space-between; gap: 24px;}
.journal-article-tools .event-language-nav {margin-bottom: 0;}
.journal-review-notice {margin: 0 var(--pad) 35px; padding: 16px 0; border-block: 1px solid var(--line); font-size: 14px; line-height: 1.6;}
.journal-review-notice a {text-decoration: underline; text-underline-offset: 3px;}
.journal-legacy-posts {padding: 0 var(--pad) 70px;}
.journal-article-header, .journal-card-copy {overflow-wrap: anywhere;}
.journal-body ul, .journal-body ol {padding-inline-start: 1.5em;}
@media (max-width: 700px) {
  .journal-article-tools {gap: 16px;}
  .journal-article-tools .event-language-nav {gap: 16px; font-size: 12px;}
}