/* Post page shell. Reference: components/posts/PostHero.jsx, ui_kits/blog/PostScreen.jsx */

/* ---------- Hero ---------- */
.post-hero{position:relative;min-height:min(86vh,820px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;background:var(--bg-page);margin-top:calc(-1 * var(--header-h));padding-top:var(--header-h)}
.post-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:var(--img-hero);border-radius:0}
.post-hero__scrim{position:absolute;inset:0;z-index:-1;background:var(--scrim-hero)}
.post-hero__inner{position:relative;display:grid;gap:24px;justify-items:start;padding-top:160px;padding-bottom:28px}
.post-hero__title{margin:0;max-width:940px;font:var(--fw-display) clamp(40px,7vw,96px)/.96 var(--font-display);letter-spacing:var(--tracking-display);color:var(--fg-1);text-wrap:balance}
.post-hero--cover .post-hero__title{text-shadow:0 2px 30px rgba(0,0,0,.45)}
.post-hero__summary{margin:0;max-width:640px;font:italic 400 24px/1.4 var(--font-serif);color:var(--fg-2);text-wrap:pretty}
.post-hero__byline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:8px;padding-top:20px;border-top:1px solid var(--border-default);min-width:min(640px,100%)}
.post-hero__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;filter:var(--img-portrait)}
.post-hero__author{color:var(--fg-1)}
.post-hero__meta{color:var(--fg-2)}

/* ---------- Layout + share ---------- */
.post-layout{position:relative;max-width:calc(var(--measure-reading) + 2*var(--gutter));margin:88px auto 0}
.post-layout .gh-content{margin-top:0}
.share{display:flex;gap:10px}
.share-rail{position:absolute;left:-96px;top:4px;flex-direction:column}
.share-inline{display:none;align-items:center;margin:40px var(--gutter) 0;padding-top:24px;border-top:1px solid var(--border-subtle)}
.share__label{margin-right:auto}
.share__copy{position:relative}
.share__copy .icon--check{display:none}
.share__copy[data-copied="true"] .icon--link{display:none}
.share__copy[data-copied="true"] .icon--check{display:block;color:var(--aqua-500)}
.share__toast{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg-2);white-space:nowrap;opacity:0;transition:opacity var(--dur-fast)}
.share__copy[data-copied="true"] .share__toast{opacity:1}
.share-inline .share__toast{left:auto;right:calc(100% + 10px)}

/* ---------- Reading progress ---------- */
.reading-progress{position:fixed;left:0;top:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--cobalt-500),var(--violet-500),var(--ember-500));box-shadow:0 0 12px var(--violet-500);z-index:60;pointer-events:none}

/* ---------- Read next ---------- */
.read-next{max-width:1120px;margin:120px auto 0}
.read-next__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.post-card--plain .post-card__inner{display:grid;gap:12px;padding:28px;align-content:start}
.post-card--plain .post-card__title{text-shadow:none;font-size:22px}
.post-card--plain .post-card__excerpt{color:var(--fg-3);-webkit-line-clamp:3}

/* ---------- Breakpoints ---------- */
@media (max-width:1100px){
  .share-rail{display:none}
  .share-inline{display:flex}
}
@media (max-width:760px){
  .post-hero__inner{padding-top:120px;gap:16px}
  .post-hero__summary{font-size:19px}
  .post-layout{margin-top:56px}
  .read-next{margin-top:72px}
  .read-next__grid{grid-template-columns:minmax(0,1fr)}
}