/* The Hub: calm, bounded discussion layouts on phone and desktop. */
.hub-page{max-width:960px;margin:0 auto;padding:32px 24px 80px;color:#e8edf7;line-height:1.65}
.hub-page *{box-sizing:border-box;min-width:0}
.hub-page h1{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.04em;line-height:1.12;margin:24px 0}
.hub-page h2{font-size:1.3rem;line-height:1.35}
.hub-page a{color:#79e4da;text-underline-offset:4px;overflow-wrap:anywhere}
.hub-page a:hover{color:#c1fbf5}
.hub-heading{border-bottom:1px solid #30384a;padding-bottom:24px;margin-bottom:24px}
.hub-heading .eyebrow{color:#58e0d0;letter-spacing:.18em;font-size:.8rem;font-weight:750}
.hub-heading nav,.hub-tags,.hub-actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.hub-heading nav a{padding:8px 0;font-size:.94rem}
.hub-tags{gap:8px;margin:24px 0}
.hub-tags a{border:1px solid #39475b;border-radius:999px;padding:6px 14px;font-size:.85rem;text-decoration:none}
.hub-card,.hub-comment{border:1px solid #303b50;background:#131b29;border-radius:16px;padding:22px;margin:18px 0;overflow-wrap:anywhere}
.hub-card h2{margin-top:0}.hub-muted,.hub-card>p{color:#acb9cd}
.hub-notice{padding:16px;border-left:4px solid #65dacf;background:#16312f;border-radius:4px}
.hub-comment header{display:flex;align-items:center;gap:10px}.hub-comment img,.hub-avatar{border-radius:50%;object-fit:cover}
.hub-comment small{color:#a6b5c8}.hub-body{white-space:pre-wrap;overflow-wrap:anywhere}
.hub-page form{display:grid;gap:16px;max-width:640px;margin:24px 0}
.hub-page label{display:grid;gap:8px;font-weight:600}
.hub-page input:not([type=checkbox]),.hub-page select,.hub-page textarea{font:inherit;color:#e8edf7;background:#0a101c;border:1px solid #506077;border-radius:8px;padding:12px;width:100%;max-width:100%}
.hub-page textarea{min-height:120px;resize:vertical}.hub-page input[type=checkbox]{width:18px;height:18px}
.hub-page .hub-check{display:block;font-weight:400}.hub-check input{margin-right:8px;vertical-align:middle}
.hub-page button{font:inherit;font-weight:700;color:#082727;background:#69e0d2;border:1px solid transparent;border-radius:9px;padding:10px 18px;min-height:44px;cursor:pointer;width:fit-content}
.hub-page button:hover{background:#9cf0e5}.hub-page :focus-visible{outline:3px solid #a78bfa;outline-offset:3px}
.hub-page details{margin-top:18px}.hub-page summary{cursor:pointer;min-height:44px;padding:8px 0}
.hub-actions form{margin:8px 0}.hub-actions button{font-size:.9rem;background:#26354b;color:#d9f7f4}
.hub-page blockquote{padding:16px;border-left:3px solid #526580;white-space:pre-wrap;overflow-wrap:anywhere}
.hub-comment.depth-1{margin-left:20px}.hub-comment.depth-2{margin-left:40px}.hub-comment.depth-3{margin-left:60px}.hub-comment.depth-4{margin-left:80px}
@media(max-width:600px){.hub-page{padding:20px 16px 56px}.hub-comment,.hub-card{padding:16px;border-radius:12px}.hub-comment.depth-1{margin-left:8px}.hub-comment.depth-2{margin-left:16px}.hub-comment.depth-3{margin-left:24px}.hub-comment.depth-4{margin-left:32px}.hub-page button{max-width:100%}}
@media(prefers-reduced-motion:reduce){.hub-page *{scroll-behavior:auto;transition:none}}