.method-launcher{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 18px;padding:12px 16px;background:#183744;border:1px solid #4a6974;border-radius:12px;color:#e7f3f2}
.method-launcher[hidden],.method-modal[hidden]{display:none!important}
.method-launcher>div{display:grid;gap:5px}.method-launcher strong{font-size:11px;letter-spacing:1.1px;color:#e6c796}.method-launcher small{font-size:11px;color:#a9c0cb}
.method-open{background:#d8bc88;border:1px solid #e8d4ad;color:#152731;font-size:11px;font-weight:850;border-radius:9px;padding:12px 15px;cursor:pointer;white-space:nowrap}
.method-open:hover,.method-open:focus-visible{background:#f1d9a5;outline:2px solid #fff3}
.method-modal{position:fixed;inset:0;z-index:99999;background:rgba(2,12,19,.88);display:flex;align-items:center;justify-content:center;padding:18px}
body.method-opened{overflow:hidden}.method-window{width:min(1180px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#102833;border:1px solid #56717a;border-radius:16px;box-shadow:0 30px 90px #000a;padding:18px 22px;color:#eaf3f4}
.method-titlebar{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:15px}.method-eyebrow{font-size:10px;color:#dbbf8e;font-weight:800;letter-spacing:1.8px}.method-titlebar h2{font-size:20px;margin:6px 0 0;line-height:1.25}.method-close{background:#284958;color:#f1f7f8;border:1px solid #63808d;border-radius:9px;font-size:20px;width:39px;height:39px;cursor:pointer}
.method-carousel{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px}.method-slide-shell{width:100%;aspect-ratio:16/9;overflow:hidden;background:white;border-radius:8px;border:2px solid #68838e;position:relative}.method-frame{width:1280px;height:720px;position:absolute;left:0;top:0;border:0;transform-origin:top left;background:#fff}.method-arrow{background:#254454;border:1px solid #68828b;border-radius:9px;color:#e4eef1;height:56px;font-size:33px;cursor:pointer}.method-arrow:hover,.method-arrow:focus-visible{background:#3a6271}
.method-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin:14px 40px 0}.method-position{font-size:11px;color:#d6c69e;white-space:nowrap;font-weight:700}.method-dots{display:flex;gap:5px}.method-dots button{cursor:pointer;background:#254552;border:1px solid #54707b;color:#c6d7dd;border-radius:6px;min-width:27px;height:29px;font-size:10px}.method-dots button[aria-current="step"]{background:#dfc28a;color:#162b35;border-color:#f2dcb1;font-weight:800}.method-toolbar a{color:#e9d09a;font-size:10px;font-weight:800;text-decoration:none}.method-toolbar a:hover{text-decoration:underline}.method-footnote{font-size:10px;color:#9eb5bf;margin:16px 40px 2px;line-height:1.5}
@media(max-width:680px){.method-launcher{flex-direction:column;align-items:stretch}.method-open{width:100%}.method-modal{padding:5px}.method-window{padding:12px 7px;border-radius:9px;max-height:calc(100vh - 10px)}.method-titlebar{padding:0 6px}.method-titlebar h2{font-size:13px}.method-eyebrow{font-size:8px}.method-carousel{grid-template-columns:19px minmax(0,1fr) 19px;gap:2px}.method-arrow{font-size:23px;height:40px;padding:0}.method-slide-shell{border-width:1px}.method-toolbar{margin:13px 8px 0;justify-content:center}.method-dots{order:3;width:100%;justify-content:center}.method-footnote{margin:12px 8px 0}}