:root{--color-bg: #faf6ef;--color-text: #2b2420;--color-muted: #6b5f52;--color-accent: #a8452a;--color-hairline: #e4dccc;--font-display: "Fraunces", Georgia, serif;--font-body: "Work Sans", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.5}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.page{max-width:860px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;min-height:100vh}.nav{display:flex;align-items:center;justify-content:space-between;padding:40px 0 24px;border-bottom:1px solid var(--color-hairline)}.nav-wordmark{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.nav-links{display:flex;gap:2rem;font-size:.9375rem}.nav-links a{color:var(--color-muted)}.hero{padding:56px 0 8px}.eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);font-weight:600}.hero h1{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.375rem);font-weight:600;line-height:1.1;margin:14px 0 0}.hero-subhead{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:1.25rem;line-height:1.5;color:#4a4038;max-width:36em;margin:18px 0 0}.writing{padding:56px 0 48px;flex-grow:1}.writing h2{font-family:var(--font-display);font-size:1.375rem;font-weight:600;margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid var(--color-hairline)}.post-list{list-style:none;margin:0;padding:0}.post-row{display:flex;gap:2rem;padding:26px 0;border-bottom:1px solid var(--color-hairline)}.post-date{flex-shrink:0;width:90px;font-size:.8125rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted);padding-top:4px}.post-title{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-accent)}.post-excerpt{margin:6px 0 0;font-size:.9375rem;color:var(--color-muted)}.muted{color:var(--color-muted)}.post{flex-grow:1;padding:48px 0}.back-link{display:inline-block;font-size:.875rem;color:var(--color-muted);margin-bottom:32px}.post-meta{font-size:.8125rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted)}.post h1{font-family:var(--font-display);font-size:clamp(1.875rem,4vw,2.75rem);font-weight:600;line-height:1.15;margin:10px 0 32px}.post-content{font-size:1.0625rem;line-height:1.75;max-width:42em}.post-content p{margin:0 0 1.25em}.footer{display:flex;justify-content:space-between;padding:24px 0 40px;border-top:1px solid var(--color-hairline);font-size:.8125rem;color:var(--color-muted)}@media (max-width: 600px){.post-row{flex-direction:column;gap:6px}.post-date{width:auto}}.write-signin{display:inline-block;margin-top:24px;padding:10px 20px;background:var(--color-accent);color:#fff;border-radius:6px;font-size:15px;font-weight:500}.write-signin:hover{text-decoration:none;opacity:.9}.write-form{padding:48px 0;flex-grow:1;display:flex;flex-direction:column;gap:16px}.write-form h1{font-family:var(--font-display);font-size:2rem;font-weight:600;margin:0}.write-error{color:var(--color-accent);font-size:.9375rem;margin:0}.write-field{display:flex;flex-direction:column;gap:6px;font-size:.875rem;color:var(--color-muted)}.write-field input{font-family:var(--font-body);font-size:1rem;color:var(--color-text);padding:10px 12px;border:1px solid var(--color-hairline);border-radius:6px;background:#fff}.write-tabs{display:flex;gap:8px;border-bottom:1px solid var(--color-hairline)}.write-tab{font-family:var(--font-body);font-size:.9375rem;color:var(--color-muted);background:none;border:none;padding:8px 4px;cursor:pointer;border-bottom:2px solid transparent}.write-tab-active{color:var(--color-text);border-bottom-color:var(--color-accent)}.write-textarea{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.9375rem;line-height:1.6;min-height:360px;padding:16px;border:1px solid var(--color-hairline);border-radius:6px;background:#fff;color:var(--color-text);resize:vertical}.write-preview{min-height:360px;padding:16px;border:1px solid var(--color-hairline);border-radius:6px}.write-publish{align-self:flex-start;font-family:var(--font-body);font-size:.9375rem;font-weight:500;padding:10px 24px;border:none;border-radius:6px;background:var(--color-accent);color:#fff;cursor:pointer}.write-publish:disabled{opacity:.5;cursor:not-allowed}
