.portrait-dashboard{margin-top:22px}.pd-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.pd-highlights article{padding:16px;background:#f7f3fb;border:1px solid #e6dced;border-radius:14px}.pd-highlights p{font-size:13px;color:#71637d;margin:0 0 8px}.pd-highlights strong,.pd-highlights button{font-size:16px;line-height:1.6;font-weight:600;overflow-wrap:anywhere}.pd-highlights button{border:0;padding:0;background:transparent;text-align:left;color:var(--deep)}.pd-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.pd-tabs button{background:white;border:1px solid var(--border);padding:10px 16px;min-height:44px}.pd-tabs button[aria-selected=true]{background:var(--deep);color:white;border-color:var(--deep)}.pd-section{border:1px solid #e5dceb;border-radius:16px;padding:20px;margin:18px 0;background:#fff}.pd-section h3,.pd-group h3{margin:0 0 12px;font-size:18px}.pd-group{margin:18px 0}.pd-group>h3{font-size:14px;color:#71617e;display:flex;align-items:center;gap:12px}.pd-group>h3::after{content:'';height:1px;background:#e8e0ee;flex:1}.pd-dimension-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pd-dimension{display:flex;flex-direction:column;gap:8px;text-align:left;min-height:120px;padding:14px;background:#fbf9fe;color:var(--text);border:1px solid #e4dbea;border-radius:12px}.pd-dimension[aria-pressed=true]{border-color:#9c7cba;background:#f0e9f7}.pd-dimension>strong{font-size:15px;font-weight:600}.pd-dimension>span:not(.pd-evidence-status){font-size:14px;line-height:1.65;overflow-wrap:anywhere}.pd-evidence-status{display:inline-flex;gap:5px;font-size:12px;color:#756581;align-items:center;white-space:nowrap}.pd-evidence-status[data-status=unknown]{color:#7b7284}.pd-dimension .pd-evidence-status{margin-top:auto}.pd-dimension-detail{padding:20px 0 4px;border-top:1px solid #e7deef;margin-top:20px}.pd-dimension-detail h3{margin:0;font-size:18px}.pd-dimension-detail h4{font-size:15px;margin:16px 0 8px}.pd-dimension-detail .pd-summary{line-height:1.8;margin:16px 0}.pd-dimension-detail details{margin:18px 0}.pd-dimension-detail summary,.pd-investment-chart~details>summary{color:var(--deep);cursor:pointer;font-size:14px}.portrait-dashboard blockquote{margin:12px 0;border-left:3px solid #d4c5e1;padding:8px 14px;background:#f9f6fc;font-size:14px;overflow-wrap:anywhere}.portrait-dashboard blockquote>p{font-size:12px;color:#756581;margin:0 0 6px}.pd-meaning{padding:1px 16px 10px;background:#f6f1fa;border-radius:10px;margin-top:16px}.pd-meaning p{font-size:15px;line-height:1.8}.pd-navigation{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}.pd-navigation nav .pd-group{margin-top:0}.pd-navigation nav .pd-dimension-grid{grid-template-columns:1fr}.pd-navigation nav .pd-dimension{min-height:0;padding:10px 12px;gap:5px}.pd-navigation nav .pd-dimension>span:not(.pd-evidence-status){font-size:13px}.pd-navigation .pd-section{margin-top:0}.pd-navigation .pd-dimension-detail{margin-top:0;padding-top:16px}.pd-overview{margin:16px 0;padding:14px 16px;background:#f9f6fc;border-radius:10px}.pd-overview>summary{font-weight:600;cursor:pointer;color:var(--deep)}.pd-overview .section-text{font-size:15px}.pd-cognition>.iq-portrait-part{border:0;padding:0;margin:0}.pd-cognition .iq-layout{min-width:0}.pd-cognition .intelligence-radar{max-width:100%;width:100%;height:auto}.pd-cognition .iq-basic p{font-size:14px}.pd-matrix-wrap{overflow-x:auto;max-width:100%;border:1px solid #e6ddec;border-radius:12px}.pd-matrix{width:100%;min-width:580px;border-collapse:collapse;font-size:14px}.pd-matrix th{padding:12px 10px;background:#f7f3fa;text-align:left}.pd-matrix th[scope=row]{min-width:62px}.pd-matrix td{padding:8px;border-top:1px solid #e7dfed;min-width:118px;vertical-align:top}.pd-matrix td button{display:flex;flex-direction:column;width:100%;gap:8px;border:0;border-radius:8px;text-align:left;padding:10px;background:#fcfaff;min-height:85px;font-size:14px}.pd-matrix td button:hover{background:#f1eaf7}.pd-matrix td button>span:first-child{line-height:1.6}.pd-empty{padding:20px 12px;border:1px dashed #d8cce4;border-radius:10px;color:#786b83;font-size:14px}.pd-section>label{display:block;margin:18px 0 8px}.pd-trend svg,[data-pd-ci-chart] svg{width:100%;height:auto;display:block;margin:10px 0}.pd-grid{stroke:#e5ddec;stroke-width:1}.pd-trend-line{fill:none;stroke:#7454a5;stroke-width:2.5}.pd-point{fill:#7454a5}.pd-tick{fill:#74667f;font-size:12px}.pd-value{fill:#483353;font-size:13px}.pd-ci-reference{stroke:#c8bbd2;stroke-dasharray:4 4}.pd-ci-range{stroke:#7454a5;stroke-width:3;stroke-linecap:round}.pd-intervals{border-top:1px solid #e6ddeb;margin-top:20px;padding-top:18px}.pd-ci-values{display:flex;gap:8px 18px;flex-wrap:wrap;font-size:13px}.pd-ci-values p{margin:5px 0}.pd-observation{border-top:1px solid #e8deef;padding:14px 0}.pd-observation h4{font-size:15px;margin:8px 0}.pd-observation p{font-size:14px}.pd-switch{display:flex;gap:5px}.pd-switch button{font-size:13px;min-height:40px;padding:7px 12px}.pd-switch button[aria-pressed=true]{background:#eee5f6;border-color:#a589bc;color:#65427e}.pd-investment-chart{display:grid;gap:16px;margin:22px 0}.pd-investment-row{display:grid;grid-template-columns:130px minmax(40px,1fr) 100px;gap:12px;align-items:center;font-size:14px}.pd-investment-row>span{overflow-wrap:anywhere}.pd-investment-row>strong{text-align:right;font-weight:500}.pd-bar-track{height:10px;background:#eee7f4;border-radius:6px;overflow:hidden}.pd-bar{height:100%;background:#805da3;border-radius:6px}.pd-investment-evidence{border-top:1px solid #e8dfef;padding:12px 0}.pd-investment-evidence h4{font-size:15px;margin:8px 0}.pd-investment-evidence p{font-size:14px}.pd-history{border-left:2px solid #d8cae5;list-style:none;padding:0 0 0 18px;margin:20px 0}.pd-history li{display:flex;flex-wrap:wrap;gap:8px 14px;padding:10px 0;font-size:14px}.pd-history span{color:#786a83}.pd-planning-boundary{margin:22px 0;padding:20px;background:#f7f3fa;border-radius:12px}.pd-planning-boundary h3{font-size:17px;margin:0 0 8px}.pd-planning-boundary p{font-size:14px;line-height:1.8}.pd-cross-link{margin-top:0}@media(max-width:760px){.pd-navigation{grid-template-columns:1fr}.pd-navigation nav .pd-dimension-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pd-navigation nav .pd-dimension{min-height:110px}.pd-navigation .pd-dimension-detail{padding-top:20px}.pd-matrix{min-width:550px}}@media(max-width:520px){.pd-highlights{grid-template-columns:1fr;gap:8px}.pd-highlights article{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:13px}.pd-highlights article>p{margin:3px 0}.pd-highlights article>strong,.pd-highlights article>button{font-size:15px}.pd-tabs{gap:5px}.pd-tabs button{flex:1;padding:10px 6px;font-size:13px}.pd-section{padding:15px 12px}.pd-dimension-grid,.pd-navigation nav .pd-dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pd-dimension{padding:12px;min-height:122px}.pd-dimension>strong{font-size:14px}.pd-dimension>span:not(.pd-evidence-status){font-size:13px}.pd-investment-row{grid-template-columns:85px minmax(30px,1fr) 85px;gap:8px;font-size:13px}.pd-planning-boundary{padding:16px}.pd-dimension-detail .actions{align-items:stretch}.pd-cognition .iq-layout{display:block}.pd-cognition .iq-score-table{margin-top:12px}.pd-ci-values{display:block}}

.pd-cognition .iq-axis{font-size:14px}.pd-cognition .iq-axis-code{font-size:11px}.pd-cognition .iq-child-value{font-size:13px}

.portrait-dashboard{--pd-tabs-height:60px}
.pd-view-anchor{display:block;height:0}
.portrait-dashboard .pd-tabs{position:sticky;top:env(safe-area-inset-top,0px);z-index:3;background:white;margin:0 0 18px;padding:8px 0;border-bottom:1px solid #eee6f4}
.pd-overview-summary{margin:20px 0 24px}
.pd-overview-summary h3{margin:0;font-size:18px}
.pd-overview-summary .section-text{line-height:1.9;margin-top:14px}
.pd-cognition-summary .pd-summary-radar{max-width:500px;margin:auto}
.pd-cognition .intelligence-radar{max-width:500px}
.pd-summary-fsiq{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;padding:12px;background:#f7f2fb;border-radius:10px;font-size:14px}
.pd-summary-fsiq strong{font-size:22px;color:var(--deep)}
.pd-summary-fsiq span{font-size:12px;color:var(--muted)}
.pd-cognition-summary .iq-legend{font-size:12px;gap:8px 14px}
.pd-cognition-summary .actions button{font-size:14px}
.pd-academic-summary table{table-layout:fixed;width:100%;font-size:13px}
.pd-academic-summary th,.pd-academic-summary td{padding:7px 2px;text-align:center;vertical-align:middle}
.pd-academic-summary th:first-child{width:44px}
.pd-academic-summary td button{width:100%;padding:5px 1px;min-height:44px;border:0;background:#f8f5fb;font-size:12px;color:#766881;overflow-wrap:anywhere}
.pd-academic-summary td button[data-status=supported]{background:#eaf2ee;color:#366858}
.pd-academic-summary td button[data-status=tentative]{background:#f0eaf8;color:#6e4b96}
.pd-academic-summary .pd-subject-brief td{text-align:left;line-height:1.8;padding:6px 4px 16px;color:#665671;font-size:13px}
.pd-navigation{align-items:start}
.pd-navigation-chooser{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--pd-tabs-height) + 8px);z-index:2;background:white;min-width:0;padding:8px 0}
.pd-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;color:var(--muted);font-size:13px}
.pd-nav-heading button{border:0;background:transparent;padding:6px;color:var(--deep);font-size:13px;min-height:44px;white-space:nowrap}
.pd-dimension-nav{max-height:calc(100dvh - var(--pd-tabs-height) - 160px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:4px}
.pd-navigation .pd-nav-summary,.pd-navigation .pd-nav-short{display:none}
.pd-navigation .pd-dimension{scroll-margin:8px}
.pd-navigation .pd-dimension>strong{font-size:14px}
.pd-dimension-body{min-width:0}
.pd-dimension-picker{display:none}
.pd-dimension-body button{scroll-margin-top:calc(var(--pd-tabs-height) + var(--pd-chooser-height,0px) + 20px);scroll-margin-bottom:100px}
.pd-navigation .pd-dimension-detail{border-top:0;padding-top:8px;margin-top:0}
.pd-dimension-body .pd-cognition .iq-layout{grid-template-columns:minmax(0,1fr)}
.pd-dimension-body .pd-cognition{padding:16px 12px}
.pd-dimension-body .pd-cognition .iq-score-table{margin-top:12px}
.pd-dimension-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:18px;border-top:1px solid #e9dfef}
.pd-dimension-footer button{font-size:13px;padding:8px 10px}
.pd-current-position{font-size:12px;color:var(--muted);white-space:nowrap}
@media(max-width:760px){
 .pd-navigation{display:block}
 .pd-navigation-chooser{top:calc(env(safe-area-inset-top,0px) + var(--pd-tabs-height));padding:0 0 12px;margin-bottom:10px;border-bottom:1px solid #e9dfef}
 .pd-nav-heading{margin:0 0 6px}
 .pd-navigation .pd-dimension-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:none;overflow:visible;padding:0;overscroll-behavior:auto}
 .pd-navigation .pd-group,.pd-navigation .pd-dimension-grid{display:contents}
 .pd-navigation .pd-group>h3,.pd-navigation .pd-nav-name,.pd-navigation .pd-nav-summary,.pd-navigation .pd-dimension .pd-evidence-status{display:none}
 .portrait-dashboard .pd-navigation .pd-dimension-nav .pd-dimension{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 3px;gap:0;background:#fbf9fe;text-align:center}
 .pd-navigation .pd-dimension>.pd-nav-short{display:block;font-size:14px;line-height:1.5}
 .portrait-dashboard .pd-navigation .pd-dimension-nav .pd-dimension[aria-selected=true]{background:var(--deep);border-color:var(--deep);color:white}
 .pd-navigation .pd-dimension-detail{padding-top:10px}
 .pd-dimension-footer button{font-size:12px;padding:8px 6px}
 .pd-cognition-summary{padding:15px 10px}
 .pd-academic-summary{padding:15px 8px}
 .pd-academic-summary .family-section-title button{font-size:13px;padding:6px 8px}
}
@media(max-width:760px) and (max-height:650px){
 .pd-navigation-chooser{display:flex;align-items:center;gap:8px;padding:6px 0 10px}
 .portrait-dashboard .pd-navigation .pd-dimension-nav{display:none}
 .pd-nav-heading{order:2;margin:0;flex:none}
 .pd-nav-heading>span{display:none}
 .pd-dimension-picker{display:block;order:1;flex:1;min-width:0;margin:0}
 .pd-dimension-picker select{min-height:44px;font-size:14px;padding:8px}
}
