🎨 Palette: 텍스트 가독성 및 반응형 레이아웃 개선

[seonghobae]

💡 What: src/main/kotlin/html4tree/main.kt에서 생성되는 HTML의 <style> 태그에 body 태그 스타일을 추가하여 기본 폰트를 system-ui로 설정하고 최대 너비 및 여백을 추가했습니다.
🎯 Why: 브라우저 기본 스타일로 전체 화면을 차지하던 기존의 레이아웃은 모바일에서는 여백이 없어 불편하고, 데스크탑에서는 가독성이 떨어지는 문제가 있었습니다.
📸 Before/After:

• Before: 텍스트가 브라우저 가장자리에 붙고 Times New Roman 등의 기본 폰트로 렌더링됨.
• After: 좌우 여백이 확보되고 중앙 정렬되며 깔끔한 시스템 폰트가 적용됨.
  ♿ Accessibility: 가독성을 높여주는 적절한 줄간격(line-height: 1.5)과 색상 대비를 고려한 텍스트 컬러(#24292e)를 적용하여 시각적 인지를 개선했습니다.

---

PR created automatically by Jules for task 14328180968721901606 started by @seonghobae

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.