:root{--bg:#f7f8fa;--paper:#fff;--ink:#17202a;--muted:#667085;--blue:#164c82;--cyan:#087d91;--line:#dce2e9;--radius:12px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Noto Sans KR,sans-serif;font-size:18px;line-height:1.75}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;max-width:1120px;margin:auto;padding:18px 20px;display:flex}.brand{letter-spacing:.03em;color:var(--ink);white-space:nowrap;font-size:16px;font-weight:850}.brand span{color:var(--blue)}.header-actions{align-items:center;gap:12px;font-size:14px;display:flex}.header-actions a,summary{align-items:center;min-height:44px;display:flex}.menu{position:relative}.menu summary{cursor:pointer;list-style:none}.menu nav{border:1px solid var(--line);z-index:10;background:#fff;border-radius:12px;width:240px;padding:16px;position:absolute;top:48px;right:0;box-shadow:0 8px 32px #17202a18}.menu nav a{padding:6px;display:block}main{max-width:1080px;margin:auto;padding:0 20px 60px}h1{letter-spacing:-.04em;margin:18px 0;font-size:36px;line-height:1.35}h2{letter-spacing:-.02em;font-size:25px;line-height:1.4}h3{font-size:20px}.hero{max-width:720px;padding:44px 0 34px}.eyebrow{letter-spacing:.13em;color:var(--cyan);font-size:12px;font-weight:750}.muted,.meta{color:var(--muted)}.meta{font-size:14px}.search-form{background:var(--paper);border:1px solid #bbc9d7;border-radius:10px;gap:4px;margin:24px 0 16px;padding:5px;display:flex}.search-form input{width:100%;min-width:0;font:inherit;background:0 0;border:0;padding:10px;font-size:16px}.search-form button{background:var(--blue);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:7px;padding:10px 17px;font-size:15px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips a{border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 12px;font-size:14px}.section{margin:30px 0 42px}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading a{font-size:14px}.grid{grid-template-columns:1fr;gap:14px;display:grid}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);padding:23px;display:block}.card:hover{border-color:#7c9bb7;text-decoration:none}.card h3{margin:4px 0 7px}.card p{margin:6px 0;font-size:16px}.card .meta{font-size:14px}.category-no{color:var(--cyan);font-variant-numeric:tabular-nums;font-size:13px}.article{max-width:740px;margin:32px auto}.breadcrumb{font-size:14px}.article .intro{color:var(--muted);font-size:19px}.summary-box{border-left:3px solid var(--blue);background:#edf3f9;border-radius:0 10px 10px 0;margin:28px 0;padding:20px 22px}.summary-box h2{margin:0 0 10px;font-size:18px}.summary-box ul{margin:0;padding-left:21px}.article h2{margin-top:38px;scroll-margin-top:20px}.article p{margin:17px 0}.article details.toc{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}.toc summary{cursor:pointer;font-size:16px}.toc a{padding:5px 0;font-size:15px;display:block}.engineer{background:#f0f6f7;border:1px solid #cbdde1;border-radius:12px;margin:30px 0;padding:22px}.engineer h2{margin-top:10px}.engineer .eyebrow{display:block}.article table{border-collapse:collapse;width:100%;font-size:15px;display:block;overflow:auto}.article td,.article th{border:1px solid var(--line);min-width:90px;padding:10px}.sources{border-top:1px solid var(--line);margin-top:32px;padding-top:18px;font-size:14px}.sources a{overflow-wrap:anywhere}.empty{border:1px dashed #afbbc9;border-radius:12px;margin-top:24px;padding:25px}.glossary{border:1px solid var(--line);background:#fff;border-radius:12px;margin:16px 0;padding:20px}.glossary dt{font-weight:750}.glossary dd{margin:8px 0 0;font-size:17px}footer{border-top:1px solid var(--line);max-width:1080px;margin:auto;padding:30px 20px;font-size:14px}footer p{margin:8px 0}.skip{z-index:100;background:#fff;padding:12px;position:absolute;top:-80px;left:20px}.skip:focus{top:10px}@media (width>=760px){.hero{padding:64px 0 42px}h1{font-size:48px}.grid{grid-template-columns:repeat(3,1fr)}.article h1{font-size:42px}.brand{font-size:20px}header{padding:24px 20px}.hero .search-form{max-width:620px}}@media (prefers-reduced-motion:no-preference){.card{transition:border-color .15s}}.learn-banner{background:#edf3f9;border:1px solid #c7d6e5;border-radius:12px;margin:0 0 38px;padding:26px}.learn-banner h2{margin:8px 0}.learn-banner p{font-size:17px}.primary-link{color:#fff;background:var(--blue);border-radius:8px;align-items:center;min-height:44px;padding:8px 15px;font-size:16px;font-weight:650;display:inline-flex}.secondary-link{margin-top:12px;font-size:15px;display:block}.learning-list li{margin:10px 0}.learning-prompt{border-left:3px solid var(--blue);background:#edf3f9;padding:14px 18px;font-size:16px}.study-links{font-size:15px}.check-question{border:1px solid var(--line);background:#fff;border-radius:10px;margin:18px 0;padding:14px 18px}.check-question summary,.engineer summary{cursor:pointer;align-content:center;min-height:44px;font-size:16px;font-weight:650;display:list-item}.check-question p,.engineer p{font-size:17px}.glossary{scroll-margin-top:20px}.glossary-index{margin:26px 0}.article th{text-align:left;background:#edf3f9}.article li{margin-bottom:8px}@media (width<=420px){.learn-banner{padding:20px}.learn-banner h2{font-size:23px}.article table{font-size:14px}.article td,.article th{min-width:78px;padding:8px}}.interview-page{max-width:880px;margin:36px auto}.interview-page h1{font-size:40px}.interview-page .intro{color:var(--muted);font-size:19px}.evidence-guide p{font-size:16px}.interview-filters{grid-template-columns:2fr 1fr 1fr;gap:12px;margin:30px 0 14px;display:grid}.interview-filters label{font-size:14px;font-weight:650}.interview-filters input,.interview-filters select{width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #bbc9d7;border-radius:7px;margin-top:7px;padding:9px;font-weight:400;display:block}.interview-list{gap:20px;display:grid}.keyword-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:24px;scroll-margin-top:20px}.keyword-card[hidden]{display:none}.keyword-card h2{margin:12px 0;font-size:24px}.keyword-card p{font-size:17px}.keyword-card .meta{font-size:14px}.keyword-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.evidence-tag{color:var(--blue);background:#edf3f9;border-radius:5px;padding:3px 9px;font-size:13px;font-weight:700}.keyword-source{color:var(--muted);margin-bottom:0;font-size:13px!important}.keyword-source a{overflow-wrap:anywhere;display:block}.source-entry{border-top:1px solid var(--line);padding:12px 0;scroll-margin-top:20px}.source-entry h3{margin:8px 0;font-size:17px}.source-entry p{margin:6px 0;font-size:15px}@media (width<=600px){.interview-page h1{font-size:32px}.interview-filters{grid-template-columns:1fr 1fr}.interview-filters label:first-child{grid-column:1/-1}.keyword-card{padding:19px}.keyword-card h2{font-size:22px}}[hidden]{display:none!important}html{scroll-padding-top:20px}main,.article{min-width:0}article,section,aside{max-width:100%}p,h1,h2,h3,li{overflow-wrap:break-word}input,button,select,summary{font-family:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.site-header{min-height:76px;position:relative}.desktop-nav{display:none}.mobile-menu{font-size:15px;position:relative}.mobile-menu>summary{cursor:pointer;justify-content:center;gap:6px;min-width:64px;list-style:none}.mobile-menu summary::-webkit-details-marker,.technology-menu summary::-webkit-details-marker{display:none}.mobile-nav{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);z-index:20;width:min(290px,100vw - 40px);max-height:calc(100dvh - 100px);padding:12px;position:absolute;top:52px;right:0;overflow:auto;box-shadow:0 8px 24px #17202a12}.mobile-nav>a,.mobile-technology summary,.mobile-technology a{align-items:center;min-height:44px;padding:7px 12px;display:flex}.mobile-technology summary{list-style:revert;cursor:pointer;display:list-item}.mobile-technology>div{border-left:2px solid var(--line);margin-left:10px;padding-left:12px}.footer-nav{flex-wrap:wrap;gap:4px 20px;margin:14px 0;display:flex}.footer-nav a{align-items:center;min-height:44px;display:inline-flex}.outline-link{border:1px solid var(--blue);background:var(--paper);min-height:46px;color:var(--blue);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:16px;font-weight:650;line-height:1.5;display:inline-flex}.primary-link{gap:8px;min-height:46px;line-height:1.5}.text-link{align-items:center;min-height:44px;margin-top:14px;font-size:16px;display:inline-flex}.home-hero{max-width:820px;padding:32px 0 28px}.home-hero h1{letter-spacing:-.04em;margin:14px 0;font-size:clamp(30px,5vw,48px)}.hero-description{color:#4f5b6c;margin:14px 0 20px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.hero-actions a{flex:160px;max-width:250px}.search-label{font-size:15px;font-weight:650;display:block}.home-hero .search-form{max-width:720px;margin:8px 0 12px}.chips a{align-items:center;min-height:44px;display:inline-flex}.home-section{margin:30px 0 48px}.home-section h2{margin:12px 0;font-size:26px}.section-heading{flex-wrap:wrap;align-items:baseline}.section-heading a{white-space:nowrap;align-items:center;min-height:44px;display:inline-flex}.section-intro{color:#4f5b6c;margin:12px 0 22px;font-size:17px}.year-grid,.role-grid,.category-grid,.current-grid,.next-study-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.year-card,.compact-card,.category-card,.current-card{flex-direction:column;min-width:0;padding:20px;display:flex}.year-card h3{margin:5px 0 8px;font-size:22px}.year-card>p{font-size:16px;line-height:1.6}.year-card .card-topics{color:var(--muted);margin:12px 0 20px;font-size:14px;line-height:1.65}.card-action{color:var(--blue);margin-top:auto;padding-top:12px;font-size:14px;font-weight:650}.major-callout{border:1px solid var(--line);border-radius:var(--radius);background:#edf3f9;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:20px;display:flex}.major-callout h3{margin:0 0 5px;font-size:18px}.major-callout p{color:#4f5b6c;margin:0;font-size:15px}.major-callout>a{flex-shrink:0;align-items:center;min-height:44px;font-size:15px;font-weight:650;display:inline-flex}.category-card p{color:var(--muted);font-size:15px}.current-card .eyebrow{letter-spacing:.03em}.current-card h3{font-size:20px}.glossary-callout{border-radius:var(--radius);background:#edf3f9;padding:26px}.glossary-callout .outline-link{margin-top:22px}.glossary-callout p{font-size:17px}.practice-box{border-radius:var(--radius);background:#edf3f9;border:1px solid #bbc9d7;margin:26px 0 30px;padding:24px}.practice-box h2{margin:7px 0 12px;font-size:24px}.practice-box .practice-question{font-size:21px;font-weight:650;line-height:1.6}.practice-box h3{margin:18px 0 8px;font-size:17px}.practice-box .check-question p{margin:8px 0}.next-study-grid{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:12px}.next-study-grid .card{flex-direction:column;padding:20px;display:flex}.next-study-grid h3{font-size:18px}.equipment-guide .card ul{padding-left:20px;font-size:16px}.equipment-guide .card a{align-items:center;min-height:44px;display:inline-flex}.breadcrumb{overflow-wrap:anywhere;line-height:1.7}.breadcrumb a{align-items:center;min-height:44px;display:inline-flex}.article table{overscroll-behavior-x:contain;max-width:100%}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=920px){.desktop-nav{align-items:center;gap:22px;font-size:15px;display:flex}.desktop-nav>a,.technology-menu summary{align-items:center;gap:6px;min-height:44px;display:flex}.desktop-nav [aria-current=page],.current-nav{color:var(--ink);font-weight:750}.technology-menu{position:relative}.technology-menu summary{cursor:pointer;color:var(--blue);list-style:none}.nav-dropdown{border:1px solid var(--line);border-radius:var(--radius);z-index:20;background:#fff;min-width:200px;padding:10px;position:absolute;top:48px;left:0;box-shadow:0 8px 24px #17202a12}.nav-dropdown a{align-items:center;min-height:44px;padding:7px 12px;display:flex}.mobile-menu{display:none}.year-grid,.role-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.current-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-hero{padding:48px 0 30px}.mobile-break{display:none}}@media (width<=600px){body{font-size:17px}header,main,footer{padding-left:16px;padding-right:16px}.site-header{min-height:70px;padding-top:12px;padding-bottom:12px}.home-hero{padding-top:24px;padding-bottom:20px}.home-hero .eyebrow{letter-spacing:.03em;font-size:11px}.home-hero h1{font-size:30px}.hero-description{font-size:16px}.hero-actions{flex-direction:column;gap:8px;margin-bottom:20px}.hero-actions a{flex:auto;justify-content:center;max-width:none;min-height:48px}.home-section{margin:24px 0 36px}.home-section h2{font-size:23px}.section-heading{gap:0 12px}.section-intro{margin-bottom:16px;font-size:16px}.year-grid,.role-grid,.category-grid,.current-grid{gap:10px}.year-card,.compact-card,.category-card,.current-card{padding:14px}.year-card h3{font-size:20px}.year-card>p,.compact-card p,.category-card p,.current-card p{font-size:14px;line-height:1.65}.year-card .card-topics{margin:9px 0 14px;font-size:13px}.card-action{font-size:13px}.compact-card h3,.category-card h3{font-size:18px}.current-card h3{font-size:17px}.major-callout{margin-top:18px;padding:17px;display:block}.major-callout>a{margin-top:10px}.practice-box{padding:18px}.practice-box .practice-question{font-size:19px}.glossary-callout{padding:20px}.desktop-break{display:none}.article .intro,.interview-page .intro{font-size:17px}.article{margin-top:24px}.keyword-card .meta{overflow-wrap:anywhere}}.career-hub{max-width:1000px;margin:32px auto}.career-hub>h1{max-width:850px}.career-hub>.intro{color:#4f5b6c;font-size:19px}.career-grid,.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.career-card{flex-direction:column;min-width:0;padding:22px;display:flex}.career-card h3{margin:8px 0;font-size:22px;line-height:1.45}.career-card .career-problem{color:var(--ink);margin:16px 0;font-size:16px}.career-problem strong{color:var(--muted);font-size:14px}.career-card .card-topics{color:var(--muted);margin:8px 0 14px;font-size:14px}.home-career{border-top:2px solid #c7d6e5;padding-top:18px}.comparison-card dl{margin:12px 0 0;font-size:16px}.comparison-card dt{color:var(--muted);margin-top:14px;font-size:14px;font-weight:650}.comparison-card dd{overflow-wrap:anywhere;margin:3px 0 0}.comparison-card h3 a{align-items:center;min-height:44px;display:inline-flex}.common-skill-grid,.career-connection-grid{grid-template-columns:1fr;gap:14px;display:grid}.mapping-list{gap:14px;display:grid}.mapping-card h3{font-size:21px;line-height:1.5}.mapping-card a{overflow-wrap:anywhere;align-items:center;min-height:44px;font-size:15px;display:inline-flex}.mapping-notice{border-left:3px solid var(--blue);background:#edf3f9;padding:16px 18px;font-size:16px}.roadmap-module{border:1px solid var(--line);background:#fff;border-radius:12px;margin:18px 0;padding:22px}.roadmap-module h3{margin:10px 0;font-size:24px;line-height:1.4}.roadmap-module p{font-size:17px}.roadmap-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.roadmap-topics li{min-width:0;margin:0}.roadmap-topics a,.topic-pending{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:7px;flex-direction:column;gap:3px;min-height:68px;padding:10px 12px;font-size:16px;line-height:1.5;display:flex}.roadmap-topics a{background:#f7faff}.topic-pending{color:#596273;background:#f7f8fa}.topic-state{font-size:13px}.topic-pending .topic-state{color:#667085}.common-skill-grid .roadmap-topics{grid-template-columns:1fr}.depth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.depth-card{background:#edf3f9;border:1px solid #c7d6e5;border-radius:10px;min-width:0;padding:18px}.depth-card h3{margin:8px 0;font-size:18px;line-height:1.5}.article .depth-card p{margin:10px 0 0;font-size:16px}.level-label{color:var(--blue);font-size:13px;font-weight:750}.career-connection-grid .card h3{font-size:21px;line-height:1.4}.career-connection-grid .card{flex-direction:column;display:flex}.purpose-list{gap:10px;display:grid}.purpose-list .card h3{font-size:19px}.case-study h3{margin-top:22px;font-size:19px}#results .card h2{margin:4px 0 7px;font-size:20px}@media (width>=920px){.desktop-nav{gap:16px;font-size:14px}.common-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.career-connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.career-grid,.comparison-grid,.depth-grid{grid-template-columns:1fr}.career-card{padding:20px}.career-card h3{font-size:22px}.career-card p,.career-card .career-problem{font-size:16px}.career-card .card-action{padding-top:14px;font-size:15px}.career-hub h1,.career-article h1{font-size:32px}.career-hub>.intro{font-size:17px}.roadmap-module{padding:18px}.roadmap-module h3{font-size:22px}.roadmap-topics{grid-template-columns:1fr}.mapping-card{padding:18px}.mapping-card h3{font-size:20px}.depth-card{padding:17px}.home-hero .hero-description{margin-bottom:16px}}
