:root {
  --bg:#f7f5f1; --panel:#fff; --text:#222; --muted:#666; --accent:#875e29;
  --accent-light:#f0e8dc; --border:#ded8cf; --sidebar:#2f2a25; --sidebar-hover:#51483f;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.55}
.layout{display:flex;min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:280px;overflow-y:auto;padding:28px 20px;background:var(--sidebar);color:#fff}
.sidebar h1{margin:0 0 6px;font-size:1.2rem;line-height:1.25}.sidebar .subtitle{margin:0 0 14px;color:#d9d2ca;font-size:.88rem}
.search{width:100%;padding:10px;margin:0 0 14px;border-radius:6px;border:1px solid #6a5f54;background:#fff;color:#222}.search:focus{outline:2px solid #c8a875;outline-offset:2px}
.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar a{display:block;padding:7px 10px;border-radius:6px;color:#f5f1eb;text-decoration:none;font-size:.93rem}.sidebar a:hover,.sidebar a:focus{background:var(--sidebar-hover)}.sidebar a.active{background:var(--accent);color:#fff}
.content{width:calc(100% - 280px);margin-left:280px;padding:42px 48px 70px}.intro{max-width:950px;margin-bottom:34px}.intro h2{margin:0 0 8px;font-size:2rem}.intro p{margin:0;color:var(--muted)}
section{max-width:1050px;margin:0 0 40px;scroll-margin-top:24px}section h3{margin:0 0 5px;font-size:1.55rem;color:var(--accent)}.lead{margin:0 0 14px;color:var(--muted);font-style:italic}
.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.035)}table{width:100%;border-collapse:collapse;font-size:.96rem}th,td{padding:11px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}th{background:#f3efe9;font-weight:650}tr:last-child td{border-bottom:none}.star{color:var(--accent);font-weight:700}.notes{margin-top:17px;padding:15px 17px;background:var(--accent-light);border-left:4px solid var(--accent);border-radius:5px}.notes strong{color:var(--accent)}.example{margin:13px 0 0;padding:12px 14px;background:#faf9f7;border-left:3px solid #c8bba9}.example em{color:#49433d}.footer{max-width:1050px;margin-top:52px;padding-top:18px;border-top:1px solid var(--border);color:var(--muted);font-size:.88rem}.empty{color:var(--muted);font-style:italic}
@media(max-width:800px){.layout{display:block}.sidebar{position:relative;width:100%;max-height:42vh}.content{width:100%;margin-left:0;padding:26px 18px 50px}.sidebar nav{display:block}.sidebar a{display:inline-block;margin:2px 3px 2px 0}table{display:block;overflow-x:auto}}