@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {.brxe-code{width:100%}}.category-indicator { height: 4px; position: relative; overflow: hidden; background: linear-gradient(90deg, #60a5fa 0%, #10b981 100%);}.brxe-sjzvfo .brxe-atfqtv.brxe-text-basic {text-transform: capitalize}.job-skills { font-size:0;} .job-skill a { font-size:1rem; display:inline-flex; gap:6px; background-color: var(--color-bg-secondary); color: var(--color-text-secondary); padding: 0.25rem 0.75rem; border-radius: var(--radius-sm); transition: var(--transition-base); margin: 0.2rem 0.2rem 0.2rem 0;} .job-skill a:hover { transform: scale(1.02); color:var(--color-primary)}.brxe-sjzvfo.brxe-div {min-width: 100%}#brxe-ayenxt {max-width: 100%; min-width: 100%; flex-direction: row; align-items: center}:root {  --gaming-color: linear-gradient(90deg, #fbb040 0%, #ef4444 50%, #ec489a 100%); --gaming-solid: #f59e0b; --healthcare-color: linear-gradient(90deg, #a78bfa 0%, #ec489a 100%); --healthcare-solid: #a78bfa; --data_analysis-color: linear-gradient(90deg, #60a5fa 0%, #10b981 100%); --data_analysis-solid: #60a5fa; --common-color: #9ca3af;  --color-primary: #4f46e5; --color-primary-hover: #4338ca; --color-primary-glow: rgba(79, 70, 229, 0.15);  --hh-theme-text: #1f2937; --hh-theme-text: #374151;  --color-bg-primary: rgba(255, 255, 255, 0.95); --color-bg-secondary: rgba(243, 244, 246, 0.7); --color-bg-tertiary: rgba(255, 255, 255, 0.9);  --color-border: rgba(79, 70, 229, 0.2); --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1); --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1); --shadow-hover: 0 8px 12px rgba(0, 0, 0, 0.15);  --space-xs: 0.25rem; --space-sm: 0.5rem; --space-md: 1rem; --space-lg: 1.5rem; --space-xl: 2rem;  --breakpoint-sm: 640px; --breakpoint-md: 768px; --breakpoint-lg: 1024px; --breakpoint-xl: 1280px;}.cyber-job-board[data-element="job-board"] { width: 100%; max-width: 100%; display: block; flex: 1 1 100%; grid-column: 1 / -1;} .cyber-job-board .jobs-container { width: 100%; max-width: 100%; display: block; flex: 1 1 100%;} .cyber-job-board.job-board-wrapper { width: 100%; max-width: 100%; padding: 0; margin: 0; box-sizing: border-box; display: block; flex: 0 0 100%; grid-column: 1 / -1;} .cyber-job-board.job-board-wrapper *,.cyber-job-board .job-board-inner-container,.cyber-job-board .jobs-container { box-sizing: border-box; width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}.cyber-job-board .job-card[data-job-element="card"] { background: var(--hh-theme-bg); border-radius: 12px; box-shadow: var(--shadow-sm); transition: all 0.3s ease; overflow: hidden; margin-bottom: var(--space-lg); width: 100%; max-width: 100%; border: 1px solid var(--color-border); display: block; margin-left: 0; margin-right: 0;} .cyber-job-board .job-card[data-job-element="card"]:hover { box-shadow: var(--shadow-hover); transform: translateY(-2px);}.brxe-ipxwyf.brxe-div.rarity-bar[data-job-element="rarity-bar"] { height: 4px; width: 100%; background: var(--common-color);} .brxe-ipxwyf.brxe-div.rarity-bar.common[data-job-element="rarity-bar"] { background: var(--common-color);} .brxe-ipxwyf.brxe-div.rarity-bar.data_analysis[data-job-element="rarity-bar"] { background: var(--data_analysis-color);} .brxe-ipxwyf.brxe-div.rarity-bar.healthcare[data-job-element="rarity-bar"] { background: var(--healthcare-color);} .brxe-ipxwyf.brxe-div.rarity-bar.gaming[data-job-element="rarity-bar"] { background: var(--gaming-color);}.cyber-job-board .job-card .job-content[data-job-element="content"] { padding: var(--space-xl);}@media (max-width: 768px) { .cyber-job-board .job-card .job-content[data-job-element="content"] { padding: var(--space-lg); }}.cyber-job-board .job-card .job-header[data-job-element="header"] { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-lg); flex-wrap: wrap;}@media (max-width: 640px) { .cyber-job-board .job-card .job-header[data-job-element="header"] { flex-direction: column; gap: var(--space-md); }}.cyber-job-board .job-card .job-title-section[data-job-element="title-section"] { flex: 1; min-width: 0;} .cyber-job-board .job-card .job-title[data-job-element="title"] { font-size: 1.5rem; font-weight: 600; margin: 0; line-height: 1.3; color: var(--hh-theme-text); display: flex; align-items: center; gap: var(--space-sm); flex-wrap: wrap;}@media (max-width: 480px) { .cyber-job-board .job-card .job-title[data-job-element="title"] { font-size: 1.25rem; }}.cyber-job-board .job-card .meta-info[data-job-element="meta-info"] { display: flex; align-items: center; gap: var(--space-lg); margin-top: var(--space-md); color: var(--hh-theme-text); flex-wrap: wrap;} .cyber-job-board .job-card .meta-item[data-job-element="meta-item"] { display: flex; align-items: center; gap: var(--space-xs); white-space: nowrap;} .cyber-job-board .job-card .meta-item[data-job-element="meta-item"] svg { width: 16px; height: 16px; flex-shrink: 0;}.cyber-job-board .job-card .job-description[data-job-element="description"] { color: var(--hh-theme-text); margin: var(--space-md) 0; font-size: 1rem; line-height: 1.6;}.cyber-job-board .job-card .job-tags[data-job-element="tags"] { display: flex; flex-wrap: wrap; gap: var(--space-sm); margin-top: var(--space-md);} .cyber-job-board .job-card .job-tag[data-job-element="tag"] { background: var(--color-bg-secondary); padding: var(--space-sm) var(--space-md); border-radius: 16px; font-size: 1.2rem; color: var(--hh-theme-text); transition: all 0.2s ease; cursor: pointer; border: 1px solid transparent;} .cyber-job-board .job-card .job-tag[data-job-element="tag"]:hover { background: var(--color-bg-primary); border-color: var(--color-border); transform: translateY(-1px); box-shadow: var(--shadow-sm); color: var(--color-primary);}.cyber-job-board .job-card .job-footer[data-job-element="footer"] { display: flex; justify-content: flex-end; gap: var(--space-sm); margin-top: var(--space-lg); flex-wrap: wrap;}@media (max-width: 480px) { .cyber-job-board .job-card .job-footer[data-job-element="footer"] { justify-content: stretch; }}.cyber-job-board .job-card .view-details[data-job-element="view-button"],.cyber-job-board .job-card .apply-now[data-job-element="apply-button"] { display: inline-flex; align-items: center; justify-content: center; padding: var(--space-sm) var(--space-md); border-radius: 8px; text-decoration: none; font-size: 1.2rem; font-weight: 500; transition: all 0.2s ease; min-width: 120px; text-align: center;}@media (max-width: 480px) { .cyber-job-board .job-card .view-details[data-job-element="view-button"], .cyber-job-board .job-card .apply-now[data-job-element="apply-button"] { width: 100%; min-width: unset; }} .cyber-job-board .job-card .view-details[data-job-element="view-button"] { background: var(--color-primary); color: white;} .cyber-job-board .job-card .view-details[data-job-element="view-button"]:hover { background: var(--color-primary-hover);} .cyber-job-board .job-card .apply-now[data-job-element="apply-button"] { background: var(--color-bg-primary); border: 2px solid var(--color-primary); color: var(--color-primary);} .cyber-job-board .job-card .apply-now[data-job-element="apply-button"]:hover { background: var(--color-bg-secondary); border-color: var(--color-primary-hover); color: var(--color-primary-hover);}.cyber-job-board .job-card .job-meta-right[data-job-element="meta-right"] { text-align: right; min-width: 140px;}@media (max-width: 640px) { .cyber-job-board .job-card .job-meta-right[data-job-element="meta-right"] { text-align: left; min-width: 100%; }} .cyber-job-board .job-card .job-date[data-job-element="date"] { color: var(--hh-theme-text); font-size: 1.2rem; margin-bottom: var(--space-xs);} .cyber-job-board .job-card .applications-count[data-job-element="applications"] { color: var(--hh-theme-text); font-size: 1.2rem; display: flex; align-items: center; justify-content: flex-end; gap: var(--space-xs);}@media (max-width: 640px) { .cyber-job-board .job-card .applications-count[data-job-element="applications"] { justify-content: flex-start; }} .cyber-job-board .job-card .applications-count[data-job-element="applications"] svg { width: 14px; height: 14px; color: var(--gaming-solid);}