/* /projects/realgram/: case-study components on top of essay.css + realgram-post.css (scene: realgram-case-scene.js) */
.essay section{padding:15vh 0}
.essay .case-h1{font-size:clamp(3rem,7vw,5.6rem);letter-spacing:-.035em;line-height:.98}
.label{margin:0 0 .7rem;color:var(--accent);font-size:.92rem;font-weight:500}
.meta{margin:0;color:var(--muted);font-size:.9rem}
.facts{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:36rem}
.facts li{padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,250,240,.03)}
.facts b{display:block;font-size:.98rem}
.facts span{color:var(--muted);font-size:.8rem}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:1.6rem 0 0;padding:0;list-style:none}
.essay .toc a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;font-size:.9rem;text-decoration:none;color:var(--muted)}
.essay .toc a:hover{color:var(--ink);border-color:var(--accent)}
.four{list-style:none;margin:1.4rem 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.four li{padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,250,240,.03)}
.four small{display:block;margin-bottom:6px;color:var(--accent);font-size:.8rem;font-weight:500}
.essay .four p{margin:0;font-size:.92rem;line-height:1.5;color:var(--muted)}
.tchips{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.tchips li{padding:5px 11px;border:1px solid var(--line);border-radius:999px;font-size:.82rem;color:var(--ink)}
.essay .callout p{margin:0;font-size:1rem;line-height:1.6}
.vflow{display:grid;gap:10px;margin:1.4rem 0}
.vflow ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.vflow li{display:flex;align-items:center;gap:8px;font-size:.93rem}
.vflow li span{padding:8px 13px;border:1px solid var(--line);border-radius:999px}
.vflow li.end span{border-color:var(--accent);color:var(--ink)}
.vflow li:not(:last-child)::after{content:"";width:12px;height:1px;background:var(--accent)}
.vflow small{color:var(--muted);font-size:.8rem}
.audience{list-style:none;margin:1.4rem 0;padding:0;border-top:1px solid var(--line)}
.audience li{display:grid;grid-template-columns:2rem 1fr;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}
.audience b{display:block;margin-bottom:2px}
.audience span{color:var(--muted);font-size:.95rem;line-height:1.5}
.audience i{font-style:normal;color:var(--accent);font-variant-numeric:tabular-nums;padding-top:1px}
.tstack{list-style:none;margin:1.4rem 0;padding:0;display:grid;gap:10px}
.tstack > li{padding:18px;border:1px solid var(--line);border-radius:14px;background:#181A1B}
.tstack > li.issuer{border-color:var(--accent)}
.essay .tstack p{margin:0;font-size:.95rem;line-height:1.55;color:var(--muted)}
@media (max-width:820px){.facts{grid-template-columns:1fr 1fr}.four{grid-template-columns:1fr}}