/* web/paper.css - the printed resume (UX-167, Q-65). Linked by index.html (the preview) and print.html (the print).
   Sizes are em of .paper's font size, so one look prints at 10.5 pt and scales in a preview. Paper is white in both themes.
   No container units here: the preview's size is set in style.css, in @media screen only (SA-493). */
.paper { background: #fff; color: #111; font-size: 10.5pt; box-sizing: border-box; }
.paper .pw-text { white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; font: inherit; }
.pw-ln { display: block; }
.pw-sp, .pw-dash { display: none; }           /* in the text, not drawn: the depth and the bullet are drawn by CSS */
.pw-blank { height: 0; overflow: hidden; }
.pw-entry { display: block; break-inside: avoid; margin: 0 0 .86em; }
.pw-child { margin: .38em 0 0 1.33em; }
.pw-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; column-gap: 1.33em; }
.pw-row .pw-head { flex: 1 1 auto; min-width: 0; }
.pw-row .pw-when { flex: 0 1 auto; min-width: 0; max-width: 100%; text-align: right; }
.pw-li { position: relative; padding-left: 1.24em; margin: .14em 0 0; }
.pw-li::before { content: "\2022"; position: absolute; left: .19em; top: 0; }
.pw-h { break-after: avoid; }
.paper .pw-name { margin: 0 0 .14em; overflow-wrap: anywhere; unicode-bidi: isolate; }
.paper .pw-name[hidden] { display: none; }
/* Classic: a serif, the name centred, black rules */
.look-classic { font-family: "Charter", "Bitstream Charter", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif; line-height: 1.36; }
.look-classic .pw-name { text-align: center; font-size: 2.1em; font-weight: 600; line-height: 1.15; letter-spacing: .01em; }
.look-classic .pw-contact { text-align: center; color: #444; font-size: .905em; margin: 0 0 .95em; }
.look-classic .pw-h { font-size: .952em; font-weight: 700; letter-spacing: .14em; border-bottom: .09em solid #222; padding: 0 0 .19em; margin: 1.14em 0 .57em; }
.look-classic .pw-head { font-weight: 700; font-size: 1.03em; }
.look-classic .pw-when { font-style: italic; color: #444; font-size: .933em; }
/* Modern: a sans, the name on the left, one accent colour */
.look-modern { font-family: "Avenir Next", "Segoe UI", "Helvetica Neue", Helvetica, "Liberation Sans", Arial, sans-serif; line-height: 1.4; }
.look-modern .pw-text { font-size: .952em; }
.look-modern .pw-name { font-size: 2.19em; font-weight: 700; letter-spacing: -.01em; color: #1f4e79; }
.look-modern .pw-contact { color: #444; font-size: .92em; margin: 0 0 1.2em; padding-bottom: .8em; border-bottom: .2em solid #1f4e79; }
.look-modern .pw-h { color: #1f4e79; font-size: .94em; font-weight: 700; letter-spacing: .16em; margin: 1.3em 0 .6em; }
.look-modern .pw-head { font-weight: 600; font-size: 1.06em; }
.look-modern .pw-when { color: #444; font-size: .92em; font-variant-numeric: tabular-nums; }
.look-modern .pw-li::before { color: #1f4e79; }
/* BL-21 (20 Oct): five more looks. CSS on the same spans only: no look adds, drops or moves a character (UX-124), and the one
   generated mark stays the bullet. Every accent also differs in weight or rule, so a grey print reads. System fonts, generic fallbacks. */
/* Executive: a serif, the name left in deep navy, a navy rule under the contact, headings in tracked caps with a hairline */
.look-executive { font-family: Georgia, "Palatino Linotype", Palatino, "Book Antiqua", Charter, "Iowan Old Style", "Liberation Serif", serif; line-height: 1.38; }
.look-executive .pw-name { text-align: left; font-size: 2.2em; font-weight: 700; line-height: 1.12; letter-spacing: .01em; color: #1b2a41; }
.look-executive .pw-contact { color: #3d4a5c; font-size: .9em; margin: 0 0 1em; padding-bottom: .55em; border-bottom: .12em solid #1b2a41; }
.look-executive .pw-h { color: #1b2a41; font-size: .9em; font-weight: 700; letter-spacing: .22em; border-bottom: .05em solid #1b2a41; padding: 0 0 .2em; margin: 1.2em 0 .55em; }
.look-executive .pw-head { font-weight: 700; font-size: 1.03em; }
.look-executive .pw-when { color: #4a5568; font-size: .933em; font-variant-numeric: tabular-nums; }
.look-executive .pw-li::before { color: #1b2a41; }
/* Minimal: a light sans, much white space, no rules anywhere */
.look-minimal { font-family: "Helvetica Neue", "Segoe UI", Helvetica, "Liberation Sans", Arial, sans-serif; line-height: 1.5; }
.look-minimal .pw-name { font-size: 2.3em; font-weight: 300; line-height: 1.15; letter-spacing: .005em; color: #2b2b2b; }
.look-minimal .pw-contact { color: #555; font-size: .88em; margin: .3em 0 1.8em; }
.look-minimal .pw-h { color: #555; font-size: .78em; font-weight: 600; letter-spacing: .3em; margin: 1.9em 0 .8em; }
.look-minimal .pw-head { font-weight: 600; font-size: 1em; }
.look-minimal .pw-when { color: #555; font-size: .9em; font-variant-numeric: tabular-nums; }
.look-minimal .pw-entry { margin-bottom: 1.05em; }
.look-minimal .pw-li::before { color: #777; font-size: .8em; top: .12em; }
/* Bold: a heavy sans, a thick black rule, headings with a thick left bar */
.look-bold { font-family: "Helvetica Neue", Helvetica, "Segoe UI", "Liberation Sans", Arial, sans-serif; line-height: 1.38; }
.look-bold .pw-name { font-size: 2.7em; font-weight: 800; line-height: 1.05; letter-spacing: -.01em; color: #000; }
.look-bold .pw-contact { color: #111; font-size: .9em; font-weight: 700; margin: .2em 0 1em; padding-bottom: .5em; border-bottom: .25em solid #111; }
.look-bold .pw-h { color: #000; font-size: .95em; font-weight: 800; letter-spacing: .12em; border-left: .35em solid #111; padding-left: .5em; margin: 1.25em 0 .6em; }
.look-bold .pw-head { font-weight: 700; font-size: 1.04em; }
.look-bold .pw-when { font-weight: 600; font-size: .93em; font-variant-numeric: tabular-nums; }
.look-bold .pw-li::before { color: #000; font-weight: 800; }
/* Banded: a sans, the name in dark teal, each heading in a shaded full-width band */
.look-banded { font-family: "Avenir Next", "Segoe UI", "Helvetica Neue", Helvetica, "Liberation Sans", Arial, sans-serif; line-height: 1.4; }
.look-banded .pw-name { font-size: 2.2em; font-weight: 700; line-height: 1.12; color: #0f4c5c; }
.look-banded .pw-contact { color: #333; font-size: .9em; margin: 0 0 1em; }
.look-banded .pw-h { background: #e7eef0; color: #0f4c5c; font-size: .9em; font-weight: 700; letter-spacing: .16em; padding: .25em .6em; margin: 1.2em 0 .6em; border-top: .06em solid #0f4c5c; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.look-banded .pw-head { font-weight: 700; font-size: 1.04em; }
.look-banded .pw-when { color: #0f4c5c; font-size: .92em; font-variant-numeric: tabular-nums; }
.look-banded .pw-li::before { color: #0f4c5c; }
/* Traditional: Times, the name and headings centred, a thin rule under the contact, dates in italics, tighter lines */
.look-traditional { font-family: "Times New Roman", Times, "Liberation Serif", "Nimbus Roman", serif; line-height: 1.3; }
.look-traditional .pw-name { text-align: center; font-size: 2em; font-weight: 700; line-height: 1.15; letter-spacing: .12em; font-variant-caps: small-caps; }
.look-traditional .pw-contact { text-align: center; color: #333; font-size: .93em; margin: 0 0 .9em; padding-bottom: .5em; border-bottom: .05em solid #111; }
.look-traditional .pw-h { text-align: center; font-size: .95em; font-weight: 700; letter-spacing: .14em; border-bottom: .05em solid #111; padding: 0 0 .15em; margin: 1.1em 0 .5em; }
.look-traditional .pw-head { font-weight: 700; font-size: 1.03em; }
.look-traditional .pw-when { font-style: italic; color: #222; font-size: .95em; font-variant-numeric: tabular-nums; }
/* Navy (8th look, the founder's own resume layout, 20 Oct): a light geometric name over a navy rule, centred headings with a rule,
   each entry under a navy rule with its head row on a pale grey band, small square bullets. Layout only: no text is added (UX-124). */
.look-navy { font-family: Calibri, Carlito, "Segoe UI", "Helvetica Neue", Arial, "Liberation Sans", sans-serif; line-height: 1.4; }
.look-navy .pw-name { text-align: left; font-family: "Century Gothic", "Avenir Next", Futura, "URW Gothic", "Questrial", "Segoe UI", sans-serif; font-size: 2.3em; font-weight: 300; line-height: 1.15; color: #23405e; padding-bottom: .08em; border-bottom: .08em solid #23405e; }
.look-navy .pw-contact { text-align: left; font-weight: 400; color: #333; font-size: .9em; margin: .2em 0 .6em; }
.look-navy .pw-h { text-align: center; font-size: 1.05em; font-weight: 400; letter-spacing: .04em; color: #23405e; border-bottom: .07em solid #23405e; padding: 0 0 .1em; margin: 1.2em 0 .5em; }
.look-navy .pw-entry:not(.pw-child) { border-top: .07em solid #23405e; margin: 0 0 .7em; }
.look-navy .pw-h + .pw-entry:not(.pw-child) { border-top: 0; }   /* the heading rule is the only line there */
.look-navy .pw-entry:not(.pw-child) > .pw-row { background: #efeff0; padding: .2em .45em; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.look-navy .pw-head { font-weight: 700; }
.look-navy .pw-when { font-weight: 400; color: #222; font-variant-numeric: tabular-nums; }
.look-navy .pw-li { padding-left: 1.5em; margin: .45em 0 0; }
.look-navy .pw-li::before { content: "\25AA"; color: #000; }
/* Compact: the same look, tighter, to fit one page */
.compact .pw-text { font-size: .914em; line-height: 1.3; }
.compact .pw-entry { margin-bottom: .57em; }
.compact .pw-h { margin-top: .86em; }