/* Selected personality concept. Rendering only; shared scores/copy stay unchanged. */
html.experience-v1 body.blue-editorial #app :is(#profile-root,#detail-root) :is(.p2-overview,.p2-profile){--p2-ink:#102d50;--p2-muted:#687e9d;--p2-blue:#0767ff;--p2-line:#d5deed;color:var(--p2-ink);font-family:VisualPretendard,sans-serif;font-style:normal;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;word-break:keep-all;overflow-wrap:anywhere;}
html.experience-v1 body.blue-editorial #app :is(#profile-root,#detail-root) .p2-overview{padding:14px 2px 30px!important;margin:0!important;}
html.experience-v1 body.blue-editorial #app :is(#profile-root,#detail-root) .p2-profile{padding:14px 2px 48px!important;}
#app :is(#profile-root,#detail-root) :is(.p2-overview,.p2-profile) button{font-family:VisualPretendard,sans-serif;cursor:pointer;touch-action:manipulation;}
#app :is(#profile-root,#detail-root) :is(.p2-overview,.p2-profile) [hidden]{display:none!important;}
#app :is(#profile-root,#detail-root) :is(.p2-overview,.p2-profile) :is(h1,h2,h3,p){font-style:normal;}
#app :is(#profile-root,#detail-root) :is(.p2-overview,.p2-profile) svg{width:18px;height:18px;flex-shrink:0;}
#app :is(#profile-root,#detail-root) .p2-type-hero{padding:14px 0 28px;border-bottom:1px solid var(--p2-line);}
#app :is(#profile-root,#detail-root) .p2-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:650 15px/1.5 VisualPretendard,sans-serif;color:var(--p2-blue);}
#app :is(#profile-root,#detail-root) .p2-eyebrow:before{content:'';width:28px;border-top:2px solid var(--p2-blue);}
html.experience-v1 body.blue-editorial #app :is(#profile-root,#detail-root) .p2-type-hero h2{font:700 36px/1.5 'Noto Serif KR',serif!important;letter-spacing:-.06em!important;margin:0!important;}
html.experience-v1 body.blue-editorial #app :is(#profile-root,#detail-root) .p2-type-hero p{font:400 18px/1.8 'Noto Serif KR',serif!important;letter-spacing:-.025em;color:var(--p2-muted)!important;margin:16px 0 0!important;}
#app :is(#profile-root,#detail-root) .p2-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:24px;margin-bottom:8px;}
html.experience-v1 body.blue-editorial #app :is(#profile-root,#detail-root) .p2-section-heading h3{font:700 25px/1.5 'Noto Serif KR',serif!important;letter-spacing:-.055em;margin:0!important;white-space:nowrap;}
#app :is(#profile-root,#detail-root) .p2-section-heading>button{display:flex;align-items:center;justify-content:flex-end;gap:3px;font-size:12px;min-height:44px;color:var(--p2-muted);background:none;border:0;padding:0;}
#app :is(#profile-root,#detail-root) .p2-section-heading svg{width:14px;height:14px;}
#app :is(#profile-root,#detail-root) .p2-metric{display:flex;flex-direction:column;padding:21px 0 25px;border-bottom:1px solid var(--p2-line);}
#app :is(#profile-root,#detail-root) .p2-metric-reading{display:block;}
#app :is(#profile-root,#detail-root) .p2-metric-reading>summary{display:block;list-style:none;cursor:pointer;}
#app :is(#profile-root,#detail-root) .p2-trigger{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:32px;}
#app :is(#profile-root,#detail-root) .p2-metric-reading>summary::-webkit-details-marker{display:none;}
#app :is(#profile-root,#detail-root) .p2-metric-heading{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;row-gap:4px;}
#app :is(#profile-root,#detail-root) .p2-metric-heading>b{font:700 20px/1.4 VisualPretendard,sans-serif;letter-spacing:-.045em;}
#app :is(#profile-root,#detail-root) .p2-grade{color:var(--p2-blue);font:650 18px/1.5 VisualPretendard,sans-serif;white-space:nowrap;letter-spacing:-.035em;}
#app :is(#profile-root,#detail-root) .p2-expand-label{display:flex;align-items:center;gap:3px;font-size:12px;color:var(--p2-muted);white-space:nowrap;}
#app :is(#profile-root,#detail-root) .p2-expand-label svg{width:15px;height:15px;transform:rotate(90deg);}
#app :is(#profile-root,#detail-root) .p2-metric-reading[open] .p2-expand-label svg{transform:rotate(-90deg);}
#app :is(#profile-root,#detail-root) .p2-metric-reading:not([open]) .when-open,#app :is(#profile-root,#detail-root) .p2-metric-reading[open] .when-closed{display:none;}
#app :is(#profile-root,#detail-root) .p2-grade-steps{order:1;margin-top:20px;}
#app :is(#profile-root,#detail-root) .p2-step-track{height:20px;display:flex;align-items:center;justify-content:space-between;position:relative;margin:0 calc(10% - 10px);}
#app :is(#profile-root,#detail-root) .p2-step-track:before{content:'';position:absolute;left:0;right:0;border-top:1.5px solid #cbd8ee;}
#app :is(#profile-root,#detail-root) .p2-step{position:relative;background:white;width:20px;height:20px;border-radius:50%;}
#app :is(#profile-root,#detail-root) .p2-step img{display:block;width:20px;height:20px;}
#app :is(#profile-root,#detail-root) .p2-step-labels{display:grid;grid-template-columns:repeat(5,1fr);margin-top:9px;text-align:center;color:var(--p2-muted);font-size:12px;line-height:1.6;letter-spacing:-.02em;}
#app :is(#profile-root,#detail-root) .p2-step-labels .is-selected{color:var(--p2-blue);font-weight:650;}
#app :is(#profile-root,#detail-root) .p2-inline-copy{order:2;padding-top:21px;}
#app :is(#profile-root,#detail-root) .p2-metric-reading:not([open])>.p2-inline-copy{display:none;}
html.experience-v1 body.blue-editorial #app :is(#profile-root,#detail-root) .p2-inline-copy p{font:400 15px/1.85 VisualPretendard,sans-serif!important;margin:0!important;color:#405772!important;}
html.experience-v1 body.blue-editorial #app :is(#profile-root,#detail-root) .p2-inline-copy p.p2-short{font-size:13px!important;color:var(--p2-muted)!important;margin-bottom:13px!important;}
#app :is(#profile-root,#detail-root) .p2-inline-copy strong{font-weight:650;color:var(--p2-ink);}
#app :is(#profile-root,#detail-root) .p2-reading-link{display:flex;align-items:center;gap:4px;color:var(--p2-blue);font-size:14px;min-height:44px;margin-top:15px;padding:0;border:0;background:none;}
#app :is(#profile-root,#detail-root) .p2-all-bottom{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;font-size:13px;color:var(--p2-muted);min-height:54px;margin:8px 0 0;padding:0;border:0;background:none;}
#app :is(#profile-root,#detail-root) .p2-overview .domain-profile-entry{margin-top:24px!important;}
#app :is(#profile-root,#detail-root) .p2-detail-hero{padding-top:14px;}
#app :is(#profile-root,#detail-root) .p2-detail-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:28px;}
html.experience-v1 body.blue-editorial #app :is(#profile-root,#detail-root) .p2-detail-title h1{font:700 31px/1.4 'Noto Serif KR',serif!important;letter-spacing:-.055em!important;margin:0!important;}
#app :is(#profile-root,#detail-root) .p2-detail-hero .p2-grade-steps{margin-bottom:26px;}
#app :is(#profile-root,#detail-root) .p2-definition{border-top:1px solid var(--p2-line);padding:22px 0 26px;}
html.experience-v1 body.blue-editorial #app :is(#profile-root,#detail-root) .p2-definition p{margin:0!important;font:400 15px/1.85 VisualPretendard,sans-serif!important;color:var(--p2-muted)!important;}
#app :is(#profile-root,#detail-root) .p2-detail-footer{padding-top:16px;}
#app :is(#profile-root,#detail-root) .p2-detail-footer>.profile-metric-list-trigger{display:flex;width:100%;justify-content:center;align-items:center;min-height:50px;color:var(--p2-blue);font:400 14px VisualPretendard,sans-serif;background:none;border:0;padding:0;}
#app :is(#profile-root,#detail-root) .p2-blue-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;margin-top:20px;padding:13px 18px;background:#0767ff;color:white;border:0;border-radius:7px;font:650 15px/1.6 VisualPretendard,sans-serif;}
#app :is(#profile-root,#detail-root) .p2-blue-button svg{margin-left:auto;}
#app :is(#profile-root,#detail-root) .p2-profile .profile-metric-picker-items button{gap:12px;}
#app :is(#profile-root,#detail-root) .p2-profile .profile-metric-picker-items small{white-space:nowrap;color:#687e9d;}
@media(max-width:360px){html.experience-v1 body.blue-editorial #app :is(#profile-root,#detail-root) .p2-type-hero h2{font-size:31px!important;}#app :is(#profile-root,#detail-root) .p2-metric-heading>b{font-size:18px;}#app :is(#profile-root,#detail-root) .p2-grade{font-size:16px;}#app :is(#profile-root,#detail-root) .p2-step-labels{font-size:11px;}}
@media(prefers-reduced-motion:reduce){#app :is(#profile-root,#detail-root) .p2-overview *,#app :is(#profile-root,#detail-root) .p2-profile *{animation:none!important;transition:none!important;}}

html.experience-v1 body.blue-editorial #app #profile-root:has(>.p2-profile){padding-top:4px!important;}

html.experience-v1 body.blue-editorial #app .screen-profile:has(.p2-profile){padding-bottom:24px!important;}

/* Expand the remaining metrics downward; collapse upward. */
#app :is(#profile-root,#detail-root) .p2-all-bottom svg{transform:rotate(90deg);}
#app :is(#profile-root,#detail-root) .p2-all-bottom[aria-expanded="true"] svg{transform:rotate(-90deg);}

/* Restore the existing paged interpretation layout beneath the new grade header. */
html.experience-v1 body.blue-editorial #app #profile-root .p2-legacy-copy{padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:none!important;border-radius:0!important;}

/* Slightly smaller reading text and spacing; keep the original paging controls. */
html.experience-v1 body.blue-editorial #app #profile-root .p2-legacy-copy .domain-profile-interpretation-frame{margin-top:16px!important;}
html.experience-v1 body.blue-editorial #app #profile-root .p2-legacy-copy .domain-profile-interpretation{margin-bottom:24px!important;}
html.experience-v1 body.blue-editorial #app #profile-root .p2-legacy-copy .domain-profile-interpretation-head{margin-bottom:12px!important;}
html.experience-v1 body.blue-editorial #app #profile-root .p2-legacy-copy .domain-profile-interpretation-head h2{font-size:20px!important;}
html.experience-v1 body.blue-editorial #app #profile-root .p2-legacy-copy .domain-profile-copy p{font-size:15px!important;line-height:1.8!important;}
html.experience-v1 body.blue-editorial #app #profile-root .p2-legacy-copy .domain-profile-copy p+p{margin-top:14px!important;}

/* Approved radar concept 3: overview, chart, then the unchanged metric list. */
html.experience-v1 body.blue-editorial #app #detail-root .p2-overview:has(.p2-domain-radar) .p2-type-hero{border-bottom:0;padding:8px 0 0;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar{display:block;margin:8px 0 0;padding:0 0 12px;border:0;border-bottom:1px solid var(--p2-line);background:transparent;box-shadow:none;border-radius:0;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar>summary{display:block;list-style:none;min-height:36px;padding:4px 0;cursor:pointer;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar>summary::-webkit-details-marker{display:none;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar>summary .p2-eyebrow{margin:0;font-size:15px;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-radar-body{display:grid;grid-template-columns:1fr auto;gap:0;padding:0;min-height:0;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar:not([open])>.p2-radar-body{display:none;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .domain-radar-section{position:relative!important;display:block!important;width:100%!important;max-width:300px!important;height:228px!important;min-height:0!important;aspect-ratio:auto!important;margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .domain-radar-section:before,
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .domain-radar-section:after{display:none!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-plot{position:absolute!important;display:block!important;left:50%!important;top:22px!important;transform:translateX(-50%)!important;width:240px!important;height:184px!important;max-width:100%!important;margin:0!important;overflow:visible!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-caption{position:absolute!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:80px!important;min-height:0!important;padding:0!important;margin:0!important;text-align:center!important;background:none!important;border:0!important;transform:none!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-caption.is-axis-0{top:0!important;left:calc(50% - 40px)!important;right:auto!important;bottom:auto!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-caption.is-axis-1{top:51px!important;right:-2px!important;left:auto!important;bottom:auto!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-caption.is-axis-2{bottom:50px!important;right:-2px!important;left:auto!important;top:auto!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-caption.is-axis-3{bottom:0!important;left:calc(50% - 40px)!important;right:auto!important;top:auto!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-caption.is-axis-4{bottom:50px!important;left:-2px!important;right:auto!important;top:auto!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-caption.is-axis-5{top:51px!important;left:-2px!important;right:auto!important;bottom:auto!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-label,
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-label>span{display:block!important;font:600 12px/1.4 VisualPretendard,sans-serif!important;letter-spacing:-.025em!important;color:#14263f!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-grade-bg{padding:0!important;min-width:0!important;min-height:0!important;height:auto!important;border:0!important;background:none!important;box-shadow:none!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-grade{font:600 12px/1.4 VisualPretendard,sans-serif!important;color:#53647a!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar :is(.metric-grade-a-plus,.metric-grade-a,.metric-grade-a-minus,.metric-grade-b-plus) .report-radar-grade{color:#0767ff!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar :is(.metric-grade-c-plus,.metric-grade-c,.metric-grade-c-minus,.metric-grade-d-plus,.metric-grade-d,.metric-grade-d-minus) .report-radar-grade{color:#343d4c!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-grid :is(polygon,line){fill:none!important;stroke:#d5e0f1!important;stroke-width:.75px!important;stroke-dasharray:none!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-area{fill:rgba(7,103,255,.10)!important;stroke:none!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-stroke{fill:none!important;stroke:#0767ff!important;stroke-width:1.5px!important;filter:none!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-point{fill:#0767ff!important;stroke:#fff!important;stroke-width:.7px!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .p2-full-radar{display:none;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar.is-all-metrics .p2-full-radar{display:block;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar.is-all-metrics>.p2-radar-body>:is(.domain-radar-section,.domain-radar-all-button){display:none!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .domain-radar-full{width:100%;max-width:380px;margin:0 auto;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .domain-radar-full svg{width:100%;height:auto;display:block;overflow:visible;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar :is(.domain-radar-all-button,.editorial-chart-close){display:flex;align-items:center;justify-content:center;gap:6px;width:auto;min-height:44px;margin:4px 0 0;padding:6px 8px;border:0;border-radius:0;background:none;box-shadow:none;font:600 13px/1.5 VisualPretendard,sans-serif;color:#0767ff;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .editorial-chart-close{margin:4px 0 0;color:#758295;font-size:12px;font-weight:400;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar :is(button,summary):focus-visible{outline:2px solid #0767ff;outline-offset:3px;}
@media(max-width:360px){html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-caption{width:72px!important;}html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-caption:is(.is-axis-0,.is-axis-3){left:calc(50% - 36px)!important;}html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar .report-radar-plot{width:220px!important;}}

html.experience-v1 body.blue-editorial #app #detail-root .p2-radar-body>:is(.domain-radar-section,.p2-full-radar,.domain-radar-full){grid-column:1/-1;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar.is-all-metrics .editorial-chart-close,html.experience-v1 body.blue-editorial #app #detail-root .p2-radar-body:not(:has(.domain-radar-all-button)) .editorial-chart-close{grid-column:1/-1;}

html.experience-v1 body.blue-editorial #app #detail-root .p2-overview:has(.p2-domain-radar) .p2-type-hero .p2-eyebrow{margin-bottom:12px;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-overview:has(.p2-domain-radar) .p2-type-hero p{margin-top:10px!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar :is(.domain-radar-all-button,.editorial-chart-close){min-height:44px!important;height:44px!important;}
html.experience-v1 body.blue-editorial #app #detail-root .p2-domain-radar+.p2-metrics .p2-section-heading{padding-top:16px;}