/* Progressive enhancement layer for the public explainer. */
.hiw-anchor-nav { display:flex; flex-wrap:wrap; gap:.5rem; margin:1rem 0 2rem; }
.hiw-anchor-nav a, .hiw-explorer__tab, .hiw-stepper button { min-height:2.5rem; padding:.6rem .8rem; border:1px solid var(--border); border-radius:999px; background:var(--surface-2); color:var(--text); text-decoration:none; font:inherit; cursor:pointer; }
.hiw-anchor-nav a:hover, .hiw-anchor-nav a[aria-current="true"], .hiw-explorer__tab[aria-selected="true"], .hiw-stepper button[aria-current="step"] { border-color:var(--copper); color:var(--text); }
.hiw-explorer { margin:2rem 0; padding:1rem; border:1px solid var(--border); border-radius:var(--radius-lg, 12px); background:var(--surface-2); }
.hiw-explorer__tabs { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1rem; }
.hiw-explorer__panel { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:.5rem 1rem; }
.hiw-explorer__panel[hidden], .hiw-stepper__detail[hidden] { display:none; }
.hiw-explorer__panel h3, .hiw-explorer__panel p { margin:.2rem 0; }
.hiw-explorer__meta { color:var(--text-muted); font-size:.9rem; }
.hiw-explorer__links { display:flex; flex-wrap:wrap; gap:.75rem; align-items:start; }
.hiw-stepper { margin:2rem 0; padding:1rem; border:1px solid var(--border); border-radius:var(--radius-lg, 12px); }
.hiw-stepper__tabs { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1rem; }
.hiw-stepper__detail { margin:0; color:var(--text-muted); }
@media (max-width:600px) { .hiw-explorer__panel { grid-template-columns:1fr; } .hiw-anchor-nav a { flex:1 1 auto; text-align:center; } }