.oek-demo{padding-block:72px 0}.oek-demo-heading{display:flex;align-items:end;justify-content:space-between;gap:28px}.oek-demo-heading h2{font-size:38px;line-height:1.2}.oek-demo-heading>a{display:block;flex:none;max-width:220px;line-height:1.6;text-decoration:underline;text-underline-offset:5px}.oek-demo-note{max-width:900px;color:var(--muted);margin-top:25px;font-size:16px}.oek-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:30px;padding-bottom:12px}.oek-tabs button{font:inherit;font-size:15px;line-height:1.4;min-height:48px;padding:12px 18px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:4px;cursor:pointer}.oek-tabs button[aria-selected=true]{background:var(--ink);color:white;border-color:var(--ink)}.oek-tabs button:hover{border-color:var(--ink)}.oek-tabs button:focus-visible{outline:3px solid #2874e0;outline-offset:3px}.oek-frame-shell{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:white}.oek-frame-shell iframe{display:block;width:100%;height:780px;border:0;background:white}.oek-frame-hint{font-size:14px;color:var(--muted);margin-top:14px}@media(max-width:900px){.oek-demo-heading{display:block}.oek-demo-heading>a{margin-top:22px;max-width:none}.oek-frame-shell iframe{height:720px}}@media(max-width:600px){.oek-demo{padding-top:44px}.oek-demo-heading h2{font-size:29px}.oek-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.oek-tabs button{font-size:14px;padding:10px}.oek-frame-shell iframe{height:650px}.oek-demo-note{font-size:15px}}

body.oek{--ink:#202427;--accent:#a74413;--soft:#f4eee8;--line:#ddd6cf}.oek .work-button{background:#292b2c}.oek .work-button:hover{background:#a74413}