/* Photos orbit a quiet signature; prose stays in a simple single column. */
.cylinder-stage-wrap.cylinder-stage-borderless { height: clamp(480px, 48vw, 680px); }
.cylinder-stage { position: relative; width: 100%; height: 100%; }
.cylinder-top-actions { left: 28px; right: 28px; top: 8px; justify-content: flex-end; gap: 12px; flex-wrap: wrap; }
.life-photo-search.inpage-mini-search { width: 230px; max-width: 230px; margin: 0; }
.life-photo-count { font: 10px var(--mono); color: var(--teal); white-space: nowrap; }
.life-spin-toggle { min-height: 40px; border: 1px solid var(--line); border-radius: 999px; padding: 8px 15px; background: transparent; color: var(--teal); font: 12px/1.5 var(--sans); cursor: pointer; }
.life-spin-toggle:hover { border-color: var(--teal); }
.life-spin-toggle:disabled { opacity: .55; cursor: default; }
.life-signature {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 260px;
  text-align: center;
  pointer-events: none;
  color: var(--teal, #1D6B69);
}
.life-signature > span {
  display: block;
  font: 400 44px/1.25 "Segoe Script", "Bradley Hand", Georgia, cursive;
  letter-spacing: -0.02em;
}
.life-signature > small {
  display: block;
  margin-top: 4px;
  font: italic 20px/1.4 Georgia, serif;
  letter-spacing: 0.03em;
  color: var(--orange, #F27B51);
}
.life-photo-empty { position: absolute; left: 20px; right: 20px; bottom: 65px; text-align: center; font-size: 12px; color: var(--teal); }
.life-photo-empty[hidden] { display: none; }
.cylinder-subtle-hint { font-size: 11px; bottom: 14px; }
.musings-section { max-width: 900px; padding: 32px 0 56px; border: 0; }
.musings-header-row { display: block; margin-bottom: 20px; padding: 0; border: 0; }
.musings-main-title { font: 600 28px/1.5 "Songti SC", SimSun, serif; letter-spacing: -.02em; margin: 0 0 7px; }
.musings-subtitle { font-size: 13px; line-height: 1.8; color: #53615f; margin: 0; }
.musings-contents.ce-life-contents { display: block; margin-top: 0; padding-top: 0; border-top: 0; }
.musings-nav-bar { display: block; padding: 0 0 20px; border-bottom: 1px solid var(--line); }
.musings-search-bar.inpage-mini-search { margin: 0; max-width: 480px; }
.musings-grid { display: block; }
.musing-card { display: block; padding: 25px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; scroll-margin-top: 32px; }
.musing-card:hover { transform: none; box-shadow: none; background: transparent; }
.musing-title { font-size: 21px; line-height: 1.65; margin: 0 0 9px; letter-spacing: -.02em; }
.musing-excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 14px; line-height: 1.9; color: #53615f; margin: 0; }
.musing-card.is-expanded .musing-excerpt { -webkit-line-clamp: unset; }
.musing-full-body[hidden] { display: none !important; }
.musing-card.is-expanded .musing-full-body { display: block; margin-top: 18px; }
.musing-full-body p { font-size: 14px; line-height: 1.95; color: #53615f; }
.musing-card-footer { display: flex; justify-content: flex-start; padding: 0; border: 0; margin-top: 12px; }
.musing-toggle-btn { min-height: 40px; border: 0; border-radius: 0; background: transparent; padding: 4px 0; color: var(--teal); font: 12px/1.5 var(--sans); cursor: pointer; }
.musing-toggle-btn:hover { color: var(--ink); background: transparent; text-decoration: underline; text-underline-offset: 5px; }
.musing-title a { color: inherit; text-decoration: none; }
.musing-title a:hover { color: var(--teal); }
.musing-read-link { display: inline-flex; align-items: center; min-height: 40px; color: var(--teal); font-size: 12px; text-underline-offset: 4px; }
.musings-view-all { display: flex; justify-content: center; margin: 26px 0 0; }
.musings-view-all a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 34px; border: 1px solid var(--teal); border-radius: 999px; color: var(--teal); text-decoration: none; font-size: 13px; }
.musings-view-all a:hover { background: var(--teal); color: var(--paper); }
@media (max-width: 760px) { .cylinder-stage-wrap.cylinder-stage-borderless { height: 560px; } .cylinder-top-actions { left: 20px; right: 20px; gap: 8px; } .life-photo-search.inpage-mini-search { width: min(230px, 100%); flex: 1 1 180px; } .cylinder-filter-tabs { order: 3; } .life-signature { width: 150px; } .life-signature > span { font-size: 26px; } .life-signature > small { font-size: 16px; } .musing-title { font-size: 19px; } .musing-excerpt { -webkit-line-clamp: 2; } }