/* Shared editorial details. Content is visible before JavaScript or animation. */
.site-nav a, .site-footer a, .contact-links a {
  transition: color 160ms ease, text-decoration-color 160ms ease;
  text-decoration-thickness: 1px;
}
.site-nav a:hover, .site-footer a:hover { color: var(--ink, #272b30); }
.site-footer { align-items: baseline; flex-wrap: wrap; }
.site-nav a[aria-current="page"] { color: var(--ink, #272b30); text-decoration: underline; }
.writing-section .writing-row { column-gap: 32px; grid-template-columns: 192px minmax(0, 1fr) 20px; }
.writing-section .thumbnail {
  width: 192px; height: 124px; border-radius: 0;
  background: #fafbf9; transform: none; margin: 0;
}
.writing-section .thumbnail:not(.line-study) { zoom: .857142857; width: 224px; height: 144px; }
.writing-section .line-study::after { display: none; }
.line-study svg { display: block; width: 100%; height: 100%; overflow: visible; }
.line-study path { stroke: #7d8a78; stroke-width: 1.1; fill: none; stroke-linejoin: round; stroke-linecap: round; }
.line-study .study-accent { stroke: #789258; }
.line-study .study-paper { fill: #fff; }
.writing-section .row-arrow { transition: transform 180ms cubic-bezier(.2,.7,.3,1), color 180ms; }
.writing-section .writing-row:focus-visible .row-arrow { transform: translateX(4px); }
.writing-section .writing-copy h3 { font-size: 20px; line-height: 1.45; }
.writing-section .writing-copy p { line-height: 1.7; }
.writing-section .writing-meta { margin-top: 12px; }
.paper-box { border-bottom: 1px solid var(--line, #e6e8eb); padding-bottom: 22px; margin-bottom: 22px; }
.paper-box-text h3 { font-size: 1.07rem; font-weight: 500; }
.paper-box-text > p { line-height: 1.7; }
.paper-abstract[open] { padding-top: 4px; }
@media (max-width: 680px) {
  .writing-section .writing-row { grid-template-columns: 100px minmax(0, 1fr); gap: 13px 18px; padding-block: 23px; }
  .writing-section .writing-copy { display: contents; }
  .writing-section .writing-copy h3 { grid-column: 2; grid-row: 1; align-self: center; font-size: 18px; margin: 0; }
  .writing-section .writing-copy p { grid-column: 1 / -1; grid-row: 2; font-size: 14px; margin: 0; }
  .writing-section .writing-meta { grid-column: 1 / -1; grid-row: 3; margin: 0; font-size: 11px; gap: 7px; }
  .writing-section .thumbnail { grid-column: 1; grid-row: 1; width: 100px; height: 65px; margin: 0; }
  .writing-section .thumbnail:not(.line-study) { zoom: .446428571; width: 224px; height: 144px; }
  .writing-section .row-arrow { display: none; }
  .writing-section .series-intro .series-description { margin-top: 7px; }
  .site-footer { gap: 14px 20px; }
}
@media (max-width: 360px) {
  .writing-section .writing-row { grid-template-columns: 84px minmax(0,1fr); gap: 12px; }
  .writing-section .thumbnail { width: 84px; height: 54px; }
  .writing-section .thumbnail:not(.line-study) { zoom: .375; }
  .writing-section .writing-copy h3 { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-nav a, .site-footer a, .contact-links a, .writing-section .row-arrow { transition: none; }
  .writing-section .writing-row:is(:hover,:focus-visible) .row-arrow { transform: none; }
}
@media print { .line-study { print-color-adjust: exact; } }