/* C: sectioned web CV. A: restrained single-column print/PDF. */
@media screen {
  body{background:#e7e6df}
  main#cv{max-width:1100px;padding:36px 24px 70px}
  #cv header{background:#fcfaf5;border:0;border-radius:5px;padding:32px 36px;margin:0 0 16px}
  #cv .cv-actions{justify-content:flex-end;margin:0 0 14px;padding:0 3px;font-size:13px}
  #cv .cv-sections{display:flex;gap:9px 20px;flex-wrap:wrap;padding:17px 25px;background:#fcfaf5;border-radius:5px;margin:0 0 16px;font-size:13px}
  #cv .cv-sections a{text-underline-offset:4px}
  #cv .cv-section{background:#fcfaf5;padding:28px 36px;margin:0 0 16px;border-radius:5px;scroll-margin-top:20px}
  #cv .cv-section>h2:first-child{margin:0 0 17px;color:#6d442f;font-size:13px}
  #cv footer{padding:10px 36px;border:0;margin:0}
}
@media screen and (max-width:640px){
  main#cv{padding:18px 12px 40px}
  #cv header,#cv .cv-section{padding:25px 22px}
  #cv .cv-sections{padding:16px 20px;gap:10px 16px;font-size:12px}
  #cv .cv-actions{justify-content:flex-start;padding:0 10px;gap:12px}
  #cv header .role{font-size:16px}
}
@media print {
  body{background:white;font-family:Georgia,"Times New Roman",serif}
  main#cv{max-width:none;padding:0}
  #cv header{padding:0 0 16px;margin:0 0 20px;border-bottom:1.5pt solid #333;background:none;border-radius:0}
  #cv h1{font-size:24pt}
  #cv header .role{font-size:12pt}
  #cv .cv-section{padding:0;margin:0 0 18pt;background:none;border-radius:0}
  #cv .cv-section>h2{margin:16pt 0 8pt;font-size:10pt;color:#222;break-after:avoid}
  #cv .cv-section:first-of-type>h2{margin-top:0}
  #cv nav,#cv footer{display:none!important}
  #cv p{orphans:3;widows:3}
  #cv h3{break-after:avoid}
  #cv li,#cv tr{break-inside:avoid}
  #cv .two{break-inside:avoid}
  #cv #cv-section-7{break-before:page}
  #cv .courses{table-layout:fixed;font-size:9.5pt;line-height:1.4}
  #cv .courses th,#cv .courses td{padding:7px 8px;overflow-wrap:normal}
  #cv .courses th:nth-child(1){width:32%}
  #cv .courses th:nth-child(2),#cv .courses th:nth-child(3){width:12%}
  #cv .courses th:nth-child(4){width:11%}
  #cv .courses th:nth-child(5){width:13%}
  #cv .courses th:nth-child(6){width:20%}
}