/* cv-button.css: the small flat frosted-glass Download CV button (home only, appears after 5s idle).
   Hidden by default; js/cv-button.js adds .show. Docs: Doc/Elements/CV Button.md
   It sits in the empty middle of the footer strip (.bottom in css/home.css), so it is sized to fit
   that strip and never covers the tiles above. */
.cv-btn{
  position:fixed;left:50%;bottom:calc(13px + env(safe-area-inset-bottom,0px));z-index:9;
  display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px 0 9px;border-radius:7px;
  font-weight:600;font-size:.74rem;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;
  /* frosted glass: a light see-through tint that blurs whatever is behind it. Flat: no rim light or shadow. */
  background:rgba(255,255,255,.32);border:1px solid rgba(255,255,255,.6);
  box-shadow:0 0 0 .5px rgba(20,20,19,.12);   /* faint outer hairline so the edge still shows on the light page */
  -webkit-backdrop-filter:blur(10px) saturate(170%);backdrop-filter:blur(10px) saturate(170%);
  /* hidden state: sunk a little, invisible, not clickable or tabbable */
  opacity:0;visibility:hidden;translate:-50% 10px;
  transition:opacity .35s ease,translate .45s ease,background .2s,border-color .2s,visibility 0s .45s;
}
.cv-btn.show{opacity:1;visibility:visible;translate:-50% 0;transition:opacity .35s ease,translate .45s ease,background .2s,border-color .2s,visibility 0s}
.cv-btn.show:hover{background:rgba(255,255,255,.5);border-color:rgba(20,20,19,.2)}
.cv-btn.show:active{translate:-50% 1px}

.cv-ic{display:grid;place-items:center;color:var(--copper)}
.cv-ic .ic{width:14px;height:14px}

@media(max-width:680px){
  .cv-btn{height:24px;padding:0 9px 0 7px;font-size:.66rem;gap:6px;bottom:calc(11px + env(safe-area-inset-bottom,0px))}
  .cv-ic .ic{width:12px;height:12px}
}