*{box-sizing:border-box}
body{margin:0;font:16px/1.55 Georgia,"Times New Roman",serif;color:#1f2a24;background:#f6f4ee}
a{color:#1b5e3b}
.wd-wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.wd-bar{background:#2b3138;color:#fff;font:15px/1.45 system-ui,Segoe UI,Arial,sans-serif;padding:12px 20px;display:flex;flex-wrap:wrap;gap:6px 24px;align-items:center;justify-content:space-between}
.wd-bar p{margin:0;max-width:60em}
.wd-bar a{color:#ffb000;font-weight:700}
.wd-head{background:#fff;border-bottom:4px solid #1b5e3b}
.wd-head .wd-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding-top:18px;padding-bottom:18px}
.wd-logo{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:.01em}
.wd-nav{display:flex;flex-wrap:wrap;gap:4px 22px}
.wd-nav a{text-decoration:none;font-weight:700;font-family:system-ui,Segoe UI,Arial,sans-serif;font-size:.95rem}
.wd-hero{padding:48px 0 28px;max-width:40em}
.wd-hero h1{font-size:2.4rem;line-height:1.1;margin:0 0 12px}
.wd-hero p{font-size:1.1rem;margin:0}
.wd-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:40px;padding:12px 0 40px;align-items:start}
.wd-cols h2,.wd-code h2{font-size:1.35rem;margin:0 0 10px}
.wd-widget{background:#fff;border:1px solid #d9d5c8;border-radius:6px;padding:18px}
.wd-widget iframe{display:block;width:100%;background:#fff}
.wd-note{font-size:.9rem;color:#5b655f;margin:10px 0 0}
.wd-code{padding:0 0 48px}
.wd-code pre{background:#fff;border:1px solid #d9d5c8;border-radius:6px;padding:14px;overflow-x:auto;font:.9rem/1.5 ui-monospace,Consolas,monospace}
.wd-foot{background:#1f2a24;color:#cfd6d1;font-family:system-ui,Segoe UI,Arial,sans-serif;font-size:.9rem;padding:22px 0}
.wd-foot p{margin:0}
@media (max-width:820px){.wd-cols{grid-template-columns:1fr;gap:24px}.wd-hero{padding:32px 0 20px}.wd-hero h1{font-size:1.8rem}}