.ph{border:1.5px dashed var(--rule);border-radius:14px;padding:16px 18px;color:var(--muted);font-size:14px;line-height:1.7;background:color-mix(in srgb,var(--chip) 45%,transparent)}
.ph b{color:var(--seal);font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:11.5px;letter-spacing:.08em;display:block;margin-bottom:4px}
.ph+.ph{margin-top:10px}
.ph.tall{min-height:220px;display:flex;flex-direction:column;justify-content:center}
.skel{display:block;height:10px;border-radius:6px;background:var(--chip);margin:8px 0}
.skel.w60{width:60%}.skel.w80{width:80%}.skel.w40{width:40%}
.draft{position:fixed;right:12px;bottom:calc(4.2rem + env(safe-area-inset-bottom));z-index:50;background:var(--ink);color:var(--paper);font-size:12px;padding:6px 11px;border-radius:999px;font-family:"IBM Plex Mono",monospace}
@media(min-width:1000px){.draft{bottom:14px}}
.grid2{display:grid;gap:12px}@media(min-width:720px){.grid2{grid-template-columns:1fr 1fr}}
.aicard{display:block;background:var(--raise);border:1px solid var(--rule);border-radius:16px;padding:18px 20px}
.aicard .q{font-family:var(--serif);font-weight:700;font-size:18.5px;letter-spacing:-.02em;margin-top:6px}
.aicard p{font-size:14px;color:var(--muted);margin-top:4px}
.steps{counter-reset:s;list-style:none;padding:0}
.steps li{counter-increment:s;position:relative;padding:10px 0 10px 40px;border-bottom:1px solid var(--rule);font-size:15.5px;color:var(--soft)}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:10px;font-family:"IBM Plex Mono",monospace;color:var(--seal);font-size:13px}
.toc{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 4px}
.hero-lead{margin-top:18px;font-size:16.5px;line-height:1.75;opacity:.82;max-width:36em}
.soon b{color:var(--seal)}
.soonline{font-size:14px;color:var(--muted);margin-top:10px}