/* 좁은 화면과 저장 카드의 원점수 보고서 */
.ipip-summary,.ipip-report{width:100%;min-width:0;text-align:left;box-sizing:border-box;overflow-wrap:anywhere;font-family:Pretendard,sans-serif;color:#262523}
.cc-art:has(.ipip-summary),.cc-art:has(.ipip-notice){width:100%;max-width:100%;height:auto}
.ipip-scale{padding:15px 0;border-bottom:1px solid #dcd7cc;min-width:0}
.ipip-scale-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;font-size:14px;line-height:1.6}
.ipip-scale-head span{font-variant-numeric:tabular-nums;font-size:13px}
.ipip-track{height:6px;margin:9px 0 6px;background:#e8e3d8;border-radius:3px;overflow:hidden}
.ipip-track i{display:block;height:100%;background:#8a9d89;max-width:100%}
.ipip-scale small{font-size:12px;color:#69665e}.ipip-report h2{font-size:20px;line-height:1.5;margin:22px 0 12px}
.ipip-report p,.ipip-notice{font-size:14px;line-height:1.85;overflow-wrap:anywhere;white-space:normal}
.ipip-scale p{margin:9px 0 0}.ipip-tip{color:#5b6255}.ipip-notice{padding:14px;border:1px solid #dcd7cc;border-radius:10px;text-align:left;max-width:100%;box-sizing:border-box}
@media(max-width:375px){.ipip-scale-head{display:block}.ipip-scale-head span{display:block}.ipip-report h2{font-size:18px}}
/* IPIP 카드에서는 제목을 먼저 읽고 점수 요약을 살펴본다. */
#captureCard:has(.ipip-summary){display:flex;flex-direction:column}
#captureCard:has(.ipip-summary)>*{order:5}
#captureCard:has(.ipip-summary)>.cc-label{order:0}
#captureCard:has(.ipip-summary)>.cc-name{order:1;font-size:28px;word-break:keep-all;overflow-wrap:break-word}
#captureCard:has(.ipip-summary)>.cc-tagline{order:2}
#captureCard:has(.ipip-summary)>.cc-sub{order:3}
#captureCard:has(.ipip-summary)>.cc-art{order:4}
@media(max-width:375px){#captureCard:has(.ipip-summary)>.cc-name{font-size:25px}}