/* ===== Single article — light header from the start, reading progress ===== */

.nav{background:rgba(255,253,249,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line);color:var(--ink)}
main{padding-top:var(--nav-h)}

/* reading progress bar */
.progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--clay);z-index:120;transition:width .1s linear}

/* share rail */
.share{display:flex;gap:.6rem;align-items:center;font-size:.72rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ink-soft)}
.share a{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;
  display:grid;place-content:center;font-size:.75rem;transition:.3s var(--ease)}
.share a:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* share rail: buttons match the anchors beside them */
.share button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:none;
  cursor:pointer;display:grid;place-content:center;font-size:.78rem;transition:.3s var(--ease)}
.share button:hover,.share button.is-done{background:var(--ink);color:var(--paper);border-color:var(--ink)}