.nextjs-jobs-page{--job-red:#e63b5e;--job-violet:#7357f6;--job-cyan:#10a8c7;--job-green:#1a9a68;--job-ink:#10213a;--job-muted:#566a83;--job-line:#dce5f2}
.nextjs-jobs-page .compose-diagram{overflow:hidden;border-color:rgba(115,87,246,.24);background:radial-gradient(circle at 92% 5%,rgba(230,59,94,.09),transparent 28%),radial-gradient(circle at 5% 100%,rgba(16,168,199,.08),transparent 32%),#fff;box-shadow:0 18px 48px rgba(33,55,92,.1)}
.nextjs-jobs-page .compose-diagram figcaption{padding:23px 25px 20px;border-bottom:1px solid var(--job-line);background:linear-gradient(135deg,#f5f8ff,#fff7fa)}
.nextjs-jobs-page .compose-diagram figcaption strong{display:block;margin-bottom:7px;color:var(--job-ink);font-size:1.06rem}.nextjs-jobs-page .compose-diagram figcaption span{display:block;max-width:700px;color:var(--job-muted);font-size:.91rem;line-height:1.6}
.nextjs-jobs-page .compose-diagram>[role="img"]{display:flex;align-items:stretch;gap:16px;padding:24px}.nextjs-jobs-page .compose-diagram .node,.nextjs-jobs-page .compose-diagram section{position:relative;display:grid;min-width:0;flex:1;place-content:center;padding:17px;border:1px solid var(--job-line);border-radius:14px;background:linear-gradient(145deg,#fff,#f7faff);color:var(--job-ink);text-align:center;box-shadow:0 9px 22px rgba(33,55,92,.08)}
.nextjs-jobs-page .compose-diagram section{gap:8px}.nextjs-jobs-page .compose-diagram strong{color:var(--job-ink)}.nextjs-jobs-page .compose-diagram span,.nextjs-jobs-page .compose-diagram em{color:var(--job-muted);font-size:.8rem}.nextjs-jobs-page .compose-diagram .queue{border-color:rgba(230,59,94,.48);background:linear-gradient(145deg,#fff,#fff3f6)}.nextjs-jobs-page .compose-diagram .worker{border-color:rgba(115,87,246,.4);background:linear-gradient(145deg,#fff,#f5f2ff)}.nextjs-jobs-page .compose-diagram .safe{border-color:rgba(26,154,104,.4);background:linear-gradient(145deg,#fff,#f1fbf7)}.nextjs-jobs-page .compose-diagram .warn{border-color:rgba(230,59,94,.48);background:#fff3f6}.nextjs-jobs-page .arrow{align-self:center;color:var(--job-red);font-style:normal;font-weight:900}
.jobs-flow>[role="img"]{overflow-x:auto}.jobs-flow .node{min-width:110px}.jobs-grid>[role="img"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.jobs-stack>[role="img"]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}.jobs-stack section:last-child:nth-child(odd){grid-column:auto}.jobs-lifecycle .node:not(:last-child)::after{position:absolute;top:50%;right:-14px;z-index:2;content:"\2192";color:var(--job-red);transform:translateY(-50%)}
.jobs-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:24px 0}.jobs-card-grid section{min-width:0;padding:21px;border:1px solid rgba(115,87,246,.17);border-radius:17px;background:linear-gradient(145deg,#fff,rgba(115,87,246,.045));box-shadow:0 10px 28px rgba(33,55,92,.06)}.jobs-card-grid h3{margin-top:0}.jobs-page-table{max-width:100%;overflow-x:auto;border-radius:14px}.jobs-page-table table{min-width:680px}.nextjs-jobs-page .code-block pre{max-width:100%;overflow-x:auto}.nextjs-jobs-page .compose-learning-path{grid-template-columns:repeat(5,minmax(0,1fr))}
.jobs-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.jobs-kpi span{padding:15px;border:1px solid var(--job-line);border-radius:12px;background:#f8faff;text-align:center;font-weight:700}.jobs-checklist{columns:2;column-gap:30px}.jobs-checklist li{break-inside:avoid;margin-bottom:9px}.jobs-payload{display:grid!important;grid-template-columns:1fr auto 1fr}.jobs-payload section{align-content:start;text-align:left}.jobs-payload ul{margin:8px 0 0;padding-left:18px}.jobs-payload li{font-size:.84rem}.nextjs-jobs-page .compose-article-art img{width:100%;height:auto}
body.active-dark-mode.nextjs-jobs-page .compose-diagram{border-color:rgba(137,115,255,.3);background:radial-gradient(circle at 92% 4%,rgba(230,59,94,.13),transparent 28%),#071322}body.active-dark-mode.nextjs-jobs-page .compose-diagram figcaption{background:rgba(4,17,34,.7);border-color:rgba(103,177,255,.18)}body.active-dark-mode.nextjs-jobs-page .compose-diagram strong{color:#f4f8ff}body.active-dark-mode.nextjs-jobs-page .compose-diagram figcaption span,body.active-dark-mode.nextjs-jobs-page .compose-diagram span,body.active-dark-mode.nextjs-jobs-page .compose-diagram em{color:#b9cbe0}body.active-dark-mode.nextjs-jobs-page .compose-diagram .node,body.active-dark-mode.nextjs-jobs-page .compose-diagram section{border-color:rgba(103,177,255,.25);background:linear-gradient(145deg,#12304f,#0a1f37);color:#fff}body.active-dark-mode.nextjs-jobs-page .jobs-kpi span{border-color:rgba(103,177,255,.22);background:#0b2139;color:#eaf4ff}
@media(max-width:900px){.nextjs-jobs-page .compose-learning-path{grid-template-columns:repeat(2,minmax(0,1fr))}.jobs-stack>[role="img"]{grid-template-columns:repeat(2,minmax(0,1fr))}.jobs-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.jobs-card-grid,.jobs-grid>[role="img"],.jobs-stack>[role="img"],.nextjs-jobs-page .compose-learning-path{grid-template-columns:1fr}.nextjs-jobs-page .compose-diagram>[role="img"],.jobs-payload{display:flex!important;overflow:visible;flex-direction:column;gap:12px}.nextjs-jobs-page .arrow{transform:rotate(90deg)}.jobs-lifecycle .node:not(:last-child)::after{top:auto;right:50%;bottom:-22px;transform:translateX(50%) rotate(90deg)}.jobs-checklist{columns:1}}
@media(max-width:420px){.nextjs-jobs-page .compose-diagram>[role="img"]{padding:15px}.nextjs-jobs-page .compose-diagram figcaption{padding:19px 17px}.jobs-card-grid section{padding:17px}.jobs-kpi{grid-template-columns:1fr}}