/* Shared Jobmatch interface tokens. A4 typography is scoped in styles.css. */
@font-face{font-family:Jobmatch;src:url('assets/noto-sans-kr.woff') format('woff');font-weight:100 900;font-display:swap}
:root{--brand:#16644e;--brand-dark:#104d3d;--ink:#1c3029;--muted:#5f7068;--line:#dce5df;--surface:#fff;--bg:#f4f7f3;--accent:#c7e85c;--danger:#b63d36;--soft:#eaf3ed;--warning:#8b5a14;--radius:12px;--shadow:0 8px 28px #173c2910}
*{box-sizing:border-box}body{margin:0;font-family:Jobmatch,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.7;word-break:keep-all}button,input,textarea,select{font:inherit}button,a,label{touch-action:manipulation}button{cursor:pointer}button,a{color:inherit}a{text-underline-offset:4px}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--brand);outline-offset:3px}input,textarea,select{color:var(--ink);accent-color:var(--brand)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;border:1px solid transparent;border-radius:8px;font-size:13px;line-height:1.5;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s}
.button.primary{background:var(--brand);color:white;box-shadow:0 3px 8px #16644e18}.button.primary:hover{background:var(--brand-dark)}.button.outline{background:var(--surface);border-color:var(--line);color:var(--brand-dark)}.button.outline:hover{background:var(--soft);border-color:var(--brand)}.button.small{min-height:40px;padding:8px 12px;font-size:12px}.button.wide,.wide{width:100%}.button.danger{color:var(--danger);border-color:#ead2cf;background:white}
.site-nav{display:flex;gap:5px;align-items:center}.site-nav a{font-size:13px;text-decoration:none;padding:9px 13px;border-radius:8px;font-weight:600;color:var(--muted);white-space:nowrap}.site-nav a:hover{color:var(--brand);background:var(--soft)}.site-nav a[aria-current=page]{color:var(--brand-dark);background:var(--soft);font-weight:750}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap;border:0!important}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:var(--brand-dark);color:white;padding:12px 18px;border-radius:8px}.skip-link:focus{top:12px}
@media(max-width:760px){.site-nav a{font-size:12px;padding:8px 10px}input,textarea,select{font-size:16px}.button{min-height:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.form-grid>.form-field-full{grid-column:1/-1}.paper-age{margin:3px 0;font-size:.94em;color:#365b4a}.admin-contact-panel{margin:0 20px 16px;padding:18px;background:#eef5ef;border:1px solid #c4d9c8;border-radius:10px}.admin-contact-panel[hidden]{display:none}.admin-contact-panel>div{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline}.admin-contact-panel strong{color:#194c3f;font-size:14px}.admin-contact-panel span{font-size:12px;color:#637668}.admin-contact-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0 0}.admin-contact-panel dl>div:last-child:nth-child(3){grid-column:1/-1}.admin-contact-panel dt{font-size:11px;color:#637668;margin-bottom:4px}.admin-contact-panel dd{margin:0;font-size:14px;font-weight:600;overflow-wrap:anywhere}.admin-contact-panel a{color:#194c3f;text-underline-offset:3px}@media(max-width:600px){.admin-contact-panel{margin:0 12px 12px}.admin-contact-panel dl{grid-template-columns:1fr}}@media print{.admin-contact-panel{display:none!important}}

/* Completed courses: a bold green check beside each selected course. */
.training-status-list{display:flex;flex-wrap:wrap;align-items:center;gap:.35em 1.2em;line-height:1.6}
.training-status{display:inline-flex;align-items:center;gap:.4em;white-space:nowrap;font-weight:650}
.training-check{display:block;flex:none;width:1.3em;height:1.3em;color:#16644e}
@media print{.training-check{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
