/* 单景观测与滑杆对照分开，窄屏按阅读顺序排列。 */
.observations-page .doc, .observations-page .doc-foot { max-width: 70rem; }
.observation-eyebrow { color: var(--gold); letter-spacing: .12em; font-size: 12px !important; }
.observations-page h1 span, .observation h2 span, .observation dd span, .observation .note span, .observations-page footer span { display: block; }
.observations-page h1 span { margin-top: 8px; color: var(--muted); font-size: .65em; }
.observations-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 30px 0; }
.observation { padding: 20px; background: var(--bg-2); border: 1px solid var(--line); border-radius: 12px; min-width: 0; scroll-margin-top: 90px; }
.observation h2 { margin-top: 0; }
.observation h2 span { font: 14px var(--sans); color: var(--muted); margin-top: 8px; }
.observation figure { margin: 18px 0; }
.observation img { display: block; width: 100%; height: 320px; object-fit: contain; background: #080b0e; border-radius: 6px; }
.observation figcaption { color: var(--muted); font-size: 12px; margin-top: 8px; }
.observation dl { font-size: 14px; }
.observation dl div { padding: 10px 0; border-top: 1px solid var(--line); }
.observation dt { color: var(--muted); font-size: 12px; }
.observation dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.observation dd span, .observation .note span { color: var(--muted); margin-top: 6px; }
.observation-links { font-size: 13px !important; overflow-wrap: anywhere; }
.observation-links a { display: inline-block; padding: 5px 0; }
.observations-page aside.note p { margin: 10px 0 0; font-size: 14px; }
@media (max-width: 720px) { .observations-grid { grid-template-columns: 1fr; } .observation { padding: 16px; } }