/* Nailrole C. Shared brand tokens; loaded only for the global product. */
@font-face{font-family:Manrope;src:url('/resumebyrole/assets/manrope.ttf?v=ea419d4f0bde123d') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#122e50;--muted:#526779;--accent:#245ddb;--accent-hover:#1747b5;--line:#d5dfe6;--paper:#fff;--bg:#fafaf6;--soft:#edf3fa;--plate:#e8eff4;--header:#fafaf6;--warm:#fff4dd;--danger:#a33429;--success:#226749;--warning:#805119;--shadow:none;color:var(--ink);background:var(--bg);color-scheme:light}
body[data-edition=global]{--ink:#122e50;--muted:#526779;--accent:#245ddb;--line:#d5dfe6;--paper:#fff;--bg:#fafaf6;--soft:#edf3fa;--plate:#e8eff4;--header:#fafaf6;--danger:#a33429;--shadow:none;background:var(--bg);color:var(--ink);font-family:Manrope,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
body[data-edition=global]::before{display:none}
body[data-edition=global] ::selection{background:#dce7fd;color:#122e50}
body[data-edition=global] *{scrollbar-color:#9fadb9 #f1f4f6}
body[data-edition=global] a{text-underline-offset:4px}
body[data-edition=global] a.primary-link:not(.role-offer-action){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;box-sizing:border-box;text-align:center;text-decoration:none}
body[data-edition=global] a:hover{color:var(--accent-hover)}
body[data-edition=global] :focus-visible{outline:3px solid var(--accent);outline-offset:4px}
body[data-edition=global] input,body[data-edition=global] textarea{caret-color:var(--accent)}
body[data-edition=global] .app-header{background:var(--header);border-bottom:1px solid var(--line);min-height:80px;padding:14px max(28px,calc((100vw - 1280px)/2));box-shadow:none}
body[data-edition=global] .app-header .brand img{width:128px;height:38px;object-position:left center}
body[data-edition=global] .app-header nav a{font-size:14px}
body[data-edition=global] .header-avatar{background:var(--plate);color:var(--ink)}
body[data-edition=global] .header-account-menu{background:var(--paper);border-color:var(--line);box-shadow:none;z-index:100}
body[data-edition=global] .header-identity small{font-size:12px;color:var(--muted)}
body[data-edition=global] .ui-language-switch{border-color:var(--line);background:transparent;color:var(--ink);font-size:14px;border-radius:4px}
body[data-edition=global]:not([data-home-version]) h1{font-size:36px;line-height:1.25;letter-spacing:-.025em;font-weight:650;color:var(--ink)}
body[data-edition=global]:not([data-home-version]) h2{line-height:1.4;letter-spacing:-.02em;color:var(--ink)}
body[data-edition=global]:not([data-home-version]) h3{line-height:1.5;letter-spacing:-.01em}
body[data-edition=global] button,body[data-edition=global] .primary-link,body[data-edition=global] .secondary-button{font-family:inherit;font-size:14px;line-height:1.5;min-height:44px;border-radius:4px;transition:background 160ms ease,border-color 160ms ease,color 160ms ease}
body[data-edition=global] button.primary,body[data-edition=global] button.primary-button,body[data-edition=global] .primary-link{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:650}
body[data-edition=global] button.primary:hover:not(:disabled),body[data-edition=global] button.primary-button:hover:not(:disabled),body[data-edition=global] .primary-link:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff;filter:none}
body[data-edition=global] button:disabled,body[data-edition=global] [aria-disabled=true]{cursor:not-allowed}
body[data-edition=global] .text-button{background:transparent;border-color:transparent;color:var(--ink);font-weight:550}
body[data-edition=global] .text-button:hover:not(:disabled){color:var(--accent);background:transparent;border-color:transparent}
body[data-edition=global] input:not([type=checkbox]):not([type=radio]),body[data-edition=global] textarea,body[data-edition=global] select{background:var(--paper);border:1px solid #a7b6c3;border-radius:4px;color:var(--ink);font-family:inherit;font-size:16px;line-height:1.65;min-height:46px;box-shadow:none}
body[data-edition=global] input::placeholder,body[data-edition=global] textarea::placeholder{color:var(--muted);opacity:1}
body[data-edition=global] input[type=checkbox],body[data-edition=global] input[type=radio]{accent-color:var(--accent)}
body[data-edition=global] label{font-size:14px;line-height:1.65;font-weight:600}
body[data-edition=global] .muted,body[data-edition=global] .quiet-link{color:var(--muted)}
body[data-edition=global] .card,body[data-edition=global] .billing-sheet,body[data-edition=global] .login-form,body[data-edition=global] .account-main{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:none}
body[data-edition=global] .card{padding:28px 30px}
body[data-edition=global] .resume-input{border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:30px 34px}
body[data-edition=global] .shell>aside{border-right:1px solid var(--line);background:var(--bg)}
body[data-edition=global] aside button.active{background:var(--plate);color:var(--ink)}
body[data-edition=global] aside button:hover:not(:disabled){background:var(--soft)}
body[data-edition=global] .resume-library-content,body[data-edition=global] .builder-preview{background:var(--paper);border-color:var(--line);box-shadow:none}
body[data-edition=global] .resume-library-content{border-radius:8px}
body[data-edition=global] .login-layout{margin-block:60px 80px;gap:72px;align-items:start}
body[data-edition=global] .login-form{padding:32px}
body[data-edition=global] .login-intro h1{font-size:44px;line-height:1.25}
body[data-edition=global] .login-intro>p{font-size:17px;color:var(--muted);line-height:1.85;max-width:44ch}
body[data-edition=global] .login-form h2{font-size:26px}
body[data-edition=global] .intro-rule{background:var(--line)}
body[data-edition=global] .account-main{padding:36px 40px;border-width:1px}
body[data-edition=global] .account-section{border-color:var(--line)}
body[data-edition=global] .account-section h2{font-size:23px}
body[data-edition=global] .auth-terms,body[data-edition=global] .login-help{font-size:14px;line-height:1.8;color:var(--muted)}
body[data-edition=global] .danger-zone{color:var(--danger)}
body[data-edition=global] .pricing-page{max-width:1160px}
body[data-edition=global] .pricing-plan{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:none}
body[data-edition=global] .pricing-plan-monthly{border-color:#8da8cc;background:var(--paper)}
body[data-edition=global] .pricing-billing,body[data-edition=global] .pricing-upgrade-copy,body[data-edition=global] .pricing-reference,body[data-edition=global] .pricing-plan-benefits li,body[data-edition=global] .subscription-note{font-size:14px;line-height:1.8}
body[data-edition=global] .payment-dialog{background:var(--paper);color:var(--ink);border:0;border-radius:8px;padding:28px;box-shadow:0 18px 60px #0000002b}
body[data-edition=global] dialog::backdrop{background:#122e5070}
body[data-edition=global] .payment-heading,body[data-edition=global] .payment-summary{border-color:var(--line)}
body[data-edition=global] .payment-sheet{background:var(--paper);border-color:var(--line)}
body[data-edition=global] .payment-preview,body[data-edition=global] .payment-role,body[data-edition=global] .payment-general-benefit,body[data-edition=global] .checkout-legal-links,body[data-edition=global] .launch-price-note{font-size:14px;line-height:1.8}
body[data-edition=global] .billing-main{width:min(860px,calc(100% - 48px));margin:44px auto 64px}
body[data-edition=global] .billing-sheet{padding:32px 36px}
body[data-edition=global] .billing-sheet p,body[data-edition=global] .billing-facts>div{font-size:14px;line-height:1.85}
body[data-edition=global] .billing-preview,body[data-edition=global] .retention-explanation,body[data-edition=global] .package-count-note,body[data-edition=global] .order-support p{font-size:14px!important;line-height:1.8}
body[data-edition=global] .order-list span,body[data-edition=global] .order-list small{font-size:14px;color:var(--muted)}
body[data-edition=global] .renewal-confirmation{color:var(--success)}
body[data-edition=global] .native-checkout{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:28px 32px;max-width:920px;margin:16px auto 32px}
body[data-edition=global] .native-checkout h2{font-size:26px}
body[data-edition=global] .native-card-form{border-color:var(--line)}
body[data-edition=global] .native-card-form label,body[data-edition=global] .native-checkout-privacy,body[data-edition=global] .native-checkout-terms,body[data-edition=global] .native-checkout [data-native-status]{font-size:14px;line-height:1.7}
body[data-edition=global] .native-checkout [data-native-status][data-state=error]{color:var(--danger)}
body[data-edition=global] .native-card-form .primary:disabled{background:#e3e8ed;border-color:#e3e8ed;color:#526779;opacity:1}
body[data-edition=global] .legal-main,body[data-edition=global] .changes-main{width:min(860px,calc(100% - 48px));margin:44px auto 64px}
body[data-edition=global] .legal-copy{font-size:16px;line-height:1.9;color:var(--ink)}
body[data-edition=global] .legal-copy table,body[data-edition=global] .legal-contents{font-size:14px;line-height:1.8}
body[data-edition=global] .legal-footer{color:var(--muted);font-size:14px;border-top:1px solid var(--line);margin-top:36px}
body[data-edition=global] .preview-notice{background:var(--soft)!important;color:var(--muted)!important;font-size:14px!important}
body[data-home-version=c] .site-head{background:var(--header)}
body[data-home-version=c] .nav-actions{gap:20px}
body[data-home-version=c] [data-home-account-shell]{display:flex;align-items:center;gap:20px}
body[data-home-version=c] .home-account-entry{font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
body[data-home-version=c] .header-account-menu{right:0}
body[data-home-version=c] .header-identity{max-width:130px}
body[data-home-version=c] .header-account-menu p{font-size:14px;line-height:1.8}
body[data-home-version=c] .language{border:0;min-width:44px;padding:8px}
body[data-home-version=c] .btn{color:#fff}
body[data-home-version=c] .btn:hover{color:#fff;background:var(--accent-hover)}
body[data-home-version=c] .btn.secondary{color:var(--ink);background:transparent}
body[data-home-version=c] .closing .btn{color:var(--ink);background:#fff}
@media(max-width:1050px){body[data-home-version=c] .header-identity{display:none}body[data-home-version=c] .nav-links{gap:20px}body[data-home-version=c] .nav-actions{gap:12px}}
@media(max-width:900px){body[data-edition=global] .login-layout{margin:36px auto 60px;gap:28px}body[data-edition=global] .login-intro h1{font-size:38px}}
@media(max-width:650px){body[data-edition=global] .app-header{padding:12px 16px;gap:8px 16px}body[data-edition=global] .app-header .brand img{width:112px;height:34px}body[data-edition=global] .app-header nav{gap:24px}body[data-edition=global] .header-account-menu{right:0;min-width:min(290px,calc(100vw - 32px));max-width:calc(100vw - 32px)}body[data-edition=global]:not([data-home-version]) h1{font-size:30px}body[data-edition=global] .login-form{padding:24px 22px;border-width:1px;border-radius:8px}body[data-edition=global] .login-intro h1{font-size:34px}body[data-edition=global] .account-main{width:calc(100% - 32px);padding:26px 22px;border-width:1px;border-radius:8px}body[data-edition=global] .card,body[data-edition=global] .resume-input{padding:24px 20px;border-width:1px;border-radius:8px}body[data-edition=global] .billing-main,body[data-edition=global] .legal-main,body[data-edition=global] .changes-main{width:calc(100% - 32px);margin-top:28px}body[data-edition=global] .billing-sheet{padding:24px 20px}body[data-edition=global] .billing-facts>div{gap:16px;grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr)}body[data-edition=global] .native-checkout{padding:24px 20px;margin:12px 0 28px}body[data-edition=global] .native-checkout h2{font-size:23px}body[data-edition=global] .payment-dialog{padding:22px 18px;max-width:calc(100vw - 24px)}body[data-home-version=c] .home-account-entry[data-signed-in=true]{display:none}body[data-home-version=c] .nav-actions{gap:8px}body[data-home-version=c] [data-home-account-shell]{gap:8px}body[data-home-version=c] .logo{width:112px}}
@media(prefers-reduced-motion:reduce){body[data-edition=global] *,body[data-edition=global] *::before,body[data-edition=global] *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Existing control captions, help text and reading metadata share one size. */
body[data-edition=global] .top>div,
body[data-edition=global] #connection,
body[data-edition=global] aside button .sub,
body[data-edition=global] aside .nav-label,
body[data-edition=global] button.small,
body[data-edition=global] input[type=file],
body[data-edition=global] .input-methods button,
body[data-edition=global] .tabs button,
body[data-edition=global] .task .actions small,
body[data-edition=global] .pill,
body[data-edition=global] .mobile-controls,
body[data-edition=global] aside button,
body[data-edition=global] .heading p,
body[data-edition=global] .autocomplete-option label,
body[data-edition=global] .inline-row-actions button,
body[data-edition=global] .file-control-button,
body[data-edition=global] .file-control-name,
body[data-edition=global] .role-offer-footer p,
body[data-edition=global] .role-offer-example .role-offer-caption,
body[data-edition=global] .role-example-original strong,
body[data-edition=global] .role-example-versions small,
body[data-edition=global] .role-offer-teaser p,
body[data-edition=global] .role-offer-teaser>div:first-child>a,
body[data-edition=global] .role-teaser-action .role-offer-role,
body[data-edition=global] .role-teaser-action>p:last-child,
body[data-edition=global] .role-offer-result .role-offer-footer p,
body[data-edition=global] .benefit-role-match,
body[data-edition=global] .benefit-brief small,
body[data-edition=global] .benefit-question>span,
body[data-edition=global] .benefit-answer>span,
body[data-edition=global] .benefit-feedback,
body[data-edition=global] .role-benefit-carousel>.role-benefit-note,
body[data-edition=global] .role-benefit-tabs button,
body[data-edition=global] .benefit-answer>strong,
body[data-edition=global] .prep-offer-action>p,
body[data-edition=global] .prep-offer-benefits dd,
body[data-edition=global] .divider,
body[data-edition=global] .consent,
body[data-edition=global] .region-note,
body[data-edition=global] .login-help,
body[data-edition=global] .setup-notice,
body[data-edition=global] .account-header>a,
body[data-edition=global] .login-intro .intro-foot,
body[data-edition=global] .auth-terms,
body[data-edition=global] .account-header>a:not(.account-brand),
body[data-edition=global] .account-header .ui-language-switch,
body[data-edition=global] .preview-test-tools>summary,
body[data-edition=global] .quiet-link,
body[data-edition=global] .billing-preview,
body[data-edition=global] .retention-explanation,
body[data-edition=global] .subscription-note,
body[data-edition=global] .checkout-legal-links,
body[data-edition=global] .billing-role>span,
body[data-edition=global] .billing-role>p,
body[data-edition=global] .billing-price-row>div>p,
body[data-edition=global] .billing-price small,
body[data-edition=global] .package-count-note,
body[data-edition=global] .checkout-plan-switch,
body[data-edition=global] .order-support p,
body[data-edition=global] .order-support .text-button,
body[data-edition=global] .order-list span,
body[data-edition=global] .order-list small,
body[data-edition=global] .legal-contents,
body[data-edition=global] .legal-copy table,
body[data-edition=global] .legal-review-note,
body[data-edition=global] .review-entry p,
body[data-edition=global] .billing-facts>div,
body[data-edition=global] .billing-features li,
body[data-edition=global] .billing-main .primary-link,
body[data-edition=global] .secondary-button,
body[data-edition=global] .pricing-amount span,
body[data-edition=global] .pricing-billing,
body[data-edition=global] .pricing-context,
body[data-edition=global] .pricing-faq,
body[data-edition=global] .pricing-faq p,
body[data-edition=global] .pricing-preview,
body[data-edition=global] .pricing-usage-history,
body[data-edition=global] .pricing-story,
body[data-edition=global] .pricing-choose,
body[data-edition=global] .payment-success-summary small,
body[data-edition=global] .payment-success-included,
body[data-edition=global] .payment-success-note,
body[data-edition=global] .payment-heading button,
body[data-edition=global] .payment-summary p,
body[data-edition=global] .payment-amount span,
body[data-edition=global] .payment-role,
body[data-edition=global] .payment-preview,
body[data-edition=global] .payment-status,
body[data-edition=global] .pricing-plan .pricing-story,
body[data-edition=global] .pricing-plan-benefits,
body[data-edition=global] .pricing-plan .pricing-billing,
body[data-edition=global] .pricing-launch-label,
body[data-edition=global] .pricing-reference,
body[data-edition=global] .pricing-plans-launch .pricing-billing,
body[data-edition=global] .pricing-saving span,
body[data-edition=global] .launch-price-note,
body[data-edition=global] .pricing-guide-terms,
body[data-edition=global] .pricing-guide dt,
body[data-edition=global] .pricing-guide dd,
body[data-edition=global] .pending-order-state,
body[data-edition=global] .pending-orders .order-list a,
body[data-edition=global] .pending-orders .billing-preview,
body[data-edition=global] .payment-record-meta,
body[data-edition=global] .payment-attempt-list time,
body[data-edition=global] .payment-attempt-list p,
body[data-edition=global] .payment-order-references,
body[data-edition=global] .app-header .ui-language-switch,
body[data-edition=global] .app-header nav a,
body[data-edition=global] .app-header+.preview-notice,
body[data-edition=global] .header-account,
body[data-edition=global] .header-identity small,
body[data-edition=global] .header-account-menu>p,
body[data-edition=global] .resume-finished .resume-paragraph-tools button,
body[data-edition=global] .native-checkout-heading small,
body[data-edition=global] .native-card-form label,
body[data-edition=global] .native-checkout-privacy,
body[data-edition=global] .native-checkout-terms,
body[data-edition=global] .native-checkout [data-native-status],
body[data-edition=global] .native-checkout [data-native-order],
body[data-edition=global] .native-checkout .quiet-link{font-size:14px}

body[data-edition=global] .header-account:not([open])>.header-account-menu{display:none}
body[data-edition=global] .header-account-menu>p,body[data-edition=global] .header-account-menu>a,body[data-edition=global] .header-account-menu>button{font-size:14px;color:var(--ink)}
body[data-edition=global] details:not([open])>:not(summary){display:none}
body[data-edition=global] button:disabled,body[data-edition=global] button.primary:disabled,body[data-edition=global] button.primary-button:disabled{opacity:1;background:#e3e8ed;border-color:#d0dae2;color:#526779;cursor:not-allowed}

/* Application instructions and controls; exported document typography stays independent. */
body[data-edition=global] .autocomplete-option>p,
body[data-edition=global] .jd-source-help,
body[data-edition=global] .role-status span,
body[data-edition=global] .resume-original>summary,
body[data-edition=global] .target-next p,
body[data-edition=global] .interview-mode-nav button span{font-size:14px;line-height:1.7}

/* A payment status action keeps a legible label on its filled surface. */
body[data-edition=global] .pending-orders .order-list a.primary-link{color:#fff;text-decoration:none}
body[data-edition=global] .pending-orders .order-list a.primary-link:hover{background:var(--accent-hover);color:#fff}
body[data-edition=global] .pending-orders .order-list a.quiet-link{background:var(--paper);color:var(--ink);border:1px solid #a7b6c3;text-decoration:none;min-height:44px;line-height:1.5}
body[data-edition=global] .pending-orders .order-list a.quiet-link:hover{background:var(--soft);color:var(--ink);border-color:var(--ink)}

/* Account navigation: identity, billing, account settings and sign-out. */
body[data-edition=global] .header-account summary{padding:5px 8px;border:1px solid transparent;border-radius:6px;gap:9px}
body[data-edition=global] .header-account summary:hover,body[data-edition=global] .header-account[open]>summary{background:var(--soft);border-color:var(--line)}
body[data-edition=global] .header-identity{max-width:170px;min-width:0;overflow:hidden}
body[data-edition=global] .header-name,body[data-edition=global] .header-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-edition=global] .header-chevron{width:12px;height:12px;flex:none;color:var(--muted)}
body[data-edition=global] .header-account[open] .header-chevron{transform:rotate(180deg)}
body[data-edition=global] .header-account-menu-structured{width:300px;min-width:0;box-sizing:border-box;padding:8px;top:calc(100% + 9px);border-radius:8px;box-shadow:0 12px 32px #00000014}
body[data-edition=global] .header-menu-info{padding:10px 12px 14px}
body[data-edition=global] .header-menu-info strong{font-size:15px;line-height:1.5;font-weight:650}
body[data-edition=global] .header-menu-identity{font-size:14px;line-height:1.55;color:var(--muted);overflow-wrap:anywhere;margin:5px 0 10px}
body[data-edition=global] .header-menu-balance{display:inline-block;font-size:14px;line-height:1.55;color:var(--ink);background:var(--soft);border-radius:4px;padding:5px 8px;margin:0}
body[data-edition=global] .header-menu-group,body[data-edition=global] .header-menu-footer{border-top:1px solid var(--line);padding:6px 0}
body[data-edition=global] .header-menu-label{font-size:14px;line-height:1.5;color:var(--muted);margin:6px 12px 4px}
body[data-edition=global] .header-menu-group a,body[data-edition=global] .header-menu-footer button{display:flex;align-items:center;min-height:44px;width:100%;box-sizing:border-box;padding:9px 12px;text-align:left;text-decoration:none;font:inherit;font-size:14px;line-height:1.5;font-weight:550;color:var(--ink);background:transparent;border:0;border-radius:4px}
body[data-edition=global] .header-menu-group a:hover,body[data-edition=global] .header-menu-footer button:hover{background:var(--soft);color:var(--ink)}
body[data-edition=global] .header-menu-footer{padding-bottom:0}
body[data-edition=global] .header-menu-footer [role=status]{font-size:14px;line-height:1.6;margin:0 12px;color:var(--danger)}
body[data-edition=global] .header-menu-footer [role=status]:empty{display:none}
@media(max-width:650px){body[data-edition=global] .header-account summary{padding:4px}body[data-edition=global] .header-chevron{display:none}}

@media(max-width:650px){body[data-edition=global] .app-header-end{position:relative}body[data-edition=global] .app-header-end .header-account{position:static}body[data-edition=global] .app-header-end .header-account-menu-structured{right:0;top:calc(100% + 9px)}}