body .no-print-display,
body .seo-meta-only,
.page-about .svg-typo-graphic {
	display: none !important;
}
body { font-family: Helvetica, Arial, sans-serif; font-size:10pt; margin-bottom:0; padding-bottom:0; }
body a { color:black; text-decoration-skip-ink:auto; }
svg:not(#svg-hero-artwork, #svg-martinDube-sketch2021) { width:24px; aspect-ratio: 1 / 1; }
ul, ol, .about-social-grid__cards { position:relative; width:90%; }
ul li, ol li { margin-inline:1rem; }
h1, h2, h3, h4, h5, h6 { margin-block: 1pt 2pt; font-family: Georgia, Times, serif; }
.btn, form footer { display:flex; align-items:center; gap:3pt; }
.site-header { padding-left:45px; } /* align to #svg-martinDube-sketch2021 */
.site-header a { text-decoration:none; font-family: Georgia, Times, serif; font-size:16pt; }
.site-footer { font-size: 0.76em; margin-top:1em; border-top: 1pt solid grey; }
.page-content header.hero { margin-top:-22pt; padding-bottom: 0.25em; border-bottom: 1pt solid grey; }
header.hero #svg-martinDube-sketch2021 { width:50px; }
header.hero .hero__page-title { margin-block:0 1pt; font-size:12pt; }
header.hero .row { display:flex; align-items:flex-end; justify-content:space-between; gap:6pt; }
header.hero .row .subdomain { display:flex; align-items:center; justify-content:flex-end; gap:6pt; width:100%; margin-block:0; text-align:right; font: normal normal normal 1rem/1.2 Helvetica, Arial, sans-serif; }
header.hero .row * { white-space:nowrap; }
.static-alert { margin:2em 0.5em; padding: 1em; display:flex; gap:1em; border:1pt dashed grey; border-radius:1rem; }
.static-alert p { margin-block:0 0.25rem; }
.page-content article { margin-block:2em; }
.page-content li svg { display:inline-block; width:16px; height:16px; }
.page-content .cv-card__tools,
.page-cv .listings ul { display:flex; flex-wrap:wrap; align-items:center; }
.listings ul, .listings ol { margin-block: 0.75em 0; padding-inline-start: 1em; }
.listings li { display:flex; align-items:center; margin-bottom:0.25em; white-space:nowrap; }
.page-portfolio .portfolio-item { margin-left:24pt; }
.portfolio-group__heading .title, .portfolio-group__heading .sub-title,
.page-portfolio .portfolio-item__heading * { margin-block:1pt; }
.page-portfolio .portfolio-item .teaser-img { width: auto; max-width: 150px; height: auto; }
.page-portfolio .slides__list { display:flex; flex:1; flex-wrap:wrap; gap:10pt; padding-left:0; }
.page-portfolio .slides__item { flex-grow:0; width:130px; margin:0; list-style:none; border:1pt solid grey; padding: 3pt 3pt 0 3pt; }
.page-portfolio .slides__teaser { width:100%; height:auto; }
.page-about figure, .page-about .about-me.webpro { margin-block: 0 4pt; margin-left:0; }
.page-about #svg-hero-artwork { width:50%; height:auto; }
.page-about .about-social-grid__cards { display:flex; flex-wrap:wrap; }
.page-about a.social-card { flex-direction:row; width:auto; margin-block:0; margin-inline:1rem; flex-shrink:1; color:black; text-decoration:none; }
.page-about .social-card .social-card__title { font-size:0.92rem; margin-right:1pt; margin-bottom:0; }
.page-about a.social-card, .social-card .social-card__text { display:flex; align-items:center; gap:5pt; }
.page-about a.social-card svg { width:18px; height:18px; }
form .form-field, form footer { display:none; }
form fieldset::after { content: "info\0020\0040\0020martindube.net"; display:block; padding:48pt; font: normal normal normal 24pt/1.2 Georgia, Times, serif; }
#wikiGithub .btn::before { display:inline; content:"https://"; font-weight:normal; }