html[data-skin="editorial"] {
  --editorial-paper: #eee7d3;
  --editorial-paper-deep: #e5dcc5;
  --editorial-ink: #191815;
  --editorial-muted: #706b60;
  --editorial-line: #cfc6b2;
  --editorial-accent: #b44d43;
  --editorial-content: 1120px;
  --editorial-reading: 720px;
  --editorial-gutter: clamp(22px, 5vw, 72px); }
  html[data-skin="editorial"] body.dark-theme {
    --editorial-paper: #211f1a;
    --editorial-paper-deep: #29261f;
    --editorial-ink: #f2ecde;
    --editorial-muted: #aaa292;
    --editorial-line: #4a453b;
    --editorial-accent: #d87a6e; }
  html[data-skin="editorial"] .core-page {
    width: 100%;
    max-width: var(--editorial-content);
    min-width: 0;
    margin-inline: auto;
    padding: var(--editorial-gutter);
    color: var(--editorial-ink);
    background-color: var(--editorial-paper);
    background-image: radial-gradient(rgba(50, 43, 31, 0.09) 0.55px, transparent 0.8px);
    background-size: 5px 5px; }
  html[data-skin="editorial"] .core-page :focus-visible {
    outline: 2px solid var(--editorial-accent);
    outline-offset: 4px; }
  html[data-skin="editorial"] {
    scroll-behavior: smooth; }
  html[data-skin="editorial"] body,
  html[data-skin="editorial"] .container,
  html[data-skin="editorial"] .container .main {
    background: var(--editorial-paper);
    color: var(--editorial-ink); }
  html[data-skin="editorial"] .container {
    gap: 0; }
  html[data-skin="editorial"] .container .main {
    width: 100%;
    padding: 0; }
  html[data-skin="editorial"] .container .header {
    position: relative;
    z-index: 20;
    padding: 22px var(--editorial-gutter);
    background: var(--editorial-paper);
    border-bottom: 1px solid var(--editorial-line);
    box-shadow: none; }
  html[data-skin="editorial"] .header__inner,
  html[data-skin="editorial"] .footer__inner {
    width: 100%;
    max-width: var(--editorial-content); }
  html[data-skin="editorial"] .logo__mark,
  html[data-skin="editorial"] .logo__cursor {
    display: none; }
  html[data-skin="editorial"] .logo__text {
    font-size: .92rem;
    font-weight: 750;
    letter-spacing: .04em; }
  html[data-skin="editorial"] .menu a,
  html[data-skin="editorial"] .theme-toggle {
    font-size: .78rem;
    letter-spacing: .08em;
    text-decoration: none; }
  html[data-skin="editorial"] .skin-selector[hidden] {
    display: none; }
  html[data-skin="editorial"] .skin-selector {
    display: inline-flex;
    align-items: center; }
  html[data-skin="editorial"] .skin-selector__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0; }
  html[data-skin="editorial"] .skin-selector select {
    padding: .28rem .4rem;
    color: inherit;
    font: inherit;
    font-size: .72rem;
    letter-spacing: .06em;
    background: transparent;
    border: 1px solid var(--editorial-line);
    border-radius: 0; }
  html[data-skin="editorial"] .menu a {
    position: relative; }
  html[data-skin="editorial"] .menu a::after {
    position: absolute;
    right: 0;
    bottom: -.35rem;
    left: 0;
    height: 1px;
    background: currentColor;
    content: "";
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .18s ease; }
  html[data-skin="editorial"] .menu a:hover::after,
  html[data-skin="editorial"] .menu a:focus-visible::after {
    transform: scaleX(1); }
  html[data-skin="editorial"] .footer {
    padding: 34px var(--editorial-gutter);
    color: var(--editorial-muted);
    background: var(--editorial-paper);
    border-top: 1px solid var(--editorial-line); }
  html[data-skin="editorial"] .core-page.inner-content {
    flex: none;
    padding: var(--editorial-gutter);
    background-color: var(--editorial-paper); }
  html[data-skin="editorial"] .editorial-cover {
    position: relative;
    min-height: 650px;
    height: calc(100vh - 88px);
    max-height: 820px;
    overflow: hidden; }
  html[data-skin="editorial"] .editorial-cover__image {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 1%;
    width: 45%;
    background-image: var(--cover-image);
    background-position: center;
    background-size: cover;
    filter: sepia(0.5) saturate(0.76) contrast(0.9); }
  html[data-skin="editorial"] .editorial-cover__copy {
    position: absolute;
    top: 23%;
    right: 6%;
    width: 51%;
    text-align: right; }
  html[data-skin="editorial"] .editorial-cover__copy h1 {
    max-width: 12ch;
    margin: 0 0 2.2rem auto;
    font-family: Inter, "PingFang SC", sans-serif;
    font-size: clamp(3.6rem, 6vw, 5.8rem);
    font-weight: 800;
    line-height: .96;
    letter-spacing: -.055em; }
  html[data-skin="editorial"] .editorial-cover__copy p {
    max-width: 36ch;
    margin-left: auto;
    color: var(--editorial-muted);
    font-family: Georgia, serif;
    font-size: .88rem;
    font-style: italic;
    line-height: 1.55;
    text-align: left; }
  html[data-skin="editorial"] .editorial-cover__issue,
  html[data-skin="editorial"] .editorial-cover__scroll,
  html[data-skin="editorial"] .editorial-cover__vertical {
    position: absolute;
    font-size: .67rem;
    letter-spacing: .13em; }
  html[data-skin="editorial"] .editorial-cover__issue {
    bottom: 5%;
    left: 1%; }
  html[data-skin="editorial"] .editorial-cover__scroll {
    right: 9%;
    bottom: 5%;
    padding-bottom: .35rem;
    border-bottom: 1px solid currentColor;
    text-decoration: none; }
  html[data-skin="editorial"] .editorial-cover__vertical {
    right: 0;
    bottom: 9%;
    font-family: Georgia, serif;
    writing-mode: vertical-rl; }
  html[data-skin="editorial"] .editorial-latest,
  html[data-skin="editorial"] .editorial-home-panels {
    padding-top: clamp(68px, 10vw, 132px); }
  html[data-skin="editorial"] .editorial-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    padding-bottom: 1.3rem;
    border-bottom: 1px solid var(--editorial-line); }
  html[data-skin="editorial"] .editorial-section-heading span,
  html[data-skin="editorial"] .editorial-section-heading > a,
  html[data-skin="editorial"] .editorial-section-heading button {
    color: var(--editorial-muted);
    font-size: .68rem;
    letter-spacing: .12em; }
  html[data-skin="editorial"] .editorial-section-heading h2 {
    margin: .35rem 0 0;
    font-size: clamp(2.2rem, 5vw, 4.2rem);
    letter-spacing: -.06em; }
  html[data-skin="editorial"] .editorial-section-heading a,
  html[data-skin="editorial"] .editorial-section-heading button {
    color: inherit;
    background: none;
    border: 0;
    cursor: pointer;
    text-decoration: none; }
  html[data-skin="editorial"] .editorial-post-list {
    margin: 0;
    padding: 0;
    list-style: none; }
  html[data-skin="editorial"] .editorial-post-row {
    margin: 0;
    border-bottom: 1px solid var(--editorial-line); }
  html[data-skin="editorial"] .editorial-post-row > a {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr) 130px;
    gap: clamp(18px, 4vw, 52px);
    align-items: center;
    min-height: 112px;
    color: inherit;
    text-decoration: none;
    transition: padding .18s ease, color .18s ease; }
  html[data-skin="editorial"] .editorial-post-row > a:hover,
  html[data-skin="editorial"] .editorial-post-row > a:focus-visible {
    padding-inline: 12px;
    color: var(--editorial-accent); }
  html[data-skin="editorial"] .editorial-post-row time {
    display: flex;
    gap: .55rem;
    align-items: baseline;
    font-family: Georgia, serif;
    font-size: 1.45rem;
    font-style: italic; }
  html[data-skin="editorial"] .editorial-post-row time span {
    color: var(--editorial-accent);
    font-family: Inter, sans-serif;
    font-size: .65rem;
    font-style: normal;
    letter-spacing: .12em; }
  html[data-skin="editorial"] .editorial-post-row__title {
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.45; }
  html[data-skin="editorial"] .editorial-post-row__meta {
    color: var(--editorial-muted);
    font-size: .72rem;
    text-align: right; }
  html[data-skin="editorial"] .editorial-home-panels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(30px, 5vw, 68px); }
  html[data-skin="editorial"] .editorial-home-panel {
    min-width: 0; }
  html[data-skin="editorial"] .editorial-home-panel .editorial-section-heading h2 {
    font-size: clamp(1.7rem, 3vw, 2.6rem); }
  html[data-skin="editorial"] .editorial-panel-body {
    min-height: 160px;
    padding-top: 1.5rem; }
  html[data-skin="editorial"] .editorial-empty {
    padding: 3rem 0;
    color: var(--editorial-muted);
    border-bottom: 1px solid var(--editorial-line); }
  html[data-skin="editorial"] .editorial-page-header {
    position: relative;
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    min-height: 280px;
    padding-top: clamp(36px, 7vw, 90px);
    border-bottom: 1px solid var(--editorial-line); }
  html[data-skin="editorial"] .editorial-page-header__number,
  html[data-skin="editorial"] .editorial-article__number {
    color: var(--editorial-line);
    font-family: Georgia, serif;
    font-size: clamp(4.5rem, 10vw, 8rem);
    font-style: italic;
    line-height: .8; }
  html[data-skin="editorial"] .editorial-page-header__copy h1 {
    max-width: 10ch;
    margin: 0;
    font-size: clamp(3rem, 7vw, 5.7rem);
    line-height: .95;
    letter-spacing: -.07em; }
  html[data-skin="editorial"] .editorial-page-header__copy p {
    margin: 1.5rem 0 0;
    color: var(--editorial-muted);
    font-family: Georgia, serif;
    font-style: italic; }
  html[data-skin="editorial"] .editorial-post-list--index {
    margin-left: 130px; }
  html[data-skin="editorial"] .core-page .pagination {
    margin: clamp(46px, 7vw, 90px) 0 0; }
  html[data-skin="editorial"] .core-page .pagination a {
    border: 0;
    border-bottom: 1px solid currentColor;
    border-radius: 0;
    background: transparent;
    box-shadow: none; }
  html[data-skin="editorial"] .editorial-archive {
    margin-left: 130px; }
  html[data-skin="editorial"] .editorial-archive__year {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    padding: clamp(34px, 5vw, 64px) 0;
    border-bottom: 1px solid var(--editorial-line); }
  html[data-skin="editorial"] .editorial-archive__year h2 {
    margin: 0;
    color: var(--editorial-accent);
    font-family: Georgia, serif;
    font-size: clamp(2rem, 4vw, 3.4rem);
    font-style: italic;
    font-weight: 400; }
  html[data-skin="editorial"] .editorial-archive__year ol,
  html[data-skin="editorial"] .editorial-terms {
    margin: 0;
    padding: 0;
    list-style: none; }
  html[data-skin="editorial"] .editorial-archive__year li {
    margin: 0; }
  html[data-skin="editorial"] .editorial-archive__year li + li {
    margin-top: 1.2rem; }
  html[data-skin="editorial"] .editorial-archive__year a {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    color: inherit;
    font-size: .95rem;
    text-decoration: none; }
  html[data-skin="editorial"] .editorial-archive__year a:hover,
  html[data-skin="editorial"] .editorial-archive__year a:focus-visible {
    color: var(--editorial-accent); }
  html[data-skin="editorial"] .editorial-archive__year time {
    flex: 0 0 auto;
    color: var(--editorial-muted);
    font-family: Georgia, serif;
    font-style: italic; }
  html[data-skin="editorial"] .editorial-terms {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 3rem;
    margin: 0 0 0 130px; }
  html[data-skin="editorial"] .editorial-terms__item {
    margin: 0;
    border-bottom: 1px solid var(--editorial-line); }
  html[data-skin="editorial"] .editorial-terms__item a {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    min-height: 76px;
    color: inherit;
    text-decoration: none; }
  html[data-skin="editorial"] .editorial-terms__item a:hover,
  html[data-skin="editorial"] .editorial-terms__item a:focus-visible {
    color: var(--editorial-accent); }
  html[data-skin="editorial"] .editorial-terms__item sup {
    color: var(--editorial-muted);
    font-family: Georgia, serif; }
  html[data-skin="editorial"] .editorial-article {
    max-width: var(--editorial-content); }
  html[data-skin="editorial"] .editorial-article__header {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: clamp(24px, 4vw, 58px);
    padding: clamp(44px, 8vw, 110px) 0 clamp(42px, 7vw, 86px);
    border-bottom: 1px solid var(--editorial-line); }
  html[data-skin="editorial"] .editorial-article .post-title {
    max-width: 16ch;
    margin: 0;
    font-size: clamp(2.6rem, 6vw, 5.4rem);
    line-height: 1.06;
    letter-spacing: -.065em; }
  html[data-skin="editorial"] .editorial-article__meta {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem 1.5rem;
    margin-top: 1.6rem;
    color: var(--editorial-muted);
    font-family: Georgia, serif;
    font-size: .76rem;
    font-style: italic; }
  html[data-skin="editorial"] .editorial-article__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    margin-top: 1rem; }
  html[data-skin="editorial"] .editorial-article__tags a {
    color: var(--editorial-accent);
    font-size: .72rem;
    letter-spacing: .08em;
    text-decoration: none; }
  html[data-skin="editorial"] .editorial-article__layout {
    position: relative;
    padding: clamp(50px, 8vw, 100px) 0; }
  html[data-skin="editorial"] .editorial-article__body {
    width: 100%;
    max-width: var(--editorial-reading);
    margin-inline: auto;
    font-family: "LXGW WenKai Screen", "Songti SC", Georgia, serif;
    font-size: 1.08rem;
    line-height: 1.95; }
  html[data-skin="editorial"] .editorial-article__body h2,
  html[data-skin="editorial"] .editorial-article__body h3,
  html[data-skin="editorial"] .editorial-article__body h4 {
    position: static;
    left: auto;
    margin: 2.8em 0 .9em;
    letter-spacing: -.025em; }
  html[data-skin="editorial"] .editorial-article__body .h-anchor {
    opacity: 0;
    transition: opacity .18s ease; }
  html[data-skin="editorial"] .editorial-article__body :is(h2, h3, h4):hover .h-anchor,
  html[data-skin="editorial"] .editorial-article__body .h-anchor:focus-visible {
    opacity: 1; }
  html[data-skin="editorial"] .editorial-article__body a {
    color: var(--editorial-accent);
    text-decoration-thickness: 1px;
    text-underline-offset: .2em; }
  html[data-skin="editorial"] .editorial-article__body blockquote {
    margin: 2.5rem -8%;
    padding: 1.4rem 0 1.4rem 5%;
    color: var(--editorial-muted);
    border-color: var(--editorial-accent);
    font-size: 1.15em;
    font-style: italic; }
  html[data-skin="editorial"] .editorial-article__body img {
    margin: 2.5rem auto; }
  html[data-skin="editorial"] .editorial-article__body table {
    border-color: var(--editorial-line); }
  html[data-skin="editorial"] .editorial-article__body th,
  html[data-skin="editorial"] .editorial-article__body td {
    border-color: var(--editorial-line); }
  html[data-skin="editorial"] .editorial-article__body .table-of-contents {
    margin-bottom: 3rem;
    padding: 1.5rem 0;
    border-top: 1px solid var(--editorial-line);
    border-bottom: 1px solid var(--editorial-line); }
  html[data-skin="editorial"] .editorial-article__body .table-of-contents h2 {
    margin: 0 0 1rem;
    font-size: .72rem;
    letter-spacing: .12em; }
  html[data-skin="editorial"] .editorial-article__note {
    position: absolute;
    top: 100px;
    right: 0;
    width: 150px;
    padding-top: .75rem;
    color: var(--editorial-muted);
    border-top: 1px solid var(--editorial-ink);
    font-family: Georgia, serif;
    font-size: .68rem;
    font-style: italic;
    line-height: 1.5; }
  html[data-skin="editorial"] .editorial-article__note strong,
  html[data-skin="editorial"] .editorial-article__note span {
    display: block; }
  html[data-skin="editorial"] .editorial-article__note strong {
    margin-bottom: .6rem;
    color: var(--editorial-ink);
    font-family: Inter, sans-serif;
    font-style: normal;
    letter-spacing: .12em; }
  html[data-skin="editorial"] .editorial-article__pagination {
    padding-top: 2rem;
    border-top: 1px solid var(--editorial-line); }
  @media (max-width: 1024px) {
    html[data-skin="editorial"] .editorial-cover__copy h1 {
      font-size: clamp(3.2rem, 8vw, 5rem); }
    html[data-skin="editorial"] .editorial-post-list--index,
    html[data-skin="editorial"] .editorial-archive,
    html[data-skin="editorial"] .editorial-terms {
      margin-left: 0; }
    html[data-skin="editorial"] .editorial-article__note {
      display: none; } }
  @media (max-width: 683px) {
    html[data-skin="editorial"] .container .header {
      padding-block: 17px; }
    html[data-skin="editorial"] .core-page,
    html[data-skin="editorial"] .core-page.inner-content {
      padding: 26px 20px 48px; }
    html[data-skin="editorial"] .editorial-cover {
      min-height: 720px;
      height: calc(100vh - 68px);
      max-height: 820px; }
    html[data-skin="editorial"] .editorial-cover__image {
      top: 6%;
      right: 0;
      bottom: auto;
      left: 0;
      width: 100%;
      height: 44%; }
    html[data-skin="editorial"] .editorial-cover__copy {
      top: 54%;
      right: 0;
      left: 0;
      width: auto;
      text-align: left; }
    html[data-skin="editorial"] .editorial-cover__copy h1 {
      max-width: 100%;
      margin: 0 0 1.5rem;
      font-size: clamp(2.9rem, 13vw, 4rem); }
    html[data-skin="editorial"] .editorial-cover__copy p {
      max-width: 30ch;
      margin: 0; }
    html[data-skin="editorial"] .editorial-cover__issue {
      left: 0; }
    html[data-skin="editorial"] .editorial-cover__scroll {
      right: 2.5rem; }
    html[data-skin="editorial"] .editorial-cover__vertical {
      right: 0; }
    html[data-skin="editorial"] .editorial-post-row > a {
      grid-template-columns: 72px minmax(0, 1fr);
      gap: 18px;
      min-height: 98px; }
    html[data-skin="editorial"] .editorial-post-row__meta {
      display: none; }
    html[data-skin="editorial"] .editorial-post-row time {
      display: block;
      font-size: 1.25rem; }
    html[data-skin="editorial"] .editorial-post-row time span {
      display: block;
      margin-bottom: .35rem; }
    html[data-skin="editorial"] .editorial-home-panels,
    html[data-skin="editorial"] .editorial-terms {
      grid-template-columns: 1fr; }
    html[data-skin="editorial"] .editorial-page-header,
    html[data-skin="editorial"] .editorial-article__header {
      grid-template-columns: 1fr;
      min-height: auto;
      gap: 24px;
      padding: 46px 0; }
    html[data-skin="editorial"] .editorial-page-header__number,
    html[data-skin="editorial"] .editorial-article__number {
      font-size: 4.3rem; }
    html[data-skin="editorial"] .editorial-page-header__copy h1,
    html[data-skin="editorial"] .editorial-article .post-title {
      font-size: clamp(2.7rem, 13vw, 4rem); }
    html[data-skin="editorial"] .editorial-archive__year {
      grid-template-columns: 1fr;
      gap: 28px; }
    html[data-skin="editorial"] .editorial-archive__year a {
      gap: 1rem;
      font-size: .9rem; }
    html[data-skin="editorial"] .editorial-article__body {
      font-size: 1rem; }
    html[data-skin="editorial"] .editorial-article__body blockquote {
      margin: 2rem 0; }
    html[data-skin="editorial"] .footer__inner,
    html[data-skin="editorial"] .footer .copyright {
      align-items: flex-start; } }
  @media (prefers-reduced-motion: reduce) {
    html[data-skin="editorial"] {
      scroll-behavior: auto; }
    html[data-skin="editorial"] .core-page *,
    html[data-skin="editorial"] .core-page *::before,
    html[data-skin="editorial"] .core-page *::after {
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: .01ms !important; } }