:root{--clay-50: #faf6f0;--clay-100: #f2e9dc;--clay-200: #e6d5be;--sand-100: #f5efe4;--sand-200: #e9dfca;--moss-300: #a9b58a;--moss-500: #6b7f4e;--moss-600: #566a3d;--moss-700: #43532f;--terracotta-400: #d08a5f;--terracotta-500: #bf6b3f;--terracotta-600: #a3552e;--bark-500: #6f5b45;--bark-700: #4a3b2c;--bark-900: #2e241a;--color-bg: var(--clay-50);--color-surface: #fffdf8;--color-surface-alt: var(--sand-100);--color-border: #e2d6c2;--color-text: var(--bark-900);--color-text-muted: #7a6a58;--color-heading: var(--moss-700);--color-primary: var(--moss-600);--color-primary-hover: var(--moss-700);--color-primary-contrast: #fffdf8;--color-accent: var(--terracotta-500);--color-accent-hover: var(--terracotta-600);--color-accent-contrast: #fffdf8;--color-link: var(--terracotta-600);--color-link-hover: var(--moss-700);--color-danger: #a33a2a;--color-danger-bg: #f7e6e1;--color-success: var(--moss-600);--color-success-bg: #eaf0dd;--color-focus-ring: var(--terracotta-400);--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-serif: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--text-xs: .78rem;--text-sm: .9rem;--text-base: 1.05rem;--text-lg: 1.25rem;--text-xl: 1.6rem;--text-2xl: 2.15rem;--text-3xl: 2.9rem;--leading-tight: 1.2;--leading-normal: 1.65;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(46, 36, 26, .06);--shadow-md: 0 4px 14px rgba(46, 36, 26, .1);--shadow-lg: 0 12px 32px rgba(46, 36, 26, .14);--container-max: 72rem;--measure: 42rem;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--color-bg: #211b14;--color-surface: #2b2318;--color-surface-alt: #332a1d;--color-border: #43382a;--color-text: #f0e7d8;--color-text-muted: #b6a68f;--color-heading: #b9c79a;--color-primary: var(--moss-500);--color-primary-hover: var(--moss-300);--color-primary-contrast: #1c1710;--color-accent: var(--terracotta-400);--color-accent-hover: #e0a077;--color-accent-contrast: #1c1710;--color-link: #e2a37a;--color-link-hover: #c9d4ab;--color-danger: #e79683;--color-danger-bg: #3d271f;--color-success: var(--moss-300);--color-success-bg: #2c331d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:radial-gradient(circle at 12% 8%,rgba(107,127,78,.06),transparent 40%),radial-gradient(circle at 88% 0%,rgba(191,107,63,.05),transparent 45%);background-attachment:fixed;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--color-heading);line-height:var(--leading-tight);margin:0 0 var(--space-4);font-weight:600;letter-spacing:-.01em}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0 0 var(--space-4)}a{color:var(--color-link);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-link-hover);text-decoration:underline}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);border:1px solid transparent;background-color:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-sm);transition:background-color .15s ease,transform .05s ease,box-shadow .15s ease}button:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-border);box-shadow:none}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-alt);border-color:var(--color-primary)}.btn-accent{background-color:var(--color-accent);color:var(--color-accent-contrast)}.btn-accent:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-danger{background-color:transparent;color:var(--color-danger);border-color:var(--color-danger);box-shadow:none}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-bg)}label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}input[type=text],input[type=search],input[type=email],textarea{width:100%;font-family:inherit;font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color .15s ease,box-shadow .15s ease}input[type=text]:focus,input[type=search]:focus,input[type=email]:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6b7f4e33}textarea{min-height:12rem;resize:vertical;line-height:var(--leading-normal)}[aria-invalid=true]{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px #a33a2a2e!important}time{color:var(--color-text-muted);font-size:var(--text-sm)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.site-header{position:sticky;top:0;z-index:10;background-color:color-mix(in srgb,var(--color-surface) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--color-border)}.site-header__inner{max-width:var(--container-max);margin:0 auto;padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-serif);font-size:var(--text-lg);font-weight:600;color:var(--color-heading)}.brand:hover{text-decoration:none;color:var(--color-primary-hover)}.brand__mark{display:inline-flex;width:2.4rem;height:2.4rem;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--moss-500),var(--terracotta-500));color:#fffdf8;font-size:1.1rem}.site-nav{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.site-nav__link{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600}.site-nav__link:hover{text-decoration:none;color:var(--color-text);background-color:var(--color-surface-alt)}.site-nav__link--active{color:var(--color-primary-contrast);background-color:var(--color-primary)}.site-nav__link--active:hover{color:var(--color-primary-contrast);background-color:var(--color-primary-hover)}.site-main{flex:1;width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--space-8) var(--space-5)}.site-footer{border-top:1px solid var(--color-border);background-color:var(--color-surface-alt);color:var(--color-text-muted);font-size:var(--text-sm)}.site-footer__inner{max-width:var(--container-max);margin:0 auto;padding:var(--space-6) var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);justify-content:space-between}.view{animation:view-fade .25s ease both}@keyframes view-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.view__lede{color:var(--color-text-muted);font-size:var(--text-lg);max-width:var(--measure);margin-top:calc(-1 * var(--space-2))}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.feed{list-style:none;margin:var(--space-6) 0 0;padding:0;display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}.feed__item{margin:0}.feed__item .card{height:100%}.feed__item .card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--moss-300)}.feed__item h2{margin-bottom:var(--space-2);font-size:var(--text-lg)}.feed__item h2 a{color:var(--color-heading)}.feed__item h2 a:hover{color:var(--color-accent-hover);text-decoration:none}.byline{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-1)}.article{max-width:var(--measure)}.article__body{margin-top:var(--space-5);line-height:var(--leading-normal)}.article__body>:first-child{margin-top:0}.article__body h2,.article__body h3,.article__body h4{margin-top:var(--space-6);margin-bottom:var(--space-3)}.article__body p{margin:0 0 var(--space-4)}.article__body ul,.article__body ol{margin:0 0 var(--space-4) var(--space-5)}.article__body blockquote{margin:0 0 var(--space-4);padding-left:var(--space-4);border-left:3px solid var(--moss-300);color:var(--color-text-muted);font-style:italic}.article__body img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-4) 0}.article__body pre{background-color:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto}.article__meta{display:flex;gap:var(--space-3);align-items:baseline;flex-wrap:wrap;color:var(--color-text-muted);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.comments{max-width:var(--measure);margin-top:var(--space-8)}.comments__list{list-style:none;margin:0 0 var(--space-6);padding:0;display:grid;gap:var(--space-3)}.comment{background-color:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-4)}.comment__meta{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.form{max-width:var(--measure);display:grid;gap:var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.form__actions{display:flex;gap:var(--space-3);align-items:center}.prompt{background-color:var(--color-surface-alt);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);color:var(--color-text-muted);max-width:var(--measure)}.auth-buttons{display:grid;gap:var(--space-3);max-width:22rem;margin-top:var(--space-5)}.auth-buttons button{width:100%;padding:var(--space-4);font-size:var(--text-base)}.review-list{list-style:none;margin:var(--space-6) 0 0;padding:0;display:grid;gap:var(--space-5)}.review-list .card article{display:grid;gap:var(--space-2)}.review-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4)}.review-edit{display:grid;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}[role=status]{color:var(--color-text-muted)}.status-success{background-color:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-weight:600}[role=alert][data-error-code]{background-color:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:600}.empty-state{background-color:var(--color-surface-alt);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-5);text-align:center;color:var(--color-text-muted)}.load-more{display:block;margin:var(--space-6) auto 0}@media (max-width: 40rem){.site-main{padding:var(--space-6) var(--space-4)}h1{font-size:var(--text-2xl)}}.attestation{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.attestation__label{display:flex;gap:var(--space-3);align-items:flex-start;margin:0;font-weight:400;color:var(--color-text);line-height:var(--leading-normal);cursor:pointer}.attestation__label input[type=checkbox]{margin-top:.28rem;width:1.1rem;height:1.1rem;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.site-footer__meta{white-space:nowrap}.site-footer__meta a{color:var(--color-link);font-weight:600}.beta-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);background-color:var(--color-surface-alt);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm)}.beta-banner__text{margin:0;text-align:center}.beta-banner__badge{display:inline-block;margin-right:var(--space-2);padding:.05rem var(--space-2);border-radius:var(--radius-pill);background-color:var(--color-accent);color:var(--color-accent-contrast);font-size:var(--text-xs);font-weight:700;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle}.beta-banner__link{color:var(--color-link);font-weight:600}.beta-banner__dismiss{flex-shrink:0;background:transparent;border:none;box-shadow:none;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer}.beta-banner__dismiss:hover:not(:disabled){background-color:var(--color-border);color:var(--color-text);box-shadow:none}@media (max-width: 40rem){.beta-banner{padding:var(--space-2) var(--space-3);gap:var(--space-2)}}.form__label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--color-heading)}.tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0 0;padding:0}.tag-chip{display:inline-block;padding:.1rem var(--space-3);border-radius:var(--radius-pill);background-color:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;text-transform:capitalize}.tag-selector{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin:0}.tag-selector legend{font-weight:600;color:var(--color-heading);padding:0 var(--space-2)}.tag-selector__hint{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.tag-selector__options{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.tag-selector__option{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;font-weight:400;text-transform:capitalize;cursor:pointer}.tag-selector__option input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--color-primary);cursor:pointer}.rich-editor{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);overflow:hidden}.rich-editor__toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);background-color:var(--color-surface-alt);border-bottom:1px solid var(--color-border)}.rich-editor__tool{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.rich-editor__surface{min-height:12rem;padding:var(--space-4);line-height:var(--leading-normal);outline:none}.rich-editor__surface:focus-visible{box-shadow:inset 0 0 0 2px var(--color-primary)}.rich-editor__surface:empty:before{content:"Write your article…";color:var(--color-text-muted)}.rich-editor__surface img{max-width:100%;height:auto;border-radius:var(--radius-md)}.rich-editor__error{margin:0;padding:var(--space-2) var(--space-4)}.landing__actions{margin:var(--space-4) 0 var(--space-2)}.status-chip{display:inline-block;margin:0 0 var(--space-1);padding:.1rem var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.status-chip--published{background-color:var(--color-success-bg);color:var(--color-success)}.status-chip--submitted,.status-chip--approved{background-color:var(--color-surface-alt);color:var(--color-text-muted);border:1px solid var(--color-border)}.status-chip--denied{background-color:var(--color-danger-bg);color:var(--color-danger)}