.example-launch{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin:0 0 24px;background:white}.example-launch>div{flex:1;min-width:180px}.example-launch strong{font-size:16px}.example-launch p{margin:4px 0 0;font-size:14px;color:#647769}.example-launch a{text-decoration:none}.example-strip{padding:16px 30px;background:#153e32;color:#fff;display:flex;gap:24px;justify-content:space-between;align-items:center}.example-strip strong{display:block;font-size:18px}.example-strip span{display:block;margin:5px 0;font-size:16px}.example-strip small{font-size:14px;color:#c4d8ca}.example-strip nav{display:flex;flex-wrap:wrap;gap:10px}.example-strip a{color:white;border:1px solid #719786;padding:9px 13px;border-radius:7px;font-size:14px;text-decoration:none}.example-strip a:hover{background:#2c5746}.example-dialog{box-sizing:border-box;width:min(580px,calc(100% - 32px));max-height:90dvh;overflow:auto;padding:28px;border:0;border-radius:18px;background:#fff;color:#213f30;box-shadow:0 24px 100px #001b2044;font-family:inherit}.example-dialog::backdrop{background:#102f2866;backdrop-filter:blur(3px)}.example-dialog-top{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:14px;color:#647769}.example-dialog-top button{font-size:14px}.example-step{font-size:14px;text-transform:uppercase;letter-spacing:.09em;color:#5b7967;margin:30px 0 10px}.example-dialog h2{font-size:30px;line-height:1.2;letter-spacing:-.6px;font-weight:550;margin:0 0 16px}.example-dialog p{font-size:16px;line-height:1.65}.example-card{background:#f1f6f2;border:1px solid #d8e5dc;border-radius:12px;padding:20px;display:grid;gap:8px;margin:22px 0}.example-card strong{font-size:28px}.example-card small{font-size:14px}.example-actions{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 16px}.example-dialog .example-foot{font-size:14px;color:#647769}.example-launch a:focus-visible,.example-strip a:focus-visible,.example-dialog button:focus-visible{outline:3px solid #9ac9b3;outline-offset:3px}@media(max-width:700px){.example-strip{padding:16px;align-items:flex-start;flex-direction:column;gap:14px}.example-dialog{padding:22px}.example-dialog h2{font-size:26px}.example-launch{padding:16px}.example-actions .btn{width:100%}}