/* Personality disorders — modern DSM-5-TR family stylesheet */

body.personality-disorders-page .pd-page,
body.personality-disorders-page .pd-index {
    max-width: 1180px;
    margin: 0 auto;
    padding: 1.35rem 0 1.3rem;
}

body.personality-disorders-page .pd-page p,
body.personality-disorders-page .pd-index p,
body.personality-disorders-page .pd-page li,
body.personality-disorders-page .pd-index li {
    font-size: 1rem;
    line-height: 1.67;
}

body.personality-disorders-page .pd-page h1,
body.personality-disorders-page .pd-index h1 {
    margin-bottom: .7rem;
    font-size: clamp(2rem, 4vw, 3.15rem);
    line-height: 1.08;
    letter-spacing: -.02em;
}

body.personality-disorders-page .pd-page h2,
body.personality-disorders-page .pd-index h2 {
    margin-bottom: .5rem;
    font-size: clamp(1.38rem, 2.1vw, 1.9rem);
    line-height: 1.2;
}

body.personality-disorders-page .pd-page h3,
body.personality-disorders-page .pd-index h3 {
    margin-bottom: .3rem;
    font-size: 1.05rem;
    line-height: 1.3;
}

body.personality-disorders-page .eyebrow,
body.personality-disorders-page .section-kicker {
    margin: 0 0 .38rem;
    color: #f56a6a;
    font-size: .77rem !important;
    font-weight: 800;
    letter-spacing: .085em;
    text-transform: uppercase;
}

body.personality-disorders-page .pd-hero {
    max-width: 980px;
    padding: .45rem 0 1rem;
}

body.personality-disorders-page .pd-hero > p:not(.eyebrow) {
    max-width: 910px;
}

body.personality-disorders-page .modern-lead {
    margin-bottom: .65rem;
    font-size: 1.07rem !important;
    line-height: 1.64 !important;
    color: #474f54;
}

body.personality-disorders-page .modern-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .68rem;
    margin-top: .9rem;
}

body.personality-disorders-page .modern-actions .button {
    margin: 0;
}


body.personality-disorders-page #main .button {
    box-sizing: border-box;
    max-width: 100%;
    overflow-wrap: anywhere;
}

body.personality-disorders-page .cluster-pill {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    margin-top: .45rem;
    padding: .44rem .68rem;
    border: 1px solid #e2e2e2;
    border-radius: 999px;
    background: #fafafa;
}

body.personality-disorders-page .cluster-pill strong {
    color: #f56a6a;
    font-size: .8rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body.personality-disorders-page .cluster-pill span {
    color: #5b6266;
    font-size: .85rem;
}

body.personality-disorders-page .media-section,
body.personality-disorders-page .threshold-section,
body.personality-disorders-page .criteria-section,
body.personality-disorders-page .differential-section,
body.personality-disorders-page .diagnosis-section,
body.personality-disorders-page .other-disorders,
body.personality-disorders-page .general-dsm,
body.personality-disorders-page .clusters-section,
body.personality-disorders-page .classification-note {
    margin-top: .55rem;
    padding: 1.15rem 0;
    border-top: 1px solid rgba(210,210,210,.75);
}

body.personality-disorders-page .media-section {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: .9rem;
}

body.personality-disorders-page .personality-video {
    width: 100%;
    max-width: 680px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: .78rem;
    background: #111;
    box-shadow: 0 5px 18px rgba(0,0,0,.07);
}

body.personality-disorders-page .personality-video iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

body.personality-disorders-page .personality-image {
    display: block;
    width: 100%;
    max-width: 520px;
    max-height: 360px;
    object-fit: cover;
    border-radius: .78rem;
    border: 1px solid #ececec;
}

body.personality-disorders-page .index-image {
    max-width: 650px;
}

body.personality-disorders-page .threshold-section {
    display: grid;
    grid-template-columns: 86px minmax(0,1fr);
    gap: 1rem;
    align-items: center;
}

body.personality-disorders-page .threshold-section p {
    max-width: 820px;
    margin-bottom: 0;
    font-size: .98rem !important;
}

body.personality-disorders-page .threshold-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background: #fff7f7;
    border: 2px solid rgba(245,106,106,.65);
}

body.personality-disorders-page .threshold-badge span {
    color: #f56a6a;
    font-size: 1.15rem;
    font-weight: 800;
}

body.personality-disorders-page .criteria-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: .68rem;
}

body.personality-disorders-page .criterion-card {
    position: relative;
    min-height: 82px;
    padding: .82rem .9rem .82rem 3.05rem;
    border: 1px solid #e5e5e5;
    border-radius: .68rem;
    background: #fff;
}

body.personality-disorders-page .criterion-num {
    position: absolute;
    left: .82rem;
    top: .82rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 50%;
    background: #f56a6a;
    color: #fff;
    font-size: .75rem;
    font-weight: 800;
}

body.personality-disorders-page .criterion-card p {
    margin: 0;
    font-size: .93rem !important;
    line-height: 1.52 !important;
}

body.personality-disorders-page .criteria-note {
    margin: .65rem 0 0;
    color: #777;
    font-size: .82rem !important;
    line-height: 1.45 !important;
}

body.personality-disorders-page .conditions-box,
body.personality-disorders-page .special-note {
    margin: .8rem 0;
    padding: 1rem 1.05rem;
    border-radius: .78rem;
    background: #fafafa;
    border: 1px solid #e5e5e5;
}

body.personality-disorders-page .conditions-box h2 {
    font-size: 1.25rem;
}

body.personality-disorders-page .conditions-box ul {
    margin: .4rem 0 0;
}

body.personality-disorders-page .conditions-box li {
    margin-bottom: .24rem;
    font-size: .94rem !important;
    line-height: 1.53 !important;
}

body.personality-disorders-page .special-note {
    border-left: 4px solid #f56a6a;
    background: #fff9f9;
}

body.personality-disorders-page .special-note strong {
    display: block;
    margin-bottom: .25rem;
    color: #3d4449;
}

body.personality-disorders-page .special-note p {
    margin: 0;
    font-size: .95rem !important;
}

body.personality-disorders-page .differential-section {
    max-width: 930px;
}

body.personality-disorders-page .differential-section p {
    font-size: .98rem !important;
    line-height: 1.64 !important;
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
}

body.personality-disorders-page .diagnosis-section {
    display: grid;
    grid-template-columns: minmax(0,1.4fr) minmax(290px,.6fr);
    gap: 1rem;
    align-items: start;
}

body.personality-disorders-page .diagnosis-section > * {
    min-width: 0;
}

body.personality-disorders-page .diagnosis-section > div:first-child p {
    max-width: 780px;
    font-size: .98rem !important;
    line-height: 1.64 !important;
}

body.personality-disorders-page .diagnosis-actions {
    display: grid;
    gap: .55rem;
    min-width: 0;
    max-width: 100%;
    padding: .95rem;
    border: 1px solid rgba(245,106,106,.35);
    border-radius: .75rem;
    background: #fff9f9;
    box-sizing: border-box;
}

body.personality-disorders-page .diagnosis-actions .button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 3.25rem;
    height: auto !important;
    margin: 0;
    padding: .85rem .8rem !important;
    box-sizing: border-box;
    white-space: normal !important;
    overflow-wrap: break-word;
    line-height: 1.25 !important;
    text-align: center;
    font-size: .76rem !important;
}

body.personality-disorders-page .diagnosis-actions .text-link {
    display: block;
    max-width: 100%;
    overflow-wrap: break-word;
}

body.personality-disorders-page .text-link {
    font-size: .9rem;
    font-weight: 700;
    border-bottom: 0;
}

body.personality-disorders-page .section-heading {
    max-width: 830px;
    margin-bottom: .85rem;
}

body.personality-disorders-page .disorder-links {
    display: flex;
    flex-wrap: wrap;
    gap: .42rem;
}

body.personality-disorders-page .disorder-links a {
    display: inline-block;
    padding: .4rem .62rem;
    border: 1px solid #e1e1e1;
    border-radius: 999px;
    background: #fff;
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
}

body.personality-disorders-page .final-cta {
    margin-top: .8rem;
    padding: 1.1rem 1.2rem;
    border: 1px solid #e5e5e5;
    border-radius: .9rem;
    background: #fafafa;
}

body.personality-disorders-page .final-cta p {
    max-width: 840px;
    margin-bottom: .35rem;
    font-size: .98rem !important;
}

/* Index */
body.personality-disorders-page .general-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: .75rem;
}

body.personality-disorders-page .general-grid article {
    position: relative;
    padding: .9rem .95rem .9rem 3.35rem;
    border: 1px solid #e4e4e4;
    border-radius: .72rem;
    background: #fff;
}

body.personality-disorders-page .general-grid article > strong {
    position: absolute;
    left: .9rem;
    top: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 50%;
    background: #f56a6a;
    color: #fff;
}

body.personality-disorders-page .general-grid article p {
    margin: 0;
    font-size: .93rem !important;
    line-height: 1.52 !important;
}

body.personality-disorders-page .age-note {
    margin-top: .75rem;
    padding: .8rem .9rem;
    border-left: 4px solid #f56a6a;
    background: #fff9f9;
    font-size: .92rem;
    line-height: 1.55;
}

body.personality-disorders-page .cluster-block {
    margin-bottom: 1rem;
}

body.personality-disorders-page .cluster-title {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: .65rem;
}

body.personality-disorders-page .cluster-title > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: #f56a6a;
    color: #fff;
    font-weight: 800;
}

body.personality-disorders-page .cluster-title p {
    margin: 0 0 .05rem;
    color: #f56a6a;
    font-size: .75rem !important;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

body.personality-disorders-page .cluster-title h2 {
    margin: 0;
    font-size: 1.25rem;
}

body.personality-disorders-page .index-disorders {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: .65rem;
}

body.personality-disorders-page .index-disorder-card {
    display: block;
    padding: .82rem .9rem;
    border: 1px solid #e4e4e4;
    border-radius: .68rem;
    background: #fff;
    text-decoration: none;
    transition: transform .15s ease, border-color .15s ease;
}

body.personality-disorders-page .index-disorder-card:hover {
    transform: translateY(-2px);
    border-color: rgba(245,106,106,.55);
}

body.personality-disorders-page .index-disorder-card strong {
    display: block;
    margin-bottom: .22rem;
    color: #3d4449;
    font-size: .96rem;
}

body.personality-disorders-page .index-disorder-card span {
    display: block;
    color: #666;
    font-size: .87rem;
    line-height: 1.45;
}

body.personality-disorders-page .classification-note {
    max-width: 900px;
}

body.personality-disorders-page .classification-note p {
    font-size: .98rem !important;
    line-height: 1.64 !important;
}

@media screen and (max-width: 900px) {
    body.personality-disorders-page .diagnosis-section {
        grid-template-columns: 1fr;
    }

    body.personality-disorders-page .diagnosis-actions {
        max-width: 650px;
    }
}

@media screen and (max-width: 736px) {
    body.personality-disorders-page .pd-page,
    body.personality-disorders-page .pd-index {
        padding-top: .8rem;
    }

    body.personality-disorders-page .criteria-grid,
    body.personality-disorders-page .general-grid,
    body.personality-disorders-page .index-disorders {
        grid-template-columns: 1fr;
    }

    body.personality-disorders-page .threshold-section {
        grid-template-columns: 64px minmax(0,1fr);
        gap: .75rem;
    }

    body.personality-disorders-page .threshold-badge {
        width: 58px;
        height: 58px;
    }

    body.personality-disorders-page .threshold-badge span {
        font-size: .95rem;
    }

    body.personality-disorders-page .modern-actions {
        flex-direction: column;
    }

    body.personality-disorders-page .modern-actions .button {
        width: 100%;
        text-align: center !important;
    }
}


/* Header: keep Contact and language switch discreet; social icons unchanged */
body.personality-disorders-page #header .icons > li > a:not(.icon) {
    font-size: 1rem !important;
    line-height: 1.2 !important;
    letter-spacing: .01em !important;
    font-weight: 400 !important;
}

/* Responsive buttons: wrap long labels without widening the page. */
body.personality-disorders-page #main .button {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    height: auto !important;
    min-height: 3.5em;
    padding: .85em 1.4em !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    line-height: 1.4 !important;
    text-align: center !important;
}
body.personality-disorders-page .modern-actions,
body.personality-disorders-page .diagnosis-actions {
    min-width: 0;
    max-width: 100%;
}
body.personality-disorders-page .modern-actions > *,
body.personality-disorders-page .diagnosis-actions > * {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}
@media screen and (max-width: 736px) {
    body.personality-disorders-page .modern-actions,
    body.personality-disorders-page .diagnosis-actions {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
    body.personality-disorders-page .modern-actions .button,
    body.personality-disorders-page .diagnosis-actions .button {
        width: 100%;
    }
}
