/* Shared layout for narrow content subpages (experiments + text pages like /om/ and /about/) */
main{padding:60px 0}
.eyebrow{color:var(--accent-ink);text-transform:uppercase;font-size:.78rem;letter-spacing:.14em;margin-bottom:20px}
.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}
h1{
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(2.4rem,7vw,5rem);
  letter-spacing:-.06em;line-height:.95;margin:0 0 30px;max-width:820px
}
.question{max-width:640px;font-size:clamp(1rem,2vw,1.25rem);color:var(--muted);margin-bottom:40px}
.note{
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:24px 0;color:var(--muted);font-size:.9rem;max-width:640px
}
p{max-width:640px;font-size:1.02rem;color:var(--muted);margin:0 0 22px}
p.close{color:var(--ink);font-weight:700;max-width:640px;font-size:1.02rem;margin:32px 0 0}

.share{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:44px;padding-top:20px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.share a{color:var(--muted);text-decoration:none}
.share a:hover{color:var(--accent-ink)}

.kai-status{color:var(--accent);cursor:default;margin-left:4px}

@media(max-width:720px){
  main{padding:40px 0}
}