.m6{height:430vh;position:relative;--match-ink:#637755;--match-pale:#e8eddb;--match-line:#a4b491;scroll-margin-top:0}
.m6-stage{position:sticky;top:0;height:100vh;min-height:640px;overflow:hidden;background:#f7f5ee;isolation:isolate}
.m6-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 60%,#e8e8d864,transparent 50%)}
.m6-canvas{width:1440px;height:900px;position:absolute;transform-origin:0 0}
.m6-heading{position:absolute;left:106px;top:114px;width:690px}
.m6-heading .eyebrow{font-size:11.5px;letter-spacing:2.2px;margin-bottom:17px}
.m6-heading h2{font:500 59px/1.2 var(--serif);letter-spacing:-1.5px}
.m6-heading h2>span{color:var(--match-ink);position:relative;white-space:nowrap}
.m6-heading h2 svg{position:absolute;width:100%;height:16px;bottom:-7px;left:0;fill:none;stroke:#9dad88;stroke-width:1.5;opacity:.65}
.m6-heading>p{font-size:13.5px;color:#868b79;margin-top:19px;letter-spacing:.4px}
.m6-jd{position:absolute;left:106px;top:329px;width:462px;border:1px solid #dddcd2;background:#fff;border-radius:4px 7px 3px 5px;padding:23px 25px 0;box-shadow:0 12px 26px #55553c12,0 1px 4px #55553c0b;transform:rotate(-1.6deg);transform-origin:50% 50%;z-index:2}
.m6-jd-top{display:flex;align-items:center;gap:12px}
.m6-job-icon{position:relative;display:grid;place-items:center;width:38px;height:40px;flex-shrink:0;background:#627354;color:#faf9f1;font:25px Georgia,serif;border-radius:2px 5px 3px 3px}
.m6-job-icon>span{font:10px var(--sans);position:absolute;right:3px;top:2px;color:#d7dfc6}
.m6-jd-top p{font-size:10px;color:#8b9380;letter-spacing:1.2px;margin-bottom:4px}.m6-jd-top p>span{font-size:7px;color:#a5aa97;letter-spacing:1px;margin-left:5px}
.m6-jd h3{font-size:19px;font-weight:500;margin:0;color:#414a39;letter-spacing:.3px}
.m6-jd-pin{position:absolute;width:12px;height:40px;right:23px;top:-12px;border:1.3px solid #aaa884;border-radius:7px;transform:rotate(11deg)}
.m6-jd-pin:after{content:"";position:absolute;width:6px;height:31px;border:1px solid #aaa884;border-radius:5px;right:2px;top:1px;border-top:0}
.m6-job-meta{display:flex;gap:9px;align-items:center;margin:15px 0 17px;font-size:11px;color:#8f9584;letter-spacing:.3px}
.m6-job-meta i{width:2px;height:2px;border-radius:50%;background:#b6bca9}
.m6-jd-label{font-size:10px;color:#777f6b;margin-bottom:7px}
.m6-requirements{list-style:none;padding:0;margin:0}
.m6-requirements li{border-bottom:1px solid #e7e8dd}
.m6-requirements button{display:flex;position:relative;align-items:flex-start;gap:13px;padding:12px 0;width:100%;text-align:left;background:transparent;border:0}
.m6-req-index{font:italic 12px Georgia,serif;color:#b0b79f;line-height:22px;transition:color .25s}
.m6-requirements strong{font-size:13.5px;font-weight:500;line-height:23px;color:#5d6654}
.m6-requirements small{font-size:11.5px;line-height:1.7;display:block;color:#868d78;margin-top:2px}
.m6-requirements mark{color:inherit;background:linear-gradient(transparent 30%,#dce5c69c 30%,#dce5c69c 90%,transparent 90%);background-size:calc(var(--matched,0)*100%) 100%;background-repeat:no-repeat;box-decoration-break:clone}
.m6-jd-port{position:absolute;right:-29px;top:24px;display:block;width:7px;height:7px;background:#c7cfb8;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #c7cfb8;opacity:var(--matched,0)}
.m6-requirements button.is-matched .m6-req-index{color:var(--match-ink)}
.m6-requirements button.is-focused strong{color:#39492f}
.m6-bonus{display:flex;gap:10px;align-items:center;padding:13px 0;font-size:11px;color:#8f947f}
.m6-bonus>span{font-size:9.5px;border:1px solid #dddccf;border-radius:2px;padding:2px 4px;color:#95977f}
.m6-bonus b{font-size:9.5px;font-weight:400;margin-left:auto;color:#9b9e86;transition:color .3s}
.m6-bonus.is-unresolved b{color:#a88652}.m6-bonus.is-unresolved>span{border-color:#d9c9a9}
.m6-threads{position:absolute;inset:0;width:1440px;height:900px;pointer-events:none;z-index:3;overflow:visible}
.m6-thread-guide{fill:none;stroke:#cbd2be;stroke-width:.8;stroke-dasharray:2 6;opacity:.4}
.m6-thread-ink{fill:none;stroke:#8eaa78;stroke-width:1.25;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.m6-thread circle{fill:#8eaa78;opacity:0}
.m6-thread-tag rect{fill:#f7f5ee;stroke:#d5ddc8;stroke-width:.7}
.m6-thread-tag text{font:italic 11px Georgia,serif;fill:#8b9b7c}
.m6-thread-tag{opacity:0}
.m6-bridge-note{position:absolute;left:665px;top:344px;width:107px;text-align:center;color:#9ba58e;transition:opacity .3s}
.m6-bridge-star{font-size:21px;display:inline-block;transform:rotate(10deg);color:#aab69a}
.m6-bridge-note p{font:18px/1.65 var(--serif);margin-top:8px}
.m6-bridge-label{font-size:7px;letter-spacing:1px;margin-top:9px;display:block;color:#a7af9a}
/* Excellent 01: white page, brown section rules and two-column identity. */
.m6-resume{position:absolute;left:816px;top:123px;width:508px;height:719px;background:#fff;border:1px solid #e5e1d9;border-radius:1px;box-shadow:3px 15px 32px #554d3817,0 1px 3px #554d3808;padding:28px 33px 22px;color:#30302e;z-index:2;font:8.4px/1.6 "Microsoft YaHei",sans-serif}
.m6-cv-header h3{font:400 30px/1.2 "Microsoft YaHei",sans-serif;color:#774836;margin:0 0 8px}
.m6-cv-contact{display:grid;grid-template-columns:1.15fr 1fr;gap:25px;font-size:8px;line-height:1.8;color:#3d3b38}
.m6-cv-content{transform-origin:0 0}.m6-cv-section{margin-top:10px}
.m6-cv-section h4{font:400 13px/1.2 "Microsoft YaHei",sans-serif;color:#774836;border-bottom:1px solid #92664f;margin:0 0 5px;padding-bottom:4px}
.m6-cv-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 3px;font-size:7.6px;line-height:1.6;color:#282826}
.m6-cv-row strong{font-weight:500}.m6-cv-row time{font-size:8px;white-space:nowrap}.m6-cv-row>span{text-align:right;font-size:8px;white-space:nowrap}
.m6-cv-row-secondary{margin-top:6px}
.m6-cv-section>p{margin:2px 0}
.m6-cv-evidence{position:relative;margin:3px 0;padding:0}
.m6-cv-evidence p{position:relative}
.m6-cv-evidence>i{position:absolute;right:-26px;top:4px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--pair-ink);color:#fff;font:10px Georgia,serif;opacity:var(--matched,0)}
.m6-evidence-port{position:absolute;left:-38px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--pair-ink);border:2px solid #fff;box-shadow:0 0 0 1px var(--pair-ink);opacity:var(--matched,0)}
.m6-cv-skills{border-top:1px solid #ddd5ca;margin-top:9px;padding-top:7px;display:flex;align-items:baseline;gap:11px;font-size:7px;color:#777064;line-height:1.7}
.m6-cv-skills strong{color:#774836;font-size:9px;font-weight:400;white-space:nowrap}
.m6-match-result{position:absolute;left:106px;top:782px;width:462px;display:flex;align-items:center;justify-content:space-between;padding-bottom:12px}
.m6-match-kicker{font-size:10px;letter-spacing:1px;color:#93a47f}.m6-match-result p{display:flex;align-items:baseline;gap:7px}.m6-match-count{font:34px/1.1 Georgia,serif;color:#657e51}.m6-match-result>div>p>span{font-size:11px;color:#8b987b}.m6-result-message{display:flex;align-items:center;gap:10px}.m6-result-icon{color:#9eae89;font-size:20px}.m6-result-copy{font-size:11px;line-height:1.75;color:#88937a}
.m6-result-track{position:absolute;bottom:0;left:0;right:0;height:1px;background:#dce1cf}.m6-result-track b{display:block;width:0;height:1px;background:#82996d}
.m6-gap-note{position:absolute;left:605px;top:787px;width:185px;opacity:0;color:#9d8b68;transform:rotate(-3deg)}
.m6-gap-note:before{content:"";display:block;width:22px;height:1px;background:#c3b28f;margin-bottom:10px}.m6-gap-note>span{font:14px var(--serif)}.m6-gap-note>p{font-size:11px;line-height:1.75;color:#a2977f;margin-top:9px}
.m6-footer{position:absolute;left:106px;right:138px;bottom:15px;display:flex;align-items:center;justify-content:space-between}
.m6-demo-note{font-size:7px;letter-spacing:.5px;color:#adb19d}.m6-step-controls{display:flex;gap:19px;position:absolute;left:50%;transform:translateX(-50%)}
.m6-step-controls button{border:0;padding:3px 0;background:none;font-size:10px;color:#a9b09b;position:relative}.m6-step-controls button:before{content:"";display:inline-block;height:3px;width:3px;border-radius:50%;background:#c3cbb7;margin-right:6px;vertical-align:middle}.m6-step-controls button.is-active{color:#697e55}.m6-step-controls button.is-active:before{background:#80966a}
.m6-replay{font-size:10px;color:#91a07d;border:0;border-bottom:1px solid #c4cfb4;padding:2px 0;background:none;margin-left:auto}.m6-replay>span{margin-left:7px;font-size:12px}
.m6-thread.is-dimmed{opacity:.15}.m6-requirements button.is-dimmed,.m6-cv-evidence.is-dimmed{opacity:.36}.m6-thread,.m6-requirements button,.m6-cv-evidence{transition:opacity .2s}

/* Matching colours are shared by the requirement, its thread and its evidence. */
[data-jd="0"],[data-evidence="0"],[data-thread="0"]{--pair-mark:#ffe18a;--pair-ink:#996510}
[data-jd="1"],[data-evidence="1"],[data-thread="1"]{--pair-mark:#b8e5b8;--pair-ink:#39713f}
[data-jd="2"],[data-evidence="2"],[data-thread="2"]{--pair-mark:#b7d9f5;--pair-ink:#356f9b}
[data-jd="3"],[data-evidence="3"],[data-thread="3"]{--pair-mark:#fac3a5;--pair-ink:#a75b31}
.m6-requirements mark,.m6-cv-evidence mark{color:inherit;font-weight:600;padding:1px 2px;background:linear-gradient(var(--pair-mark),var(--pair-mark)) left 65% / calc(var(--matched,0)*100%) 100% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:color .2s}
.m6-requirements .is-matched mark,.m6-cv-evidence.is-matched mark{color:var(--pair-ink);text-decoration:underline;text-decoration-color:var(--pair-ink);text-decoration-thickness:1.4px;text-underline-offset:3px}
.m6-requirements button.is-matched .m6-req-index{color:var(--pair-ink);font-weight:600}
.m6-jd-port{background:var(--pair-ink);box-shadow:0 0 0 1px var(--pair-ink)}
.m6-thread-ink{stroke:var(--pair-ink);stroke-width:1.65}
.m6-thread circle{fill:var(--pair-ink)}
.m6-thread-tag rect{fill:var(--pair-mark);stroke:var(--pair-ink);stroke-width:.6}
.m6-thread-tag text{fill:var(--pair-ink);font-weight:600}