/* The workshop menu uses native details so it also works before scripts load. */
header:has(.profile-menu){position:relative;overflow:visible}
header:has(>.profile-menu:only-child){min-height:54px}
header:has(.profile-menu):not(.workshop-header){padding-inline-end:max(4.5rem,8%)}
header .profile-menu{position:absolute;inset:.45rem .8rem auto auto;z-index:16;display:block;width:max-content;max-width:calc(100vw - 1rem);margin:0;padding:0;border:0;background:none;color:#eef6ee;text-align:left}
header .profile-menu summary{display:grid;place-items:center;width:44px;height:44px;min-height:44px;margin:0;box-sizing:border-box;list-style:none;border:1px solid #58756b;border-radius:50%;color:#d2f99a;background:#192a2b;cursor:pointer}
.profile-menu summary::-webkit-details-marker{display:none}.profile-menu summary:hover,.profile-menu[open] summary{background:#2b403b}.profile-menu summary:focus-visible,.profile-menu a:focus-visible{outline:3px solid #cffa96;outline-offset:2px}
header .profile-menu .profile-links [hidden]{display:none!important}
header .profile-menu .profile-links details{position:static;margin:0;padding:0;background:none;border:0}
header .profile-menu .profile-links details summary{display:list-item;list-style:disclosure-closed;min-height:44px;width:auto;height:auto;padding:.55rem .65rem;border:0;border-radius:.3rem;color:#eef6ee;background:transparent;font:600 .97rem/1.4 system-ui,sans-serif}
header .profile-menu .profile-links details[open] summary{list-style:disclosure-open}
header .profile-menu .profile-links{position:absolute;inset:calc(100% + 6px) 0 auto auto;width:min(18rem,calc(100vw - 2rem));max-height:min(70vh,27rem);overflow:auto;box-sizing:border-box;background:#17272c;color:#f0f6f2;border:1px solid #5e7770;border-radius:10px;box-shadow:0 .65rem 2rem #0008;padding:.5rem}
header .profile-menu:not([open]) .profile-links{display:none!important}
header .profile-menu .profile-links p{margin:.65rem .6rem .15rem;color:#a7c6b8;font:700 .74rem/1.3 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
header .profile-menu nav{position:static;display:block;margin:0;padding:0;border:0;width:100%;background:none}
header .profile-menu .profile-links a{box-sizing:border-box;min-height:44px;display:flex;align-items:center;justify-content:flex-start;padding:.45rem .65rem;margin:0;border:0;color:#eef6ee;background:none;text-align:left;font:600 .97rem/1.3 system-ui,sans-serif;text-decoration:none}
header .profile-menu .profile-links a:hover{background:#30483f;border-radius:4px}
body .workshop-header.site-header{grid-template-columns:minmax(0,1fr) minmax(12rem,24rem);grid-template-areas:"identity profile" "identity search";gap:.25rem 1rem}
.workshop-header .profile-menu{position:relative;inset:auto;grid-area:profile;justify-self:end}
.workshop-header .workshop-search{width:100%}
@media(max-width:600px){body .workshop-header.site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity profile" "search search";gap:.45rem .6rem}.workshop-header .workshop-identity p{white-space:normal}}
/* Reusable notice slots: one invitation for beginners and one quieter workshop bulletin. */
body .workshop-promo{box-sizing:border-box;text-decoration:none;color:#ecf4ef}
body .beginner-beacon{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:.35rem 0 1.1rem;padding:clamp(1.1rem,3.5vw,2.7rem);background:radial-gradient(ellipse at 100% 0%,#394f3a 0%,transparent 65%),#1a2d2c;border:1px solid #677e61;border-inline-start:6px solid #d2f99a;border-radius:10px}
body .promo-kicker{display:block;color:#c7ef9f;font:750 .75rem/1.4 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
body .beginner-beacon h1{margin:.35rem 0 .55rem;max-width:23ch;color:#f2f7ea;font:800 clamp(2.0rem,4.5vw,3.85rem)/1.04 system-ui,sans-serif;letter-spacing:-.045em}
body .beginner-beacon p{margin:0;max-width:51ch;color:#c7dbd4;font:400 1.05rem/1.5 system-ui,sans-serif}
body .beginner-beacon .promo-cta{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;white-space:nowrap;min-height:48px;padding:.55rem 1.1rem;background:#d2f99a;color:#19281e;border-radius:6px;font:750 1rem/1.3 system-ui,sans-serif}
body .beginner-beacon:hover{border-color:#d2f99a}
body .wiring-promo{display:flex;align-items:center;gap:1rem;margin:1.2rem 0;padding:1rem 1.2rem;background:#1a272d;border:1px solid #435961;border-radius:8px}
.wiring-promo svg{color:#9fbfc2;flex-shrink:0}.wiring-promo .promo-copy{flex:1}.wiring-promo .promo-copy strong{display:block;color:#e6f0e9;font-size:1.1rem}.wiring-promo .promo-copy>span:last-child{color:#bdcecc;font-size:.91rem}.wiring-promo .promo-cta{color:#c7e1d3;font-weight:650}.wiring-promo:hover .promo-cta{text-decoration:underline}
@media(max-width:680px){body .beginner-beacon{align-items:flex-start;flex-direction:column;gap:.7rem}body .wiring-promo{display:grid;grid-template-columns:2.25rem 1fr;gap:.3rem .8rem}.wiring-promo svg{width:2.25rem}.wiring-promo .promo-cta{grid-column:2}}

header .profile-menu .profile-links a[data-menu-action]{display:grid;gap:.15rem;padding-block:.55rem}
header .profile-menu .profile-links a[data-menu-action] small{color:#bfd0ca;font:400 .83rem/1.35 system-ui,sans-serif}