body .no-print-display,
body .seo-meta-only,
.modal .modal__close-btn,
.tab__list,
#portfolioViewer .viewer__slide-cta,
#portfolioViewer .viewer__group-cta,
#portfolioViewer .viewer__read-btn,
.page-mdletter .site-footer,
.page-about .svg-typo-graphic,
.page-cv .scroll__sticky .svg-icon,
.page-cv #valleyfieldLivreDor1989,
.page-cv #dumoulin2001,
.page-cv section#education .cv-card__responsibilities,
.page-cv section#education .cv-card__tools {
  display: none !important;
}
body { max-width:6.5in; margin:0.25in auto 0; padding-bottom:0; font-family: Georgia, Times, serif; font-size:10pt; }
body a { color:black; text-decoration-skip-ink:auto; }
body p { margin-block:0; }
svg:not(#svg-hero-artwork, #svg-martinDube-sketch2021) { width:24px; aspect-ratio: 1 / 1; }
[popover] { width:auto; max-width:80vw; height:auto; max-height:70vh; overflow:hidden; border-color:grey; }
ul, ol, .about-social-grid__cards { position:relative; width:90%; }
ul li, ol li { margin-inline:1rem; }
li, h1, h2, h3, h4, h5, h6,
.letter__datetime, .letter__sub-header, .letter__contact { font-family: Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { margin-block: 1pt 2pt; }
.btn, form footer { display:flex; align-items:center; gap:3pt; }
.site-header a { text-decoration:none; font-family: Georgia, Times, serif; font-size:16pt; }
.site-footer { font-size: 0.76em; margin-top:1em; padding-block:1em; border-top: 1pt solid grey; }
.site-footer p { margin-block:0; }
.site-footer .site-footer__ai-note { font-size:6pt; }
.tab__content[hidden]:not(.no-print-display) { display:block }
.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; font-weight:normal; }
header.hero .hero__tagline { margin-block:-1pt 2pt; }
header.hero .row { display:flex; align-items:flex-end; justify-content:space-between; gap:6pt; }
header.hero .row .subdomain,
header.hero .row .letter__datetime { 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; }
.ui-chips-list li { display:flex; align-items:center; white-space:nowrap; }
/* cv */
.cv-card__header { margin-bottom:0.25rem; }
.cv-card__title, .cv-card__subtitle .txt:not(.brand) { font-weight:normal; }
.cv-card__tools,
.cv-card__links { display:flex; flex-wrap:wrap; align-items:center; gap:0.25em;margin-block:0.5em; padding-inline-start:1em; }
.cv-card__tools { margin-top:0.75em; padding-inline-start:0.7em; }
.cv-card__links { margin-bottom:0.75em; padding-inline-start:1em; }
.cv-card__links li { list-style:none; }
.cv-card__responsibilities { padding-inline-start:2.2em; }
.cv-card__responsibilities p { margin-top:0; }
.page-cv section#education { padding-block:3pt 1pt; border-top: 1pt solid grey }
.page-cv article.cv-card { margin-block:1.9em }
.page-cv section#education article.cv-card { margin-block:0.7em }
.page-cv .link-item,
.page-cv .chip-item,
.page-cv .cv-card__date.txt,
.page-cv section#education .cv-card__subtitle { font-size:8pt }
.page-cv section#education .cv-card__title { font-size:12pt }
/* cv > .portfolio-grid = now hidden */
.page-cv .portfolio-item { margin-left:24pt; }
.portfolio-group > .scroll-wrapper { display:grid; grid-gap: 10pt; grid-template-columns: [scrollSvg] 30pt [scrollContent] auto; }
.scroll-wrapper > .scroll__sticky .brand-logo { width:100%; }
.page-cv .scroll__content .cv-card__header,
.page-cv .scroll__content .border-wrapper { break-inside:avoid; }
.portfolio-group__heading .title, .portfolio-group__heading .sub-title,
.page-cv .portfolio-item__heading * { margin-block:1pt; }
.page-cv .nav-img__list { display:flex; flex:1; flex-wrap:wrap; gap:10pt; padding-left:0; }
.page-cv .nav-img__item { flex-grow:0; width:120px; margin:0; list-style:none; border:1pt solid grey; padding: 3pt; }
/* portfolioViewer */
.page-portfolioViewer dialog figure { position:relative; }
.page-portfolioViewer dialog figure img { display:block; width:auto; max-width:90%; height:auto; max-height:90%; margin-inline:auto; }
.page-portfolioViewer dialog p { text-align:center }
/* index */
.page-about .hero__tagline { display:none; }
.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 h2 { margin-block: 1em 0.5em; font-weight:normal; }
.page-about .about-me .txt p { margin-bottom: 1em; }
.page-about .about-social-grid { margin-bottom: 4em; }
.page-about .about-social-grid__cards { display:flex; flex-wrap:wrap; gap:1em; }
.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; margin:0; }
.page-about a.social-card svg { width:18px; height:18px; }
#wikiGithub { display:block; margin-bottom:1rem; text-decoration:none; }
#wikiGithub h3, #wikiGithub p { margin:0; }
#wikiGithub .col.speach { display:flex; align-items:center; gap:4pt; }
#wikiGithub .col.speach p.txt { font-size:8pt; }
#wikiGithub .col.cta { margin-left:22pt; }
#wikiGithub .btn { text-decoration:underline; }
#wikiGithub .btn::before { display:inline; content:"https://"; font-weight:normal; }
/* contact */
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; }
/* mdletter */
.page-mdletter .letter__sub-header,
.page-mdletter .letter__body { padding-top:1em; }
.page-mdletter .letter__body p,
.page-mdletter .letter__body dl,
.page-mdletter .letter__body ol,
.page-mdletter .letter__body ul,
.page-mdletter .letter__body blockquote { margin-bottom:1em; }
/* align a.site-header__logo to h1.hero__page-title */
[lang="fr"] .site-header,
[lang="fr"] .hero .hero__tagline { padding-left:2.34rem; }
[lang="fr"] .page-mdletter .site-header,
[lang="fr"] .page-mdletter .hero .hero__tagline { padding-left:2.59rem; }
[lang="en"] .site-header,
[lang="en"] .hero .hero__tagline { padding-left:2.5rem; }
[lang="en"] .page-mdletter .site-header,
[lang="en"] .page-mdletter .hero .hero__tagline { padding-left:2.25rem; }