:root{--paper:oklch(0.975 0.012 82);--paper-2:oklch(0.955 0.018 80);--paper-3:oklch(0.925 0.022 78);--line:oklch(0.88 0.020 78);--line-soft:oklch(0.92 0.015 78);--ink:oklch(0.24 0.020 65);--ink-2:oklch(0.36 0.022 62);--ink-3:oklch(0.52 0.018 65);--ink-mute:oklch(0.62 0.014 70);--terracotta:oklch(0.62 0.13 42);--eucalyptus:oklch(0.62 0.13 155);--amber:oklch(0.78 0.13 75);--sage:oklch(0.78 0.06 130);--dusty-rose:oklch(0.78 0.06 30);--terracotta-soft:oklch(0.92 0.04 42);--eucalyptus-soft:oklch(0.92 0.04 155);--amber-soft:oklch(0.94 0.05 80);--serif:"Fraunces","Iowan Old Style",Georgia,serif;--sans:"Inter",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono","SFMono-Regular",monospace;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:22px;--shadow-sm:0 1px 0 rgba(60,50,35,0.04),0 1px 2px rgba(60,50,35,0.05);--shadow-md:0 1px 0 rgba(60,50,35,0.04),0 6px 18px rgba(60,50,35,0.07);--shadow-lg:0 1px 0 rgba(60,50,35,0.05),0 22px 44px rgba(60,50,35,0.10)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";min-height:100vh;background-image:radial-gradient(rgba(120,90,60,.035) 1px,transparent 0),radial-gradient(rgba(120,90,60,.025) 1px,transparent 0);background-size:3px 3px,7px 7px;background-position:0 0,1px 2px}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;color:inherit}.app{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.rail{border-right:1px solid var(--line);background:var(--paper-2);padding:22px 18px;display:flex;flex-direction:column;gap:28px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--amber),var(--terracotta) 70%);box-shadow:inset 0 -2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.1);position:relative}.brand-mark:after{content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.5),transparent 50%)}.brand-name{font-family:var(--serif);font-weight:500;font-size:22px;letter-spacing:-.02em}.brand-sub{font-size:11px;letter-spacing:.08em;margin-top:1px}.brand-sub,.rail-section-label{color:var(--ink-mute);text-transform:uppercase}.rail-section-label{font-size:10.5px;letter-spacing:.14em;padding:0 8px 8px;border-bottom:1px dashed var(--line);margin-bottom:8px}.rail-nav{display:flex;flex-direction:column;gap:2px}.rail-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-md);color:var(--ink-2);text-decoration:none;font-size:14px;font-weight:500;border:1px solid transparent;transition:background .12s}.rail-link:hover{background:var(--paper-3)}.rail-link.active{background:var(--paper);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-sm)}.rail-link .dot{width:6px;height:6px;border-radius:50%;background:var(--ink-mute)}.rail-link.active .dot{background:var(--terracotta)}.rail-foot{margin-top:auto;padding:12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);font-size:12.5px;color:var(--ink-3);line-height:1.5}.rail-foot strong{color:var(--ink);display:block;font-weight:600;margin-bottom:2px}.main{padding:28px 40px 60px;max-width:1280px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:22px;margin-bottom:28px;border-bottom:1px solid var(--line)}.eyebrow{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--terracotta);font-weight:600;margin-bottom:6px}h1{font-family:var(--serif);font-weight:400;font-size:40px;letter-spacing:-.025em;margin:0 0 6px;line-height:1.05}h1 em{font-style:italic;color:var(--ink-2);font-weight:300}.page-sub{color:var(--ink-3);max-width:560px;line-height:1.55;font-size:14.5px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--r-md);font-size:13.5px;font-weight:500;border:1px solid var(--line);background:var(--paper);color:var(--ink);transition:all .12s}.btn:hover{background:var(--paper-3)}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.primary:hover{background:var(--ink-2)}.btn.accent{background:var(--terracotta);color:var(--paper);border-color:var(--terracotta)}.btn.accent:hover{filter:brightness(1.05)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--paper-3)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-sm)}.card.flat{box-shadow:none}.section-title{font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:-.015em;margin:0 0 4px}.section-sub{font-size:13px;color:var(--ink-3);margin:0 0 18px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--ink-2)}.field-hint{font-size:12.5px;color:var(--ink-mute)}.input,.select,.textarea{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;font-size:14px;color:var(--ink);transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--terracotta);box-shadow:0 0 0 3px var(--terracotta-soft)}.textarea{min-height:80px;resize:vertical;line-height:1.5;font-family:inherit}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--line);background:var(--paper);color:var(--ink-2)}.pill .pill-dot{width:6px;height:6px;border-radius:50%;background:var(--terracotta)}.row{display:flex;gap:12px;align-items:center}.between{justify-content:space-between}.muted{color:var(--ink-mute)}.mono{font-family:var(--mono);font-size:12px;letter-spacing:0}.dashed-divider{border:none;border-top:1px dashed var(--line);margin:18px 0}