.wp { max-width: 52rem; margin: 0 auto; padding: 0 1.25rem; }
    .wp h2 { font-family: 'Playfair Display', Georgia, serif; font-size: 1.7rem; font-weight: 700; color: #103b27; margin: 2.6rem 0 .5rem; letter-spacing: -.01em; }
    .wp h3 { font-family: "Space Grotesk", sans-serif; font-size: 1.05rem; font-weight: 700; color: #1a6e41; margin: 1.4rem 0 .4rem; }
    .wp p, .wp li { color: rgba(24,87,55,.82); line-height: 1.7; }
    .wp p { margin: .6rem 0; }
    .wp ul { margin: .5rem 0 .5rem 1.1rem; list-style: disc; }
    .wp li { margin: .3rem 0; }
    .wp strong { color: #103b27; }
    .wp a { color: #1a6e41; text-decoration: underline; }
    .wp code { font-family: "Space Grotesk", ui-monospace, monospace; background: rgba(47,163,98,.1); padding: .1rem .35rem; border-radius: .3rem; font-size: .9em; word-break: break-all; }
    .wp table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .92rem; }
    .wp th, .wp td { border: 1px solid rgba(47,163,98,.2); padding: .55rem .7rem; text-align: left; color: rgba(24,87,55,.85); }
    .wp th { background: rgba(47,163,98,.09); font-family: "Space Grotesk", sans-serif; color: #103b27; }
    .wp-scroll { overflow-x: auto; }
    .wp-notice { margin: 1.5rem 0; padding: 1.2rem 1.4rem; border-radius: 1rem; background: rgba(233,173,42,.1); border: 1px solid rgba(233,173,42,.4); }
    .wp-notice p, .wp-notice li { color: #6b4a12; }
    .wp-notice strong { color: #5f3812; }
    .wp-lead { font-size: 1.05rem; color: rgba(24,87,55,.75); }

    /* ---- dark theme ---- */
    html[data-theme="dark"] .wp h2 { color: #eaf6ee; }
    html[data-theme="dark"] .wp h3 { color: #7fd4a0; }
    html[data-theme="dark"] .wp p,
    html[data-theme="dark"] .wp li { color: rgba(214,236,222,.88); }
    html[data-theme="dark"] .wp-lead { color: rgba(224,242,231,.9); }
    html[data-theme="dark"] .wp strong { color: #eaf6ee; }
    html[data-theme="dark"] .wp a { color: #7fd4a0; }
    html[data-theme="dark"] .wp code { background: rgba(127,212,160,.14); color: #cfe9db; }
    html[data-theme="dark"] .wp th,
    html[data-theme="dark"] .wp td { border-color: rgba(127,212,160,.22); color: rgba(214,236,222,.88); }
    html[data-theme="dark"] .wp th { background: rgba(127,212,160,.1); color: #eaf6ee; }
    html[data-theme="dark"] .wp-notice {
      background: rgba(240,198,94,.09);
      border-color: rgba(240,198,94,.35);
    }
    html[data-theme="dark"] .wp-notice p,
    html[data-theme="dark"] .wp-notice li { color: #f3ddb0; }
    html[data-theme="dark"] .wp-notice strong { color: #f0c65e; }