/* base.css — common styles for all pages */

:root {
  --bg-color: #fff;
  --bg-color-light-gray: #f8f8f8;
  --text-color: #1a1a1a;
  --card-bg: #ffffff;
  --card-border: #dddddd;
  --card-hover-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  --border-color: var(--card-border);
  --ht-bg-color: #eee; /* A slightly darker gray for header/footer backgrounds */
  --ht-border-color: #ccc; /* A softer border color for header/footer */
}

* { box-sizing: border-box; }

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

body {
  font-family: "標楷體", "DFKai-SB", "BiauKai", "AR PL UKai TW", "Kaiti TC", "Noto Serif TC", serif;
  font-size: 1.3rem;
  color: var(--text-color);
  background-color: var(--ht-bg-color);
  line-height: 1.6;
}

.main-wrapper {
    flex: 1 0 auto;
    background-color: var(--bg-color);
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 2rem 0;
}


img { max-width: 100%; height: auto; }

a {
  color: inherit;
  text-decoration: none;
}