.demo-site-notice{box-sizing:border-box;padding:6px 18px;background:#edf2ee;color:#40584b;font:600 12px/1.4 system-ui,sans-serif;text-align:right;position:relative;z-index:30}
.demo-site-notice strong{letter-spacing:.06em}.demo-site-notice span{font-weight:500;margin-left:8px}
.demo-banner-surface{box-sizing:border-box;max-width:1180px;margin:14px auto;padding:0 18px;font-family:system-ui,sans-serif;min-width:0}
.demo-banner-link{display:grid;grid-template-columns:minmax(0,1fr) 36%;min-height:155px;background:#183b35;border-radius:12px;overflow:hidden;color:#fff;text-decoration:none;box-shadow:0 4px 15px #142f2920}
.demo-banner-link:focus-visible{outline:3px solid #bf6b21;outline-offset:4px}
.demo-banner-copy{padding:19px 24px;display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0}
.demo-banner-copy strong{font-size:25px;line-height:1.15;letter-spacing:-.02em}.demo-banner-copy>span:not(.demo-ad-label){font-size:14px;line-height:1.4}
.demo-ad-label{color:#efca8d;font-size:10px;font-weight:800;letter-spacing:.08em}.demo-banner-action{font-weight:750;color:#f6d5a0}
.demo-banner-link>img{height:100%;max-height:190px;min-height:155px;width:100%;object-fit:cover}
.demo-media-note{font-size:11px;line-height:1.4;margin:5px 0 0;color:#516259}
.demo-details{margin:20px 0}.demo-details h4{font-size:15px}.demo-details dl{display:grid;gap:12px}.demo-details dt{font-weight:750}.demo-details dd{margin:4px 0 0;line-height:1.5;color:#486254}
.demo-rich-hours{border-left:3px solid #9a6c38;padding:10px 14px;background:#f5f0e8;font-size:14px;line-height:1.5}
.demo-inactive-action{padding:10px 14px;border:1px solid #a5b5ab;border-radius:7px;background:#edf1ed;color:#53645a;font-weight:700;cursor:not-allowed}
.demo-catalog-note{font-size:12px;color:#5a695f;line-height:1.5}.sales-demo-card .demo-photo{margin:-2px -2px 0}.sales-demo-card .demo-photo img{aspect-ratio:16/10}.sales-demo-group{border-top:0;margin-top:0;padding-top:0;margin-bottom:20px}.sales-demo-heading h3{font-size:22px}
dialog .demo-banner-surface{padding:0 20px;margin:10px auto}dialog .demo-banner-link{min-height:115px}dialog .demo-banner-copy{padding:13px 17px}dialog .demo-banner-copy strong{font-size:20px}dialog .demo-banner-link>img{min-height:115px;max-height:150px}
@media(max-width:620px){.demo-site-notice{padding:8px 12px;font-size:11px}.demo-site-notice span{display:block;margin:2px 0 0}.demo-banner-surface{padding:0 12px;margin:10px auto}.demo-banner-link{grid-template-columns:minmax(0,1fr) 30%;min-height:145px}.demo-banner-copy{padding:14px;gap:6px}.demo-banner-copy strong{font-size:20px}.demo-banner-copy>span:not(.demo-ad-label){font-size:12px}.demo-ad-label{font-size:8px;line-height:1.4}.demo-banner-link>img{min-height:145px;max-height:none}dialog .demo-banner-copy strong{font-size:17px}dialog .demo-banner-copy>span:not(.demo-ad-label){font-size:11px}}
@media(prefers-reduced-motion:reduce){.demo-banner-link{scroll-behavior:auto}}

.demo-site-footer{font:12px/1.5 system-ui,sans-serif;color:#516259;text-align:center;padding:14px 18px;margin:0 auto;max-width:1180px}

.example-business-choice{display:grid;gap:7px;padding:0 27px 16px}.example-business-choice label,.example-step-label{font-size:14px;font-weight:750;color:#294e43}.example-business-choice select{width:100%;min-height:44px;border:1px solid #b8cec3;border-radius:8px;background:#fff;color:#173b31;padding:9px 12px;font:inherit}.example-step-label{margin:0;padding:0 27px 9px}
.example-package-layout{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);gap:22px;align-items:start;margin-bottom:24px}.example-package-summary h3{font-size:23px;margin:0 0 9px}.example-package-summary .example-price{align-items:start;gap:5px}.example-package-summary .example-price strong{font-size:24px}.example-package-summary .example-price span{font-size:13px;line-height:1.5}.example-package-summary h4{font-size:14px;margin:18px 0 8px}.example-package-summary ul{padding-left:19px;margin:0;font-size:14px;line-height:1.55}.example-package-summary li+li{margin-top:5px}.example-package-details{margin-top:13px;font-size:13px;line-height:1.5}.example-package-details summary{cursor:pointer;min-height:44px;box-sizing:border-box;padding:10px 0;font-size:14px;color:#315b51}.example-package-details p{margin:8px 0 0}
.example-package-layout .placement-wrap{margin:0;padding:14px;min-width:0}.example-package-layout .placement-wrap h3{font-size:15px;margin:0 0 12px}.example-placement-creative>img{width:100%;height:145px;object-fit:cover;border-radius:6px}.example-placement-creative p{font-size:13px;line-height:1.4;margin:5px 0}.example-placement-creative .sample-feature{gap:9px}.example-placement-creative .sample-feature strong{font-size:16px}.example-placement-creative .sample-logo{width:36px;height:36px;flex:0 0 36px;font-size:15px}
@media(max-width:620px){.example-business-choice{padding:0 15px 14px}.example-step-label{padding:0 15px 8px}.example-package-layout{grid-template-columns:minmax(0,1fr);gap:18px}.example-package-summary .example-price strong{font-size:23px}.example-package-summary .example-price span{font-size:13px}}
.example-tabs button{min-height:44px;font-size:14px}

/* Standard directory layout is inherited unchanged; only inactive demo controls are distinguished. */
.demo-standard-card .card-call:disabled,.demo-standard-card .save-stop:disabled{background:#edf1ed;color:#52645b;border-color:#b9c6be;opacity:1;cursor:not-allowed}
