body{margin:0;background:#0b0d1a;color:#e9ecf7;font:16px/1.75 Kanit,system-ui,sans-serif}
.lg{max-width:760px;margin:0 auto;padding:28px 20px 60px}
.lg a{color:#ffa53d}
.lg-back{display:inline-block;margin-bottom:18px;text-decoration:none;font-weight:600}
.lg h1{font-size:28px;line-height:1.3;margin:0 0 4px}
.lg h2{font-size:19px;margin:28px 0 6px;color:#ffc58f}
.lg-date{color:#98a1c3;font-size:14px;margin:0 0 18px}
.lg ul{padding-left:22px}
.lg li{margin:6px 0}
.lg hr{border:0;border-top:1px solid rgba(255,255,255,.12);margin:48px 0 32px}
.lg-foot{margin-top:36px;color:#98a1c3;font-size:14px}
@media (prefers-color-scheme:light){body{background:#f5f6fb;color:#151935}.lg h2{color:#b2580f}.lg a{color:#c45f12}.lg-date,.lg-foot{color:#5d6488}.lg hr{border-top-color:rgba(20,24,60,.15)}}
.lg ol{padding-left:22px}
.lg-note{border:1px solid rgba(255,165,61,.45);background:rgba(255,165,61,.08);border-radius:12px;padding:12px 16px;margin:0 0 18px}
.lg-nav{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;padding:0;list-style:none}
.lg-nav li{margin:0}
@media (prefers-color-scheme:light){.lg-note{background:rgba(196,95,18,.07);border-color:rgba(196,95,18,.4)}}