/* Post pages, archive cards and share bars. Loaded after site.css. */

/* Archive grid: 3 across on desktop, 2 on tablets, 1 on phones */
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:8px 0 34px}
@media (max-width:900px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.post-grid{grid-template-columns:minmax(0,1fr)}}
.post-card{color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}
.post-card:hover,.post-card:focus-visible{border-color:var(--cyan);transform:translateY(-2px)}
.post-card img{aspect-ratio:16/9;height:auto;object-fit:cover;background:var(--bg)}
.post-card img.portrait{object-position:center top}
.post-card h3{margin:0;font-family:var(--display);font-weight:600;font-size:1.3rem;line-height:1.15;letter-spacing:.01em;color:var(--fg);text-wrap:balance}
.post-card .more{font-size:.85rem;color:var(--cyan)}

/* Single post page */
.post{max-width:900px}
.post .crumb{font-size:.9rem;margin:6px 0 14px;color:var(--muted)}
.post .crumb a{color:var(--cyan)}
.post h1{font-family:var(--display);font-weight:700;font-size:clamp(2rem,4.5vw,3rem);line-height:1.02;text-transform:uppercase;margin:6px 0 14px;text-wrap:balance}
.post .notice{background:var(--surface);border-left:4px solid var(--sun);padding:10px 14px;border-radius:4px;margin:0 0 18px;font-size:.95rem}
.post .notice a{color:var(--cyan)}
.post figure{margin:0 0 20px;background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.post figure img{display:block;width:100%;height:auto}
.post figure.portrait{max-width:540px}
.post p{max-width:65ch;margin:0 0 14px}
.post .more-link{margin-top:26px}

/* Share bar */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 4px}
.share-label{font-family:var(--display);font-weight:600;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:2px}
.sh{display:inline-flex;align-items:center;gap:6px;font:600 .85rem/1 var(--body);color:var(--fg);background:var(--chyron-light);border:1px solid var(--line);border-radius:999px;padding:8px 13px;text-decoration:none;cursor:pointer}
.sh:hover,.sh:focus-visible{border-color:var(--cyan);color:#fff}
.sh svg{width:15px;height:15px;flex:none}
.share-msg{flex-basis:100%;font-size:.85rem;color:var(--cyan);min-height:1em}
.share-msg:empty{display:none}