/* Dawoo-only presentation changes; reference CSS stays separate. */
.ws-brand img { width: 148px; height: auto; max-height: 44px; object-fit: contain; }
.dw-account { color: var(--blue-600); text-decoration: none; font-size: var(--fs-body-sm); font-weight: 700; padding: 10px 12px; border-radius: var(--r-sm); }
.dw-account:hover { background: var(--blue-50); }
.hub { padding-top: 72px; }
.hub-stack { width: 100%; max-width: 1080px; }
.hub-row { gap: 24px; }
.hub-row .area { padding: 30px 22px; }
.hub__footer { margin-top: 40px; }
.dw-note { margin: 16px auto 0; max-width: 760px; color: var(--fg-secondary); font-size: var(--fs-body-sm); line-height: 1.7; text-align: center; }
a:focus-visible { outline: 3px solid var(--blue-500); outline-offset: 4px; }
@media (max-width: 760px) { .hub { padding-top: 36px; } .hub__head h1 { font-size: 28px; } .hub__head p { line-height: 1.7; } .hub-row { gap: 16px; } .hub-row .area { width: 100%; } .ws-brand img { width: 120px; height: auto; } .dw-account { font-size: 13px; padding: 8px; } .hub__footer { flex-wrap: wrap; justify-content: center; line-height: 1.7; } }
@media (prefers-reduced-motion: reduce) { .area { transition: none; } }