/* This article's editorial layout is isolated from the homepage and other columns. */
.editing-essay {
  background: #0c191b;
  color: #ecf0e9;
}
.editing-essay .site-header { position: relative; }
.editing-essay .site-header .brand { max-width: 650px; }
.editing-essay .column-page-main {
  max-width: 1180px;
  padding: 0 40px;
  margin: 0 auto;
}
.editing-essay .column-article {
  margin: 0;
  padding: 54px 0 72px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.editing-essay .column-article-header { max-width: none; margin-bottom: 34px; }
.editing-essay .essay-kicker {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 20px;
  margin-bottom: 40px;
  border-bottom: 1px solid #50605e;
  color: #a8b6b1;
  font-size: 13px;
  letter-spacing: .09em;
}
.editing-essay .essay-kicker a { color: #edb58e; font-weight: 700; }
.editing-essay .eyebrow { color: #edb58e; margin-bottom: 18px; font-size: 13px; letter-spacing: .15em; }
.editing-essay .column-article-title {
  max-width: 960px;
  margin: 0 0 26px;
  font-family: "Noto Serif TC", "Source Han Serif TC", "Microsoft JhengHei", serif;
  font-size: clamp(34px, 4.5vw, 60px);
  line-height: 1.32;
  letter-spacing: -.035em;
  text-wrap: pretty;
}
.editing-essay .column-article-title span {
  margin-top: 16px;
  color: #edb58e;
  font-size: .57em;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .01em;
}
.editing-essay .column-date { display: flex; flex-wrap: wrap; gap: 14px; color: #c7d1ca; font-size: 13px; font-weight: 500; }
.editing-essay .column-deck { max-width: 760px; color: #b9c9c4; font-size: 18px; line-height: 1.85; }
.editing-essay .column-photo-feature {
  border: 0;
  border-radius: 0;
  background: none;
  margin: 0 0 58px;
}
.editing-essay .column-photo-feature img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: 1672 / 941;
  object-fit: contain;
  border-radius: 4px;
}
.editing-essay .column-photo-feature figcaption {
  padding: 15px 0 17px;
  border-bottom: 1px solid #344645;
  color: #aabbb5;
  font-size: 13px;
  line-height: 1.8;
}
.editing-essay .essay-reading-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 64px; align-items: start; }
.editing-essay .essay-sidebar { position: sticky; top: 36px; }
.editing-essay .essay-toc { display: grid; gap: 6px; }
.editing-essay .essay-toc p { margin: 0 0 18px; font-size: 12px; letter-spacing: .2em; color: #edb58e; }
.editing-essay .essay-toc a { padding: 10px 0; color: #c1cfc8; font-size: 13px; line-height: 1.7; border-bottom: 1px solid #2a3c3c; }
.editing-essay .essay-toc a span { color: #edb58e; margin-right: 10px; font-variant-numeric: tabular-nums; }
.editing-essay .essay-toc a:hover { color: #fff; }
.editing-essay a:focus-visible { outline: 2px solid #edb58e; outline-offset: 5px; }
.editing-essay .column-body { max-width: 700px; margin: 0; font-size: 18px; line-height: 2; color: #dce5dd; }
.editing-essay .column-body section { scroll-margin-top: 30px; margin-bottom: 52px; }
.editing-essay .column-body h2 { display: flex; align-items: baseline; gap: 13px; font-size: 23px; line-height: 1.5; color: #f1f1e9; margin: 0 0 24px; letter-spacing: .02em; }
.editing-essay .column-body h2 span { font-size: 12px; color: #edb58e; font-weight: 500; letter-spacing: 0; }
.editing-essay .column-body p { margin-bottom: 26px; }
.editing-essay .column-body strong { color: #f4c6a0; font-weight: 700; }
.editing-essay .column-body .essay-pull-line { display: block; border-left: 3px solid #edb58e; padding: 7px 0 7px 24px; margin: 0 0 26px; font-size: clamp(23px, 2.5vw, 30px); line-height: 1.6; font-family: "Noto Serif TC", "Microsoft JhengHei", serif; }
.editing-essay .column-body .essay-postscript { padding-top: 24px; border-top: 1px solid #344645; font-size: 14px; color: #aabbb5; }
.editing-essay .column-series-nav { margin-top: 42px; }
@media (max-width: 900px) {
  .editing-essay .essay-reading-layout { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .editing-essay .essay-sidebar { position: static; }
  .editing-essay .essay-toc { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
  .editing-essay .essay-toc p { grid-column: 1 / -1; margin-bottom: 6px; }
  .editing-essay .column-body { max-width: 700px; margin-inline: auto; }
  .editing-essay .column-photo-feature { margin-bottom: 32px; }
}
@media (max-width: 600px) {
  .editing-essay .site-header { padding: 18px 22px; min-height: 0; }
  .editing-essay .site-header .brand { gap: 10px; max-width: 285px; font-size: 12px; line-height: 1.5; }
  .editing-essay .site-header .brand img { width: 32px; height: 32px; }
  .editing-essay .column-page-main { padding: 0 24px; }
  .editing-essay .column-article { padding: 28px 0 40px; }
  .editing-essay .essay-kicker { flex-wrap: wrap; gap: 8px; margin-bottom: 28px; font-size: 11px; letter-spacing: .03em; }
  .editing-essay .column-article-title { font-size: 34px; line-height: 1.4; letter-spacing: -.035em; }
  .editing-essay .column-article-title span { font-size: 21px; margin-top: 18px; }
  .editing-essay .column-deck { font-size: 16px; line-height: 1.85; }
  .editing-essay .column-photo-feature figcaption { font-size: 12px; }
  .editing-essay .essay-toc { column-gap: 16px; }
  .editing-essay .essay-toc a { font-size: 12px; }
  .editing-essay .essay-toc a span { margin-right: 5px; }
  .editing-essay .column-body { font-size: 17px; line-height: 1.95; }
  .editing-essay .column-body h2 { font-size: 21px; gap: 10px; margin-bottom: 20px; }
  .editing-essay .column-body section { margin-bottom: 40px; }
  .editing-essay .column-body .essay-pull-line { padding-left: 18px; font-size: 25px; }
}