html[data-skin="editorial"] {
  --editorial-paper: #dfdccd;
  --editorial-paper-deep: #d6d2c2;
  --editorial-panel: #efebe0;
  --editorial-ink: #3c4434;
  --editorial-ink-title: #3c442c;
  --editorial-muted: #848c7c;
  --editorial-line: #a9a59a;
  --editorial-accent: #2a4124;
  --editorial-accent-btn: #31452b;
  --editorial-accent-soft: #dfe0cc;
  --editorial-display: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --editorial-ui: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
  --editorial-content: 1120px;
  --editorial-reading: 720px;
  --editorial-gutter: clamp(22px, 5vw, 72px); }
  html[data-skin="editorial"] body.dark-theme {
    --editorial-paper: #20221f;
    --editorial-paper-deep: #2b2e2a;
    --editorial-panel: #292c28;
    --editorial-ink: #f1f0e9;
    --editorial-ink-title: #dfe3d2;
    --editorial-muted: #a5aaa1;
    --editorial-line: #4c514c;
    --editorial-accent: #a9c1ad;
    --editorial-accent-btn: #8fae94;
    --editorial-accent-soft: #354238; }
  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-panel);
    background-image: radial-gradient(ellipse 72% 55% at 50% 38%, rgba(255, 255, 255, 0.32), transparent 72%); }
  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"] body {
    font-family: var(--editorial-ui);
    font-size: 1rem;
    line-height: 1.9; }
  html[data-skin="editorial"] h1,
  html[data-skin="editorial"] h2,
  html[data-skin="editorial"] h3,
  html[data-skin="editorial"] h4,
  html[data-skin="editorial"] h5,
  html[data-skin="editorial"] h6 {
    font-family: var(--editorial-display);
    font-weight: 500;
    color: var(--editorial-ink-title); }
  html[data-skin="editorial"] .container {
    gap: 0; }
  html[data-skin="editorial"] .container .main {
    width: 100%;
    padding: 0; }
  html[data-skin="editorial"] .container .header {
    position: sticky;
    top: 0;
    z-index: 20;
    padding: 22px var(--editorial-gutter);
    background: var(--editorial-paper);
    border-bottom: 0;
    box-shadow: none;
    transition: padding .3s ease, background-color .3s ease, box-shadow .3s ease; }
  html[data-skin="editorial"] .container .header.is-scrolled {
    padding-block: 12px;
    background: rgba(223, 220, 205, 0.88);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 1px 14px rgba(60, 68, 52, 0.07); }
  html[data-skin="editorial"] body.dark-theme .container .header.is-scrolled {
    background: rgba(32, 34, 31, 0.88);
    box-shadow: 0 1px 14px rgba(0, 0, 0, 0.3); }
  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-family: var(--editorial-display);
    font-size: 1.05rem;
    font-weight: 500;
    letter-spacing: .01em; }
  html[data-skin="editorial"] .menu a,
  html[data-skin="editorial"] .theme-toggle {
    font-family: var(--editorial-ui);
    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: 3px; }
  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: 0; }
  html[data-skin="editorial"] .core-page.inner-content {
    flex: none;
    padding: var(--editorial-gutter);
    background-color: var(--editorial-panel); }
  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: 8%;
    bottom: 8%;
    left: 2%;
    width: 44%;
    background-image: var(--cover-image);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(60, 68, 52, 0.08);
    transition: opacity .3s ease, filter .3s ease; }
  html[data-skin="editorial"] body.dark-theme .editorial-cover__image {
    opacity: .88;
    filter: brightness(0.88) contrast(0.95);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); }
  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: var(--editorial-display);
    font-size: clamp(3.6rem, 6vw, 5.8rem);
    font-weight: 500;
    line-height: .96;
    letter-spacing: -.04em; }
  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-life {
    padding-top: clamp(68px, 10vw, 132px); }
  html[data-skin="editorial"] html.js-fx .editorial-latest,
  html[data-skin="editorial"] html.js-fx .editorial-home-album,
  html[data-skin="editorial"] html.js-fx .editorial-home-memos,
  html[data-skin="editorial"] html.js-fx .editorial-article__header {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .55s ease, transform .55s ease; }
  html[data-skin="editorial"] html.js-fx .editorial-latest.is-visible,
  html[data-skin="editorial"] html.js-fx .editorial-home-album.is-visible,
  html[data-skin="editorial"] html.js-fx .editorial-home-memos.is-visible,
  html[data-skin="editorial"] html.js-fx .editorial-article__header.is-visible {
    opacity: 1;
    transform: none; }
  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);
    font-weight: 500;
    letter-spacing: -.04em; }
  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: var(--editorial-ui);
    font-size: .65rem;
    font-style: normal;
    letter-spacing: .12em; }
  html[data-skin="editorial"] .editorial-post-row__title {
    font-family: var(--editorial-display);
    font-size: 1.08rem;
    font-weight: 500;
    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-life,
  html[data-skin="editorial"] .editorial-home-album,
  html[data-skin="editorial"] .editorial-home-memos {
    min-width: 0; }
  html[data-skin="editorial"] .editorial-home-album .editorial-section-heading h2,
  html[data-skin="editorial"] .editorial-home-memos .editorial-section-heading h2 {
    font-size: clamp(1.9rem, 4vw, 3.2rem); }
  html[data-skin="editorial"] .home-album-body {
    position: relative;
    min-height: 260px;
    padding-top: 1.1rem; }
  html[data-skin="editorial"] .home-album-viewport {
    width: 100%;
    padding: .85rem 6px 1.8rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    scroll-padding-inline: 6px;
    scroll-snap-type: x mandatory; }
  html[data-skin="editorial"] .home-album-viewport::-webkit-scrollbar {
    display: none; }
  html[data-skin="editorial"] .home-album-track {
    display: flex;
    width: max-content;
    margin: 0;
    padding: 0;
    gap: 18px;
    list-style: none; }
  html[data-skin="editorial"] .home-album-slide {
    flex: 0 0 clamp(260px, 27vw, 320px);
    min-width: 0;
    scroll-snap-align: start; }
  html[data-skin="editorial"] .home-album-slide > a {
    display: block;
    color: inherit;
    text-decoration: none; }
  html[data-skin="editorial"] .home-album-card {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 5px;
    overflow: hidden;
    color: var(--editorial-ink);
    background: var(--editorial-panel);
    border: 1px solid var(--editorial-line);
    border-radius: 8px;
    transition: border-color .25s ease, transform .25s ease; }
  html[data-skin="editorial"] .home-album-card img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 2px; }
  html[data-skin="editorial"] .home-album-card figcaption {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .8rem;
    align-items: baseline;
    margin: 0;
    padding: .7rem .35rem .3rem; }
  html[data-skin="editorial"] .home-album-card strong {
    overflow: hidden;
    font-family: var(--editorial-display);
    font-size: .84rem;
    font-weight: 500;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap; }
  html[data-skin="editorial"] .home-album-card time {
    color: var(--editorial-muted);
    font-size: .62rem;
    letter-spacing: .04em;
    white-space: nowrap; }
  html[data-skin="editorial"] .home-album-slide > a:hover .home-album-card,
  html[data-skin="editorial"] .home-album-slide > a:focus-visible .home-album-card {
    border-color: var(--editorial-accent);
    transform: translateY(-2px); }
  html[data-skin="editorial"] .home-album-controls {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    align-items: center;
    margin-top: -.6rem; }
  html[data-skin="editorial"] .home-album-count {
    min-width: 4.8rem;
    margin-right: .25rem;
    color: var(--editorial-muted);
    font-family: Georgia, serif;
    font-size: .72rem;
    font-style: italic;
    text-align: right; }
  html[data-skin="editorial"] .home-album-control {
    display: grid;
    place-items: center;
    width: 2.15rem;
    height: 2.15rem;
    padding: 0;
    color: var(--editorial-ink);
    background: transparent;
    border: 1px solid var(--editorial-line);
    border-radius: 999px;
    cursor: pointer;
    transition: color .18s ease, background .18s ease, border-color .18s ease; }
  html[data-skin="editorial"] .home-album-control:hover:not(:disabled) {
    color: var(--editorial-panel);
    background: var(--editorial-accent);
    border-color: var(--editorial-accent); }
  html[data-skin="editorial"] .home-album-control:disabled {
    cursor: default;
    opacity: .32; }
  html[data-skin="editorial"] .home-album-status {
    margin: .85rem 0 0;
    padding: 1.15rem 0;
    color: var(--editorial-muted);
    border-bottom: 1px solid var(--editorial-line); }
  html[data-skin="editorial"] .home-album-status a {
    color: var(--editorial-ink); }
  html[data-skin="editorial"] .editorial-home-memos {
    width: 100%;
    max-width: var(--editorial-reading);
    margin: clamp(74px, 10vw, 128px) auto 0; }
  html[data-skin="editorial"] .editorial-home-memos .editorial-panel-body {
    min-height: 160px;
    padding-top: 1.5rem; }
  html[data-skin="editorial"] .home-memos-list {
    margin: 0;
    padding: 0;
    list-style: none; }
  html[data-skin="editorial"] .home-memos-item {
    padding: 1.45rem 0 1.3rem;
    border-top: 1px solid var(--editorial-line); }
  html[data-skin="editorial"] .home-memos-item:first-child {
    padding-top: 0;
    border-top: 0; }
  html[data-skin="editorial"] .home-memos-content {
    margin: 0;
    color: var(--editorial-ink);
    font-family: var(--editorial-display);
    font-size: .94rem;
    line-height: 1.8;
    white-space: pre-wrap;
    overflow-wrap: anywhere; }
  html[data-skin="editorial"] .home-memos-meta {
    display: inline-block;
    margin-top: .55rem;
    color: var(--editorial-muted);
    font-size: .72rem;
    text-decoration: none; }
  html[data-skin="editorial"] .home-memos-meta:hover,
  html[data-skin="editorial"] .home-memos-status a:hover {
    color: var(--editorial-accent); }
  html[data-skin="editorial"] .home-memos-gallery {
    position: relative;
    display: grid;
    gap: 5px;
    margin-top: .9rem;
    padding: 5px;
    overflow: hidden;
    color: inherit;
    background: var(--editorial-panel);
    border: 1px solid var(--editorial-line);
    border-radius: 8px;
    text-decoration: none;
    transition: border-color .25s ease, transform .25s ease; }
  html[data-skin="editorial"] .home-memos-gallery:hover {
    border-color: var(--editorial-accent);
    transform: translateY(-2px); }
  html[data-skin="editorial"] .home-memos-gallery--1 {
    grid-template-columns: minmax(0, 1fr); }
  html[data-skin="editorial"] .home-memos-gallery--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    aspect-ratio: 2 / 1; }
  html[data-skin="editorial"] .home-memos-gallery--3 {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    aspect-ratio: 16 / 10; }
  html[data-skin="editorial"] .home-memos-gallery--3 .home-memos-media:first-child {
    grid-row: 1 / 3; }
  html[data-skin="editorial"] .home-memos-gallery--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    aspect-ratio: 4 / 3; }
  html[data-skin="editorial"] .home-memos-media {
    position: relative;
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    background: var(--editorial-line);
    border-radius: 2px; }
  html[data-skin="editorial"] .home-memos-gallery--1 .home-memos-media {
    aspect-ratio: 16 / 10; }
  html[data-skin="editorial"] .home-memos-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter .2s ease, transform .35s ease; }
  html[data-skin="editorial"] .home-memos-media:hover img {
    filter: saturate(0.9) contrast(1.03);
    transform: scale(1.018); }
  html[data-skin="editorial"] .home-memos-gallery-more {
    position: absolute;
    right: .55rem;
    bottom: .5rem;
    display: grid;
    place-items: center;
    min-width: 2.25rem;
    height: 1.6rem;
    padding: 0 .55rem;
    color: var(--editorial-panel);
    background: var(--editorial-accent);
    border: 0;
    border-radius: 999px;
    font-family: var(--editorial-ui);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .04em; }
  html[data-skin="editorial"] .home-memos-gallery-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"] .home-memos-status {
    margin: 0;
    padding: 1.15rem 0;
    color: var(--editorial-muted);
    border-top: 1px solid var(--editorial-line); }
  html[data-skin="editorial"] .home-memos-status a {
    color: var(--editorial-ink); }
  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: -.04em; }
  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(56px, 8vw, 100px) 0 clamp(20px, 3vw, 40px);
    padding-top: clamp(28px, 4vw, 48px);
    display: flex;
    justify-content: center; }
  html[data-skin="editorial"] .core-page .pagination__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%; }
  html[data-skin="editorial"] .core-page .pagination .button {
    background: transparent;
    max-width: none;
    border-radius: 999px;
    margin: 0; }
  html[data-skin="editorial"] .core-page .pagination .button + .button {
    margin-left: 0; }
  html[data-skin="editorial"] .core-page .pagination .button a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 24px;
    color: var(--editorial-panel);
    background: var(--editorial-accent);
    border: 1px solid var(--editorial-accent);
    border-radius: 999px;
    font-family: var(--editorial-display);
    font-size: .88rem;
    font-weight: 500;
    letter-spacing: .06em;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(42, 65, 36, 0.12);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1); }
  html[data-skin="editorial"] .core-page .pagination .button a:hover,
  html[data-skin="editorial"] .core-page .pagination .button a:focus-visible {
    background: var(--editorial-accent-btn);
    border-color: var(--editorial-accent-btn);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(42, 65, 36, 0.22); }
  html[data-skin="editorial"] .core-page .pagination .button a:active {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(42, 65, 36, 0.15); }
  html[data-skin="editorial"] .core-page .pagination .button__icon {
    display: inline-block;
    font-size: 1rem;
    line-height: 1;
    transition: transform .25s ease; }
  html[data-skin="editorial"] .core-page .pagination .button.previous a:hover .button__icon {
    transform: translateX(-3px); }
  html[data-skin="editorial"] .core-page .pagination .button.next a:hover .button__icon {
    transform: translateX(3px); }
  html[data-skin="editorial"] body.dark-theme .core-page .pagination .button a {
    color: #20221f;
    background: var(--editorial-accent);
    border-color: var(--editorial-accent);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); }
  html[data-skin="editorial"] body.dark-theme .core-page .pagination .button a:hover {
    background: #c3d9c7;
    color: #171815; }
  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: -.04em; }
  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 {
    padding: .22rem .8rem;
    color: var(--editorial-panel);
    background: var(--editorial-accent);
    border-radius: 999px;
    font-size: .72rem;
    letter-spacing: .08em;
    text-decoration: none;
    transition: background .18s ease; }
  html[data-skin="editorial"] .editorial-article__tags a:hover,
  html[data-skin="editorial"] .editorial-article__tags a:focus-visible {
    background: var(--editorial-accent-btn); }
  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-terms {
      grid-template-columns: 1fr; }
    html[data-skin="editorial"] .home-album-body {
      min-height: 230px; }
    html[data-skin="editorial"] .home-album-track {
      gap: 12px; }
    html[data-skin="editorial"] .home-album-slide {
      flex-basis: 78vw;
      max-width: 300px; }
    html[data-skin="editorial"] .home-album-card figcaption {
      gap: .5rem; }
    html[data-skin="editorial"] .home-album-controls {
      margin-top: -.35rem; }
    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; } }