/* Main-only reproduction of the user-approved 2026-10-09 reference. */
body.jobs-ref-home{--bg:#fff;--surface:#fff;--surface-2:#f1f1f1;--text:#080808;--muted:#666;--faint:#555;--border:#d4d4d4;--accent:#f51335;--accent-hover:#d5092b;--accent-soft:#fff0f2;background:#fff;color:#080808;font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
.jobs-ref-home .container{max-width:1280px;padding-inline:clamp(20px,5.35vw,64px);margin-inline:auto;width:100%}
.jobs-ref-home [hidden]{display:none!important}.jobs-ref-home a:focus-visible,.jobs-ref-home button:focus-visible,.jobs-ref-home summary:focus-visible{outline:3px solid #126dc5;outline-offset:5px}
.jobs-ref-home .site-header{background:#fff;border-bottom:0;position:sticky;backdrop-filter:none;top:0;z-index:50}
.jobs-ref-home .header-inner{height:clamp(64px,5.8vw,76px);min-height:0;display:flex;align-items:center;gap:24px;flex-wrap:nowrap;padding-block:0}
.jobs-ref-home .ref-logo{display:inline-flex;align-items:flex-start;color:#050505;font-size:clamp(24px,2.6vw,34px);font-weight:950;letter-spacing:-.08em;white-space:nowrap;line-height:1.1}
.jobs-ref-home .ref-logo span{color:#f51335;font-size:.5em;line-height:.8;margin-left:4px;letter-spacing:0}
.jobs-ref-home .main-nav{display:flex;margin:0 auto;gap:clamp(24px,4.3vw,58px);order:initial;width:auto}
.jobs-ref-home .main-nav a{font-size:16px;font-weight:750;color:#111;white-space:nowrap;line-height:1.5;padding:0;min-height:0}
.jobs-ref-home .header-actions{margin:0;gap:30px}.jobs-ref-home .login-link{font-size:15px;color:#333}.jobs-ref-home .header-actions .btn-primary{background:#f51335;color:#fff;font-size:15px;font-weight:750;border-radius:6px;padding:10px 20px;line-height:1.4}
.jobs-ref-home .ref-hero{background:#fa321e;color:#fff;overflow:hidden}
.jobs-ref-home .ref-hero-inner{position:relative;height:clamp(434px,50.6vw,650px);display:flex;align-items:center}
.jobs-ref-home .ref-hero-copy{position:relative;z-index:2;width:55%;padding-top:0}
.jobs-ref-home .ref-eyebrow{font-size:14px;font-weight:600;letter-spacing:.01em;margin:0 0 26px}
.jobs-ref-home h1{font-size:clamp(48px,6.8vw,92px);line-height:1.25;font-weight:900;letter-spacing:0;margin:0 0 20px;word-break:keep-all}
.jobs-ref-home .ref-hero-subtitle{font-size:clamp(22px,2.65vw,34px);line-height:1.3;letter-spacing:-.035em;font-weight:600;margin:0 0 28px}
.jobs-ref-home .ref-hero-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;color:#111;font-size:20px;font-weight:800;border-radius:8px;padding:12px 30px;line-height:1.3;min-height:52px}
.jobs-ref-home .ref-hero-button span{font-size:28px;line-height:1}.jobs-ref-home .ref-hero-caption{margin:55px 0 0;font-size:14px;font-weight:600}
.jobs-ref-home .ref-hero-art{position:absolute;right:0;bottom:-10px;width:64%;height:auto;pointer-events:none;z-index:1}
.jobs-ref-home .ref-learning{padding-block:52px 38px}.jobs-ref-home .ref-section-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}
.jobs-ref-home h2{font-size:clamp(34px,5.3vw,68px);line-height:1.08;font-weight:950;letter-spacing:-.065em;margin:0 0 16px;word-break:keep-all}
.jobs-ref-home .ref-section-top p{font-size:18px;line-height:1.45;color:#606060;margin:0;font-weight:500}
.jobs-ref-home .ref-side-label{text-align:right;font-size:14px;line-height:1.25;color:#646464;flex-shrink:0}
.jobs-ref-home .ref-learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}
.jobs-ref-home figure{margin:0;min-width:0}.jobs-ref-home figure svg{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;background:#eee}.jobs-ref-home figcaption{font-weight:850;font-size:22px;line-height:1.4;margin-top:6px;letter-spacing:-.04em}
.jobs-ref-home .ref-experience{background:#f0f1f2;padding:42px 0 28px}.jobs-ref-home .ref-experience .ref-eyebrow{margin-bottom:18px;color:#555;font-weight:500}
.jobs-ref-home .ref-experience-top{display:grid;grid-template-columns:1.35fr 1fr;gap:72px;align-items:center;margin-bottom:24px}
.jobs-ref-home .ref-experience h2{margin:0}.jobs-ref-home .ref-experience h2 span{color:#f51335}.jobs-ref-home .ref-experience h3{font-size:22px;line-height:1.45;letter-spacing:-.035em;margin:0 0 16px;font-weight:800}
.jobs-ref-home .ref-experience-top p{font-size:17px;line-height:1.45;color:#666;margin:0}.jobs-ref-home .ref-experience-image{display:block;width:100%;height:auto}
.jobs-ref-home .ref-education{background:#050505;color:#fff;padding:34px 0 12px}.jobs-ref-home .ref-education .ref-eyebrow{font-weight:500;color:#c8c8c8;margin-bottom:10px}
.jobs-ref-home .ref-education-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.jobs-ref-home .ref-education h2{font-size:clamp(34px,4.7vw,60px);margin:0}.jobs-ref-home .ref-education-top p{font-size:15px;color:#bbb;margin:0 0 5px}
.jobs-ref-home .ref-course-row{display:grid;grid-template-columns:90px minmax(0,1fr) 190px 44px;align-items:center;gap:18px;min-height:75px;border-top:1px solid #777;color:#fff}.jobs-ref-home .ref-course-row:last-child{border-bottom:1px solid #777}.jobs-ref-home .ref-course-row:hover{background:#151515}.jobs-ref-home .ref-course-number{font-size:24px;font-weight:700}.jobs-ref-home .ref-course-row h3{font-size:23px;font-weight:750;line-height:1.4;margin:0;letter-spacing:-.035em}.jobs-ref-home .ref-course-status{font-size:19px;font-weight:500}.jobs-ref-home .ref-row-arrow{color:#fa1233;font-size:40px;line-height:1;text-align:right}
.jobs-ref-home .ref-next{display:grid;grid-template-columns:1fr 1fr;padding-block:30px}.jobs-ref-home .ref-next>a{display:flex;align-items:center;justify-content:center;gap:24px;min-width:0}.jobs-ref-home .ref-next>a+a{border-left:1px solid #ddd}.jobs-ref-home .ref-next svg{width:52px;height:48px;fill:none;stroke:#080808;stroke-width:2.2;flex-shrink:0}.jobs-ref-home .ref-next h3{font-size:22px;font-weight:850;letter-spacing:-.04em;margin:0 0 3px}.jobs-ref-home .ref-next h3 span{margin-left:18px}.jobs-ref-home .ref-next p{font-size:15px;color:#666;margin:0}.jobs-ref-home .ref-writing{font-size:14px;padding:5px 14px;background:#eee;border-radius:7px;white-space:nowrap}
.jobs-ref-home .ref-footer{padding-block:18px 24px}.jobs-ref-home .ref-footer-top{display:flex;align-items:center;gap:18px}.jobs-ref-home .ref-footer .ref-logo{font-size:26px}.jobs-ref-home .ref-footer p{font-size:13px;color:#666;margin:0}.jobs-ref-home .ref-footer nav{display:flex;flex-wrap:wrap;gap:20px;margin-left:auto;max-width:360px}.jobs-ref-home .ref-footer nav a{font-size:13px;color:#555}.jobs-ref-home .ref-footer-robot{width:170px;height:auto;flex-shrink:0}.jobs-ref-home .ref-business{border-top:1px solid #eee;margin-top:20px;padding-top:12px;color:#555;font-size:13px}.jobs-ref-home .ref-business summary{cursor:pointer;font-weight:650;margin-bottom:8px}.jobs-ref-home .ref-business p{line-height:1.7;margin-top:4px}
@media(max-width:1000px){.jobs-ref-home .main-nav{gap:24px}.jobs-ref-home .main-nav a{font-size:14px}.jobs-ref-home .header-actions{gap:24px}.jobs-ref-home .ref-hero .ref-eyebrow{font-size:12px;margin-bottom:22px}.jobs-ref-home .ref-hero-button{font-size:16px;padding:9px 24px;min-height:38px}.jobs-ref-home .ref-hero-subtitle{margin-bottom:22px}.jobs-ref-home .ref-hero-caption{font-size:12px;margin-top:40px}.jobs-ref-home .ref-learning{padding-block:40px 24px}.jobs-ref-home .ref-section-top p{font-size:15px}.jobs-ref-home .ref-side-label{font-size:12px}.jobs-ref-home figcaption{font-size:18px}.jobs-ref-home .ref-experience-top{gap:40px}.jobs-ref-home .ref-experience h3{font-size:18px}.jobs-ref-home .ref-experience-top p{font-size:14px}.jobs-ref-home .ref-course-row{grid-template-columns:70px minmax(0,1fr) 150px 40px;min-height:52px;gap:18px}.jobs-ref-home .ref-course-number{font-size:20px}.jobs-ref-home .ref-course-row h3{font-size:18px}.jobs-ref-home .ref-course-status{font-size:16px}.jobs-ref-home .ref-next>a{gap:18px}.jobs-ref-home .ref-next h3{font-size:18px}.jobs-ref-home .ref-next p{font-size:14px}.jobs-ref-home .ref-footer-top{gap:12px}.jobs-ref-home .ref-footer nav{gap:14px}.jobs-ref-home .ref-footer-robot{width:142px}.jobs-ref-home .ref-footer p{font-size:11px}.jobs-ref-home .ref-footer nav a{font-size:12px}}
@media(max-width:700px){.jobs-ref-home .header-inner{height:auto;min-height:102px;flex-wrap:wrap;gap:10px 16px;padding-block:14px}.jobs-ref-home .ref-logo{font-size:26px}.jobs-ref-home .header-actions{margin-left:auto;gap:12px}.jobs-ref-home .header-actions .btn-primary{font-size:13px;padding:8px 12px}.jobs-ref-home .login-link{font-size:13px}.jobs-ref-home .main-nav{order:3;width:100%;margin:0;justify-content:space-between;gap:16px}.jobs-ref-home .main-nav a{font-size:15px;padding:5px 0}.jobs-ref-home .ref-hero-inner{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding-top:28px;padding-bottom:0}.jobs-ref-home .ref-hero-copy{width:100%}.jobs-ref-home h1{font-size:clamp(36px,10.6vw,68px);letter-spacing:0;line-height:1.25;margin-bottom:20px}.jobs-ref-home .ref-hero-subtitle{font-size:19px;font-weight:500;white-space:normal}.jobs-ref-home .ref-hero-button{font-size:17px;min-height:48px}.jobs-ref-home .ref-hero-caption{margin-top:24px}.jobs-ref-home .ref-hero-art{position:relative;right:auto;bottom:-6px;width:110%;max-width:none;margin:-22px -5% 0;height:auto}.jobs-ref-home .ref-learning{padding-block:32px}.jobs-ref-home .ref-section-top{align-items:flex-start;margin-bottom:22px}.jobs-ref-home h2{font-size:clamp(30px,8vw,46px)}.jobs-ref-home .ref-side-label{display:none}.jobs-ref-home .ref-section-top p{font-size:16px;line-height:1.7}.jobs-ref-home .ref-section-top p br{display:none}.jobs-ref-home .ref-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.jobs-ref-home figcaption{font-size:17px}.jobs-ref-home .ref-experience{padding-block:32px 24px}.jobs-ref-home .ref-experience-top{grid-template-columns:1fr;gap:22px}.jobs-ref-home .ref-experience h3{font-size:19px}.jobs-ref-home .ref-experience-top p{font-size:16px;line-height:1.7}.jobs-ref-home .ref-experience-top p br{display:none}.jobs-ref-home .ref-experience-image{min-height:140px}.jobs-ref-home .ref-education{padding-block:28px 20px}.jobs-ref-home .ref-education-top{display:block;margin-bottom:24px}.jobs-ref-home .ref-education h2{font-size:32px;margin-bottom:14px}.jobs-ref-home .ref-education-top p{font-size:15px}.jobs-ref-home .ref-course-row{grid-template-columns:30px minmax(0,1fr) 36px;gap:8px;padding-block:16px}.jobs-ref-home .ref-course-row h3{font-size:18px;word-break:keep-all}.jobs-ref-home .ref-course-status{grid-column:2;grid-row:2;font-size:15px;color:#ccc}.jobs-ref-home .ref-row-arrow{grid-column:3;grid-row:1 / 3;font-size:32px}.jobs-ref-home .ref-course-number{font-size:18px}.jobs-ref-home .ref-next{grid-template-columns:1fr;padding-block:8px}.jobs-ref-home .ref-next>a{justify-content:flex-start;padding-block:24px;gap:18px}.jobs-ref-home .ref-next>a+a{border-left:0;border-top:1px solid #ddd}.jobs-ref-home .ref-writing{margin-left:auto;padding-inline:9px}.jobs-ref-home .ref-next h3{font-size:19px}.jobs-ref-home .ref-next p{font-size:14px}.jobs-ref-home .ref-next h3 span{margin-left:8px}.jobs-ref-home .ref-footer-top{flex-wrap:wrap}.jobs-ref-home .ref-footer nav{order:4;width:100%;max-width:none;margin:6px 0 0;gap:18px}.jobs-ref-home .ref-footer nav a{font-size:14px}.jobs-ref-home .ref-footer-robot{margin-left:auto;width:100px}.jobs-ref-home .ref-footer-top>p{width:100%;order:3;font-size:12px}.jobs-ref-home .ref-business p{font-size:13px}.jobs-ref-home .user-chip{max-width:180px;flex-wrap:wrap}.jobs-ref-home .user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(min-width:1100px){.jobs-ref-home.chat-docked .header-inner{height:auto;min-height:76px;flex-wrap:wrap;padding-block:12px}.jobs-ref-home.chat-docked .main-nav{order:3;width:100%;justify-content:center}.jobs-ref-home.chat-docked .header-actions{margin-left:auto}.jobs-ref-home.chat-docked h1{font-size:clamp(48px,5.2vw,74px)}.jobs-ref-home.chat-docked .ref-hero-subtitle{font-size:24px}.jobs-ref-home.chat-docked .ref-course-row{grid-template-columns:50px minmax(0,1fr) 140px 40px}.jobs-ref-home.chat-docked .ref-course-row h3{font-size:20px}}

/* Explicit color/viewport ownership prevents inherited subpage headings and SVG overflow. */
.jobs-ref-home main svg{overflow:hidden}
.jobs-ref-home .ref-hero h1,.jobs-ref-home .ref-education h2,.jobs-ref-home .ref-education h3{color:#fff}
.jobs-ref-home .ref-hero{background:#e93925}
.jobs-ref-home .header-actions .btn-primary{background:#f51335!important}
.jobs-ref-home .ref-experience-image{min-height:0}
.jobs-ref-home h2{font-size:clamp(34px,6.7vw,82px)}
.jobs-ref-home .ref-hero-art{width:58.1%;bottom:-12px}
@media(min-width:701px) and (max-width:1000px){.jobs-ref-home .header-inner{height:50px}.jobs-ref-home .ref-learning{padding-top:40px}.jobs-ref-home .ref-experience{padding-top:30px}.jobs-ref-home .ref-education{padding-top:24px}.jobs-ref-home .ref-education-top{margin-bottom:20px}.jobs-ref-home .ref-education h2{font-size:46px}.jobs-ref-home .ref-next{padding-block:22px}}
@media(max-width:700px){.jobs-ref-home h2{font-size:clamp(30px,8vw,46px)}.jobs-ref-home .ref-hero-art{width:110%;bottom:-6px}.jobs-ref-home .ref-experience-image{height:auto;min-height:0}}

.jobs-ref-home .chat-launcher,.jobs-ref-home .chat-panel .btn-primary{background:#f51335;color:#fff}

.jobs-ref-home .ref-hero{overflow:visible;background:linear-gradient(110deg,#e93a26,#e93824)}

/* Crisp footer mascot and real text instead of an enlarged screenshot crop. */
.jobs-ref-home .ref-footer-robot{display:flex;align-items:center;gap:10px;width:190px;flex-shrink:0}
.jobs-ref-home .ref-footer-mascot{display:block;width:58px;height:62px;overflow:hidden;flex-shrink:0}
.jobs-ref-home .ref-footer-mascot img{display:block;width:58px;height:auto;max-width:none}
.jobs-ref-home .ref-footer-message{color:#222;font-size:12px;font-weight:750;line-height:1.7;transform:rotate(-7deg);white-space:nowrap}
.jobs-ref-home .ref-footer-message::after{content:'';display:block;width:52px;height:2px;margin-top:6px;background:#f51335}