/* Vector icons follow the approved mock and shared design tokens. */
.site-header nav .listen-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-4)}
.site-header .listen-link svg{width:var(--fs-18);height:var(--fs-18);flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.production-header .account-link{position:relative;display:inline-flex;align-items:center;justify-content:center}
.production-header .account-link>svg{width:var(--sp-20);height:var(--sp-20);fill:currentColor}
.production-header .account-link.is-logged-in>svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.production-header .account-link img{width:var(--sp-32);height:var(--sp-32)}
.account-status{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:var(--sp-16);height:var(--sp-16);border:2px solid var(--c-white);border-radius:50%;background:var(--c-aqua-text);color:var(--c-white)}
.account-status svg{width:var(--fs-10);height:var(--fs-10);fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.dialog-close svg{width:var(--sp-24);height:var(--sp-24);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dialog-close{display:grid;place-items:center;padding:0}
.avatar svg,#profile-image-preview>svg{width:var(--sp-24);height:var(--sp-24);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}