/* Personal DISC profile: the paper instrument's common axis and five grade fields. */
.disc-profile{--profile-ink:#365e50;--profile-text:#293e35;--profile-muted:#596a5d;--profile-grid:#9ca393;--profile-highest:#eee3be;--profile-high:#f2e9ce;--profile-middle:#f6efdc;--profile-low:#faf5e8;--profile-lowest:#fdfaf3;margin:28px 0 32px;padding-top:64px;break-inside:avoid;page-break-inside:avoid}
.disc-profile-chart{display:grid;grid-template-columns:44px minmax(0,1fr) 124px;grid-template-rows:360px 64px;column-gap:16px}
.disc-profile-axis,.disc-profile-levels,.disc-profile-plot,.disc-profile-types{position:relative;min-width:0}
.disc-profile-axis{color:var(--profile-muted);font-size:15px;font-variant-numeric:tabular-nums}
.disc-profile-axis>span{position:absolute;right:0;transform:translateY(-50%)}
.disc-profile-plot{grid-column:2;grid-row:1;border-bottom:2px solid var(--profile-muted)}
.disc-profile-plot::before{content:"";position:absolute;left:0;right:0;top:-60px;height:60px;background:var(--profile-highest)}
.disc-profile-band{position:absolute;left:0;right:0}
.disc-profile-band.highest{background:var(--profile-highest)}
.disc-profile-band.high{background:var(--profile-high)}
.disc-profile-band.middle{background:var(--profile-middle)}
.disc-profile-band.low{background:var(--profile-low)}
.disc-profile-band.lowest{background:var(--profile-lowest)}
.disc-profile-gridline{position:absolute;left:0;right:0;border-top:1px dotted var(--profile-grid)}
.disc-profile-guide{position:absolute;top:0;bottom:0;border-left:1px dotted var(--profile-grid)}
.disc-profile-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.disc-profile-line polyline{fill:none;stroke:var(--profile-ink);stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.disc-profile-point{position:absolute;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:50%;background:var(--profile-ink);border:2px solid white}
.disc-profile-point>b{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);font-size:17px;font-weight:650;line-height:1.3;font-variant-numeric:tabular-nums;color:var(--profile-text);background:transparent;padding:0}
.disc-profile-levels{grid-column:3;grid-row:1;color:var(--profile-text)}
.disc-profile-levels>div{position:absolute;display:flex;flex-direction:column;justify-content:center;gap:1px;font-size:15px;line-height:1.4}
.disc-profile-levels strong{font-weight:550}
.disc-profile-levels span{font-size:12px;color:var(--profile-muted);font-variant-numeric:tabular-nums}
.disc-profile-types{grid-column:2;grid-row:2}
.disc-profile-types>div{position:absolute;top:10px;transform:translateX(-50%);text-align:center;line-height:1.4;white-space:nowrap}
.disc-profile-types b{display:block;font-size:25px;font-weight:500;color:var(--profile-ink)}
.disc-profile-types span{display:block;font-size:12px;color:var(--profile-muted)}
.disc-profile figcaption{font-size:14px;line-height:1.8;color:var(--profile-muted);margin:16px 0 0;overflow-wrap:anywhere}
#dialog .disc-profile-chart{grid-template-rows:300px 64px;grid-template-columns:36px minmax(0,1fr) 94px;column-gap:12px}
@media(max-width:600px){.disc-profile{margin:24px 0;padding-top:64px}.disc-profile-chart,#dialog .disc-profile-chart{grid-template-columns:28px minmax(0,1fr) 70px;grid-template-rows:300px 64px;column-gap:8px}.disc-profile-axis{font-size:13px}.disc-profile-levels>div{font-size:12px}.disc-profile-levels span{font-size:11px}.disc-profile-point>b{font-size:15px;padding:0}.disc-profile-types b{font-size:22px}.disc-profile-types span{font-size:11px}.disc-profile figcaption{font-size:13px}}
@media print{.disc-profile{-webkit-print-color-adjust:exact;print-color-adjust:exact}.disc-profile-chart{grid-template-rows:290px 60px;grid-template-columns:36px minmax(0,1fr) 100px}.disc-profile-point>b{font-size:15px}}

.disc-profile-point>small{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;font-weight:400;line-height:1.4;color:var(--profile-muted)}

.narrative-grid .personal-type-heading{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:22px;line-height:1.4;letter-spacing:-.02em;flex-wrap:wrap}
.narrative-grid .personal-type-heading .type-badge{font-size:22px;width:38px;height:38px}
.narrative-grid .personal-type-heading small{font-size:16px;font-weight:400;color:var(--profile-muted,#596a5d)}
.narrative-grid .personal-type-level{font-size:12px;margin:0 0 16px;color:#596a5d}

/* Grade names remain explicit; color is an additional cue, not a substitute. */
[data-disc-grade="매우 낮음"]{--disc-grade-color:#1759c7}
[data-disc-grade="낮음"]{--disc-grade-color:#1684b5}
[data-disc-grade="보통"]{--disc-grade-color:#765b10}
[data-disc-grade="높음"]{--disc-grade-color:#c45b00}
[data-disc-grade="매우 높음"]{--disc-grade-color:#ce2727}
.narrative-grid .disc-grade{font-size:18px;font-weight:700;color:var(--disc-grade-color);line-height:1.5}
.narrative-grid h3 .disc-grade{display:inline-block;margin-left:5px}
.disc-profile-point>b{bottom:36px}
.disc-profile-point>small{font-size:14px;font-weight:700;color:var(--disc-grade-color)}
.disc-profile-levels strong{font-weight:700;color:var(--disc-grade-color)}
@media(max-width:600px){.disc-profile{padding-top:80px}.disc-profile-plot::before{top:-76px;height:76px}.disc-profile-point>b{bottom:46px}.disc-profile-point>small{font-size:12px;line-height:1.2;white-space:normal;width:36px;text-align:center;word-break:keep-all}}

.narrative-grid .personal-type-heading{gap:6px;align-items:baseline}
.narrative-grid .personal-type-heading .type-badge{align-self:center}
.narrative-grid .personal-type-heading>span:nth-child(2){white-space:nowrap}
.narrative-grid .personal-type-heading small{font-size:16px;color:inherit}
.narrative-grid .personal-type-heading .disc-grade{white-space:nowrap;font-size:18px}
.narrative-grid .personal-type-separator{font-size:16px;font-weight:400;color:#596a5d}

.narrative-grid .interpretation-subtitle{font-size:14px;font-weight:650;line-height:1.5;margin:24px 0 8px;color:#293e35}
.narrative-grid .interpretation-subtitle+p{font-size:14px;line-height:1.9;color:#52634f;margin:0}
/* Give the longer explanation a readable measure inside the review dialog. */
#dialog .narrative-grid{grid-template-columns:minmax(0,1fr)}