/* Agent context note: Homepage workshop disclosure; native details remains usable without JavaScript. Tests: test/workshop-menu.test.mjs. Recheck header fit and focus after layout changes. */
.workshop-menu { position: relative; }
.workshop-menu summary { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--ink); list-style: none; cursor: pointer; white-space: nowrap; }
.workshop-menu summary::-webkit-details-marker { display: none; }
.workshop-menu summary::after { content: ""; width: 6px; height: 6px; margin-top: -3px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
.workshop-menu[open] summary::after { margin-top: 3px; transform: rotate(225deg); }
.workshop-options { position: absolute; top: calc(100% + 10px); right: 0; width: 248px; max-width: calc(100vw - 32px); padding: 8px; border: 1px solid var(--line); border-radius: 14px; background: var(--bg); box-shadow: var(--shadow-sm); text-align: left; }
.workshop-options a { display: block; min-height: 44px; padding: 12px 14px; border-radius: 8px; color: var(--ink); font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none; overflow-wrap: anywhere; }
.workshop-options a:hover { background: rgb(var(--accent-rgb) / 0.12); }
.workshop-menu :is(summary, a):focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }