.feature-art-space:has(>.ftn-demo){aspect-ratio:auto!important;max-width:none!important;overflow:visible;min-height:0;width:100%}
.an-financial:has(.ftn-demo),.attribution-result:has(.ftn-demo){grid-template-columns:minmax(0,1fr)!important}.an-financial:has(.ftn-demo),.attribution-result:has(.ftn-demo){gap:32px!important}.an-financial:has(.ftn-demo)>header>:not(.feature-art-space){max-width:1000px}.attribution-result:has(.ftn-demo)>.feature-art-space{order:2}.attribution-result:has(.ftn-demo)>div:last-child{order:1}
.ftn-demo{font:14px/1.45 Arial,sans-serif;color:var(--ui-demo-text);background:var(--ui-demo-bg);border:1px solid var(--ui-demo-line);border-radius:14px;overflow:hidden;text-align:left;min-width:0;--ftn-primary:var(--live-demo-primary,#22b63b)}.ftn-demo *{box-sizing:border-box}.ftn-demo [hidden]{display:none!important}
.ftn-demo :is(h3,h4,p,span,small,strong,label,dt,dd){font-family:Arial,sans-serif;letter-spacing:normal;color:inherit;text-wrap:initial}.ftn-demo h3{font-size:21px;line-height:1.3;margin:0}.ftn-demo h4{font-size:15px;line-height:1.4;margin:0;font-weight:600}.ftn-demo p{font-size:13px;line-height:1.5;margin:6px 0 15px;max-width:none;color:var(--ui-demo-muted)}.ftn-demo small{display:block;font-size:11px;line-height:1.5;color:var(--ui-demo-muted)}
.ftn-demo button,.ftn-demo input,.ftn-demo select{font:inherit;color:inherit;max-width:100%;min-width:0}.ftn-demo button{border:1px solid var(--ui-demo-line);background:var(--ui-demo-surface);border-radius:var(--ui-demo-radius);padding:9px 14px;cursor:pointer;min-height:39px}.ftn-demo button:disabled{opacity:.5;cursor:default}.ftn-demo :focus-visible{outline:2px solid var(--ftn-primary);outline-offset:3px}.ftn-demo button.ftn-primary{background:var(--ftn-primary);border-color:var(--ftn-primary);color:var(--live-demo-ink,#fff)}.ftn-demo i{color:var(--ui-demo-icons);margin-right:7px}.ftn-demo .ftn-primary i{color:inherit}
.ftn-frame{display:flex;align-items:center;gap:20px;padding:15px 20px;border-bottom:1px solid var(--ui-demo-line);background:var(--ui-demo-surface)}.ftn-frame [data-demo-logo]{font-weight:700;color:var(--ui-demo-accent-text)}.ftn-frame .ds-logo-image{width:125px;height:28px;object-fit:contain}.ftn-frame small{margin-left:auto}
.ftn-body{padding:24px}.ftn-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.ftn-period{display:flex;gap:8px;align-items:center;color:var(--ui-demo-accent-text);font-size:12px}.ftn-period input{background:var(--ui-demo-surface);border:1px solid var(--ui-demo-line);border-radius:var(--ui-demo-field-radius);padding:8px;width:142px}
.ftn-search{display:flex;gap:8px;padding:12px;background:var(--ui-demo-surface);border:1px solid var(--ui-demo-line);border-radius:12px;margin-bottom:18px}.ftn-search input{flex:1;background:var(--ui-demo-surface);border:1px solid var(--ui-demo-line);border-radius:var(--ui-demo-field-radius);padding:10px 14px;width:100%}
.ftn-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ftn-stat,.ftn-card,.ftn-secondary{border:1px solid var(--ui-demo-line);border-radius:12px;background:var(--ui-demo-surface);box-shadow:0 2px 4px #00000008}.ftn-stat{padding:16px}.ftn-stat span{display:block;font-size:12px}.ftn-stat strong{display:block;font-size:25px;margin-top:10px;font-weight:600}.ftn-secondary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:15px;margin-top:10px}.ftn-secondary strong{display:block;font-size:14px}.ftn-secondary span{font-size:11px;color:var(--ui-demo-muted)}
.ftn-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:0;margin:20px 0 14px}.ftn-tabs button{border:0;border-bottom:2px solid var(--ui-demo-line);border-radius:0;background:transparent;color:var(--ui-demo-muted);padding:10px 15px}.ftn-tabs button[aria-selected=true]{border-color:var(--ftn-primary);color:var(--ui-demo-accent-text)}.ftn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.ftn-card{min-width:0;overflow:hidden}.ftn-card>h4,.ftn-card-title{padding:15px;border-bottom:1px solid var(--ui-demo-line)}.ftn-card-title{display:flex;align-items:center;gap:12px;justify-content:space-between}.ftn-card-title button{padding:4px;min-height:28px;background:transparent;border:0;color:var(--ui-demo-accent-text);font-size:12px}
.ftn-demo dl{margin:0;padding:7px 14px}.ftn-demo dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;padding:10px 0;border-bottom:1px solid var(--ui-demo-line);font-size:12px}.ftn-demo dl>div:last-child{border:0}.ftn-demo dt{color:var(--ui-demo-muted)}.ftn-demo dd{margin:0;font-weight:600}.ftn-explore{margin-top:24px}.ftn-pills{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}.ftn-pills button{min-height:30px;padding:5px 12px;font-size:12px;border-radius:var(--ui-demo-radius)}.ftn-pills button[aria-selected=true]{background:var(--ftn-primary);color:var(--live-demo-ink,#fff);border-color:var(--ftn-primary)}
.ftn-scroll{overflow:auto;max-width:100%;overscroll-behavior-x:contain}.ftn-demo table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.ftn-demo th,.ftn-demo td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--ui-demo-line)}.ftn-demo th{font-weight:500}.ftn-demo th button{padding:0;background:transparent;border:0;min-height:20px;font-size:12px}.ftn-demo td strong{font-size:12px}.ftn-table-foot{padding:14px;color:var(--ui-demo-muted);font-size:11px}.ftn-badge{display:inline-block;padding:4px 9px;border-radius:var(--ui-demo-radius);background:var(--ui-demo-tint);color:var(--ui-demo-accent-text)!important;font-size:11px}.ftn-audit{grid-template-columns:repeat(2,minmax(0,1fr))}.ftn-audit .ftn-card p{padding:0 14px}.ftn-note{margin:16px 0 0!important;font-size:11px!important}.ftn-empty{padding:25px;color:var(--ui-demo-muted)}
.ftn-demo{position:relative}.ftn-demo:has(.ftn-drawer)::after{content:"";position:absolute;inset:0;background:#0007;z-index:3}.ftn-drawer{position:absolute;inset:0 0 0 auto;width:76%;z-index:4;border:1px solid var(--ui-demo-line);background:var(--ui-demo-surface);overflow:auto}.ftn-drawer>header{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ui-demo-line)}.ftn-drawer .ftn-stats{padding:15px}.ftn-drawer .ftn-stat{box-shadow:none;border:0;padding:5px}.ftn-drawer .ftn-stat strong{font-size:20px}.ftn-drawer-actions{display:flex;gap:10px;align-items:center}.ftn-status{display:block;margin-top:8px;font-size:11px;color:var(--ui-demo-muted)}
@media(max-width:760px){.ftn-body{padding:14px}.ftn-heading{display:block}.ftn-period{flex-wrap:wrap;margin:12px 0}.ftn-search{flex-wrap:wrap}.ftn-search input{flex-basis:100%}.ftn-stats,.ftn-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.ftn-stat strong{font-size:21px}.ftn-grid{grid-template-columns:1fr}.ftn-tabs{justify-content:flex-start}.ftn-tabs button{padding:9px 10px;font-size:12px}.ftn-frame{gap:12px;padding:12px}.ftn-frame small{display:none}.ftn-drawer{width:100%}.ftn-drawer>header{align-items:flex-start;gap:10px}.ftn-drawer-actions{flex-wrap:wrap}.ftn-demo table{min-width:610px}}
/* Keep marketing definition-list typography out of the embedded admin report. */
.product-page .ftn-demo .ftn-card dl{font:13px/1.5 Arial,sans-serif;margin:0;padding:0 15px 10px}.product-page .ftn-demo .ftn-card dl dt{font:400 13px/1.5 Arial,sans-serif;color:var(--ui-demo-muted);margin:0}.product-page .ftn-demo .ftn-card dl dd{font:600 13px/1.5 Arial,sans-serif;margin:0}.product-page .ftn-demo .ftn-card dl>div{padding:12px 0}

/* Keep the app glyph legible over the live brand color. */
html .ftn-demo [data-demo-app-icon] i{color:var(--live-demo-ink,#fff)!important}