body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

textarea.font-monospace {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

/* 讓整個頁面不會太貼邊 */
.container {
  max-width: 1080px;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

textarea.font-monospace {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

/* 只在大螢幕限制寬度，手機維持 full width + padding */
@media (min-width: 992px) {
  .container {
    max-width: 1080px;
  }
}

/* 讓章節清單的文字可以正確被截斷 */
#sections-list .list-group-item .text-truncate {
  min-width: 0; /* Bootstrap 的 flex item 要這樣才會收縮 */
}

.hover-underline:hover { text-decoration: underline !important; }

.card-hover-scale {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.card-hover-scale:hover {
    transform: translateY(-5px); 
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.175) !important;
}

main {
  padding-bottom: 40px;
}