/* Pre-Phase-A styles. Wrapped in the "legacy" cascade layer (see tokens.css): page layout stays, shared components win. */
@layer legacy {
/* Visual Identity v1. Existing tokens remain the compatibility boundary. */

.container{width:min(1440px,calc(100% - 48px))}.logo{font-size:22px;letter-spacing:-.055em;gap:8px}.notification-bell{order:1}.theme-control{order:2;width:128px;padding:3px;border-radius:10px;visibility:hidden}.theme-control label{min-height:36px;font-size:21px;border-radius:7px}.theme-thumb{top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/3);border-radius:7px;background:var(--tag-bg);transform:translateX(200%)}.theme-control label:has(input:checked){color:var(--blue)}:root[data-theme-choice=dark] .theme-thumb{transform:translateX(100%)}:root[data-theme-choice=system] .theme-thumb{transform:translateX(200%)}.theme-control label:has(input:focus-visible){outline-color:var(--blue)}.primary,.community .primary,.community .pagination .current,.community .tabs .active{background:var(--brand);color:var(--on-brand)}.primary:hover,.community .primary:hover{background:var(--accent-hover)}.notification-badge{background:var(--brand);color:var(--on-brand)}.notification-bell:hover{background:var(--tag-bg)}.notification-panel,.menu-panel{box-shadow:0 10px 32px #05212c20;border-radius:12px}.menu-panel{top:64px}.notification-panel{top:64px}.notification-item.is-unread{background:var(--tag-bg)}.community{max-width:1200px;padding-block:32px 60px}.community .panel,.community .post-row,.community .post-heading,.community .toolbar{background:var(--card-bg)}.community .panel{border-radius:12px;box-shadow:0 3px 16px #153c4209}.community .toolbar{padding:14px;border:1px solid var(--line);border-radius:10px}.community .post-row{padding:20px;border:1px solid var(--line);border-radius:10px;margin:10px 0;transition:border-color .15s ease}.community .post-row:hover{border-color:var(--blue);background:var(--card-bg)}.community .post-row h3{font-size:17px}.community input,.community textarea,.community select{border-radius:8px;background:var(--card-bg)}.community .badge,.community .post-tags .badge{background:var(--tag-bg);color:var(--tag-ink)}.community .prose{max-width:850px;font-size:16px;line-height:1.9}.community .post-heading{padding:22px;border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.community .replies{border-color:var(--line);margin-left:16px;padding-left:16px;background:transparent}.community .comment{background:transparent}.member-avatar{background:var(--tag-bg);color:var(--tag-ink)}.community button,.community .btn{border-radius:8px}.community #draft-status{color:var(--muted);font-size:12px}.site-footer{padding-block:24px;font-size:12px}.footer-logo{font-size:18px}a,button{touch-action:manipulation}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
@media(max-width:1100px){.logo{font-size:19px}}
@media(max-width:820px){.container{width:calc(100% - 32px)}.theme-control{display:none;position:absolute;top:76px;right:28px;z-index:42;width:150px;background:var(--card-bg)}.menu-panel{padding-top:70px;top:64px;max-height:calc(100dvh - 84px);overflow:auto}.theme-control label{min-height:40px}.notification-panel{top:64px}.logo{font-size:19px}.theme-thumb{width:calc((100% - 6px)/3)}.community .post-row{padding:16px}.community .post-heading{padding:18px}.community .post-heading h1{font-size:25px;overflow-wrap:anywhere}.community .toolbar{padding:10px}.community .comment button{min-height:40px}.community .replies{margin-left:8px;padding-left:12px}.site-footer{gap:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Official supplied wordmark: preserve original canvas, alpha and proportions. */
.logo{flex:none}

.halia-wordmark{display:block;width:154px;height:auto;object-fit:contain}.wordmark-dark{display:none}:root[data-theme=dark] .wordmark-light{display:none}:root[data-theme=dark] .wordmark-dark{display:block}
@media(max-width:820px){.halia-wordmark{width:126px}}
}
