.example-trigger{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:25px;height:25px;padding:0;margin-left:4px;border:1px solid #bbcbbb;border-radius:50%;background:#edf3ed;color:#214f3b;font-size:17px;cursor:pointer}.example-trigger:hover{background:#dce9dc}.example-trigger:focus-visible{outline:3px solid #dc9025;outline-offset:3px}#example-dialog{width: min(960px,94vw);max-width:960px;max-height:90vh;padding:0;overflow:auto;background:#faf9f4;color:#27352e}#example-dialog.map-example{max-width:540px}.example-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 22px;border-bottom:1px solid #ddd;position:sticky;top:0;background:#faf9f4;z-index:2}.example-bar strong{font-size:14px}.example-close{border:1px solid #cbd4c9;border-radius:50%;width:34px;height:34px;background:white;font-size:22px;cursor:pointer}.example-content{padding:22px}.sample-image{height:180px;background:linear-gradient(160deg,#d8e4cf,#a4bb91);display:grid;place-items:center;color:#36513a;text-align:center;font-size:14px}.sample-image span{border:1px solid #789477;padding:12px 20px;border-radius:8px}.sample-card{background:white;border:1px solid #d8dfd4;border-radius:10px;overflow:hidden;box-shadow:0 12px 28px #263d2214}.sample-body{padding:22px}.sample-body h3,.sample-profile h3{font:700 27px/1.2 Georgia,serif;margin:0 0 8px}.sample-meta{color:#58695e;font-size:14px}.sample-tags{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.sample-tags span{background:#edf3e9;border-radius:20px;padding:5px 10px;font-size:12px}.sample-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;font-size:14px}.sample-facts small{display:block;color:#657567}.sample-actions{display:flex;gap:9px;flex-wrap:wrap}.sample-actions span{background:#214f3b;color:white;padding:9px 16px;border-radius:6px;font-size:13px}.example-caption{font-size:13px;color:#5b685e;margin:16px 0 0}.sample-profile .sample-image{height:220px;border-radius:8px}.sample-profile .sample-body{padding:22px 0}.sample-columns{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}.sample-panel{background:white;border:1px solid #dedfd4;border-radius:8px;padding:20px;margin-bottom:16px}.sample-panel h4{font:700 21px Georgia,serif;margin:0 0 12px}.sample-panel p{font-size:14px;color:#506154}.sample-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.sample-gallery div{padding:22px 5px;background:#e0e9d9;border-radius:5px;text-align:center;font-size:12px;color:#4c644a}.sample-website{color:#214f3b;text-decoration:underline}@media(max-width:620px){.sample-columns{grid-template-columns:1fr}.example-content{padding:15px}}.example-trigger{width:20px;height:20px;font-size:14px;margin-left:3px;border:0;border-radius:0;background:transparent}.example-trigger:hover{background:transparent;color:#58755e}
#example-dialog{border:1px solid #d8ded4;border-radius:10px}#example-dialog::backdrop{background:#0006}

#example-dialog .example-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;min-height:0;padding:0;color:#214f3b;background:#fff;border:1px solid #a9b9ad;font:400 26px/1 Arial,sans-serif;box-shadow:none}#example-dialog .example-close:hover{color:#163c2b;background:#edf3ed;transform:none}#example-dialog .example-close:focus-visible{outline:2px solid #214f3b;outline-offset:3px}

.example-trigger{min-height:0;min-width:0;height:20px;width:20px;padding:0;line-height:1;vertical-align:-3px}.example-trigger svg{display:block;flex:none}.example-trigger:hover{transform:none}