.madp-layout-examples-open{overflow:hidden}
.madp-layout-examples{box-sizing:border-box;width:min(1100px,calc(100vw - 32px));max-width:none;max-height:90vh;padding:0;border:1px solid #dce5ec;border-radius:16px;background:#fff;color:#17233f;box-shadow:0 24px 90px #07132655;font:14px/1.5 Sintony,Arial,sans-serif}
.madp-layout-examples::backdrop{background:#12213bbb;backdrop-filter:blur(3px)}
.madp-layout-examples[open]{display:flex;flex-direction:column}
.madp-layout-examples__header{display:flex;gap:20px;align-items:flex-start;padding:24px 28px 18px;border-bottom:1px solid #e3eaf0;flex:none}
.madp-layout-examples__header small{color:#008978;font-size:10px;letter-spacing:.12em;font-weight:700}
.madp-layout-examples h2{font:700 24px/1.3 Sintony,Arial,sans-serif;margin:5px 0 8px;color:#17233f}
.madp-layout-examples p{margin:0;color:#566781}.madp-layout-examples__header p{font-size:12px}
.madp-layout-examples__close{margin-left:auto!important;flex:none;font-size:26px!important;padding:0 10px!important}
.madp-layout-examples__body{padding:20px 28px;overflow:auto;min-height:0}
.madp-layout-examples__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.madp-layout-example{min-width:0;border:1px solid #dce5ec;border-radius:10px;overflow:hidden;background:#fff}
.madp-layout-example__preview{display:flex;align-items:center;justify-content:center;background:#f0f3f6;padding:12px;height:280px;box-sizing:border-box}
.madp-layout-example__preview img{width:100%;height:100%;object-fit:contain}.madp-layout-example__preview img[hidden]{display:none}
.madp-layout-example h3{margin:12px 14px 8px;font:700 15px/1.4 Sintony,Arial,sans-serif;color:#17233f}
.madp-layout-example__actions{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:0 14px 14px}
.madp-layout-example a{color:#007d6d;font-size:12px;text-decoration:none}.madp-layout-example a:hover{text-decoration:underline}
.madp-layout-examples button,.madp-layout-examples-trigger{border:1px solid #bacbd9!important;border-radius:7px!important;background:#fff!important;color:#17233f!important;padding:8px 13px!important;cursor:pointer;font:700 12px/1.5 Sintony,Arial,sans-serif!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;white-space:normal}
.madp-layout-examples button:hover,.madp-layout-examples-trigger:hover{background:#e8f8f3!important;color:#065e51!important;border-color:#008d79!important}
.madp-layout-examples button:focus-visible,.madp-layout-examples a:focus-visible,.madp-layout-examples-trigger:focus-visible{outline:3px solid #22baa2;outline-offset:3px}
.madp-layout-examples__footer{display:flex;justify-content:flex-end;border-top:1px solid #e3eaf0;padding:16px 28px;flex:none;background:#fff}
.madp-layout-examples-control{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.madp-layout-examples-control small{color:#536780;font-size:12px}
.madp-layout-examples-inline{display:inline}
.madp-layout-examples-inline .madp-layout-examples-trigger,.madp-layout-examples-inline .madp-layout-examples-trigger:hover{display:inline!important;width:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;font:inherit!important;text-decoration:underline;text-underline-offset:3px;vertical-align:baseline}
@media(max-width:760px){.madp-layout-examples__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.madp-layout-examples__header,.madp-layout-examples__body,.madp-layout-examples__footer{padding:16px}.madp-layout-examples h2{font-size:20px}}
@media(max-width:480px){.madp-layout-examples__grid{grid-template-columns:minmax(0,1fr)}.madp-layout-examples{width:calc(100vw - 16px);max-height:94vh}.madp-layout-examples__footer{gap:8px}.madp-layout-example__preview{height:310px}}