/* Content-sales pilot: keep the shared job-page layout and role-based colors. */
/* Remaining local drafts: keep long titles and comparison names readable. */
.job-start-guide:is([data-job-id="ai-editing"],[data-job-id="illustration"],[data-job-id="delivery"]) .job-hero h1{text-wrap:balance}
.job-start-guide:is([data-job-id="ai-editing"],[data-job-id="illustration"],[data-job-id="delivery"]) .job-heading-part{display:inline-block;max-width:100%}
@media(max-width:360px){.job-start-guide:is([data-job-id="ai-editing"],[data-job-id="delivery"]) .job-hero h1{font-size:27px;line-height:1.5}.job-start-guide[data-job-id="illustration"] .job-hero h1{font-size:25px;line-height:1.5}}
@media(max-width:360px){.job-start-guide[data-job-id="delivery"] .job-budget-card h3 strong{font-size:24px}}
.job-start-guide:is([data-job-id="ai-editing"],[data-job-id="stock-photo"],[data-job-id="illustration"],[data-job-id="narration"],[data-job-id="digital-assets"],[data-job-id="grading"],[data-job-id="tutoring"],[data-job-id="delivery"]) .job-compare-bar>div:first-child{align-items:flex-start;flex:1}
.job-start-guide:is([data-job-id="ai-editing"],[data-job-id="stock-photo"],[data-job-id="illustration"],[data-job-id="narration"],[data-job-id="digital-assets"],[data-job-id="grading"],[data-job-id="tutoring"],[data-job-id="delivery"]) .job-compare-bar strong{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.job-start-guide[data-job-id="delivery"] .breadcrumbs [aria-current="page"]{min-width:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:520px){html body:has(.job-start-guide:is([data-job-id="ai-editing"],[data-job-id="stock-photo"],[data-job-id="illustration"],[data-job-id="narration"],[data-job-id="digital-assets"],[data-job-id="grading"],[data-job-id="tutoring"],[data-job-id="delivery"]) .job-compare-bar:not([hidden])){padding-bottom:120px}}
body:has(.job-start-guide) .site-noscript-nav .nav-active{position:relative}
.job-start-guide .job-hero{align-items:start;gap:36px}
.job-start-guide[data-job-id="code"] .job-hero h1{text-wrap:balance}
.job-start-guide[data-job-id="code"] .job-heading-part{display:inline-block}
.job-start-guide[data-job-id="code"] .job-compare-bar>div:first-child{align-items:flex-start;flex:1}
.job-start-guide[data-job-id="code"] .job-compare-bar strong{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.job-start-guide[data-job-id="assistant"] .job-hero h1{text-wrap:balance}
.job-start-guide[data-job-id="assistant"] .job-heading-part{display:inline-block}
.job-start-guide[data-job-id="assistant"] .job-compare-bar>div:first-child{align-items:flex-start;flex:1}
.job-start-guide[data-job-id="assistant"] .job-compare-bar strong{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.job-start-guide .job-hero figure{padding-top:32px}
.job-guide-summary{margin:24px 0 18px;padding:20px 22px;background:var(--color-primary-soft);border:1px solid var(--color-border-strong);border-left:5px solid var(--color-primary);border-radius:14px}
.job-guide-summary h2{font-size:17px;color:var(--primary-800);line-height:1.6;margin:0 0 14px}
.job-guide-summary .job-summary{background:none;border:0;border-radius:0;gap:16px 20px;margin:0}
.job-guide-summary .job-summary>div{padding:0;background:none}
.job-guide-summary .job-summary dt{color:var(--color-text-muted)}
.job-guide-summary .job-summary strong{font-size:15px;color:var(--primary-900)}
.job-start-guide .job-actions{gap:12px}
.job-start-guide .job-actions .button{gap:12px}
.job-start-guide .job-jump-links a{display:flex;align-items:center;min-height:44px}
.job-start-guide .job-jump-links{padding-block:10px;gap:0 24px}
.job-product-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none!important;padding:0!important;margin:22px 0}
.job-product-types li{margin:0;padding:18px 20px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}
.job-product-types h3{font-size:17px;margin:0 0 7px;color:var(--primary-800)}
.job-product-types p{font-size:14px;line-height:1.8;margin:7px 0 0}
.job-product-types .job-product-examples{font-weight:700;color:var(--color-text)}
.job-format-links{display:flex;flex-wrap:wrap;gap:10px 18px;padding-top:12px;font-size:13px}
.job-format-links span{width:100%;font-weight:700;color:var(--color-text-muted)}
.job-budget-card{padding:22px 24px;margin:28px 0;background:var(--color-surface-alt);border-radius:12px}
.job-section .job-budget-card h3{margin-top:0}
.job-budget-card h3 strong{font-size:30px;color:var(--primary-800);padding-inline:4px;white-space:nowrap}
.job-budget-card>p:last-child{margin-bottom:0}
.job-time-plan{scroll-margin-top:100px}
.job-first-action{padding:20px 24px;background:var(--color-primary-soft);border-left:4px solid var(--color-primary);border-radius:12px;margin:24px 0}
.job-first-action .eyebrow{color:var(--primary-700);margin-top:0}
.job-first-action>p:last-child{margin-bottom:0}
.job-roadmap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none!important;padding:0!important;margin:28px 0}
.job-roadmap>li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:20px;margin:0;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}
.job-roadmap>li:last-child{margin-bottom:0}
.job-roadmap-number{display:grid;place-items:center;align-self:start;width:38px;height:38px;border-radius:50%;background:var(--color-primary-soft);color:var(--primary-800);font-size:17px;font-weight:800}
.job-roadmap h3{margin:2px 0 8px;font-size:17px}
.job-roadmap p{margin:8px 0;font-size:14px}
.job-roadmap .job-roadmap-result{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--color-text-muted);font-size:13px;margin-bottom:0}
.job-roadmap-result strong{color:var(--primary-700)}
.job-channel-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.job-channel-routes>div{padding:20px;border:1px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:12px;background:var(--color-surface-alt)}
.job-channel-routes dt{font-size:17px;font-weight:800;color:var(--primary-800);margin-bottom:6px}
.job-channel-routes dd{margin:0;font-weight:700}
.job-channel-routes dd p{font-size:14px;font-weight:400;color:var(--color-text-muted);margin-bottom:0}
.job-growth-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none!important;padding:0!important;margin:22px 0 32px}
.job-growth-options>li{margin:0;padding:16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}
.job-growth-options h4{font-size:16px;color:var(--primary-800)}
.job-growth-options p{font-size:14px;margin:8px 0 0}
.job-income-formula{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;padding:18px;background:var(--color-surface-alt);border-radius:12px;font-size:15px}
.job-income-formula strong{color:var(--primary-800)}
.job-channel-value{margin:26px 0;padding:22px 24px;background:var(--color-primary-soft);border-left:4px solid var(--color-primary);border-radius:12px}
.job-channel-value h4{font-size:18px;color:var(--primary-800);line-height:1.7}
.job-channel-value p{font-size:15px}
.job-channel-value>p:last-child{margin-bottom:0}
.job-citation{font-size:11px;font-weight:400;white-space:nowrap;scroll-margin-top:100px}
.job-section .job-citation a{display:inline-block;margin-left:3px;padding-inline:2px;text-decoration:none;scroll-margin-top:100px}
.job-numbered-sources>li{padding:12px 0;border-bottom:1px solid var(--color-border);margin:0;scroll-margin-top:110px}
.job-numbered-sources>li::marker{content:"[" counter(list-item) "] ";color:var(--primary-700);font-weight:700}
.job-section .job-source-back{display:block;margin-top:3px;font-size:11px;color:var(--color-text-muted);text-decoration:none}
.job-guide-details{border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);padding:0 20px;margin:16px 0;scroll-margin-top:100px}
.job-guide-details>summary{cursor:pointer;padding:16px 24px 16px 0;font-size:15px;font-weight:700;color:var(--primary-800);line-height:1.7}
.job-guide-details[open]{padding-bottom:16px}
.job-guide-details[open]>summary{border-bottom:1px solid var(--color-border);margin-bottom:16px}
.job-guide-details .first-month-example{margin-block:16px}
@media(max-width:800px){.job-start-guide .job-hero{gap:24px}.job-start-guide .job-hero figure{padding-top:0}.job-start-guide .job-hero img{max-height:240px}.job-guide-summary{margin-top:20px}.job-start-guide .service-options.has-multiple{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.job-roadmap,.job-channel-routes{grid-template-columns:1fr}.job-growth-options{grid-template-columns:1fr;gap:10px}.job-growth-options>li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;align-items:start}.job-growth-options p{margin:0}.job-growth-options h4{font-size:15px}}
@media(max-width:520px){.job-guide-summary{padding:16px}.job-guide-summary .job-summary{gap:13px}.job-guide-summary .job-summary>div{grid-template-columns:5.4em minmax(0,1fr);gap:10px}.job-guide-summary .job-summary strong{font-size:14px}.job-start-guide .job-actions .text-button{align-self:flex-start}.job-product-types{grid-template-columns:1fr;gap:12px}.job-product-types li{padding:16px 18px}.job-first-action{padding:18px}.job-roadmap>li{grid-template-columns:30px minmax(0,1fr);gap:12px}.job-roadmap-number{width:30px;height:30px;font-size:14px}.job-roadmap h3{font-size:17px;margin-top:0}.job-guide-details{padding-inline:16px}.job-guide-details>summary{font-size:14px}.job-start-guide .job-hero img{max-height:210px}}
@media(max-width:520px){.job-budget-card,.job-channel-value{padding:18px}.job-roadmap>li{padding:18px}.job-income-formula{padding:16px;font-size:14px;gap:6px 9px}.job-channel-value h4{font-size:17px}.job-start-guide .service-card .button{white-space:normal;text-align:center}}

.job-start-guide[data-job-id="customer-support"] .job-hero h1{text-wrap:balance}
.job-start-guide[data-job-id="lesson"] .job-hero h1{text-wrap:balance}
.job-start-guide[data-job-id="surveys"] .job-hero h1{text-wrap:balance}
.job-start-guide[data-job-id="surveys"] .job-heading-part{display:inline-block}
.job-start-guide[data-job-id="surveys"] .job-compare-bar>div:first-child{align-items:flex-start;flex:1}
.job-start-guide[data-job-id="surveys"] .job-compare-bar strong{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:360px){.job-start-guide[data-job-id="surveys"] .job-hero h1{font-size:27px;line-height:1.5}}
.job-start-guide[data-job-id="lesson"] .job-heading-part{display:inline-block}
.job-start-guide[data-job-id="lesson"] .job-compare-bar>div:first-child{align-items:flex-start;flex:1}
.job-start-guide[data-job-id="lesson"] .job-compare-bar strong{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:360px){.job-start-guide[data-job-id="lesson"] .job-hero h1{font-size:27px;line-height:1.5}}
.job-start-guide[data-job-id="customer-support"] .job-heading-part{display:inline-block}
.job-start-guide[data-job-id="customer-support"] .job-compare-bar>div:first-child{align-items:flex-start;flex:1}
.job-start-guide[data-job-id="customer-support"] .job-compare-bar strong{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:360px){.job-start-guide[data-job-id="customer-support"] .job-hero h1{font-size:27px;line-height:1.5}}
@media(max-width:520px){html body:has(.job-start-guide[data-job-id="customer-support"] .job-compare-bar:not([hidden])){padding-bottom:120px}}
@media(max-width:360px){.job-start-guide[data-job-id="spot-work"] .job-hero h1{font-size:28px}}

.job-start-guide[data-job-id="reselling"] .job-heading-part{display:inline-block}
.job-start-guide[data-job-id="reselling"] .job-compare-bar>div:first-child{align-items:flex-start;flex:1}
.job-start-guide[data-job-id="reselling"] .job-compare-bar strong{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:360px){.job-start-guide[data-job-id="reselling"] .job-hero h1{font-size:28px;line-height:1.5}.job-start-guide[data-job-id="reselling"] .job-budget-card h3 strong{font-size:22px}}
@media(max-width:520px){html body:has(.job-start-guide[data-job-id="reselling"] .job-compare-bar:not([hidden])){padding-bottom:110px}}