:root { color-scheme: light; font-family: sans-serif; font-size: 16px; line-height: 1.72; color: #222b39; background: #f5f7fa; -webkit-text-size-adjust: 100%; }
* { box-sizing: border-box; }
body { margin: 0; }
.reading { width: min(100%, 760px); min-height: 100vh; margin: 0 auto; padding: 28px clamp(18px, 5vw, 48px) 56px; background: #fff; }
h1 { margin: 0 0 8px; font-size: 1.55rem; line-height: 1.35; }
h2 { margin: 32px 0 10px; font-size: 1.13rem; line-height: 1.45; }
p, li { margin: 0 0 12px; }
ol, ul { padding-left: 1.45em; }
.meta { color: #586577; font-size: .875rem; }
a { color: #1558a6; overflow-wrap: anywhere; }
table { table-layout: fixed; width: 100%; border-collapse: collapse; font-size: .92rem; }
th, td { border: 1px solid #d5dae3; padding: 9px; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
th { background: #f3f5f8; }
th:first-child { width: 28%; }
main { overflow-wrap: anywhere; }
footer { margin-top: 42px; padding-top: 18px; border-top: 1px solid #e1e5eb; color: #59677a; font-size: .88rem; }
@media (max-width: 480px) { .reading { padding-top: 22px; } }

/* App 内已有原生标题；使用 URL 片段复用同一正文，普通浏览器保留完整页头。 */
#xmnotes-app:target .reading > header > h1,
#xmnotes-app:target .reading > header > .meta:first-child { display: none; }