/* One-page CV sheet — screen preview + print geometry.
   The sheet itself carries inline styles; this file owns paper size and chrome. */

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;background:#1a1a1a}
a{color:#41b6e6;text-decoration:none}
a:hover{color:#c8a86b}

/* sheet themes — identical layout, inverted palette */
.page[data-theme="dark"]{
  --sheet-bg:#0d0d0d; --sheet-fg:#f5f5f5;
  --sheet-line:rgba(245,245,245,.22);
  --sheet-dim:rgba(245,245,245,.55);
  --sheet-dim2:rgba(245,245,245,.72);
  --sheet-scan:rgba(245,245,245,.045);
  --sheet-blue:#41b6e6; --sheet-gold:#c8a86b; --sheet-green:#00c853;
}
.page[data-theme="light"]{
  --sheet-bg:#f5f5f5; --sheet-fg:#0d0d0d;
  --sheet-line:rgba(13,13,13,.34);
  --sheet-dim:rgba(13,13,13,.62);
  --sheet-dim2:rgba(13,13,13,.8);
  --sheet-scan:rgba(13,13,13,.04);
  /* same hues as the dark sheet, re-weighted for a white ground */
  /* same hues as the dark sheet, re-weighted for a white ground.
     hex first as a fallback for engines without oklch() */
  --sheet-blue:#0075a9;  --sheet-blue:oklch(.525 .132 232);
  --sheet-gold:#8f6822;  --sheet-gold:oklch(.545 .098 78);
  --sheet-green:#008130; --sheet-green:oklch(.525 .155 148);
}


.toolbar{
  position:sticky;top:0;z-index:10;
  display:flex;gap:10px;justify-content:center;
  padding:14px;background:#1a1a1a;
}
.tb-btn{
  border:1px solid rgba(245,245,245,.3);background:transparent;color:#f5f5f5;
  font:inherit;font-size:11px;letter-spacing:.16em;padding:8px 14px;cursor:pointer;
}
.tb-btn:hover{border-color:#c8a86b;color:#c8a86b}
.tb-btn.on{border-color:#41b6e6;background:#41b6e6;color:#0d0d0d}
.tb-seg{display:flex;gap:0}
.tb-seg .tb-btn+.tb-btn{border-left:0}

/* the sheet */
.page{
  width:210mm;height:297mm;overflow:hidden;
  margin:0 auto 40px;
  box-shadow:0 0 0 1px rgba(245,245,245,.14), 0 24px 60px rgba(0,0,0,.6);
}

@media (max-width:230mm){
  .page{transform:scale(.62);transform-origin:top center;margin-bottom:-110mm}
}

@page{size:A4;margin:0}

@media print{
  html,body{background:#fff}
  .toolbar{display:none}
  .page{
    width:210mm;height:297mm;
    margin:0;box-shadow:none;overflow:hidden;
    -webkit-print-color-adjust:exact;print-color-adjust:exact;
  }
  @media (max-width:230mm){ .page{transform:none;margin:0} }
}