/* why: locked bottom half stays in DOM, shown blurred + faded (soft wall). */
.post .entry .meter-hide{display:none}
.post .entry .meter-lock{max-width:min(42rem,100%);margin:var(--s-32) 0;padding:var(--s-32);background:var(--tint);border:1px solid var(--line);border-radius:var(--r-container);position:relative;z-index:1}
.post .entry .meter-lock .meter-lock__h{margin:0 0 var(--s-16);padding:0;font:600 var(--t-20)/1.3 var(--sans);color:var(--ink)}
.meter-lock__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-12)}
.meter-lock .btn{display:inline-flex;align-items:center;height:40px;padding:0 var(--s-16);font:500 var(--t-14)/1 var(--sans);text-decoration:none;cursor:pointer}
.post .entry .meter-lock a.btn{border-bottom:1px solid var(--line-control)}
.post .entry .meter-lock a.btn--solid{color:var(--on-accent);border-bottom:0}
.post .entry .meter-lock a.btn:not(.btn--solid){color:var(--ink)}
.meter-lock__st{font:var(--t-14)/1 var(--sans);color:var(--neg)}
@media(max-width:600px){.post .entry .meter-lock{padding:var(--s-24) var(--s-16)}.meter-lock .btn{flex:1 1 100%;justify-content:center}}

/* why: visible tail fades to page bg; no backdrop-filter, its clip edge drew a box. */
.post .entry .meter-veil{position:relative;height:0;pointer-events:none}
.meter-veil__in{position:absolute;left:0;right:0;bottom:calc(-1 * var(--s-32));height:220px;background:linear-gradient(to bottom,transparent,var(--bg) 90%)}
.post .entry .meter-fade{user-select:none;-webkit-user-select:none}

/* why: gated half = glyph blur (text-shadow) fading out; filter:blur clipped to a box.
   trap: inline CTA cards inside stay hidden or they read as the article ending. */
.post .entry .meter-locked{color:transparent;text-shadow:0 0 9px var(--ink);-webkit-mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.5) 30%,transparent);mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.5) 30%,transparent);user-select:none;-webkit-user-select:none;pointer-events:none}
.post .entry .meter-locked *{color:transparent!important;border-color:transparent}
.post .entry .meter-locked img{filter:blur(10px)}
.post .entry .meter-locked .mfo{display:none}