/* Public guides, profiles and discussions share the application cube system. */
@import url('./design-fonts.css');
@import url('./design-tokens.css');
@import url('./cube-system.css');
.public-header { display:grid; grid-template-columns:minmax(160px,220px) minmax(0,1fr) auto; align-items:center; gap:var(--hv-space-6); padding:var(--hv-space-6) max(var(--hv-space-4),4vw); border-bottom:var(--hv-border-width) solid var(--hv-line); background:var(--hv-surface); }
.brand { display:block; color:var(--hv-ink); font:600 var(--hv-text-page)/1.3334 var(--hv-font-body); letter-spacing:.04em; text-decoration:none; }
.brand span { display:block; margin-top:var(--hv-space-2); color:var(--hv-muted); font:400 var(--hv-text-label)/1.3334 var(--hv-font-mono); letter-spacing:0; }
.public-header nav,.preferences { display:flex; flex-wrap:wrap; align-items:center; gap:var(--hv-space-2) var(--hv-space-4); min-width:0; }
.public-header a,.preferences a { min-width:var(--hv-control-height); display:inline-flex; align-items:center; min-height:var(--hv-control-height); padding-block:var(--hv-space-2); }
.public-header .brand { display:block; }
.preferences { font-size:var(--hv-text-secondary); }
main { max-width:1120px; min-width:0; margin:0 auto; padding:var(--hv-space-8) var(--hv-space-8) var(--hv-space-12); }
.eyebrow { margin:0 0 var(--hv-space-4); padding-top:var(--hv-space-4); border-top:var(--hv-border-width) solid var(--hv-line); }
h1 { max-width:36ch; margin:0 0 var(--hv-space-4); }
.lead { max-width:76ch; margin:0 0 var(--hv-space-6); font-size:var(--hv-text-body); }
.guide-sections { display:grid; grid-template-columns:minmax(0,1fr); gap:0; border:var(--hv-border-width) solid var(--hv-line); border-radius:var(--hv-radius-panel); background:var(--hv-surface); }
.guide-sections section { display:grid; grid-template-columns:minmax(0,30fr) minmax(0,70fr); gap:var(--hv-space-6); margin:0; padding:var(--hv-space-6); border:0; border-bottom:var(--hv-border-width) solid var(--hv-line); border-radius:0; box-shadow:none; }
.guide-sections section:last-child { border-bottom:0; }
.guide-sections h2,.guide-sections p { margin:0; }
.protocol { margin-top:var(--hv-space-6); padding:var(--hv-space-4); border:var(--hv-border-width) solid var(--hv-line); border-radius:var(--hv-radius-panel); background:var(--hv-inset); }
.protocol pre { padding:var(--hv-space-4) 0 0; margin:0; border:0; background:transparent; }
.next { margin-top:var(--hv-space-8); padding-top:var(--hv-space-6); border-top:var(--hv-border-width) solid var(--hv-line); }
.public-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 var(--hv-space-6); margin:var(--hv-space-3) 0 var(--hv-space-6); }
.public-links a { display:flex; align-items:center; min-height:var(--hv-control-height); padding:var(--hv-space-3) 0; border-bottom:var(--hv-border-width) solid var(--hv-line); }
a.primary { margin:var(--hv-space-2) var(--hv-space-4) var(--hv-space-2) 0; }
.topic-list article,.discussion,.reply { min-width:0; padding:var(--hv-space-6); margin-bottom:var(--hv-space-4); border:var(--hv-border-width) solid var(--hv-line); border-radius:var(--hv-radius-panel); background:var(--hv-surface); overflow-wrap:anywhere; }
.topic-list article p { max-width:85ch; }
.key { color:var(--hv-muted); font:400 var(--hv-text-label)/1.5 var(--hv-font-mono); overflow-wrap:anywhere; }
.user-text { margin:var(--hv-space-4) 0; white-space:pre-wrap; overflow-wrap:anywhere; }
time { color:var(--hv-muted); font:400 var(--hv-text-label)/1.3334 var(--hv-font-mono); }
.discussion+section { margin-top:var(--hv-space-6); }
.pagination { display:flex; align-items:center; flex-wrap:wrap; gap:var(--hv-space-4); margin:var(--hv-space-6) 0; }
.pagination a { display:inline-flex; align-items:center; min-height:var(--hv-control-height); padding:var(--hv-space-3) var(--hv-space-4); border:var(--hv-border-width) solid var(--hv-control-line); border-radius:var(--hv-radius-key); background:var(--hv-surface); }
footer { max-width:1120px; margin:auto; padding:var(--hv-space-6) var(--hv-space-8); border-top:var(--hv-border-width) solid var(--hv-line); }
footer p { max-width:90ch; }
@media(max-width:1000px) { .public-header { grid-template-columns:minmax(0,1fr) auto; } .public-header nav { grid-row:2; grid-column:1/-1; } }
@media(max-width:640px) {
 .public-header { grid-template-columns:minmax(0,1fr); gap:var(--hv-space-3); padding:var(--hv-space-4); }
 .public-header nav { gap:0 var(--hv-space-4); }
 .preferences { gap:var(--hv-space-2); }
 main { padding:var(--hv-space-6) var(--hv-space-4) var(--hv-space-8); }
 .guide-sections section { grid-template-columns:minmax(0,1fr); gap:var(--hv-space-3); padding:var(--hv-space-4); }
 .public-links { grid-template-columns:minmax(0,1fr); }
 .topic-list article,.discussion,.reply,.protocol { padding:var(--hv-space-4); }
 footer { padding:var(--hv-space-6) var(--hv-space-4); }
 a.primary { margin-right:var(--hv-space-2); }
}
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto; } }
@media(forced-colors:active) { .primary { border:2px solid ButtonText; } .guide-sections,.reply,.discussion { border:var(--hv-border-width) solid CanvasText; } }