.page-section{min-height:100vh;padding:1rem;padding-top:var(--main-header-height);position:relative;width:100%}.blip{--blip-card-background: var(--colors-mono-02);--blip-card-border-radius: .5rem;background:var(--blip-card-background);border-radius:var(--blip-card-border-radius);display:flex;flex-direction:column;gap:.5rem;height:10rem;max-width:30rem;overflow:hidden;padding:.5rem 1rem;position:relative;width:100%;.blip-main{display:flex;flex:1;flex-direction:column;gap:.5rem;min-height:0;&.interactive{cursor:pointer}}.blip-content{flex:1;font-size:.9rem;overflow:hidden;position:relative;&.preview{&:after{background:linear-gradient(transparent,var(--blip-card-background) 75%);bottom:0;content:"";height:5rem;left:0;position:absolute;right:0}}.read-more{--offset: .0625rem;bottom:var(--offset);color:var(--colors-links);font-weight:300;gap:0;padding-right:.35rem;position:absolute;right:var(--offset);z-index:1;.icon{font-size:1rem;color:var(--colors-links)}}}header{align-items:center;display:flex;justify-content:end;.timestamp{color:var(--colors-mono-07);font-size:.75rem;font-style:italic}}footer{align-items:center;display:flex;justify-content:space-between;width:100%;.tags{align-items:center;display:flex;gap:.25rem;justify-content:start;.tag-list{align-items:center;display:flex;gap:.25rem;justify-content:start;list-style:none;margin:0;padding:0;.tag{color:var(--colors-mono-08);font-size:.75rem;font-style:italic;a{color:var(--colors-mono-08);transition:var(--transitions-primary);&:hover{color:var(--colors-links)}}}}}.updates-indicator{align-items:center;background:transparent;border:1px solid var(--colors-mono-05);border-radius:999px;color:var(--colors-mono-08);cursor:pointer;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.1rem .45rem;transition:var(--transitions-primary);&:hover{border-color:var(--colors-links);color:var(--colors-links)}.icon{color:currentcolor;font-size:.9rem}}.comments{align-items:center;display:flex;justify-content:end;.icon{font-size:1.25rem}}}}.blip--unpublished{opacity:.25}.blips{display:grid;gap:1rem;grid-template-columns:1fr;justify-self:anchor-center;list-style:none;margin:0 auto;max-width:60rem;padding:0;@media(min-width:48rem){grid-template-columns:repeat(2,1fr)}}