/* ulrick.tech · W8 posts: native cards (mockups/social.html "On the record"). */
.post-list{list-style:none;margin:0;padding:0}
.post{padding:22px 0;border-bottom:1px solid var(--hairline)}
.post__meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.post__meta .mono{font-size:.75rem}
.tag{font-family:var(--font-mono);font-weight:600;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;text-align:right}
.post__text{font-size:1.0625rem;margin:10px 0 12px;line-height:1.4;white-space:pre-line;max-width:44rem;overflow-wrap:anywhere}
.post__link{font-family:var(--font-mono);font-weight:600;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);text-decoration:none}
.post__link:hover{color:var(--tezontle)}
.post--empty p{margin:0}
@media (min-width:720px){.post__text{font-size:1.1875rem}}

/* Writing page: tabs + list */
.posts__title{margin-top:14px}
.tabs{display:none;border:2px solid var(--ink);align-self:flex-end}
.js .tabs{display:inline-flex}
.tabs [role="tab"]{background:transparent;border:0;cursor:pointer;padding:10px 18px;min-height:44px;font-family:var(--font-mono);font-weight:600;
  font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.tabs [role="tab"][aria-selected="true"]{background:var(--ink);color:var(--bone)}
.tabs [role="tab"]:hover{color:var(--tezontle)}
.tabs [role="tab"][aria-selected="true"]:hover{color:var(--bone)}
#posts-panel{border-top:3px double var(--ink)}
#posts-panel:focus-visible{outline-offset:6px}
.posts-empty{padding:22px 0}
.post[hidden],.posts-empty[hidden]{display:none}

/* Home strip: two ledger columns, LinkedIn | X */
.strip__grid{display:grid;gap:40px}
.strip__col{min-width:0}
.strip__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:3px double var(--ink);padding-bottom:12px;margin-bottom:8px}
.strip__head h3{font-size:1.625rem;font-weight:800;letter-spacing:-.02em}
@media (min-width:880px){.strip__grid{grid-template-columns:1fr 1fr;gap:48px}.strip__grid--single{grid-template-columns:1fr}}