/* About-only layout; shared modal helpers retain focus, close and scroll behavior. */
#CtrlAbout_Box { width: 520px; margin: 0 !important; transform: translate(-50%, -50%); border: 1px solid #dedde1; border-radius: 9px; box-shadow: 0 8px 28px #23182930; color: #352035; font-family: Arial, sans-serif; }
#CtrlAbout_Box * { box-sizing: border-box; }
#CtrlAbout [hidden] { display: none !important; }
#CtrlAbout_Content { float: none; padding: 0; width: 100%; }
#CtrlAbout .CtrlAbout_Header { display: flex; align-items: center; justify-content: space-between; padding: 14px 23px; border-bottom: 1px solid #edeaee; }
#CtrlAbout_Heading { margin: 0; font: 500 20px/1.3 Arial, sans-serif; }
#CtrlAbout .CtrlAbout_Close { width: 34px; height: 34px; border: 0; background: transparent; color: #7b747e; cursor: pointer; }
#CtrlAbout .CtrlAbout_Identity { padding: 34px 30px 26px; background: #f7fafc; border-bottom: 1px solid #e7eef3; text-align: center; }
/* The original slogan-free logo includes transparent canvas; clip only its empty margins. */
#CtrlAbout_Logo { position: relative; width: 300px; max-width: 100%; aspect-ratio: 600 / 157; overflow: hidden; margin: auto; }
#CtrlAbout_Logo img { position: absolute; width: 142.86%; max-width: none; height: auto; left: -21.43%; top: 50%; transform: translateY(-50%); }
#CtrlAbout_Product { font-size: 27px; font-weight: 500; margin: 0; overflow-wrap: anywhere; }
#CtrlAbout_VersionLabel { font-size: 13px; color: #6e7480; margin: 17px 0 0; line-height: 1.4; }
#CtrlAbout .CtrlAbout_Details { padding: 27px 30px 25px; }
#CtrlAbout .CtrlAbout_LicenseTable { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 14px; line-height: 1.5; }
#CtrlAbout .CtrlAbout_LicenseTable th { width: 128px; text-align: left; font-weight: 400; color: #746d79; }
#CtrlAbout .CtrlAbout_LicenseTable th, #CtrlAbout .CtrlAbout_LicenseTable td { padding: 0 0 13px; vertical-align: top; overflow-wrap: anywhere; }
#CtrlAbout .CtrlAbout_Links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 11px; }
#CtrlAbout a, #CtrlAbout summary { color: #356c9f; font-size: 14px; }
#CtrlAbout .CtrlAbout_Copyright { font-size: 12px; line-height: 1.5; color: #837c87; margin: 18px 0 0; }
#CtrlAbout .CtrlAbout_Footer { padding: 16px 23px; background: #fafafa; border-top: 1px solid #edeaee; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
#CtrlAbout .CtrlAbout_Footer button { padding: 12px 24px; min-height: 42px; margin: 0; font-size: 15px; flex-shrink: 0; }
#CtrlAbout_Legal { min-width: 0; }
#CtrlAbout_Legal summary { cursor: pointer; padding: 12px 0; }
#CtrlAbout_Text { font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
@media (max-width: 400px) {
    #CtrlAbout .CtrlAbout_Identity { padding: 28px 24px 22px; }
    #CtrlAbout .CtrlAbout_Details { padding: 24px; }
    #CtrlAbout .CtrlAbout_LicenseTable th { width: 100px; }
    #CtrlAbout .CtrlAbout_Footer { padding: 14px 20px; flex-wrap: wrap; }
}
@media (pointer: coarse) {
    #CtrlAbout .CtrlAbout_Close, #CtrlAbout .CtrlAbout_Links a, #CtrlAbout_Legal summary { min-height: 44px; }
}