/* Employer page: compact commercial overview, with details available on demand. */
.e10 { --e10-rule:#b8c6d0; --e10-paper:#edf1f4; }
.e10 h2 { font-size:clamp(28px,2.5vw,36px); line-height:1.2; margin:0 0 27px; }
.e10 h3 { font-size:22px; line-height:1.3; font-weight:700; }
.e10 p { font-size:15px; line-height:1.75; }
.e10-head { background:var(--dark); color:#fff; border-bottom:3px solid var(--gold); padding-bottom:32px; }
.e10-head .breadcrumb { color:#b9c9d5; padding:22px 0 29px; font-size:12px; }
.e10-head .breadcrumb > span:last-child { color:#e1e8ee; }
.e10-head .breadcrumb a:hover { color:#fff; }
.e10-head .eyebrow { color:#d4bc88; margin-bottom:17px; }
.e10-head h1 { color:#fff; font-size:clamp(40px,4vw,56px); line-height:1.1; max-width:900px; }
.e10-head .e10-lead { color:#dce5ec; max-width:810px; font-size:17px; line-height:1.75; margin:20px 0 24px; }
.e10-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px 28px; }
.e10-head .btn,.e10-start .btn { color:var(--dark); background:var(--gold); border-color:var(--gold); }
.e10-head .btn:hover,.e10-start .btn:hover { background:#dfc791; border-color:#dfc791; }
.e10-head-link { display:inline-flex; gap:16px; align-items:center; color:#f1f4f7; min-height:48px; font-size:14px; font-weight:600; }
.e10-head-link:hover { color:#e3c994; }
.e10-sectors { display:flex; flex-wrap:wrap; gap:6px 24px; border-top:1px solid #4b6172; padding-top:18px; margin-top:28px; }
.e10-sectors a { color:#d6e1e9; font-size:13px; min-height:36px; display:inline-flex; align-items:center; border-bottom:1px solid transparent; }
.e10-sectors a:hover { color:#fff; border-color:var(--gold); }
.e10-nav { border-bottom:1px solid var(--e10-rule); background:#fff; }
.e10-nav .container { display:flex; gap:18px 35px; flex-wrap:wrap; }
.e10-nav a { display:flex; align-items:center; font-size:14px; font-weight:600; padding:17px 0; min-height:55px; border-bottom:2px solid transparent; }
.e10-nav a:hover { color:var(--accent); border-color:var(--accent); }
.e10-section { padding:52px 0; scroll-margin-top:112px; }
.e10-tint { background:var(--e10-paper); }
.e10-outputs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px; }
.e10-outputs article { border-top:2px solid var(--dark); padding-top:15px; min-width:0; }
.e10-number { display:block; color:var(--accent); font-size:12px; font-weight:700; letter-spacing:.08em; }
.e10-outputs h3 { margin:10px 0 11px; }
.e10-sample { border-top:1px solid var(--e10-rule); border-bottom:1px solid var(--e10-rule); margin-top:27px; }
.e10-sample summary { display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; padding:17px 0; font-size:14px; font-weight:700; list-style:none; }
.e10-sample summary::-webkit-details-marker { display:none; }
.e10-plus { position:relative; flex-shrink:0; width:18px; height:18px; }
.e10-plus:before,.e10-plus:after { position:absolute; background:var(--accent); content:''; left:3px; top:8px; width:12px; height:2px; }
.e10-plus:after { transform:rotate(90deg); }
.e10-sample[open] .e10-plus:after { transform:rotate(0deg); }
.e10-sample-body { padding:4px 0 23px; }
.e10 .e10-sample-label { font-size:11px; letter-spacing:.06em; font-weight:700; color:var(--accent); margin-bottom:14px; }
.e10-sample dl { margin:0; background:var(--e10-paper); border:1px solid var(--e10-rule); }
.e10-sample dl > div { display:grid; grid-template-columns:180px 1fr; border-bottom:1px solid #cbd5dd; padding:12px 17px; gap:20px; }
.e10-sample dl > div:last-child { border-bottom:0; }
.e10-sample dt { font-size:14px; font-weight:700; }
.e10-sample dd { margin:0; color:var(--muted); font-size:14px; line-height:1.7; }
.e10-steps { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:29px; }
.e10-steps li { border-top:2px solid var(--accent); padding-top:15px; min-width:0; }
.e10-steps h3 { font-size:20px; margin:10px 0; }
.e10-steps + .text-link { margin-top:24px; }
.e10-responsibilities { width:100%; border-collapse:collapse; table-layout:fixed; }
.e10-responsibilities th { background:var(--dark); color:white; font-weight:700; font-size:17px; text-align:left; padding:17px 23px; border:1px solid #425b6c; border-bottom:3px solid var(--gold); }
.e10-responsibilities td { vertical-align:top; padding:22px 23px; border:1px solid var(--e10-rule); }
.e10-party-mobile { display:none; }
.e10-models { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.e10-models article { background:#fff; padding:24px 26px; border:1px solid var(--e10-rule); border-top:3px solid var(--dark); display:flex; flex-direction:column; align-items:flex-start; }
.e10-models article:nth-child(2) { border-top-color:var(--accent); }
.e10-models h3 { font-size:24px; margin-bottom:13px; }
.e10-models p { padding-bottom:16px; }
.e10-models .text-link { margin-top:auto; font-size:14px; }
.e10-costs { display:grid; grid-template-columns:200px 1fr; gap:28px; border-top:1px solid var(--e10-rule); margin-top:24px; padding-top:21px; }
.e10-costs strong { font-size:15px; }
.e10-costs p { font-size:14px; }
.e10-faq { display:grid; grid-template-columns:1fr 2fr; gap:55px; }
.e10 .faq-list summary { font-size:16px; padding:17px 0; line-height:1.6; }
.e10 .faq-list details p { font-size:14px; line-height:1.8; padding:0 25px 19px 0; }
.e10-start { background:#0d304b; color:white; border-bottom:1px solid #3b5569; padding:39px 0; scroll-margin-top:112px; }
.e10-start .container { display:flex; gap:35px; justify-content:space-between; align-items:center; }
.e10-start h2 { font-size:30px; color:#fff; margin-bottom:12px; }
.e10-start p { color:#dce5ec; max-width:760px; font-size:14px; }
.e10-start .btn { flex-shrink:0; }
html[lang=zh-CN] .e10 h1 { font-size:clamp(40px,4vw,54px); line-height:1.25; }
html[lang=zh-CN] .e10 h2 { line-height:1.35; }
html[lang=zh-CN] .e10 h3 { line-height:1.45; }
@media(max-width:1000px) {
 .e10-outputs { gap:22px; }
 .e10-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 33px; }
 .e10-responsibilities td,.e10-responsibilities th { padding-inline:17px; }
 .e10-faq { grid-template-columns:1fr 1.8fr; gap:35px; }
 .e10-costs { grid-template-columns:170px 1fr; gap:22px; }
 .e10-start .container { align-items:flex-start; }
}
@media(max-width:760px) {
 .e10 h2 { font-size:28px; margin-bottom:23px; }
 .e10 h3 { font-size:21px; }
 .e10 p { font-size:15px; line-height:1.75; }
 .e10-head { padding-bottom:22px; }
 .e10-head .breadcrumb { padding:18px 0 22px; font-size:11px; }
 .e10-head .eyebrow { font-size:10px; margin-bottom:15px; }
 .e10-head h1,html[lang=zh-CN] .e10 h1 { font-size:36px; line-height:1.16; }
 html[lang=zh-CN] .e10 h1 { line-height:1.3; }
 .e10-head .e10-lead { font-size:16px; line-height:1.75; margin:18px 0 20px; }
 .e10-actions { gap:4px 20px; }
 .e10-actions .btn { min-height:50px; padding:12px 18px; font-size:14px; }
 .e10-head-link { font-size:13px; }
 .e10-sectors { margin-top:19px; padding-top:12px; gap:2px 17px; }
 .e10-sectors a { font-size:12px; min-height:34px; }
 .e10-nav .container { display:grid; grid-template-columns:1fr 1fr; gap:0 17px; }
 .e10-nav a { font-size:13px; padding:10px 0; min-height:45px; }
 .e10-section { padding:36px 0; scroll-margin-top:96px; }
 .e10-outputs { grid-template-columns:1fr; gap:0; }
 .e10-outputs article { display:grid; grid-template-columns:24px minmax(0,1fr); gap:7px 13px; border-top:1px solid var(--e10-rule); padding:18px 0; }
 .e10-outputs article:first-child { border-top:2px solid var(--dark); }
 .e10-outputs article:last-child { padding-bottom:0; }
 .e10-outputs .e10-number { padding-top:5px; }
 .e10-outputs h3 { margin:0; }
 .e10-outputs p { grid-column:2; }
 .e10-sample { margin-top:22px; }
 .e10-sample summary { font-size:14px; line-height:1.6; padding:16px 0; }
 .e10-sample dl > div { grid-template-columns:1fr; gap:4px; padding:12px 14px; }
 .e10-sample-body { padding-bottom:18px; }
 .e10-steps { grid-template-columns:1fr; gap:0; }
 .e10-steps li { display:grid; grid-template-columns:24px minmax(0,1fr); gap:13px; border-top:1px solid var(--e10-rule); padding:18px 0; }
 .e10-steps li:first-child { border-top:2px solid var(--accent); }
 .e10-steps li:last-child { padding-bottom:0; }
 .e10-steps .e10-number { padding-top:5px; }
 .e10-steps h3 { margin:0 0 7px; font-size:21px; }
 .e10-steps + .text-link { margin-top:18px; font-size:14px; }
 .e10-responsibilities,.e10-responsibilities tbody,.e10-responsibilities tr { display:block; width:100%; }
 .e10-responsibilities thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
 .e10-responsibilities td { display:block; width:100%; border:1px solid var(--e10-rule); border-top:0; padding:18px 20px; }
 .e10-responsibilities td:first-child { border-top:3px solid var(--dark); }
 .e10-party-mobile { display:block; font-size:18px; color:var(--ink); margin-bottom:8px; }
 .e10-responsibilities td:nth-child(2) { background:var(--e10-paper); }
 .e10-models { grid-template-columns:1fr; gap:18px; }
 .e10-models article { padding:22px 20px; }
 .e10-models h3 { font-size:23px; margin-bottom:11px; }
 .e10-models .text-link { font-size:14px; }
 .e10-models p { padding-bottom:13px; }
 .e10-costs { display:block; margin-top:21px; padding-top:18px; }
 .e10-costs strong { display:block; margin-bottom:8px; font-size:16px; }
 .e10-costs p { font-size:14px; }
 .e10-faq { grid-template-columns:1fr; gap:0; }
 .e10 .faq-list summary { font-size:16px; padding:16px 0; }
 .e10 .faq-list details p { padding-right:10px; font-size:14px; }
 .e10-start { padding:31px 0; scroll-margin-top:96px; }
 .e10-start .container { display:block; }
 .e10-start h2 { font-size:28px; margin-bottom:12px; }
 .e10-start p { font-size:14px; }
 .e10-start .btn { margin-top:21px; min-height:50px; font-size:14px; }
}
@media(max-width:360px) {
 .e10-head h1,html[lang=zh-CN] .e10 h1 { font-size:33px; }
 .e10 h2,.e10-start h2 { font-size:26px; }
 .e10-models article,.e10-responsibilities td { padding-inline:17px; }
 .e10-sectors { column-gap:14px; }
}
