/* Shared job-platform explanation and poster UI; admin theme colors remain the source. */
.jobs-runtime .jd-platform-guide { margin:24px 0; padding:0; overflow:hidden; border:1px solid var(--theme-border,#d9dfd6); border-radius:18px; background:var(--theme-surface,#fff); color:var(--theme-text,#17251f); box-shadow:none; }
.jobs-runtime .jd-guide-header { display:flex; align-items:center; gap:32px; padding:26px; background:linear-gradient(110deg,var(--theme-surface,#fff),var(--theme-surface-muted,#f5f2eb)); border-bottom:1px solid var(--theme-border,#d9dfd6); }
.jobs-runtime .jd-guide-brand { display:flex; align-items:center; gap:14px; max-width:100%; min-width:0; flex:0 1 290px; color:#a21e26; }
.jobs-runtime .jd-guide-brand svg { width:23px; height:23px; flex:none; }
.jobs-runtime .jd-guide-brand strong { display:block; font:700 22px/1.3 Georgia,serif; }
.jobs-runtime .jd-guide-brand small { display:block; margin-top:4px; font-size:10px; line-height:1.5; color:var(--theme-text-muted,#56655e); }
.jobs-runtime .jd-guide-brand img { width:56px; height:56px; flex:none; object-fit:contain; border-radius:50%; }
.jobs-runtime .jd-guide-brand > span { min-width:0; overflow-wrap:anywhere; }
.jobs-runtime .jd-guide-heading { flex:1; min-width:0; padding-left:28px; border-left:1px solid var(--theme-border,#d9dfd6); }
.jobs-runtime .jd-guide-header h2 { color:var(--theme-heading,#17251f); font:650 29px/1.3 Georgia,serif; margin:0 0 8px; }
.jobs-runtime .jd-guide-header p { color:var(--theme-text-muted,#56655e); font-size:12px; line-height:1.8; margin:0; }
.jobs-runtime .jd-guide-header p > span { display:inline-block; }
.jobs-runtime .jd-guide-language { position:relative; min-width:0; border:0; padding:24px 26px; margin:0; }
.jobs-runtime .jd-guide-language legend { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
.jobs-runtime .jd-guide-radio { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
.jobs-runtime .jd-guide-radio + label { display:inline-flex; align-items:center; justify-content:center; padding:10px 20px; min-height:44px; margin:0 6px 20px 0; border:1px solid var(--theme-border,#d9dfd6); border-radius:9px; color:var(--theme-link,#174c3d); background:var(--theme-surface,#fff); cursor:pointer; font-size:12px; font-weight:750; }
.jobs-runtime .jd-guide-radio:checked + label { background:var(--theme-primary-bg,#174c3d); color:var(--theme-primary-text,#fff); border-color:var(--theme-primary-bg,#174c3d); }
.jobs-runtime .jd-guide-radio:focus-visible + label,.jobs-runtime .jd-platform-guide summary:focus-visible { outline:3px solid var(--theme-focus,#005fcc); outline-offset:3px; }
.jobs-runtime #mabapu-guide-hi:checked ~ .jd-guide-panel--en,.jobs-runtime #mabapu-guide-en:checked ~ .jd-guide-panel--hi { display:none; }
.jobs-runtime .jd-guide-panel { min-width:0; overflow-wrap:anywhere; }
.jobs-runtime .jd-guide-eyebrow { display:block; color:var(--theme-text-muted,#56655e); font-size:10px; font-weight:750; letter-spacing:.05em; text-transform:uppercase; line-height:1.6; }
.jobs-runtime .jd-guide-panel h3 { color:var(--theme-heading,#17251f); font:650 22px/1.4 Georgia,serif; margin:6px 0 8px; }
.jobs-runtime .jd-guide-panel[lang=hi] h3 { font-family:inherit; font-size:21px; line-height:1.65; }
.jobs-runtime .jd-guide-panel p { font-size:12px; line-height:1.85; color:var(--theme-text-muted,#56655e); margin:0; }
.jobs-runtime .jd-guide-intro { margin-bottom:20px; }
.jobs-runtime .jd-guide-core { display:flex; align-items:flex-start; gap:14px; padding:20px; border:1px solid #edc3bd; border-left:4px solid #b3262c; border-radius:12px; background:#fff4f1; }
.jobs-runtime .jd-guide-core > svg { width:24px; height:24px; color:#a21e26; flex:none; }
.jobs-runtime .jd-guide-core h4 { color:#901c24; font-size:16px; line-height:1.6; margin:0 0 6px; }
.jobs-runtime .jd-guide-core p { color:#653333; }
.jobs-runtime .jd-guide-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:26px 0; }
.jobs-runtime .jd-guide-step-number { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--theme-border,#d9dfd6); border-radius:50%; background:var(--theme-accent-bg,#f5ecd7); color:var(--theme-accent-text,#51391c); font-size:11px; font-weight:750; margin-bottom:12px; }
.jobs-runtime .jd-guide-panel h4 { font-weight:750; }
.jobs-runtime .jd-guide-steps h4,.jobs-runtime .jd-guide-options h4 { margin:0 0 8px; font-size:14px; line-height:1.6; color:var(--theme-heading,#17251f); }
.jobs-runtime .jd-guide-section-heading { margin:22px 0 14px; }
.jobs-runtime .jd-guide-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.jobs-runtime .jd-guide-options > article { padding:18px; border:1px solid var(--theme-border,#d9dfd6); border-radius:12px; background:var(--theme-surface-muted,#f5f2eb); }
.jobs-runtime .jd-guide-fees { padding:20px; border:1px solid var(--theme-border,#d9dfd6); border-radius:12px; margin:22px 0; background:var(--theme-accent-bg,#f5ecd7); }
.jobs-runtime .jd-guide-fees h3,.jobs-runtime .jd-guide-fees p { color:var(--theme-accent-text,#51391c); }
.jobs-runtime .jd-guide-disclaimers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
.jobs-runtime .jd-guide-disclaimers details { border-top:1px solid var(--theme-border,#d9dfd6); min-width:0; }
.jobs-runtime .jd-guide-disclaimers summary { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:52px; padding:12px 0; cursor:pointer; list-style:none; font-size:13px; line-height:1.6; font-weight:750; color:var(--theme-heading,#17251f); }
.jobs-runtime .jd-guide-disclaimers summary::-webkit-details-marker { display:none; }
.jobs-runtime .jd-guide-disclaimers summary > span { font-size:20px; flex:none; font-weight:400; }
.jobs-runtime .jd-guide-disclaimers details[open] summary > span { transform:rotate(45deg); }
.jobs-runtime .jd-guide-disclaimers p { padding-bottom:16px; }
.jobs-runtime .jd-guide-panel .jd-guide-closing { margin-top:18px; padding-top:18px; border-top:1px solid var(--theme-border,#d9dfd6); font-weight:650; color:var(--theme-heading,#17251f); }
/* Poster art palettes stay selectable. This skin applies to the studio controls and launcher. */
.jobs-runtime .jd-page .mbps4 { --mp4-void:var(--theme-surface,#fff); --mp4-deep:var(--theme-surface-muted,#f5f2eb); --mp4-surface:var(--theme-surface,#fff); --mp4-card:var(--theme-surface,#fff); --mp4-border:var(--theme-border,#d9dfd6); --mp4-gold:var(--theme-link,#174c3d); --mp4-gold2:var(--theme-heading,#17251f); --mp4-muted:var(--theme-text-muted,#56655e); --mp4-soft:var(--theme-text-muted,#56655e); --mp4-text:var(--theme-text,#17251f); min-width:0; }
.jobs-runtime .jd-page .mbps4-launcher { margin:20px 0; padding:24px; background:linear-gradient(110deg,var(--theme-surface,#fff),var(--theme-surface-muted,#f5f2eb)); border:1px solid var(--theme-border,#d9dfd6); border-radius:18px; box-shadow:none; }
.jobs-runtime .jd-page .mbps4-launcher::before { display:none; }
.jobs-runtime .jd-page .mbps4-launcher h3 { color:var(--theme-heading,#17251f); font:650 25px/1.3 Georgia,serif; }
.jobs-runtime .jd-page .mbps4-launcher p { color:var(--theme-text-muted,#56655e); }
.jobs-runtime .jd-page .mbps4-launcher-icon { border-radius:50%; background:var(--theme-accent-bg,#f5ecd7); border-color:var(--theme-border,#d9dfd6); color:var(--theme-icon,#174c3d); }
.jobs-runtime .jd-page .mbps4-badge { background:#fff4f1; border:1px solid #edc3bd; color:#a21e26; }
.jobs-runtime .jd-page .mbps4-badge > span { background:#a21e26; animation:none; }
.jobs-runtime .jd-page .mbps4-chip { background:var(--theme-surface,#fff); border-color:var(--theme-border,#d9dfd6); color:var(--theme-text,#17251f); }
.jobs-runtime .jd-page .mbps4-open-btn { width:auto; min-height:44px; padding:12px 18px; background:var(--theme-primary-bg,#174c3d) !important; color:var(--theme-primary-text,#fff) !important; border:1px solid var(--theme-primary-bg,#174c3d) !important; box-shadow:none; font-size:12px; }
.jobs-runtime .jd-page .mbps4-open-btn svg { color:inherit !important; }
.jobs-runtime .jd-page .mbps4-open-btn:hover { transform:none; background:var(--theme-primary-hover-bg,#123e32) !important; color:var(--theme-primary-hover-text,#fff) !important; box-shadow:none; }
.jobs-runtime .jd-page .mbps4-overlay { background:#17251fbf; backdrop-filter:none; }
.jobs-runtime .jd-page .mbps4-dialog { max-width:1260px; box-shadow:0 16px 60px #00000030; }
.jobs-runtime .jd-page .mbps4-header-brand-text h2 { color:var(--theme-heading,#17251f); white-space:normal; }
.jobs-runtime .jd-page .mbps4-header-brand-text p { white-space:normal; overflow-wrap:anywhere; max-width:100%; }
.jobs-runtime .jd-page .mbps4-close { flex:0 0 44px; width:44px; height:44px; }
.jobs-runtime .jd-page .mbps4-role-tag { color:var(--theme-link,#174c3d); background:var(--theme-surface-muted,#f5f2eb); border-color:var(--theme-border,#d9dfd6); white-space:normal; height:auto; padding:6px; }
.jobs-runtime .jd-page .mbps4-tabs { flex-wrap:wrap; overflow:visible; gap:5px; }
.jobs-runtime .jd-page .mbps4-tab { min-height:44px; flex:1 1 auto; justify-content:center; padding:8px; }
.jobs-runtime .jd-page .mbps4-tab .tab-label { display:inline; font-size:10px; }
.jobs-runtime .jd-page .mbps4-tab[aria-selected=true] { background:var(--theme-primary-bg,#174c3d); color:var(--theme-primary-text,#fff); border-color:var(--theme-primary-bg,#174c3d); }
.jobs-runtime .jd-page .mbps4-preview-pane { background:var(--theme-surface-muted,#f5f2eb); }
.jobs-runtime .jd-page .mbps4 :focus-visible { outline:3px solid var(--theme-focus,#005fcc); outline-offset:3px; }
.jobs-runtime .jd-page .mbps4 :is(.mbps4-card-title,.mbps4-eyebrow) { color:var(--theme-heading,#17251f); }
.jobs-runtime .jd-page .mbps4 :is(.mbps4-card-row,.mbps4-card-head) { min-width:0; flex-wrap:wrap; }
.jobs-runtime .jd-page .mbps4 :is(.mbps4-studio,.mbps4-controls-pane,.mbps4-controls-inner,.mbps4-card,.mbps4-preview-pane,.mbps4-copy-wrap) { min-width:0; max-width:100%; }
.jobs-runtime .jd-page .mbps4 .mbps4-hooks { grid-template-columns:repeat(2,minmax(0,1fr)); }
.jobs-runtime .jd-page .mbps4 .mbps4-hook { min-width:0; overflow-wrap:anywhere; }
.jobs-runtime .jd-page .mbps4 .mbps4-hook strong { white-space:normal; }
.jobs-runtime .jd-page .mbps4 .mbps4-dl-btn { font-size:12px; padding:12px; min-height:44px; white-space:normal; }
.jobs-runtime .jd-page .mbps4 .mbps4-layouts { grid-template-columns:repeat(2,minmax(0,1fr)); }
.jobs-runtime .jd-page .mbps4 .mbps4-palettes { grid-template-columns:repeat(3,minmax(0,1fr)); }
.jobs-runtime .jd-page .mbps4 .mbps4-filt-row { flex-wrap:wrap; overflow:visible; }
.jobs-runtime .jd-page .mbps4 .mbps4-layout { min-width:0; overflow-wrap:anywhere; }
@media(min-width:1200px) { .jobs-runtime .jd-page .mbps4 .mbps4-layouts { grid-template-columns:repeat(5,minmax(0,1fr)); } .jobs-runtime .jd-page .mbps4 .mbps4-palettes { grid-template-columns:repeat(7,minmax(0,1fr)); } }
@media(min-width:900px) { .jobs-runtime .jd-page .mbps4 .mbps4-hooks { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:767px) {
 .jobs-runtime .jd-guide-header { padding:22px 18px; flex-direction:column; align-items:flex-start; gap:20px; }
 .jobs-runtime .jd-guide-brand { flex-basis:auto; }
 .jobs-runtime .jd-guide-heading { padding:0; border:0; }
 .jobs-runtime .jd-guide-header h2 { font-size:25px; }
 .jobs-runtime .jd-guide-language { padding:20px 16px; }
 .jobs-runtime .jd-guide-core { padding:16px; gap:10px; }
 .jobs-runtime .jd-guide-core h4 { font-size:14px; }
 .jobs-runtime .jd-guide-steps,.jobs-runtime .jd-guide-options,.jobs-runtime .jd-guide-disclaimers { grid-template-columns:minmax(0,1fr); }
 .jobs-runtime .jd-guide-steps { gap:18px; }
 .jobs-runtime .jd-guide-steps article { display:grid; grid-template-columns:32px minmax(0,1fr); gap:4px 12px; }
 .jobs-runtime .jd-guide-step-number { grid-row:1/3; margin:0; }
 .jobs-runtime .jd-guide-steps p { grid-column:2; }
 .jobs-runtime .jd-guide-options > article,.jobs-runtime .jd-guide-fees { padding:16px; }
 .jobs-runtime .jd-page .mbps4-launcher { padding:20px 16px; }
 .jobs-runtime .jd-page .mbps4-launcher-icon { width:38px; height:38px; flex-basis:38px; }
 .jobs-runtime .jd-page .mbps4-launcher h3 { font-size:21px; }
 .jobs-runtime .jd-page .mbps4-open-btn { width:100%; }
 .jobs-runtime .jd-page .mbps4-header-brand-text h2 { font-size:12px; }
 .jobs-runtime .jd-page .mbps4-role-tag { display:none; }
}
@media(prefers-reduced-motion:reduce) { .jobs-runtime .jd-page .mbps4 * { animation:none !important; transition:none !important; } }