/* Two logical rows at every size: leader, then the departments. Names remain editable. */
.company-public .company-organization{padding-top:68px;padding-bottom:110px}
.company-public .organization-chart{width:1000px;max-width:100%;margin:0 auto}
.company-public .organization-leader{position:relative;width:240px;max-width:100%;margin:0 auto;padding-bottom:64px}
.company-public .organization-leader::after{position:absolute;content:"";width:2px;height:64px;background:#00a6a8;left:50%;bottom:0;transform:translateX(-50%)}
.company-public .organization-leader>span,.company-public .organization-departments>li>span{display:flex;align-items:center;justify-content:center;min-height:112px;padding:22px 16px;text-align:center;word-break:keep-all;overflow-wrap:anywhere;line-height:1.5;font-weight:700;box-sizing:border-box}
.company-public .organization-leader>span{color:#fff;background:#242f68;border-radius:24px;font-size:30px;box-shadow:0 12px 28px #242f6814}
.company-public .organization-departments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.company-public .organization-departments>li{position:relative;min-width:0;padding-top:44px}
.company-public .organization-departments>li::before{position:absolute;content:"";height:2px;background:#00a6a8;top:0;left:-12px;right:-12px}
.company-public .organization-departments>li:first-child::before{left:50%}
.company-public .organization-departments>li:last-child::before{right:50%}
.company-public .organization-departments>li::after{position:absolute;content:"";width:2px;height:44px;background:#00a6a8;top:0;left:50%;transform:translateX(-50%)}
.company-public .organization-departments>li>span{color:#242f68;background:#eaf0fa;border:1px solid #d9e2f1;border-top:4px solid #00a6a8;border-radius:22px;font-size:22px}
.company-public .organization-leader:last-child{padding-bottom:0}
.company-public .organization-leader:last-child::after{display:none}
@media(max-width:760px){
:where(html:not(.desktop-fixed)) .company-public .company-organization{padding-top:36px;padding-bottom:64px}
:where(html:not(.desktop-fixed)) .company-public .organization-leader{width:140px;padding-bottom:38px}
:where(html:not(.desktop-fixed)) .company-public .organization-leader::after{height:38px}
:where(html:not(.desktop-fixed)) .company-public .organization-leader>span{min-height:76px;padding:15px;border-radius:18px;font-size:24px}
:where(html:not(.desktop-fixed)) .company-public .organization-departments{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
:where(html:not(.desktop-fixed)) .company-public .organization-departments>li{padding-top:28px}
:where(html:not(.desktop-fixed)) .company-public .organization-departments>li::before{left:-3px;right:-3px}
:where(html:not(.desktop-fixed)) .company-public .organization-departments>li:first-child::before{left:50%}
:where(html:not(.desktop-fixed)) .company-public .organization-departments>li:last-child::before{right:50%}
:where(html:not(.desktop-fixed)) .company-public .organization-departments>li::after{height:28px}
:where(html:not(.desktop-fixed)) .company-public .organization-departments>li>span{min-height:76px;padding:14px 3px;border-top-width:3px;border-radius:14px;font-size:clamp(12px,3.2vw,14px);letter-spacing:-.025em;line-height:1.5}
:where(html:not(.desktop-fixed)) .company-public .organization-leader:last-child{padding-bottom:0}
}