/* BreakRoom legal pages: a personnel-file memo on paper. IBM Plex (SIL OFL 1.1). Single deliberate light world. */
@font-face{font-family:"IBM Plex Sans";src:url(/fonts/plex-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url(/fonts/plex-sans-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(/fonts/plex-mono-500.woff2) format("woff2");font-weight:500;font-display:swap}
:root { --ink: #1d2427; --ink-2: #4a5458; --paper: #f2f0e8; --rule: #cfcabb; --teal: #2c5a5a; --night: #20262a; }
* { box-sizing: border-box; }
html { background: var(--night); }
body { margin: 0; padding: 32px 16px 64px; background: var(--night); color: var(--ink); font: 16px/1.65 "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif; }
.doc { max-width: 72ch; margin: 0 auto; padding: clamp(24px, 5vw, 56px); background: var(--paper); border: 1px solid var(--rule); box-shadow: 0 24px 70px rgba(0,0,0,.45); }
.home { color: var(--teal); text-decoration: none; font-weight: 500; }
.dept { margin: 18px 0 6px; font: 500 11px/1.4 "IBM Plex Mono", ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-2); }
h1 { margin: 0; font-weight: 500; font-size: clamp(30px, 5vw, 42px); line-height: 1.1; letter-spacing: -.02em; }
.lede { margin: 8px 0 18px; color: var(--ink-2); }
.tabs { display: flex; gap: 16px; flex-wrap: wrap; padding: 10px 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); margin-bottom: 8px; }
.tabs a { color: var(--ink-2); text-decoration: none; font: 500 12px/1 "IBM Plex Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.tabs a[aria-current] { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
h2 { margin: 28px 0 6px; font-size: 18px; font-weight: 500; }
p, li { max-width: 68ch; }
a { color: var(--teal); }
code { font: 500 13px "IBM Plex Mono", monospace; background: #e6e3d8; padding: 1px 4px; }
.by { margin-top: 36px; padding-top: 12px; border-top: 1px solid var(--rule); font: 500 11px/1.5 "IBM Plex Mono", monospace; color: var(--ink-2); }
a:focus-visible { outline: 2px solid var(--teal); outline-offset: 2px; }