.studio-dialog[data-view="faq"]{width:min(820px,calc(100% - 32px))}
.studio-dialog[data-view="faq"] .studio-dialog-head{position:sticky;top:-22px;margin-bottom:14px;padding:12px 0;z-index:3;background:#14171c}
.layeron-faq{min-width:0;overflow-wrap:anywhere}
.studio-dialog .layeron-faq p{font-size:16px;line-height:1.65;margin:0}
.studio-dialog .layeron-faq .faq-intro{max-width:60ch;color:#b8c2ce}
.faq-topics{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 30px}
.faq-topics button{font:500 14px/1.4 'DM Sans',sans-serif;color:#f4f6f8;background:#20262e;border:1px solid #46515d;border-radius:6px;min-height:44px;padding:10px 14px;cursor:pointer}
.faq-topics button:hover{border-color:#D3FF5A;color:#D3FF5A}
.faq-group+.faq-group{margin-top:32px}
.faq-group>h3{font:600 20px/1.3 'DM Sans',sans-serif;letter-spacing:-.02em;color:#D3FF5A;margin:0 0 12px;scroll-margin-top:90px}
.faq-item{border-top:1px solid #37414d}
.faq-item:last-child{border-bottom:1px solid #37414d}
.faq-item>summary{display:flex;align-items:center;gap:20px;justify-content:space-between;min-height:58px;padding:17px 0;cursor:pointer;list-style:none;font:500 16px/1.45 'DM Sans',sans-serif;color:#f4f6f8}
.faq-item>summary::-webkit-details-marker{display:none}
.faq-item>summary::after{content:'+';flex:none;font:400 23px/1 'DM Sans',sans-serif;color:#b8c2ce;width:20px;text-align:center}
.faq-item[open]>summary::after{content:'−';color:#D3FF5A}
.faq-item[open]>summary{color:#D3FF5A}
.faq-answer{padding:0 30px 20px 0;max-width:70ch}
.faq-packages{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px 20px;margin:18px 0;font-size:16px;line-height:1.6}
.faq-packages dt{font-weight:600;color:#f4f6f8}
.faq-packages dd{margin:0;color:#b8c2ce}
.faq-offer{margin-top:32px;padding:24px;border:1px solid #465139;background:#1b2118;border-radius:8px}
.faq-offer h3{font-size:20px;line-height:1.3;margin:0 0 8px}
.faq-offer .knopf{margin-top:18px}
.faq-sources{margin-top:24px;color:#b8c2ce;font-size:14px;line-height:1.5}
.faq-sources summary{min-height:44px;padding:12px 0;cursor:pointer}
.faq-source-links{display:flex;flex-wrap:wrap;gap:12px 22px;padding:10px 0}
.faq-source-links a{color:#D3FF5A;text-decoration:underline;text-underline-offset:3px;min-height:32px}
.layeron-faq :is(button,summary,a,h3):focus-visible{outline:2px solid #D3FF5A;outline-offset:4px}
.workspace-menu-content .workspace-faq-link{border-top:1px solid #46515d;margin-top:8px;padding-top:16px}
@media(max-width:640px){
  .studio-dialog[data-view="faq"]{width:100%;margin:0;max-height:100dvh;height:100dvh;border-radius:0}
  .studio-dialog[data-view="faq"] .studio-dialog-head{top:-16px}
  .faq-topics{gap:6px;margin:18px 0 24px}
  .faq-topics button{padding:10px 12px}
  .faq-answer{padding-right:4px}
  .faq-item>summary{gap:12px}
  .faq-packages{grid-template-columns:1fr;gap:4px}
  .faq-packages dt:not(:first-child){margin-top:12px}
  .faq-offer{padding:20px}
  .faq-offer .knopf{width:100%}
}