:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18312a;background:#f2f0e8;line-height:1.65}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}
.shell{display:grid;grid-template-columns:19rem minmax(0,1fr);min-height:100vh}
.sidebar{padding:1.25rem;background:#12372a;color:#f7f2df;position:sticky;top:0;height:100vh;overflow:auto}
.brand{font-size:1.2rem;font-weight:800;letter-spacing:.02em;margin-bottom:1rem}.brand small{display:block;font-size:.72rem;font-weight:500;opacity:.7}
.search{width:100%;border:1px solid #ffffff30;border-radius:.75rem;padding:.7rem .8rem;background:#ffffff12;color:white;outline:none}.search::placeholder{color:#ffffff90}
.nav{margin-top:1rem}.nav a{display:block;color:#f7f2df;text-decoration:none;padding:.48rem .6rem;border-radius:.55rem}.nav a:hover,.nav a.active{background:#ffffff18}
.nav-type{margin:1.15rem .6rem .25rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#dccb94}
.main{padding:3rem clamp(1.25rem,5vw,5rem);max-width:74rem;width:100%;margin:0 auto}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.menu{display:none}.vault-button,.lock-button{border:0;border-radius:999px;padding:.55rem .9rem;background:#c9572c;color:white;cursor:pointer}
article{background:#fffdf7;border:1px solid #ddd7c8;border-radius:1.2rem;padding:clamp(1.25rem,4vw,3.5rem);box-shadow:0 14px 40px #173a2710}
h1,h2,h3{line-height:1.2;color:#12372a}h1{font-size:clamp(2rem,5vw,3.5rem);margin:.2rem 0 1rem}h2{margin-top:2.2rem}
a{color:#a74626}.meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.6rem}.chip{font-size:.75rem;background:#e7efe8;padding:.22rem .55rem;border-radius:999px}.stale{background:#fee1d5;color:#8b2f14}
.citation{font-size:.72rem;vertical-align:super;text-decoration:none}.backlinks{margin-top:3rem;border-top:1px solid #ddd7c8;padding-top:1rem}.empty{opacity:.65}
.vault-panel{background:#fffdf7;border:1px solid #ddd7c8;border-radius:1.2rem;padding:2rem;max-width:40rem}.vault-form{display:flex;gap:.6rem}.vault-form input{min-width:0;flex:1;padding:.7rem;border:1px solid #aaa;border-radius:.6rem}.vault-list button{display:block;width:100%;text-align:left;background:white;border:1px solid #ddd7c8;border-radius:.7rem;padding:.8rem;margin:.5rem 0;cursor:pointer}
.notice{padding:.75rem 1rem;background:#fff1c7;border-left:4px solid #d39e2d;margin:1rem 0}.error{color:#a12c1c}
@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;z-index:10;width:min(88vw,20rem);transform:translateX(-105%);transition:transform .2s}.sidebar.open{transform:none}.main{padding:1rem}.menu{display:inline-block;border:0;background:transparent;font-size:1.3rem}.topbar{margin-bottom:1rem}article{border-radius:.9rem;padding:1.2rem}}