:root{font-family:Georgia,serif;color:#25221e;background:#f5f0e8}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;max-width:960px;margin:0 auto;padding:32px 24px}header{display:flex;justify-content:space-between;gap:24px;align-items:baseline;border-bottom:1px solid #d8cfc2;padding-bottom:18px}.brand{color:inherit;text-decoration:none;font-size:1.3rem}nav{display:flex;gap:18px;font:.85rem system-ui,sans-serif}nav a{color:#665e54;text-decoration:none}nav a.active{color:#9a5f31}main{padding:64px 0}.eyebrow{font:.75rem system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#9a5f31}input{width:100%;max-width:560px;margin:20px 0 28px;padding:13px 14px;border:1px solid #d8cfc2;background:#fbf8f3;font:1rem system-ui,sans-serif}.article-list{display:grid;gap:10px;max-width:720px}.article-list a{display:flex;justify-content:space-between;gap:20px;padding:18px;color:inherit;text-decoration:none;border:1px solid #d8cfc2;background:#fbf8f3}.article-list span{color:#766d62;font:.8rem system-ui,sans-serif}.article-body{max-width:720px;line-height:1.7}