.pd-section,
.pd-result-section{
    padding:64px 0 90px;
}

.pd-hero{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:50px;
    align-items:center;
    padding:34px 0 56px;
}

/* 68px on a 1.16 line box is a Latin display setting. Burmese carries
   stacked vowels and medials well above and below the baseline, so at
   that ratio the marks of one line reach into the line beneath — visible
   in "ဘယ်လိုလူမျိုးလဲ?", where the lower marks collide with the row under
   them. Smaller, and given room to breathe.

   .pd-result-main is no longer rendered; only the index hero uses this. */

.pd-hero-copy h1,
.pd-result-main h1{
    margin:0;
    max-width:760px;
    font-size:clamp(32px,4.4vw,52px);
    line-height:1.42;
    letter-spacing:-.045em;
}

.pd-hero-copy h1 span{
    color:var(--forest);
}

.pd-hero-copy > p{
    max-width:650px;
    margin:24px 0 0;
    color:var(--muted);
    font-size:16px;
}

.pd-meta-row{
    display:flex;
    gap:38px;
    margin-top:36px;
}

.pd-meta-row div{
    display:flex;
    flex-direction:column;
}

.pd-meta-row strong{
    color:var(--ink);
    font-family:'Noto Sans',sans-serif;
    font-size:27px;
}

.pd-meta-row span{
    color:var(--muted);
    font-size:12px;
}

.pd-intro-card{
    padding:34px;
    border:1px solid var(--line);
    border-radius:22px;
    background:rgba(255,255,255,.94);
    box-shadow:0 28px 80px -50px rgba(15,98,6,.55);
}

.pd-card-kicker{
    display:block;
    margin-bottom:16px;
    color:var(--forest);
    font-size:12px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.pd-intro-card h2{
    margin:0;
    font-size:25px;
    line-height:1.45;
}

.pd-intro-card p{
    margin:14px 0 25px;
    color:var(--muted);
    font-size:14px;
}

.pd-primary-button,
.pd-secondary-button{
    display:inline-flex;
    min-height:50px;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:11px 20px;
    border-radius:10px;
    font:inherit;
    font-weight:700;
    text-decoration:none;
    cursor:pointer;
    transition:.18s ease;
}

.pd-primary-button{
    width:100%;
    border:1px solid var(--forest);
    background:var(--forest);
    color:#fff;
}

.pd-primary-button:hover{
    border-color:var(--forest-dark);
    background:var(--forest-dark);
    transform:translateY(-1px);
}

.pd-secondary-button{
    border:1px solid var(--line);
    background:#fff;
    color:var(--ink);
}

.pd-secondary-button:hover{
    border-color:#b6c9ad;
    background:var(--sage);
}

.pd-button-link{
    width:auto;
}

.pd-saved-note{
    display:flex;
    align-items:center;
    gap:8px;
    margin:-6px 0 20px;
    color:var(--forest);
    font-size:13px;
    font-weight:700;
}

.pd-saved-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--forest);
}

.pd-result-badge{
    display:inline-flex;
    margin:0 0 6px;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid #f2d3aa;
    background:#fff6e9;
    color:#9a5b0b;
    font-size:12px;
    font-weight:700;
}

.pd-info-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:18px;
}

.pd-info-card{
    padding:28px;
    border:1px solid var(--line);
    border-radius:16px;
    background:rgba(255,255,255,.72);
}

.pd-info-card > span{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    margin-bottom:20px;
    border-radius:50%;
    background:var(--orange);
    color:#fff;
    font:700 13px 'Manrope',sans-serif;
}

.pd-info-card h3{
    margin:0;
    font-size:19px;
}

.pd-info-card p{
    margin:12px 0 0;
    color:var(--muted);
    font-size:14px;
}

/* Nothing else on these pages is drawn with a dashed edge. */

.pd-disclaimer{
    display:flex;
    gap:22px;
    margin-top:28px;
    padding:27px;
    border:1px solid #cfe0c7;
    border-radius:19px;
    background:rgba(234,245,228,.52);
    box-shadow:0 12px 36px -34px rgba(16,24,40,.32);
}

.pd-disclaimer strong{
    flex:none;
    color:var(--forest);
    font-family:'Manrope',sans-serif;
    font-size:11px;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.pd-disclaimer p{
    margin:0;
    color:var(--muted);
    font-size:14px;
    line-height:1.85;
}


/* Assessment */

.pd-assessment-section{
    padding:48px 20px 90px;
}

.pd-assessment-wrap{
    width:min(920px,100%);
    margin:0 auto;
}

.pd-assessment-header{
    display:flex;
    justify-content:space-between;
    gap:36px;
    align-items:flex-start;
}

.pd-back-home{
    display:inline-block;
    margin-bottom:24px;
    color:var(--muted);
    font-size:13px;
    font-weight:600;
    text-decoration:none;
}

.pd-back-home:hover{
    color:var(--forest);
}

/* 43px on a 1.28 line box is the Latin setting the index hero carried.
   The Burmese heading here wraps on narrower screens, so it needs the
   same treatment: smaller, with room between the lines. */

.pd-assessment-header h1{
    margin:0;
    font-size:clamp(26px,3.4vw,36px);
    line-height:var(--pd-lh-heading);
    letter-spacing:0;
}

.pd-assessment-header p{
    margin:13px 0 0;
    color:var(--muted);
}

.pd-step-number{
    flex:none;
    display:flex;
    align-items:baseline;
    gap:5px;
    color:var(--pd-primary);
    font:700 34px 'Manrope',sans-serif;
}

.pd-step-number small{
    color:var(--muted);
    font-size:14px;
}

.pd-progress-shell{
    margin:31px 0 32px;
}

.pd-progress-info{
    display:flex;
    justify-content:space-between;
    margin-bottom:8px;
    color:var(--pd-muted);
    font-size:var(--pd-fs-meta);
}

.pd-progress-info strong{
    color:var(--forest);
}

.pd-progress-track{
    height:7px;
    overflow:hidden;
    border-radius:999px;
    background:#e3ece0;
}

.pd-progress-track span{
    display:block;
    height:100%;
    border-radius:inherit;
    background:var(--pd-primary);
    transition:width .25s ease;
}

.pd-question-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.pd-question-card{
    padding:28px;
    border:1px solid var(--line);
    border-radius:17px;
    background:rgba(255,255,255,.92);
}

.pd-question-number{
    margin-bottom:8px;
    color:var(--pd-primary);
    font:800 var(--pd-fs-kicker) 'Manrope',sans-serif;
    letter-spacing:.13em;
}

.pd-question-card h2{
    margin:0 0 24px;
    font-size:var(--pd-fs-h3);
    line-height:var(--pd-lh-prose);
    color:var(--pd-ink);
}

.pd-scale-options{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:8px;
}

.pd-scale-option,
.pd-scenario-option{
    cursor:pointer;
}

.pd-scale-option input,
.pd-scenario-option input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.pd-radio-ui{
    min-height:108px;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    gap:10px;
    padding:13px 10px;
    border:1px solid var(--line);
    border-radius:11px;
    background:#fff;
    text-align:center;
    transition:.16s;
}

/* The markers were 30px and grey-on-grey. Every other marker in
   Partner Dynamics is 22px and carries the theme colour. */

.pd-radio-ui > b{
    width:var(--pd-marker-sm);
    height:var(--pd-marker-sm);
    display:grid;
    place-items:center;
    margin:0 auto;
    border-radius:50%;
    background:var(--pd-soft);
    color:var(--pd-primary);
    font:700 12px 'Manrope',sans-serif;
    transition:.16s;
}

.pd-radio-ui > span{
    color:var(--pd-ink);
    font-size:var(--pd-fs-meta);
    line-height:1.6;
}

.pd-radio-ui small{
    display:block;
    margin-top:4px;
    color:var(--pd-muted);
    font:400 11px 'Manrope',sans-serif;
}

.pd-scale-option input:checked + .pd-radio-ui{
    border-color:var(--pd-primary);
    background:var(--pd-soft);
    box-shadow:0 0 0 2px var(--pd-light);
}

.pd-scale-option input:checked + .pd-radio-ui > b{
    background:var(--pd-primary);
    color:#fff;
}

.pd-scenario-options{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.pd-scenario-ui{
    min-height:78px;
    display:flex;
    align-items:flex-start;
    gap:13px;
    height:100%;
    padding:15px;
    border:1px solid var(--line);
    border-radius:11px;
    background:#fff;
    transition:.16s;
}

/* A 30px rounded square, where every other marker is a circle. */

.pd-scenario-ui b{
    flex:none;
    width:var(--pd-marker-sm);
    height:var(--pd-marker-sm);
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--pd-soft);
    color:var(--pd-primary);
    font:700 12px 'Manrope',sans-serif;
    margin-top:2px;
    transition:.16s;
}

.pd-scenario-ui span{
    padding-top:0;
    font-size:var(--pd-fs-body);
    line-height:var(--pd-lh-prose);
    color:var(--pd-body);
}

.pd-scenario-option input:checked + .pd-scenario-ui{
    border-color:var(--pd-primary);
    background:var(--pd-soft);
    box-shadow:0 0 0 2px var(--pd-light);
}

.pd-scenario-option input:checked + .pd-scenario-ui b{
    background:var(--pd-primary);
    color:#fff;
}

.pd-question-error{
    margin:12px 0 0;
    color:var(--danger);
    font-size:var(--pd-fs-meta);
    font-weight:600;
}

.pd-form-footer{
    display:flex;
    justify-content:space-between;
    gap:15px;
    margin-top:26px;
}

.pd-next-button{
    width:auto;
    min-width:210px;
}

.pd-save-message{
    margin-top:20px;
    color:var(--pd-muted);
    font-size:var(--pd-fs-meta);
    text-align:center;
}


/* Result */

.pd-result-main h1{
    color:var(--forest);
}

.pd-result-main h2{
    margin:12px 0 0;
    font-size:20px;
    font-weight:600;
}

.pd-panel-heading h2{
    margin:0;
    font-size:23px;
}

.pd-next-stage{
    display:flex;
    justify-content:space-between;
    gap:40px;
    align-items:center;
    margin-top:22px;
    padding:32px;
    border-radius:17px;
    background:var(--sage);
    border:1px solid #d3e7cb;
}

.pd-next-stage h2{
    margin:0;
    font-size:23px;
}

.pd-next-stage p{
    max-width:680px;
    margin:10px 0 0;
    color:var(--muted);
    font-size:14px;
}

.pd-result-actions{
    flex:none;
    display:flex;
    flex-direction:column;
    gap:9px;
}

.pd-result-actions form{
    margin:0;
}

.pd-result-actions .pd-secondary-button{
    width:100%;
}

.pd-inline-link{
    display:inline-block;
    margin-top:20px;
    color:var(--forest);
    font-size:13px;
    font-weight:700;
    text-decoration:none;
}


@media(max-width:900px){

    .pd-hero{
        grid-template-columns:1fr;
    }

    .pd-info-grid{
        grid-template-columns:1fr;
    }

    .pd-scale-options{
        grid-template-columns:1fr;
    }

    .pd-radio-ui{
        min-height:auto;
        flex-direction:row;
        align-items:center;
        text-align:left;
    }

    .pd-radio-ui > b{
        flex:none;
        margin:0;
    }

    .pd-scenario-options{
        grid-template-columns:1fr;
    }

    .pd-next-stage{
        align-items:flex-start;
        flex-direction:column;
    }

    .pd-result-actions{
        width:100%;
    }
}


@media(max-width:620px){

    .pd-section,
.pd-result-section{
        padding:38px 0 62px;
    }

    .pd-hero{
        gap:28px;
        padding-top:16px;
    }

    .pd-meta-row{
        gap:24px;
    }

    .pd-intro-card,
.pd-question-card{
        padding:21px;
    }

    .pd-assessment-section{
        padding:32px 14px 65px;
    }

    .pd-assessment-header{
        flex-direction:column;
        gap:8px;
    }

    .pd-step-number{
        display:none;
    }

    .pd-form-footer{
        flex-direction:column-reverse;
    }

    .pd-primary-button,
.pd-secondary-button,
.pd-next-button{
        width:100%;
    }

    .pd-disclaimer{
        flex-direction:column;
        gap:6px;
    }

    .pd-next-stage{
        padding:22px;
    }
}


/* Workspace Partnership Alignment */

.pd-alignment-heading{
    display:flex;
    justify-content:space-between;
    gap:40px;
    align-items:flex-start;
    padding:25px 0 35px;
}

.pd-alignment-heading h1{
    margin:0;
    font-size:clamp(34px,5vw,54px);
    letter-spacing:-.04em;
    line-height:1.18;
}

.pd-alignment-heading p{
    max-width:720px;
    margin:16px 0 0;
    color:var(--muted);
}

.pd-alignment-status{
    flex:none;
    min-width:180px;
    padding:20px;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
    text-align:center;
}

.pd-alignment-status strong{
    display:block;
    color:var(--forest);
    font:700 36px 'Noto Sans',sans-serif;
}

.pd-alignment-status span{
    color:var(--muted);
    font-size:12px;
}

.pd-report-control{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:22px 24px;
    border:1px solid #c9dfc1;
    border-radius:18px;
    background:linear-gradient(145deg,#f5fbf2,#ffffff);
}

.pd-report-control h2{
    margin:5px 0 0;
    color:var(--forest);
    font-size:20px;
}

.pd-report-control p{
    max-width:720px;
    margin:7px 0 0;
    color:var(--muted);
    font-size:12px;
    line-height:1.75;
}

.pd-report-control form{
    flex:none;
    margin:0;
}

.pd-report-control .portal-button{
    margin:0;
    white-space:nowrap;
}

.pd-alignment-section{
    margin-top:22px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:rgba(255,255,255,.88);
}

.pd-profile-grid,
.pd-role-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    margin-top:22px;
}

.pd-profile-card,
.pd-role-card{
    padding:22px;
    border:1px solid var(--line);
    border-radius:14px;
    background:#fff;
}

.pd-profile-top{
    display:flex;
    justify-content:space-between;
    gap:20px;
}

.pd-profile-top > div > span,
.pd-profile-result span{
    display:block;
    color:var(--muted);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.07em;
}

.pd-profile-top h3{
    margin:3px 0 0;
    font-size:19px;
}

.pd-profile-ready,
.pd-profile-waiting{
    flex:none;
    height:max-content;
    padding:6px 9px;
    border-radius:999px;
    font-size:10px;
    font-weight:700;
}

.pd-profile-ready{
    background:#edf8e8;
    color:var(--forest);
}

.pd-profile-waiting{
    background:#fff5e7;
    color:#9a5b0b;
}

.pd-profile-result{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:22px;
}

.pd-profile-result > div{
    padding:13px;
    border-radius:10px;
    background:#f6f8f5;
}

.pd-profile-result strong{
    display:block;
    margin-top:4px;
}

.pd-profile-message{
    color:var(--muted);
    font-size:13px;
}

.pd-waiting-report{
    margin-top:22px;
    padding:38px;
    border:1px dashed #b9cdb0;
    border-radius:18px;
    background:var(--sage);
}

.pd-waiting-report h2{
    margin:0;
}

.pd-waiting-report p{
    margin:12px 0 0;
    color:var(--muted);
}

.pd-alignment-summary-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin-top:22px;
}

.pd-alignment-summary-grid div{
    padding:20px;
    border:1px solid var(--line);
    border-radius:14px;
    background:#fff;
}

.pd-alignment-summary-grid strong{
    display:block;
    color:var(--forest);
    font:700 30px 'Noto Sans',sans-serif;
}

.pd-alignment-summary-grid span{
    color:var(--muted);
    font-size:12px;
}

.pd-insight-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-top:22px;
}

.pd-insight-card,
.pd-empty-insight{
    padding:20px;
    border-radius:13px;
    border:1px solid var(--line);
}

.pd-insight-card.positive{
    background:#f1faed;
}

.pd-insight-card.complement{
    background:#fff8ee;
}

.pd-insight-card.caution{
    background:#fff7f3;
}

.pd-insight-label{
    display:block;
    color:var(--forest);
    font-size:12px;
    font-weight:700;
}

.pd-insight-card strong{
    display:block;
    margin-top:5px;
}

.pd-insight-card p,
.pd-empty-insight{
    color:var(--muted);
    font-size:13px;
}

.pd-difference-list,
.pd-recommendation-list,
.pd-priority-list{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:22px;
}

.pd-difference-card{
    padding:21px;
    border:1px solid #ead7c1;
    border-radius:14px;
    background:#fffaf4;
}

.pd-difference-head{
    display:flex;
    justify-content:space-between;
    gap:20px;
}

.pd-difference-head span{
    color:var(--muted);
    font-size:10px;
    text-transform:uppercase;
}

.pd-difference-head h3{
    margin:3px 0 0;
}

.pd-difference-head > strong{
    color:var(--orange);
    font:700 27px 'Noto Sans',sans-serif;
}

.pd-difference-head small{
    display:block;
    color:var(--muted);
    font-size:9px;
}

.pd-partner-score-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:17px;
}

.pd-partner-score-row div{
    display:flex;
    justify-content:space-between;
    gap:15px;
    padding:11px 13px;
    border-radius:9px;
    background:#fff;
}

.pd-partner-score-row span{
    font-size:12px;
}

.pd-partner-score-row strong{
    color:var(--forest);
}

.pd-difference-card > p{
    margin:14px 0 0;
    color:var(--muted);
    font-size:13px;
}

.pd-role-card > span{
    color:var(--muted);
    font-size:12px;
}

.pd-role-card h3{
    margin:4px 0 12px;
    color:var(--forest);
}

.pd-role-card ul{
    margin:0;
    padding-left:20px;
}

.pd-role-card li{
    margin:8px 0;
    font-size:13px;
}

.pd-role-card small{
    display:block;
    margin-top:18px;
    padding-top:13px;
    border-top:1px solid var(--line);
    color:var(--muted);
}

.pd-recommendation-card{
    display:grid;
    grid-template-columns:45px 1fr;
    gap:15px;
    padding:18px;
    border:1px solid var(--line);
    border-radius:12px;
}

.pd-recommendation-card > span{
    color:var(--orange);
    font:700 13px 'Noto Sans',sans-serif;
}

.pd-recommendation-card h3{
    margin:0;
    font-size:16px;
}

.pd-recommendation-card p{
    margin:7px 0 0;
    color:var(--muted);
    font-size:13px;
}

.pd-priority-row{
    display:grid;
    grid-template-columns:75px 1fr;
    gap:15px;
    align-items:start;
    padding:16px;
    border:1px solid var(--line);
    border-radius:12px;
}

.pd-priority-level{
    display:inline-flex;
    justify-content:center;
    padding:5px 8px;
    border-radius:999px;
    font-size:10px;
    font-weight:700;
}

.pd-priority-level.high{
    background:#fff0e9;
    color:#a34620;
}

.pd-priority-level.medium{
    background:#edf7e9;
    color:var(--forest);
}

.pd-priority-row strong{
    font-size:14px;
}

.pd-priority-row p{
    margin:5px 0 0;
    color:var(--muted);
    font-size:12px;
}


@media(max-width:800px){

    .pd-alignment-heading{
        flex-direction:column;
    }

    .pd-alignment-status{
        width:100%;
    }

    .pd-report-control{
        align-items:stretch;
        flex-direction:column;
    }

    .pd-report-control .portal-button{
        width:100%;
    }

    .pd-profile-grid,
.pd-role-grid,
.pd-insight-grid,
.pd-alignment-summary-grid{
        grid-template-columns:1fr;
    }
}


@media(max-width:620px){

    .pd-alignment-section{
        padding:20px;
    }

    .pd-profile-result,
.pd-partner-score-row{
        grid-template-columns:1fr;
    }

    .pd-difference-head{
        flex-direction:column;
    }
}


/* Secure workspace participant profile */

.pd-workspace-profile-section{
    padding:55px 0 75px;
    background:
        linear-gradient(
            135deg,
            #fffaf1 0%,
            #f4faef 100%
        );
}

.pd-workspace-profile-hero{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:35px;
    margin-top:45px;
    padding:10px 0 20px;
}

/* This heading is a person's name, taken from the database, not static
   copy — so it can be Burmese and it can be long.

   58px on a 1.12 line box gives a 65px line. A Burmese name carries
   stacked vowels and medials above and below the baseline and needs
   roughly 80px at that size, so a name that wraps has its marks running
   into the row beneath it. It was the largest heading in the product on
   the tightest leading.

   The index hero and the assessment heading carried the same Latin
   setting and were corrected the same way.

   1.42 is written out rather than taken from --pd-lh-display because
   this page has no .pd-themed wrapper yet; the token would not resolve
   and the declaration would be dropped. It becomes the token when the
   page is brought onto the token set. */

.pd-workspace-profile-hero h1{
    margin:6px 0 10px;
    font-size:clamp(30px,3.8vw,44px);
    line-height:var(--pd-lh-display);
    letter-spacing:0;
}

.pd-workspace-profile-hero p{
    max-width:700px;
    color:var(--muted);
}

.pd-workspace-profile-badge{
    min-width:220px;
    padding:var(--pd-card-padding);
    border-radius:var(--pd-card-radius);
    background:var(--pd-primary);
    color:#fff;
}

.pd-workspace-profile-badge span,
.pd-workspace-profile-badge small{
    display:block;
    opacity:.78;
    font-size:var(--pd-fs-kicker);
    text-transform:uppercase;
    letter-spacing:.13em;
}

.pd-workspace-profile-badge strong{
    display:block;
    margin:8px 0;
    font-size:28px;
    font-family:'Manrope',sans-serif;
}

.pd-workspace-profile-badge small{
    font-size:18px;
    font-weight:700;
    opacity:1;
}

.pd-workspace-style-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin-top:24px;
}

.pd-workspace-style-grid article{
    padding:20px;
    border:1px solid var(--pd-card-border);
    border-radius:12px;
    background:var(--pd-card-bg);
}

/* 10px and grey, where every other kicker in Partner Dynamics is 11px
   and carries the theme colour. */

.pd-workspace-style-grid span{
    display:block;
    color:var(--pd-primary);
    font-size:var(--pd-fs-kicker);
    text-transform:uppercase;
    letter-spacing:.13em;
    font-family:'Manrope',sans-serif;
    font-weight:800;
}

.pd-workspace-style-grid strong{
    display:block;
    margin-top:7px;
    font-size:var(--pd-fs-h3);
    color:var(--pd-ink);
}

.pd-workspace-style-grid small{
    display:block;
    margin-top:5px;
    color:var(--pd-muted);
    font-weight:700;
    font-size:var(--pd-fs-meta);
}

.pd-workspace-dimensions{
    display:flex;
    flex-direction:column;
    gap:19px;
    margin-top:28px;
}

.pd-workspace-dimension-head{
    display:flex;
    justify-content:space-between;
    gap:20px;
    margin-bottom:7px;
}

.pd-workspace-dimension-head span{
    font-size:var(--pd-fs-body);
    color:var(--pd-body);
}

.pd-workspace-dimension-head strong{
    color:var(--pd-primary);
    font-family:'Manrope',sans-serif;
}

.pd-workspace-dimension-track{
    height:10px;
    overflow:hidden;
    border-radius:999px;
    background:var(--pd-light);
}

/* Was a green-to-orange gradient, which reads as a health scale in a
   product where those two colours mean healthy and attention. The panel
   directly above says in as many words that the score is not good or
   bad. */

.pd-workspace-dimension-track span{
    display:block;
    height:100%;
    border-radius:999px;
    background:var(--pd-primary);
}

/* Nothing else in Partner Dynamics is drawn with a dashed edge. */

/* .pd-alignment-section and .pd-panel-heading h2 also render on the
   alignment page, which has no .pd-themed wrapper yet — a --pd-* token
   there would not resolve and the browser would drop the declaration.
   The base rules stay untouched; these apply only where the wrapper
   exists, and the alignment page picks them up when it is converted. */

.pd-themed .pd-alignment-section{
    padding:var(--pd-card-padding);
    border:1px solid var(--pd-card-border);
    border-radius:var(--pd-card-radius);
    background:var(--pd-card-bg);
    box-shadow:var(--pd-card-shadow);
}

.pd-themed .pd-panel-heading h2{
    color:var(--pd-ink);
    font-size:var(--pd-fs-h2);
    line-height:var(--pd-lh-heading);
}

.pd-workspace-profile-note{
    display:grid;
    grid-template-columns:180px 1fr;
    gap:20px;
    margin-top:22px;
    padding:var(--pd-card-padding);
    border:1px solid var(--pd-light);
    border-radius:var(--pd-card-radius);
    background:var(--pd-soft);
}

.pd-workspace-profile-note strong{
    color:var(--pd-primary);
    font-family:'Manrope',sans-serif;
    font-size:var(--pd-fs-kicker);
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.pd-workspace-profile-note p{
    margin:0;
    color:var(--pd-muted);
    font-size:var(--pd-fs-body);
    line-height:var(--pd-lh-prose);
}


@media(max-width:800px){

    .pd-workspace-profile-hero{
        flex-direction:column;
    }

    .pd-workspace-profile-badge{
        width:100%;
    }

    .pd-workspace-style-grid{
        grid-template-columns:1fr;
    }

    .pd-workspace-profile-note{
        grid-template-columns:1fr;
    }

}


/* Partner Dynamics V1 final polish */

.pd-alignment-page{
    padding-top:32px;
}

.pd-alignment-page .pd-alignment-heading{
    padding-top:8px;
}

.pd-insight-grid > :only-child{
    grid-column:1 / -1;
}

.pd-workspace-profile-section{
    padding-top:38px;
}

/* ==================================================
   PBR Partner Match Recommendations
   ================================================== */

.pd-partner-match{
    position:relative;
    overflow:hidden;
    margin-top:26px;
    padding:clamp(24px,3vw,40px);
    border:1px solid #d8e5d5;
    border-radius:24px;
    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(30,130,45,.09),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfdf9 100%
        );
    box-shadow:
        0 28px 75px -55px
        rgba(10,82,17,.55);
}

.pd-partner-match::before{
    content:"";
    position:absolute;
    top:-90px;
    right:-90px;
    width:220px;
    height:220px;
    border-radius:50%;
    border:42px solid rgba(24,128,32,.035);
    pointer-events:none;
}


@media(max-width:620px){

    .pd-partner-match{
        padding:21px;
        border-radius:18px;
    }
}

/* =========================================================
   PARTNER DYNAMICS RESULT — PROFILE THEME SYSTEM
   Primary personality controls the result-page visual identity.
   ========================================================= */

.pd-result-section .pd-back-home:hover{
    color:var(--pd-primary);
}

.pd-result-section .portal-kicker{
    color:var(--pd-primary);
}

.pd-result-section .pd-result-main h1{
    color:var(--pd-primary);
}

.pd-result-section .pd-result-main h2{
    color:var(--ink);
}

.pd-themed .pd-primary-button,
.pd-result-section .pd-primary-button{
    border-color:var(--pd-primary);
    background:var(--pd-primary);
}

.pd-themed .pd-primary-button:hover,
.pd-result-section .pd-primary-button:hover{
    border-color:var(--pd-secondary);
    background:var(--pd-secondary);
}

/* These two close the result page, but they were built before the cards
   above them and kept their own shell: 32px and 26px padding against 27,
   a 17px and 14px radius against 19, a dashed border on the note, and no
   shadow. Scoped to .pd-result-section so the same markup elsewhere in
   Partner Dynamics is untouched. */

.pd-result-section .pd-next-stage{
    padding:27px;
    border:1px solid var(--pd-light);
    border-radius:19px;
    background:var(--pd-soft);
    box-shadow:0 12px 36px -34px rgba(16,24,40,.32);
}

.pd-result-section .pd-next-stage h2{
    font-size:21px;
    line-height:1.45;
}

.pd-result-section .pd-next-stage p{
    font-size:14px;
    line-height:1.85;
}

.pd-result-section .pd-disclaimer{
    border-color:var(--pd-light);
    background:var(--pd-soft);
}

.pd-result-section .pd-disclaimer strong{
    color:var(--pd-primary);
}


/* =========================================================
   PARTNER DYNAMICS — PREMIUM RESULT HERO V2
   ========================================================= */

.pd-result-section{
    background:
        radial-gradient(
            circle at 18% 10%,
            var(--pd-soft) 0,
            rgba(255,255,255,0) 34%
        );
}


/* Illustration placeholder */


/* Score panel */


/* Tablet */


/* Mobile */


/* =========================================================
   PARTNER DYNAMICS — HERO SPACING REFINEMENT
   ========================================================= */

.pd-result-section{
    padding-top:34px;
}

.pd-result-section .pd-back-home{
    margin-bottom:12px;
}


/* =========================================================
   PARTNER DYNAMICS — REAL HERO ILLUSTRATION
   ========================================================= */


/* =========================================================
   PARTNER DYNAMICS — FINAL RESPONSIVE POLISH
   Tablet + Mobile only
   ========================================================= */


/* ---------------------------------------------------------
   TABLET — 900px and below
   --------------------------------------------------------- */

@media (max-width: 900px) {

    body.pbr-partner-dynamics-route .portal-header{
        position: relative;
    }

    body.pbr-partner-dynamics-route .portal-bar{
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        padding-top: 12px;
        padding-bottom: 10px;
    }

    body.pbr-partner-dynamics-route .portal-brand{
        width: max-content;
    }

    body.pbr-partner-dynamics-route .portal-nav{
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 6px;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 4px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    body.pbr-partner-dynamics-route .portal-nav::-webkit-scrollbar{
        display: none;
    }

    body.pbr-partner-dynamics-route .portal-nav a,
body.pbr-partner-dynamics-route .portal-nav button{
        flex: 0 0 auto;
        white-space: nowrap;
        padding: 8px 10px;
        font-size: 13px;
    }


    /* Result shell */

    .pd-result-section{
        padding-top: 22px;
    }

    .pd-result-section .pd-back-home{
        margin-bottom: 8px;
    }


    /* Hero becomes clean single-column */

}


/* ---------------------------------------------------------
   PHONE — 560px and below
   --------------------------------------------------------- */

@media (max-width: 560px) {

    body.pbr-partner-dynamics-route .portal-bar{
        gap: 8px;
        padding-top: 9px;
        padding-bottom: 8px;
    }

    body.pbr-partner-dynamics-route .portal-brand img{
        width: 42px;
        height: auto;
    }

    body.pbr-partner-dynamics-route .portal-brand > span{
        font-size: 18px;
    }

    body.pbr-partner-dynamics-route .portal-product-label{
        display: none;
    }

    body.pbr-partner-dynamics-route .portal-nav{
        gap: 4px;
    }

    body.pbr-partner-dynamics-route .portal-nav a,
body.pbr-partner-dynamics-route .portal-nav button{
        padding: 7px 8px;
        font-size: 12px;
    }


    /* Result spacing */

    .pd-result-section{
        padding-top: 16px;
    }

    .pd-result-section .portal-wrap{
        width: min(100% - 28px, 1180px);
    }

    .pd-result-section .pd-back-home{
        margin-bottom: 6px;
        font-size: 13px;
    }


    /* Hero */


    /* Illustration */


    /* Score card */

}