:root{--main-color: #ff8474;--main-color-light: rgba(255, 132, 116, .1);--black: #1a1a1a;--text-body: #374151;--text-muted: #6b7280;--white: #ffffff;--surface: #f9fafb;--border: #e5e7eb;--light-pink: #ffdad5;--font-sans: "Onest", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;--content-width: 720px;--wide-width: 1080px;--site-width: 1200px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{background:var(--white);color:var(--text-body);font-family:var(--font-sans);font-size:1rem;line-height:1.6}a{color:var(--main-color);text-decoration:none;transition:color .2s ease}a:hover{color:#e5655a}img{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.site-header .inner{max-width:var(--site-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 max(1.25rem,4vw);height:64px}.site-header .brand{display:flex;align-items:center;gap:.6rem;color:var(--black);font-weight:700;font-size:1.1rem;letter-spacing:-.01em}.site-header .brand:hover{color:var(--black);text-decoration:none}.site-header .brand img{width:32px;height:32px;border-radius:8px}.site-header nav{display:flex;align-items:center;gap:2rem}.site-header nav a{color:var(--text-muted);font-size:.925rem;font-weight:500;transition:color .2s ease}.site-header nav a:hover{color:var(--black);text-decoration:none}.site-main{max-width:var(--content-width);margin:0 auto;padding:max(3rem,6vmin) max(1.25rem,4vw)}.site-main.wide{max-width:var(--wide-width)}.site-footer{margin-top:max(4rem,8vmin);border-top:1px solid var(--border);background:var(--surface)}.site-footer .inner{max-width:var(--site-width);margin:0 auto;padding:2.5rem max(1.25rem,4vw);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-footer .copyright{color:var(--text-muted);font-size:.85rem}.site-footer nav{display:flex;gap:1.5rem}.site-footer nav a{color:var(--text-muted);font-size:.85rem;font-weight:500}.site-footer nav a:hover{color:var(--black);text-decoration:none}h1,h2,h3,h4{color:var(--black);font-family:var(--font-sans);line-height:1.15;letter-spacing:-.02em;font-weight:700}h1{font-size:clamp(2rem,5vw,2.75rem);margin-bottom:.75rem}h2{font-size:clamp(1.5rem,3.5vw,2rem);margin-top:2.5rem;margin-bottom:.75rem}h3{font-size:clamp(1.2rem,2.5vw,1.5rem);margin-top:2rem;margin-bottom:.5rem}article.prose{font-family:var(--font-serif);font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.72;color:var(--text-body)}article.prose h1,article.prose h2,article.prose h3{font-family:var(--font-sans)}article.prose p{margin-bottom:max(1.5rem,3vmin)}article.prose a{color:var(--main-color);text-decoration:underline;text-decoration-color:#ff84744d;text-underline-offset:2px;transition:text-decoration-color .2s ease}article.prose a:hover{text-decoration-color:var(--main-color)}article.prose ul,article.prose ol{margin-bottom:max(1.5rem,3vmin);padding-left:1.5rem}article.prose li{margin-bottom:.5rem}article.prose blockquote{border-left:3px solid var(--main-color);padding-left:1.25rem;margin:max(2rem,4vmin) 0;font-style:italic;color:var(--text-muted)}article.prose img{border-radius:12px;margin:max(2rem,4vmin) 0}article.prose pre{background:var(--black);color:#e5e7eb;padding:1.25rem 1.5rem;border-radius:10px;overflow-x:auto;font-size:.9rem;line-height:1.5;margin:max(2rem,4vmin) 0}article.prose code{background:var(--surface);border:1px solid var(--border);padding:.15em .4em;border-radius:4px;font-size:.88em}article.prose pre code{background:none;border:none;padding:0;border-radius:0;font-size:inherit}article.prose hr{border:none;border-top:1px solid var(--border);margin:max(2.5rem,5vmin) 0}article.prose strong{color:var(--black);font-weight:600}@media(max-width:768px){.site-header .inner{height:56px}.site-header nav{gap:1.25rem}.site-footer .inner{flex-direction:column;text-align:center}}
