/* CV print sheet - loaded with media="print" from layouts/career/single.html */

body {
    font-size: 10pt;
    line-height: 1.35;
    max-width: none;
    margin: 0;
    padding: 0;
    color: #000;
    background: #fff;
}

@page {
    size: A4;
    margin: 1.5cm;
}

/* Keep the site title as the CV name, drop the rest of the chrome */
body > header {
    margin: 0 0 0.3cm;
    padding: 0;
    border: none;
}

body > header h1 {
    font-size: 16pt;
}

body > header nav,
body > footer,
.career-download {
    display: none;
}

.career > header {
    margin: 0;
}

.career > header h1 {
    font-size: 12pt;
    font-weight: normal;
    font-style: italic;
    margin: 0 0 0.3cm;
    padding-bottom: 0.2cm;
    border-bottom: 1px solid #000;
}

.career h2 {
    font-size: 11pt;
    margin: 0.4cm 0 0.15cm;
    padding-bottom: 0.05cm;
    border-bottom: 1px solid #000;
    break-after: avoid;
}

.career p {
    margin: 0.1cm 0;
    orphans: 2;
    widows: 2;
}

.career ul {
    margin: 0.1cm 0;
    padding-left: 0.6cm;
    break-inside: avoid;
}

.career li {
    margin: 0;
}

.career a {
    color: #000;
    text-decoration: none;
}

/* Tech logos print as coloured noise; the external-link glyph adds nothing on
   paper. The glyph selector must outrank the screen rule in style.css, which is
   a[href^=http]:not():not()::after. */
.career .tech-icon {
    display: none;
}

article.career a[href^="http"]:not([href*="sonirico.dev"])::after {
    display: none;
}