.lunaris-page { --bg:#0b0d0e;--surface:#121517;--surface-2:#191d20;--ink:#d8dcda;--bright:#f2f4f1;--sub:#81888a;--line:#343a3d;--line-strong:#596165;--accent:#d5a900; min-height: 100vh; background-color: var(--bg); background-image: linear-gradient(rgb(255 255 255 / 2%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 2%) 1px,transparent 1px); color: var(--ink); font-family:"Arial Narrow","Noto Sans JP","Yu Gothic",sans-serif; }
.lunaris-header { border-bottom: 1px solid var(--line-strong); background: #0a0c0d; }
.lunaris-header .wrap { display: flex; justify-content: space-between; align-items: stretch; }
.lunaris-title { display: grid; align-content: center; padding: 17px 0; }
.lunaris-title strong { color: var(--bright); font: 900 25px/1 "Arial Black", sans-serif; letter-spacing: .04em; text-transform: uppercase; }
.lunaris-header nav { display: flex; }
.lunaris-header nav a { display: grid; place-items: center; padding: 0 17px; border-left: 1px solid var(--line); color: var(--sub); font: 10px Consolas,monospace; }
.lunaris-header nav a:hover { background: var(--bright); color: #111; }
.lunaris-page .layout { min-height: 70vh; }
.lunaris-page .site-sidebar { position: sticky; inset: auto; top: 18px; width: auto; height: auto; transform: none; z-index: auto; }
.lunaris-content.paper { width: auto; min-width: 0; min-height: 60vh; margin: 48px 0; padding: 30px; overflow: visible; border: 1px solid #9d8e73; border-radius: 0; background:linear-gradient(rgb(255 255 255 / 18%),rgb(255 255 255 / 10%)),url("/library/lunaris/images/backgroundpaper.png"),#e7ddc7; background-size:auto,520px 520px,auto; background-blend-mode:normal,multiply,normal; box-shadow:0 18px 45px rgb(0 0 0 / 45%); color:#241b13; }
.lunaris-content.paper::before,.lunaris-content.paper::after { display: none; }
.lunaris-content h1,.lunaris-content h2,.lunaris-content h3 { color:#352317; }
.lunaris-content a { color:#49341f; }
.lunaris-content img { max-width: 100%; }
.lunaris-content .catalog { color:#241b13; }
.lunaris-backbar { margin: 0 0 24px; padding: 0 0 14px; border-bottom: 1px solid rgb(73 52 31 / 30%); }
.lunaris-backbar a { display: inline-block; padding: 8px 12px; border: 1px solid rgb(73 52 31 / 35%); background: rgb(255 255 255 / 24%); color: #49341f; font: 700 12px/1.4 Consolas, "Noto Sans JP", sans-serif; text-decoration: none; }
.lunaris-backbar a:hover { border-color: #8d642e; background: rgb(255 255 255 / 48%); }
@media(max-width:900px){.lunaris-page .site-sidebar{position:static;inset:auto;width:auto;height:auto;transform:none;display:grid!important}}
@media(max-width:760px){.lunaris-header .wrap{display:block}.lunaris-header nav{border-top:1px solid var(--line)}.lunaris-header nav a{min-height:42px;flex:1}.lunaris-content.paper{margin-top:16px;padding:20px}}
