.ys-brand{display:flex;align-items:center;gap:16px;color:inherit;text-decoration:none;min-width:0}
.ys-brand:hover{text-decoration:none}
.ys-brand-logo{display:block;width:70px;height:70px;object-fit:contain;background:#fff;border-radius:8px;flex:none}
.ys-brand .ys-brand-text{display:flex;flex-direction:column;gap:5px;margin:0;letter-spacing:normal}
.ys-brand-text strong{font-size:20px;line-height:1.25;color:#1e3a5f}
.ys-brand-text small{font-size:12px;line-height:1.4;font-weight:400;color:#63798b}
.ys-brand-home .ys-brand-logo{width:102px;height:102px}
.ys-brand-home .ys-brand-text strong{font-size:24px}
.ys-brand-home .ys-brand-text small{font-size:13px}
.ys-player-brand{display:inline-flex;align-items:center;flex:none}
.ys-player-brand .ys-brand-logo{width:56px;height:56px;border-radius:6px}
.ys-login-logo{display:block;width:160px;height:160px;object-fit:contain;margin:0 auto 18px}
.ys-contact{max-width:948px;margin:0 auto 28px;padding:28px 32px;border:1px solid #e2e7eb;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px}
.ys-contact .ys-contact-kicker{margin:0 0 8px;font-size:11px;font-weight:650;letter-spacing:2px;color:#9b5809}
.ys-contact h2{font-size:22px;line-height:1.35;color:#1e3a5f;margin:0 0 8px}
.ys-contact-company{font-size:13px;line-height:1.5;color:#6c7d8c;margin:0}
.ys-contact address{font-style:normal;display:flex;align-items:center;gap:20px}
.ys-contact-person{font-size:17px;font-weight:600;color:#263d51;white-space:nowrap}
.ys-contact-phone{display:flex;align-items:center;gap:22px;text-decoration:none;background:#fff7ec;border:1px solid #f3d2a1;border-radius:10px;padding:15px 20px;color:#6a3a05;white-space:nowrap}
.ys-contact-phone strong{font-size:21px;font-weight:650;letter-spacing:.3px}
.ys-contact-phone span{font-size:12px;font-weight:600}
.ys-contact-phone:hover{background:#ffedd2;border-color:#e5a343}
.ys-contact-phone:focus-visible,.ys-brand:focus-visible,.ys-player-brand:focus-visible{outline:3px solid #d99a43;outline-offset:4px}
@media(max-width:1000px){.ys-contact{margin-right:16px;margin-left:16px}}
@media(max-width:900px){.ys-player-brand .ys-brand-logo{width:38px;height:38px}.header h1{min-width:0}.header .status{flex-shrink:0}}
@media(max-width:600px){
 .ys-brand{gap:10px}.ys-brand-logo{width:54px;height:54px}
 .ys-brand-home .ys-brand-logo{width:76px;height:76px}
 .ys-brand-home .ys-brand-text strong{font-size:19px}
 .ys-brand-home .ys-brand-text small{font-size:11px}
 .ys-brand-text strong{font-size:17px}.ys-brand-text small{font-size:11px}
 .top-bar{padding:10px 14px;gap:10px}.top-bar #userArea{font-size:12px;text-align:right;flex-shrink:0}
 .top-bar .user-name{font-size:12px;display:block}.top-bar .logout-btn{font-size:12px;margin:6px 0 0}
 .ys-contact{padding:24px;display:block}.ys-contact address{margin-top:20px;align-items:stretch;flex-direction:column;gap:12px}
 .ys-contact-phone{justify-content:space-between;gap:12px;padding:14px 16px}.ys-contact-phone strong{font-size:21px}
 .ys-login-logo{width:140px;height:140px}
}
@media(max-width:380px){.ys-brand-home .ys-brand-text small{max-width:105px}.header h1{font-size:14px}.ys-player-brand .ys-brand-logo{width:32px;height:32px}.mode-badge{font-size:10px}}