/* Shared control inset, applied within product demos only.
   The chevron keeps a fixed interior gap instead of the native edge placement. */
:is(.jp-root,#lucid-case-preview .product-ui,#lucid-case-preview .demo-panel,.app,.prototype-controls) select,
body[data-demo-controls] select{
 appearance:none;-webkit-appearance:none;
 padding-left:12px!important;padding-right:40px!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23596273' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 16px!important;
}
:is(.jp-root[data-theme=dark],.dark,#lucid-case-preview [data-theme=dark]) select{
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23B2BED1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
}
.jp-root .jp-badge{width:fit-content;max-width:100%;justify-self:start;flex:none}
.jp-root .jp-field{min-width:0}
.jp-root .au-trendhead .jp-select{min-width:152px}
.jp-root .jp-button svg,.jp-root .jp-iconbutton svg{flex-shrink:0}
body[data-demo-controls] .guide-anchor select{padding-right:76px!important}

/* Shared tertiary playback controls: regular weight and muted text across every project. */
:root{--demo-control-color:#59625d;--demo-control-weight:400}
:is(.jmd-nav-tools,.jns-toolbar,.p01-demo-controls,.presentation-controls,.prototype-controls) button,
.outcome-reset,.restart-demo,button#restart,[data-prototype-reset]{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:4px!important;color:var(--demo-control-color)!important;font:var(--demo-control-weight) 14px/1.4 "General Sans",sans-serif!important;padding:8px 12px!important;min-height:40px;min-width:0!important;width:auto!important;cursor:pointer}
:is(.jmd-nav-tools,.jns-toolbar,.p01-demo-controls,.presentation-controls,.prototype-controls) button:hover,
.outcome-reset:hover,.restart-demo:hover,button#restart:hover,[data-prototype-reset]:hover{text-decoration:underline;text-underline-offset:4px;background:transparent!important}
:is(.jmd-nav-tools,.jns-toolbar,.p01-demo-controls,.presentation-controls,.prototype-controls) button:focus-visible,
.outcome-reset:focus-visible,.restart-demo:focus-visible,button#restart:focus-visible,[data-prototype-reset]:focus-visible{outline:2px solid currentColor;outline-offset:3px}
:is(.jmd-nav-tools,.p01-demo-controls,.presentation-controls) button:disabled{opacity:.45;cursor:default}
.jns-toolbar,.jmd-toolbar{justify-content:flex-end!important}
.adoption-captions{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.adoption-captions span{display:block}
.portfolio-copyright{text-align:center;margin:0;padding:16px 20px 110px;font:400 13px/1.5 "General Sans",sans-serif;color:#59625d;background:#fff}

.final-cta > .portfolio-copyright{position:relative;z-index:1;background:transparent;padding:0;margin:96px 0 0;color:inherit;opacity:.7}

/* Match copyright bottom clearance across contact and case-study endings. */
.final-cta{padding-bottom:110px}