@font-face { font-family: Geist; src: url('/fonts/geist-latin.woff2') format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; }
:root { color-scheme: light; --paper: #faf8f3; --ink: #292924; --body: #4b4943; --muted: #7f7a72; --line: #dfd9cf; --sans: Geist, Arial, sans-serif; --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 14px/1.7 var(--sans); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-underline-offset: 3px; }
a:focus-visible { outline: 2px solid #536d9d; outline-offset: 3px; }
.agent-header, .markdown { width: min(100% - 44px, 560px); margin: 0 auto; }
.agent-header { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding-top: 57px; }
.agent-header h1 { margin: 0; font-size: clamp(23px, 4vw, 29px); line-height: 1.2; font-weight: 600; letter-spacing: -.035em; }
.agent-header nav { display: flex; gap: 8px; flex: none; color: var(--muted); font-size: 12px; }
.agent-header nav a { text-decoration: none; }
.agent-header nav [aria-current] { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.markdown { padding-top: 28px; padding-bottom: 85px; }
.file-label { color: var(--muted); font: 12px var(--mono); }
.file-label span { color: #aaa297; }
h2 { margin: 45px 0 12px; font-size: 16px; font-weight: 600; }
h3 { margin: 25px 0 8px; font-size: 14px; }
blockquote { margin: 20px 0 0; padding-left: 14px; border-left: 1px solid var(--line); color: var(--muted); }
p { color: var(--body); }
ul { padding-left: 22px; }
li { margin: 10px 0; color: var(--body); }
code { color: var(--muted); font: 12px var(--mono); white-space: nowrap; }
.photo-space { position: relative; height: 210px; margin-top: 35px; border: 1px solid #e5dfd3; background: linear-gradient(145deg, #f5f0e7, #eae1d2 62%, #f3eee5); }
.photo-space span { position: absolute; left: 18px; bottom: 15px; color: #8a8072; font-size: 11px; letter-spacing: .13em; text-transform: uppercase; }
.raw-link { margin-top: 55px; font-size: 13px; }
@media (max-width: 640px) { .agent-header, .markdown { width: min(100% - 36px, 560px); } .agent-header { padding-top: 30px; } }
@media (max-width: 380px) { .agent-header { align-items: flex-start; } .agent-header h1 { font-size: 21px; } .agent-header nav { padding-top: 5px; } }