/* 閱讀介面會長時間盯著看，行距放寬、字不要太小。 */
body { font-size: 15px; }
.reading-text { line-height: 1.9; font-size: 1.05rem; }

/* ── 導覽列：固定在上方、深色底 ── */
:root { --nav-h: 3.5rem; }
.app-nav { background: #1f3a5f; box-shadow: 0 1px 6px rgba(0, 0, 0, .18); min-height: var(--nav-h); }
.app-nav .navbar-brand { font-weight: 600; }
.app-nav .nav-link { color: rgba(255, 255, 255, .78); }
.app-nav .nav-link:hover, .app-nav .nav-link:focus { color: #fff; }
.app-nav .nav-link.active { color: #fff; font-weight: 600; }
/* 捲到錨點（#note-12 之類）時不要停在導覽列底下 */
html { scroll-padding-top: calc(var(--nav-h) + .5rem); }

/* 回到最上面：右下角浮動。z-index 低於閱讀頁的筆記視窗（30），高於頁面與工具列 */
.to-top {
    position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 25;
    width: 2.75rem; height: 2.75rem; border: 0; border-radius: 50%;
    background: #1f3a5f; color: #fff; font-size: 1.15rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .28); opacity: .85;
}
.to-top:hover, .to-top:focus-visible { opacity: 1; }
@media print { .to-top { display: none !important; } }