/* Layered on the shared After Dark design system v2. */
body { overflow-x: visible; }
.skip-link { position:absolute; left:16px; top:-100px; padding:12px; background:var(--bg-card); color:var(--cyan); z-index:10; }
.skip-link:focus { top:10px; }
:focus-visible { outline:3px solid var(--cyan); outline-offset:5px; }
.employee-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px 32px; border-bottom:1px solid var(--border-visible); background:var(--bg-base); flex-wrap:wrap; }
.employee-brand { color:var(--text-primary); font:800 22px var(--font-display); letter-spacing:-.03em; }
.employee-brand span { display:block; font:10px var(--font-mono); letter-spacing:.1em; color:var(--cyan); margin-top:6px; }
.employee-header nav { display:flex; gap:24px; flex-wrap:wrap; }
.employee-header a:not(.employee-brand), .employee-footer a { color:var(--text-primary); min-height:44px; display:inline-flex; align-items:center; }
.account-link { padding:0 18px; border:1px solid var(--cyan-border); border-radius:5px; }
.employee-hero { display:grid; grid-template-columns:1.5fr 1fr; gap:64px; align-items:center; padding:72px 0; }
.employee-hero h1 { font-size:clamp(2.5rem,5vw,4.5rem); }
.employee-intro { max-width:540px; margin:24px 0; font-size:1.15rem; }
.employee-actions { display:flex; gap:12px; flex-wrap:wrap; }
.employee-primary, .employee-secondary { min-height:48px; display:inline-flex; align-items:center; padding:10px 22px; border:1px solid var(--cyan-border); border-radius:5px; color:var(--text-primary); }
.employee-primary { background:var(--cyan); color:var(--bg-base); font-weight:600; }
.access-panel { padding:32px; border:1px solid var(--cyan-border); border-top:3px solid var(--cyan); background:var(--bg-card); }
.access-panel h2 { font-size:1.8rem; }
.access-panel p:not(.section-label) { margin:18px 0; overflow-wrap:anywhere; }
.access-panel a { color:var(--cyan); display:inline-flex; align-items:center; min-height:44px; }
.employee-section { padding:40px 0; border-top:1px solid var(--border-visible); }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:28px; }
.section-heading h2 { font-size:2rem; }
.employee-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.service-card { display:flex; flex-direction:column; gap:16px; padding:28px; border:1px solid var(--border-visible); background:var(--bg-card); color:var(--text-primary); transition:border-color .2s,background .2s; }
.service-card:hover { border-color:var(--cyan); background:var(--bg-card-hover); }
.card-category { font:11px var(--font-mono); color:var(--cyan); letter-spacing:.1em; }
.card-action { margin-top:auto; padding-top:16px; font-weight:600; }
.service-note { margin-top:22px; max-width:850px; }
.employee-footer { display:flex; gap:24px; justify-content:space-between; flex-wrap:wrap; padding-top:32px; padding-bottom:32px; color:var(--text-secondary); font-size:.9rem; }
@media(max-width:850px) { .employee-hero { grid-template-columns:1fr; gap:32px; padding:48px 0; } .employee-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .section-heading { align-items:start; flex-direction:column; } }
@media(max-width:540px) { .employee-header { padding:20px 24px; gap:16px; } .employee-header nav { gap:16px; } .employee-grid { grid-template-columns:1fr; } .access-panel,.service-card { padding:24px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .service-card { transition:none; } }
@media(forced-colors:active) { .gradient-text { background:none; -webkit-text-fill-color:CanvasText; } :focus-visible { outline-color:Highlight; } .service-card,.access-panel { border-color:CanvasText; } }