html,body{margin:0;padding:0;box-sizing:border-box;background:#f0f0f0}*,*:before,*:after{box-sizing:inherit}.zccs-dropdown-buttons{display:flex;flex-direction:row;justify-content:center;gap:10px}.dropdown-btn{background-color:#007acc;color:#fff;width:100%;padding:12px 16px;border:none;border-radius:6px;font-size:1.1rem;cursor:pointer;text-align:left;transition:background-color .2s ease-in-out}.dropdown-btn:hover{background-color:#005fa3}.dropdown-content-wrapper{overflow:hidden;transition:max-height .4s ease,opacity .4s ease;max-height:0;opacity:0}.dropdown-content-wrapper.show{max-height:500px;opacity:1}.dropdown-content{background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;padding:10px;margin-top:.5rem}.dropdown-item{padding:10px 0;border-bottom:1px solid #eaeaea}.dropdown-item:last-child{border-bottom:none}.dropdown-item strong{display:block;font-size:1.05rem;margin-bottom:4px}.dropdown-item p{margin:0;font-size:.9rem;color:#333}.dropdown-item a{display:inline-block;margin-top:4px;font-size:.85rem;color:#007acc;text-decoration:none}.dropdown-item a:hover{text-decoration:underline}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.tiptap{min-height:120px;outline:none;padding:8px;background:#fff;border-radius:4px}.tiptap p{margin:0}.tiptap img{max-width:100%;height:auto;display:block;margin:8px 0}