/* Fixed topic navigator with a single changing information panel. */
.pg-detail-heading { max-width: 1080px; }
.pg-detail-heading > p { font-size: 21px; line-height: 1.8; }
.pg-care-layout { grid-template-columns: 390px minmax(0, 1fr); gap: 50px; }
.pg-care-sidebar { top: 105px; max-height: calc(100vh - 125px); }
.pg-side-menu { display: flex; max-height: calc(100vh - 300px); flex-direction: column; }
.pg-side-menu nav { overflow-y: auto; padding: 10px 16px; scrollbar-width: thin; scrollbar-color: #8fd5ca transparent; }
.pg-side-title { flex: 0 0 auto; padding: 26px; }
.pg-side-title small { font-size: 11px; }
.pg-side-title strong { font-size: 24px; }
.pg-side-menu nav button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 9px;
    border: 0;
    border-bottom: 1px solid rgba(7,63,61,.08);
    background: transparent;
    color: #294844;
    font: 800 13px/1.45 Manrope,Arial,sans-serif;
    text-align: left;
    cursor: pointer;
    transition: .22s;
}
.pg-side-menu nav button:last-child { border-bottom: 0; }
.pg-side-menu nav button i { flex: 0 0 auto; color: #079d98; font-size: 11px; transition: transform .22s; }
.pg-side-menu nav button:hover,
.pg-side-menu nav button.active {
    margin: 4px 0;
    padding-left: 15px;
    border-bottom-color: transparent;
    border-radius: 11px;
    background: linear-gradient(135deg,#e3f9f2,#effff9);
    color: #067b76;
}
.pg-side-menu nav button.active { box-shadow: inset 4px 0 #079d98; }
.pg-side-menu nav button.active i { transform: translateX(4px); }
.pg-side-contact>span { font-size: 12px; }
.pg-side-contact h3 { font-size: 36px; }
.pg-side-contact>a small { font-size: 10px; }
.pg-side-contact>a b { font-size: 14px; }
.pg-care-content { min-height: 690px; }
.pg-care-detail { display: none; min-height: 470px; grid-template-columns: 125px 1fr; padding: 52px; animation: pgPanelIn .42s cubic-bezier(.22,1,.36,1); }
.pg-care-detail.active { display: grid; }
.pg-detail-icon { width: 108px; height: 108px; font-size: 41px; }
.pg-detail-label { font-size: 11px; }
.pg-detail-copy h3 { font-size: clamp(39px,3.3vw,55px); }
.pg-detail-copy > p { max-width: 850px; font-size: 19px; line-height: 1.85; }
.pg-detail-copy ul { gap: 12px 24px; margin-top: 27px; }
.pg-detail-copy li { font-size: 14px; }
.pg-detail-actions { margin-top: 34px; }
.pg-detail-actions a:first-child { padding: 15px 20px; font-size: 13px; }
.pg-detail-actions a:last-child { font-size: 12px; }
@keyframes pgPanelIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@media(max-width:1050px){
    .pg-care-layout { grid-template-columns: 1fr; }
    .pg-care-sidebar { position: static; max-height: none; }
    .pg-side-menu { max-height: none; }
    .pg-side-menu nav { grid-template-columns: repeat(2,1fr); max-height: 430px; }
    .pg-care-detail { min-height: 0; }
}
@media(max-width:680px){
    .pg-detail-heading > p { font-size: 17px; }
    .pg-side-menu nav { grid-template-columns: 1fr; max-height: 390px; }
    .pg-side-menu nav button { font-size: 12px; }
    .pg-care-content { min-height: 0; }
    .pg-care-detail,.pg-care-detail.active { grid-template-columns: 1fr; padding: 31px 23px; }
    .pg-detail-copy h3 { font-size: 38px; }
    .pg-detail-copy > p { font-size: 17px; }
    .pg-detail-copy li { font-size: 12px; }
}
@media(prefers-reduced-motion:reduce){.pg-care-detail{animation:none!important}}
