/* Only semantic links and authorized added menu entries; approved CSS stays immutable. */
a.type-tile{color:inherit;text-decoration:none;box-sizing:border-box;font:inherit;cursor:pointer}
.brand-header nav a.preview-menu{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;font:inherit;cursor:pointer}
.brand-header nav{flex-wrap:wrap}
#integrated-form-panel[hidden],#huong-dan[hidden]{display:none}
.preview-help{max-width:72ch;margin-inline:auto}
.preview-help h1{overflow-wrap:anywhere}
.preview-help p{line-height:1.7}
.preview-help section{margin-block:2rem}
.preview-help nav{display:flex;flex-wrap:wrap;gap:12px}
.preview-help details{margin-block:1rem}
.preview-help details p{margin-block:1rem}
.preview-help a{overflow-wrap:anywhere}
@media(max-width:700px){.brand-header nav a.preview-menu{font-size:.8125rem!important;padding:8px!important}}

.preference-list a{display:block;box-sizing:border-box;text-align:center;background:var(--surface);color:var(--ink);border:1px solid var(--control);border-radius:12px;padding:12px 16px;font:inherit;text-decoration:none;min-width:0;overflow-wrap:anywhere;cursor:pointer}
.preference-list a[aria-pressed="true"]{border:2px solid var(--action);background:var(--soft)}

/* All four Dai sao menu entries share the existing left alignment. */
[data-theme="dai-sao"] .brand-header nav > :is(button,a.preview-menu){justify-content:flex-start;text-align:start}
/* Match existing button metrics after a mobile-to-desktop resize, overriding copied inline link styles. */
@media(min-width:701px){[data-theme="dai-sao"] .brand-header nav > a.preview-menu{font-size:1rem!important;padding:10px 14px!important}}

/* Reserve decorative SSR art until private context confirms the actual appearance. */
html[data-tdtn-illustration-boot="true"] #fortune-app:not([data-hydrated="true"]) .hero-art{visibility:hidden}