.sd-host{width:100%;margin:20px auto}.sd-host>.sd-demo{margin-left:auto!important;margin-right:auto!important}
.sd-demo .sd-secondary{background:#e7ecf4;color:#4d6285;margin-top:12px}.sd-address-tools{display:flex;align-items:flex-end;gap:16px;margin-bottom:20px}.sd-address-tools label{flex:1;margin:0}.sd-directory{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sd-profile,.sd-contact-preview{padding:18px;border:1px solid #d9e2ee;border-radius:10px;background:#fff}.sd-profile>strong,.sd-contact-preview>strong{display:block;font:500 13px/1.5 Arial,sans-serif;margin:12px 0 18px}.sd-rating{font:11px/1.4 Arial,sans-serif;color:#8c99ae}.sd-map{position:relative;background:repeating-linear-gradient(18deg,transparent 0 27px,#fff 28px 37px,transparent 38px 65px),repeating-linear-gradient(105deg,#e5e9ef 0 80px,#fff 81px 93px,#e5e9ef 94px 140px);height:145px;border:1px solid #dce2eb;border-radius:6px;display:flex;align-items:flex-end;justify-content:center;padding:10px;text-align:center}.sd-map>span{position:relative;background:#fff;border-radius:4px;padding:4px 8px;color:#7183a0;font:10px/1.4 Arial,sans-serif}.sd-map-pin{position:absolute;left:50%;top:30px;width:22px;height:22px;background:#516f9d;border:5px solid #fff;border-radius:50%;box-shadow:0 3px 6px #2a405930;transform:translateX(-50%)}.sd-contact-preview h3{margin-top:24px!important}
.sd-review-stars{font:600 16px/1.4 Arial,sans-serif;color:#a5895a;margin:12px 0}.sd-demo .sd-public-reply{border-left:3px solid #8ea2c3;margin-top:20px;padding:14px;background:#f0f4fa;border-radius:0 8px 8px 0}.sd-public-reply .sd-person{margin-bottom:8px}.sd-public-reply p{margin-bottom:0!important}
.sd-plan-list{border:1px solid #d9e1ee;border-radius:8px;background:#fff;overflow:hidden}.sd-plan-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;align-items:center;padding:18px;border-bottom:1px solid #e3e8f1;font:12px/1.5 Arial,sans-serif}.sd-plan-row:last-child{border-bottom:0}.sd-plan-row label{display:flex!important;align-items:center;gap:12px;margin:0!important;color:#344965!important}.sd-plan-row input{width:18px;height:18px;flex:none;accent-color:#536d96}.sd-plan-row>span,.sd-plan-row b{color:#8796ae;font-weight:500}.sd-next-task{display:flex;flex-direction:column;gap:8px;margin-top:20px;border-left:3px solid #829bc0;padding:12px 18px;background:#edf2fa}
.sd-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sd-option{padding:20px;background:#fff;border:1px solid #dce4f0;border-radius:8px}.sd-option h3{font-size:19px!important;margin-top:18px!important}.sd-option ul{font:13px/1.6 Arial,sans-serif;color:#7183a0;margin:18px 0;padding-left:16px;list-style:disc}.sd-option li{margin:8px 0}.sd-option button[aria-pressed=true]{background:#667fa8}.sd-choice-summary{margin-top:20px;padding:20px;border:1px solid #dce4f0;border-radius:8px;background:#fff}.sd-choice-summary label{margin-top:16px;max-width:360px}
.sd-field-error{display:block;font:12px/1.5 Arial,sans-serif;color:#a05b52;margin:-5px 0 14px}.sd-linked-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;padding:16px;font:13px/1.5 Arial,sans-serif;border-top:1px solid #e2e7f0}.sd-detail .sd-linked-row{border:0;padding:0;margin-top:12px}.sd-navigation-app{border:1px solid #dce4f0;border-radius:8px;background:#fff;padding:20px;margin-bottom:20px}.sd-nav-items{display:flex;gap:8px;flex-wrap:wrap}.sd-demo .sd-nav-items button,.sd-demo .sd-source-link{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #d8e2f0;border-radius:6px;background:#edf2fa;color:#5f789f;font:12px/1.4 Arial,sans-serif}.sd-nav-items button[aria-current=page]{background:#526d97;color:#fff}.sd-navigation-content{padding:24px 0 6px}.sd-navigation-content p{margin-bottom:0!important}.sd-sync-entry{border-bottom:1px solid #e3e8f0;padding:12px 0;display:flex;flex-direction:column;gap:5px;font:12px/1.5 Arial,sans-serif}.sd-sync-entry>span{font-size:11px;color:#8293af}
.sd-format-canvas{max-width:100%;margin:auto;width:100%;transition:width .25s ease}.sd-format-canvas .sd-media{aspect-ratio:2.6;min-height:190px;border-radius:8px;padding:24px}.sd-format-canvas[data-rd-canvas=post]{width:350px}.sd-format-canvas[data-rd-canvas=post] .sd-media{aspect-ratio:1}.sd-format-canvas[data-rd-canvas=story]{width:235px}.sd-format-canvas[data-rd-canvas=story] .sd-media{aspect-ratio:.6}.sd-format-canvas .sd-brand-pill{align-self:flex-start;background:#fff;color:#526a91}.sd-format-canvas .sd-media>strong{max-width:none;font-size:30px}.sd-phone{border:6px solid #3e4e6a;border-radius:25px;background:#edf1f6;overflow:hidden;min-height:330px}.sd-phone-status{display:flex;justify-content:space-between;padding:14px;color:#7185a3;font:10px/1 Arial,sans-serif}.sd-phone .sd-chat-head{padding:14px;background:#fff;font-size:13px}.sd-phone .sd-messages{padding:18px 14px;min-height:190px}.sd-phone .sd-bubble{max-width:100%;font-size:12px}.sd-phone-input{background:#fff;margin:12px;padding:10px;border:1px solid #dce3ed;border-radius:18px;color:#a1adbf;font:10px/1.5 Arial,sans-serif}
@media(max-width:540px){.sd-address-tools{flex-direction:column;align-items:stretch}.sd-address-tools .sd-button{align-self:flex-start}.sd-directory{grid-template-columns:1fr}.sd-plan-row{grid-template-columns:1fr 1fr;padding:14px;gap:8px}.sd-plan-row label{grid-column:1/-1;font-size:13px}.sd-choice-grid{gap:10px}.sd-option{padding:12px}.sd-option h3{font-size:16px!important}.sd-option ul{font-size:11px;padding-left:14px}.sd-option .sd-button{font-size:11px}.sd-linked-row{font-size:11px;gap:7px;padding:12px 9px}.sd-demo[data-sd-mode=formats] .sd-appnav{flex-direction:column;align-items:flex-start}.sd-demo[data-sd-mode=formats] .sd-ab-tabs{gap:5px;margin:0}.sd-demo[data-sd-mode=formats] .sd-ab-tabs button{padding:9px 12px;font-size:11px}.sd-format-canvas .sd-media>strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.sd-format-canvas{transition:none}}
.sd-review-register>.sd-pane{margin-top:20px}.sd-review-register .sd-table-head,.sd-review-register .sd-linked-row{grid-template-columns:1.4fr 1fr 1fr}
/* Keep a wide composition inside its canvas when the phone viewport is narrow. */
.sd-format-canvas .sd-media{width:100%}
/* Equal reading areas keep the action in the same position in both choices. */
.sd-option{display:flex;flex-direction:column}
.sd-demo .sd-option h3{min-height:2.6em}
.sd-option ul{flex:1}
.sd-option>.sd-button{align-self:flex-start;margin-top:auto;min-height:44px}
.sd-demo[data-sd-mode=compare] .sd-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.sd-demo[data-sd-mode=compare] .sd-footer>span{font-size:11px;line-height:1.5;text-align:left}
.sd-demo[data-sd-mode=compare] .sd-footer .sd-reset{min-height:36px}
.sd-demo .sd-option h3{margin:10px 0 14px!important}
.sd-option ul{margin:0 0 20px}
/* Compact choice controls: one complete clickable option, rather than nested cards. */
.sd-demo[data-sd-mode=compare] .sd-body{min-height:0;padding:24px}
.sd-demo[data-sd-mode=compare] .sd-appnav{margin-bottom:18px}
.sd-demo[data-sd-mode=compare] .sd-choice-grid{gap:12px}
.sd-demo .sd-choice-tile{display:flex;flex-direction:row;align-items:center;gap:14px;padding:20px;border:1px solid #d3dce9;border-radius:9px;background:#fff;color:#283247;text-align:left;min-height:100px;transition:background .18s ease,border-color .18s ease}
.sd-demo .sd-choice-tile:hover{background:#f8faff;border-color:#9aacc6}
.sd-demo .sd-choice-tile[aria-pressed=true]{background:#eaf0f8;border-color:#526e98;box-shadow:inset 0 0 0 1px #526e98}
.sd-choice-copy{display:flex;flex-direction:column;gap:6px}
.sd-choice-name{font:600 18px/1.3 Arial,sans-serif}
.sd-choice-description{font:12px/1.5 Arial,sans-serif;color:#657086}
.sd-choice-mark{width:20px;height:20px;flex:none;border:1.5px solid #a9b6ca;border-radius:50%;background:#fff;display:grid;place-items:center}
.sd-choice-mark:after{content:'';width:10px;height:10px;border-radius:50%;background:#526e98;opacity:0}
.sd-choice-tile[aria-pressed=true] .sd-choice-mark{border-color:#526e98}
.sd-choice-tile[aria-pressed=true] .sd-choice-mark:after{opacity:1}
.ca-art .visual-stage:has(>.visual-window>.sd-demo[data-sd-mode=compare]){max-width:820px;padding:0!important;background:transparent!important;box-shadow:none!important}
@media(max-width:540px){
 .sd-demo[data-sd-mode=compare] .sd-body{padding:20px 16px}
 .sd-demo[data-sd-mode=compare] .sd-choice-grid{grid-template-columns:1fr;gap:10px}
 .sd-demo .sd-choice-tile{padding:17px 16px;min-height:84px}
 .sd-choice-name{font-size:17px}
 .sd-demo[data-sd-mode=compare] .sd-footer>span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.sd-demo .sd-choice-tile{transition:none}}
.sd-demo[data-sd-mode=compare] .sd-button :is(.ui-arrow,.ui-action-icon),
.sd-demo[data-sd-mode=compare] .sd-button svg{transform:none!important;translate:none!important}
.sd-demo[data-sd-mode=compare] .sd-button :is(.ui-arrow,.ui-action-icon)::before,
.sd-demo[data-sd-mode=compare] .sd-button :is(.ui-arrow,.ui-action-icon)::after{content:none!important;display:none!important}
.sd-demo[data-sd-mode=compare] .sd-button [data-site-arrow-clone]{display:none!important}
.sd-demo[data-sd-mode=compare] .sd-button .site-arrow-main{position:static!important;inset:auto!important;opacity:1!important}
.sd-demo[data-sd-mode=compare] .sd-choice-summary>.sd-button{width:max-content!important;min-width:140px;flex-shrink:0}
.sd-demo[data-sd-mode=compare] .sd-button.site-arrow-control:is(:hover,:focus-visible) .site-arrow-portal>.site-arrow-main{transform:none!important;transition:none!important}