/* Shared disclosure controls: marketing, articles and workspace. */
:root{--reveal-ease:cubic-bezier(.16,1,.3,1)}
select:not([multiple]):not([size]){appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23596473' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;border-radius:10px;transition:border-color .15s,box-shadow .15s;background-color:var(--surface,#fff);color:var(--label,#20252e);min-height:44px;max-width:100%}
select:focus-visible{outline:2px solid var(--blue,#0071e3);outline-offset:3px}
@supports (appearance:base-select){
 select:not([multiple]):not([size]),select:not([multiple]):not([size])::picker(select){appearance:base-select}
 select:not([multiple]):not([size]){display:flex;background-image:none;align-items:center;padding-right:14px}
 select::picker-icon{color:var(--label-2,#596473);transition:rotate .2s var(--reveal-ease)}
 select:open::picker-icon{rotate:180deg}
 select::picker(select){border:1px solid var(--separator,#dce0e5);border-radius:12px;background:var(--surface,#fff);color:var(--label,#20252e);padding:6px;margin-top:6px;box-shadow:0 12px 32px #17243b1f;max-height:min(340px,60dvh);overflow:auto;opacity:0;transform:translateY(-4px);transition:opacity .18s,transform .22s var(--reveal-ease),display .22s allow-discrete,overlay .22s allow-discrete}
 select:open::picker(select){opacity:1;transform:translateY(0)}
 @starting-style{select:open::picker(select){opacity:0;transform:translateY(-4px)}}
 select option{font:inherit;min-height:44px;padding:10px 12px;border-radius:7px;gap:10px;white-space:normal;cursor:pointer}
 select option:hover,select option:focus-visible{background:var(--fill,#f2f4f8);outline:none}
 select option:checked{background:#edf3ff;color:#174caa}
 select option:disabled{opacity:.5;cursor:not-allowed}
}
details>summary,.faq summary,.faqs summary{list-style:none;position:relative;cursor:pointer;padding-right:36px;min-height:44px;align-content:center;transition:color .15s}
details>summary::-webkit-details-marker{display:none}
details>summary::after,.faq summary::after,.faqs summary::after{content:"";position:absolute;right:5px;top:50%;width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-70%) rotate(45deg);transition:transform .22s var(--reveal-ease);color:var(--label-2,#596473)}
details[open]>summary::after,.faq details[open] summary::after,.faqs details[open] summary::after{content:"";transform:translateY(-30%) rotate(225deg)}
details[data-closing]>summary::after{transform:translateY(-70%) rotate(45deg)}
details>summary:hover{color:var(--blue-link,#0071e3)}
details>summary:focus-visible{outline:2px solid var(--blue,#0071e3);outline-offset:4px;border-radius:4px}
.advanced summary span{margin-left:0}
.row-menu{border-radius:12px;padding:6px;box-shadow:0 12px 32px #17243b1f;transform-origin:top right}
.row-menu button{border-radius:7px;min-height:44px;transition:background-color .12s}
.row-menu:popover-open,.row-menu:not([popover]):not([hidden]),.editor:not([hidden]),dialog[open]{animation:disclosure-enter .22s var(--reveal-ease) both}
dialog[open]::backdrop{animation:disclosure-backdrop .18s ease-out both}
@keyframes disclosure-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@keyframes disclosure-backdrop{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){select,select::picker-icon,select::picker(select),details>summary,details>summary::after,.row-menu button{transition:none!important}.row-menu,.editor,dialog,dialog::backdrop{animation:none!important}}
