:root{--bg:#fff8ed;--paper:#fffdf8;--ink:#2b2116;--muted:#6f5b45;--brand:#d97706;--brand2:#f59e0b;--line:#f2d6ad;--code:#1f2937;--codeText:#f8fafc;--soft:#fff1d6;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}.wrap{max-width:1100px;margin:auto;padding:24px}.hero{background:linear-gradient(135deg,#fff7e6,#ffe6b8);border-bottom:1px solid var(--line)}.hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.05;margin:0 0 12px}.hero p{font-size:1.1rem;color:var(--muted);max-width:850px}.badge{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;color:#92400e;font-weight:700;margin-bottom:12px}.adbox{border:1px dashed #d6a24b;background:#fffaf0;padding:14px;border-radius:14px;text-align:center;color:#7c4a03;margin:18px 0}.toc{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px;margin:22px 0;box-shadow:0 8px 30px rgba(146,64,14,.08)}.toc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.toc a{text-decoration:none;color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;padding:7px 10px;border-radius:9px;font-weight:700}.toc a:hover{background:#ffedd5}.section-title{font-size:2rem;margin-top:32px}.note{background:#fff7ed;border-left:6px solid var(--brand);padding:16px 18px;border-radius:12px;margin:20px 0}.keyword{background:var(--paper);border:1px solid var(--line);border-radius:18px;margin:18px 0;padding:20px;box-shadow:0 6px 24px rgba(146,64,14,.07)}.keyword h3{margin:0 0 6px;font-size:1.6rem;color:#9a3412}.tag{display:inline-block;background:var(--soft);border:1px solid #fed7aa;border-radius:999px;padding:3px 9px;font-size:.85rem;color:#7c2d12;font-weight:700}.theory{margin:12px 0}.examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.example{background:#fff;border:1px solid #f3d6ae;border-radius:14px;overflow:hidden}.example b{display:block;background:#fff4df;padding:8px 12px;color:#7c2d12}pre{margin:0;background:var(--code);color:var(--codeText);padding:14px;overflow:auto;font-size:.92rem;line-height:1.55}code{font-family:Consolas,Monaco,'Courier New',monospace}.mini-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.mini-table th,.mini-table td{border:1px solid var(--line);padding:10px;text-align:left}.mini-table th{background:#fff1d6}.footer{text-align:center;color:var(--muted);padding:28px}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.btn{border:0;background:var(--brand);color:#fff;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer;text-decoration:none}.btn.secondary{background:#78350f}@media print{.buttons,.adbox{display:none}.keyword{break-inside:avoid}body{background:#fff}.hero{background:#fff}}