:root{ --dark:#003366; --blue:#428bca; --ink:#1a1a1a; --line:#cdd6df; }
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:#eceef1;line-height:1.3}
.bar{max-width:820px;margin:0 auto;padding:1rem 1.2rem;display:flex;gap:.8rem;align-items:center}
.bar a.back{font-family:system-ui,sans-serif;font-size:.8rem;color:#555;text-decoration:none}
.bar .sp{flex:1}
.btn{font-family:system-ui,sans-serif;font-size:.82rem;font-weight:600;text-decoration:none;color:#fff;background:var(--dark);
  border:none;border-radius:6px;padding:.5rem .9rem;cursor:pointer}
.btn:hover{background:var(--blue)}
.btn.alt{background:#fff;color:var(--dark);border:1px solid var(--line)}
.page{max-width:820px;margin:0 auto 3rem;background:#fff;padding:2.4rem 2.6rem;box-shadow:0 4px 24px rgba(0,0,0,.08)}
h1{color:var(--dark);font-size:1.7rem;text-align:center;letter-spacing:.2px}
.contact{text-align:center;font-style:italic;font-size:.88rem;margin-top:.25rem}
.contact a{color:var(--blue);text-decoration:none}
.links{text-align:center;margin-top:.4rem;display:flex;justify-content:center;gap:.7rem}
.links a{display:inline-flex;color:var(--dark);text-decoration:none}
.links a:hover{color:var(--blue)}
.links svg{display:block}
.summary{margin-top:.45rem;font-size:.9rem}
h2{color:var(--dark);font-size:1rem;margin-top:.7rem;padding-bottom:1px;border-bottom:1px solid var(--dark)}
h2 .h2live{float:right;font-size:.62rem;font-weight:400;letter-spacing:.04em;color:var(--accent,#428bca);text-decoration:none}
h2 .h2live:hover{text-decoration:underline}
@media print{h2 .h2live{display:none}}
.job{margin-top:.32rem;font-size:.9rem}
.job .h{display:flex;justify-content:space-between;gap:1rem}
.job .h b{color:#111}
.job .when{color:#555;white-space:nowrap;font-size:.86rem}
.job p{margin-top:.1rem}
ul{margin:.4rem 0 0 1.2rem;font-size:.9rem}
li{margin-top:.15rem}
.sk{font-size:.88rem;margin-top:.28rem}
.sk b{color:#111}
.subh{font-family:system-ui,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dark);margin-top:.5rem}
.proj{font-size:.88rem;margin-top:.28rem}
.proj a{color:var(--blue);text-decoration:none;font-weight:bold}
.proj .tech{color:#555;font-style:italic}
.ref{font-size:.82rem;color:#555;font-style:italic;margin-top:.6rem}
a{color:var(--blue)}
@media print{
  body{background:#fff}
  .bar{display:none}
  .page{box-shadow:none;margin:0;max-width:none;padding:0}
  @page{size:A4;margin:11mm}
}