/* Category glyph tiles (Components/CategoryGlyph.razor; visible refresh R2, docs/design/refresh-2026-11.md §5,
   prototype .glyph). The hue comes from the tile's h-* class in css/tokens.css, so Night and Dawn need no rule here.
   Safari 13: no inset, no aspect-ratio, no flex gap. The size is set by the page (width and height). */
.glyph{position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;flex:0 0 auto;width:64px;height:64px;border-radius:14px;overflow:hidden;color:#46e0d6;color:var(--hue);background:#141b3d;background:var(--panel-2)}
.glyph:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 20% 10%,var(--hue-soft),transparent 60%),radial-gradient(90% 80% at 100% 100%,var(--hue-soft-2),transparent 60%)}
.glyph-pat{position:absolute;top:0;left:0;width:100%;height:100%}
.glyph-pat path{fill:none;stroke:currentColor;stroke-opacity:.18;stroke-width:1}
.glyph-ico{position:relative;width:56%;height:56%}
.glyph-ico *{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.glyph-ico .glyph-fill{fill:currentColor;fill-opacity:.22}
/* Hiring: a saffron dot, only when real open jobs exist. */
.glyph-hire{position:absolute;top:5px;right:5px;width:12px;height:12px;border-radius:50%;background:#f4bc5c;background:var(--saffron);border:2px solid #0e1430;border:2px solid var(--panel)}