/* Thaileben placeholder: one column, large type, high contrast, no external assets. */
*, *::before, *::after { box-sizing: border-box; }

html { font-size: 19px; -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 2rem 1.25rem 3rem;
  background: #fff;
  color: #111;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.6;
  overflow-wrap: break-word;
}

main, footer { max-width: 38rem; margin: 0 auto; }

h1 { font-size: 2.2rem; line-height: 1.2; margin: 0 0 1.5rem; }
h2 { font-size: 1.35rem; line-height: 1.3; margin: 2.25rem 0 0.5rem; }
p, ul { margin: 0 0 1rem; }
ul { padding-left: 1.25rem; }
li { margin-bottom: 0.4rem; }

a { color: #0a4a8a; text-decoration: underline; text-underline-offset: 0.15em; }
a:hover, a:focus { color: #062f59; }
a:focus-visible { outline: 3px solid #0a4a8a; outline-offset: 2px; }

.brand { color: #111; text-decoration: none; font-weight: 700; }
.note { background: #f3f5f7; border-left: 4px solid #0a4a8a; padding: 1rem 1.25rem; }

footer {
  margin-top: 3rem;
  padding-top: 1.25rem;
  border-top: 1px solid #ccc;
  font-size: 0.95rem;
}
footer a { margin-right: 1.5rem; display: inline-block; padding: 0.4rem 0; }