#pet-example-dialog{border:1px solid #bfcebd;border-radius:16px;width:min(500px,calc(100% - 32px));padding:30px;color:#254d39;background:#fffffc;font:14px/1.8 'DM Sans',sans-serif;max-height:90dvh;overflow:auto}#pet-example-dialog::backdrop{background:#142d268a}#pet-example-dialog h2{font-size:25px;margin:10px 0 16px}#pet-example-dialog>p{font-size:12px;color:#536653}#pet-example-dialog form{display:grid;gap:16px;margin-top:24px}#pet-example-dialog label{display:grid;gap:7px;font-size:12px}#pet-example-dialog input,#pet-example-dialog select{padding:12px;border:1px solid #b8cbb8;background:#fff;color:#254d39;font:inherit;min-height:44px;border-radius:6px}#pet-example-dialog button,#pet-local-examples button{min-height:44px;padding:10px 15px;border:1px solid #52775b;background:#436c4e;color:white;border-radius:6px;font:600 12px 'DM Sans',sans-serif}#pet-example-dialog .pet-close{float:right;background:transparent;color:#254d39;font-size:20px}#pet-local-examples{padding:24px;margin-top:24px;border:1px solid #b9cfb7;background:#f5f9ef;border-radius:12px;color:#254d39}#pet-local-examples h2{font-size:22px}#pet-local-examples>p{font-size:12px;margin-block:12px 24px}#pet-local-examples article{display:flex;gap:24px;align-items:center;justify-content:space-between;padding-block:12px;border-top:1px solid #c8d6c4;font-size:13px}#pet-example-dialog :focus-visible,#pet-local-examples button:focus-visible{outline:3px solid #886034;outline-offset:4px}@media(max-width:600px){#pet-local-examples article{align-items:start;flex-direction:column;gap:12px}}