.ds.ds-samples{max-width:1200px;margin:0 auto;padding:48px 24px 72px;color:#123d32}.ds-sample-intro{max-width:850px;margin-bottom:32px}.ds-sample-intro h1{font-size:clamp(30px,4vw,52px);line-height:1.13;margin:12px 0 20px}.ds-sample-intro p,.ds-sample-content p{line-height:1.7}.ds-sample-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:start}.ds-sample-content,.ds-sample-form{background:#fff;border:1px solid #dce3d8;border-radius:24px;padding:32px}.ds-sample-content{background:#f1f4ed}.ds-sample-content li{margin:14px 0}.ds-sample-content h2,.ds-sample-form h2{font-size:25px;line-height:1.25;margin:0 0 22px}.ds-sample-color{display:flex;align-items:center;gap:12px}.ds-sample-color span{height:40px;width:40px;background:#c5c7c4;border-radius:50%;border:1px solid #8b948c;flex-shrink:0}.ds-sample-form>label{display:block;font-weight:600;margin:0 0 18px}.ds-sample-form input:not([type=radio]):not([type=checkbox]),.ds-sample-form select{display:block;box-sizing:border-box;width:100%;min-height:48px;border:1px solid #9aa99e;background:#fff;border-radius:9px;padding:10px 12px;color:#123d32;font:inherit;margin-top:6px}.ds-sample-form input:focus-visible,.ds-sample-form select:focus-visible{outline:3px solid #17644d;outline-offset:2px}.ds-sample-form fieldset{border:1px solid #dce3d8;border-radius:12px;padding:16px;margin:0 0 20px}.ds-sample-form legend{font-weight:700;padding:0 5px}.ds-sample-choice{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:400}.ds-sample-choice input{width:20px;height:20px;accent-color:#194b3c;margin:0;flex-shrink:0}.ds-sample-note{font-size:14px;line-height:1.6;color:#526a5f}.ds-sample-form .ds-button{width:100%;white-space:normal;border:0;cursor:pointer;min-height:52px}.ds-sample-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.ds-sample-error{border-left:4px solid #aa3832;background:#fff2ee;padding:14px;color:#8b3029}.ds-sample-notice{background:#eff5ed;border-radius:24px;padding:32px}.ds.ds-sample-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1200px;margin:24px auto;padding:28px;background:#f1f4ed;border:1px solid #dce3d8;border-radius:20px;box-sizing:border-box}.ds-sample-callout h2{font-size:24px;line-height:1.25;margin:0 0 8px}.ds-sample-callout p{margin:0;line-height:1.6}.ds-sample-callout .ds-button{flex-shrink:0}@media(max-width:760px){.ds-sample-grid{grid-template-columns:1fr}.ds.ds-samples{padding:28px 16px 48px}.ds-sample-content,.ds-sample-form{padding:22px;border-radius:18px}.ds.ds-sample-callout{margin:20px 16px;flex-direction:column;align-items:stretch;padding:22px}.ds-sample-callout .ds-button{text-align:center}}

.ds-sample-form>.ds-sample-consent{display:flex;gap:10px;font-size:14px;font-weight:400;line-height:1.5}.ds-sample-consent input{width:20px;height:20px;accent-color:#194b3c;flex-shrink:0}

.ds-sample-back{display:inline-block;margin-bottom:24px;font-weight:700;color:#164d3d;text-decoration:none}.ds-sample-back:hover{text-decoration:underline}.ds.ds-sample-popup{max-width:520px;width:calc(100% - 32px);box-sizing:border-box;border:1px solid #dce3d9;border-radius:24px;padding:36px;color:#10382f;background:#f7f7f0;max-height:calc(100dvh - 32px);overflow:auto}.ds-sample-popup:not([open]){display:none}.ds-sample-popup::backdrop{background:rgba(16,56,47,.48)}.ds-sample-popup h2{font-size:32px;margin:12px 0 20px;line-height:1.12}.ds-sample-popup p{font-size:17px;line-height:1.6}.ds-sample-popup .ds-kicker{padding-right:32px;font-size:12px}.ds-sample-popup-close{position:absolute;right:14px;top:12px;background:transparent;border:0;color:#10382f;font-size:30px;line-height:1;width:44px;height:44px;cursor:pointer;border-radius:50%}.ds-sample-popup .ds-button{width:100%;white-space:normal;text-align:center}.ds-sample-popup-skip{border:0;background:transparent;color:#164d3d;width:100%;font:inherit;font-size:14px;min-height:44px;margin-top:12px;text-decoration:underline;cursor:pointer}@media(max-width:600px){.ds.ds-sample-popup{padding:26px 22px}.ds-sample-popup h2{font-size:27px}.ds-sample-popup p{font-size:16px}}

.ds-sample-photo{margin:0 0 24px}.ds-sample-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px;display:block}.ds-sample-photo figcaption{color:#52675d;font-size:12px;line-height:1.4;margin-top:8px}.dcl-inline-samples>.ds.ds-samples{padding:20px 0 0}.dcl-inline-samples>.ds.ds-samples>.ds-sample-intro h2{font-size:32px;line-height:1.15}.dcl-inline-samples{scroll-margin-top:32px}

/* Explicit close control; scoped overrides keep theme button styles from hiding it. */
.ds.ds-sample-popup button.ds-sample-popup-close{position:sticky;top:0;right:auto;display:flex!important;align-items:center;justify-content:center;gap:8px;margin:0 0 16px auto!important;width:auto!important;min-width:104px!important;height:46px!important;min-height:46px!important;padding:0 14px!important;border:2px solid #10382f!important;border-radius:10px!important;background:#10382f!important;color:#fff!important;font-family:inherit!important;font-size:14px!important;font-weight:700!important;line-height:1!important;cursor:pointer;z-index:2;opacity:1!important;visibility:visible!important;box-shadow:none}
.ds.ds-sample-popup button.ds-sample-popup-close span:first-child{font-size:26px;line-height:1;font-weight:400}.ds.ds-sample-popup button.ds-sample-popup-close:hover{background:#164d3d!important}.ds.ds-sample-popup button.ds-sample-popup-close:focus-visible{outline:3px solid #ff6c2e;outline-offset:3px;box-shadow:none}.ds.ds-sample-popup .ds-kicker{padding-right:0}

.ds.ds-sample-popup .ds-sample-popup-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:12px}.ds.ds-sample-popup .ds-sample-popup-actions>.ds-button{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box!important;width:100%!important;height:100%!important;min-height:56px!important;padding:13px 20px!important;margin:0!important;border:2px solid transparent!important;border-radius:9px!important;font-family:inherit!important;font-size:16px!important;font-weight:800!important;line-height:1.35!important;text-decoration:none!important;text-align:center;white-space:normal}.ds.ds-sample-popup .ds-sample-popup-actions>.ds-sample-popup-skip{background:#164d3d!important;color:#fff!important}.ds.ds-sample-popup .ds-sample-popup-actions>.ds-sample-popup-skip:hover{background:#10382f!important;color:#fff!important}