.disctm-report-contents,
.disctm-report-header-pair-cluster{
  --natural-dimension-track-height:10px;
  --natural-dimension-score-marker-size:10px;
  --natural-dimension-score-marker-border:0;
  --natural-dimension-track-bg:var(--disctm-meter-track-gray-background-color,rgb(229,229,234));
  --natural-dimension-muted:var(--disctm-color-gray-secondary-text,#6e6e73);
  --natural-dimension-yellow-text:var(--disctm-color-text-i-yellow,rgb(255,128,0));
}
.disctm-report-contents{
  --content-width:min(87.5vw,var(--disctm-report-width,720px));
  --space-h1-to-h3:24px;
  --space-h1-to-body: var(--space-h3-to-body, 18px);
  --space-h3-to-body:18px;
  --space-body-to-h1:72px;
  --space-body-to-h3:60px;
  --space-body-to-body:10px;
  /* Owner-prefixed semantic peers; no value below is an Apple-wide universal radius. */
  --disctm-report-disclosure-radius:12px; /* @disc-corner: disctm-report-disclosure */
  --disctm-report-axis-switch-radius:12px; /* @disc-corner: disctm-report-switch */
  --disctm-report-axis-switch-border-width:1px;
  --disctm-report-axis-switch-padding:3px;
  --disctm-report-axis-control-inset:calc(var(--disctm-report-axis-switch-border-width) + var(--disctm-report-axis-switch-padding));
  /* 12px parent - (1px border + 3px padding) = 8px concentric control radius. */
  --disctm-report-axis-control-radius:calc(var(--disctm-report-axis-switch-radius) - var(--disctm-report-axis-control-inset)); /* @disc-corner: disctm-report-switch-control */
  --disctm-report-score-track-radius:16px; /* @disc-corner: disctm-report-score-track */
  --disctm-report-axis-stage-radius:0; /* @disc-corner: disctm-report-axis-stage */
  --disctm-report-personality-map-radius:16px; /* @disc-corner: disctm-report-personality-map */
  --disctm-report-avatar-loader-radius:999px; /* @disc-corner: disctm-report-avatar-loader-bar */
  --disctm-report-answer-choice-radius:8px; /* @disc-corner: disctm-report-answer-choice */
  --disctm-focus-ring-color:var(--disctm-color-accent,#0071e3);
  --disctm-focus-ring-width:2px;
  --disctm-focus-ring-offset:3px;
  width:var(--content-width);
  max-width:100%;
  margin:0 auto;
  padding-bottom:96px;
  overflow-wrap:anywhere;
  word-break:normal;
}
.disctm-report-contents *{box-sizing:border-box}
.disctm-report-contents :is(h1,h2,h3,h4,h5,h6,p,li,dt,dd,figcaption,summary,label,a,button){
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
  white-space:normal;
}
.disctm-report-contents .disctm-report-heading--major,.disctm-report-contents .disctm-report-heading--subsection,.disctm-report-contents p,.disctm-report-contents ul,.disctm-report-contents ol{margin:0}
.disctm-report-contents p:not(.disctm-answer-overview-item-title),.disctm-report-section>ul>li,#disctm-answer-overview-body p:not(.disctm-answer-overview-item-title){text-align:justify}
.disctm-report-section>.disctm-report-heading--major+.disctm-report-heading--subsection{margin-top:var(--space-h1-to-h3)}
.disctm-report-section>.disctm-report-heading--major+:is(p,ul,ol,div){margin-top:var(--space-h1-to-body)}
.disctm-report-section>.disctm-report-heading--subsection+:is(p,ul,ol,div){margin-top:var(--space-h3-to-body)}
.disctm-report-section>:is(p,ul,ol,div)+.disctm-report-heading--major{margin-top:var(--space-body-to-h1)}
.disctm-report-section>:is(p,ul,ol,div)+.disctm-report-heading--subsection{margin-top:var(--space-body-to-h3)}
.disctm-report-section+.disctm-report-section{margin-top:var(--space-body-to-h1)}
.disctm-adapted-intro>:is(p,ul)+:is(p,ul),.disctm-adapted-intro>ul>li+li,.disctm-adapted-intro+.disctm-adapted-overview-notes{margin-top:var(--space-body-to-body)}
.disctm-adapted-intro>ul>li{text-align:justify}
.disctm-adapted-classification-value{text-transform:lowercase}
.disctm-adapted-comparison-meter{width:100%;min-width:0;margin-top:var(--space-body-to-h3)}
.disctm-adapted-comparison-heading{max-width:100%;text-align:left;overflow-wrap:anywhere}
.disctm-report-contents .disctm-adapted-comparison-heading+.disctm-adapted-comparison-track{position:relative;display:block;width:100%;height:var(--natural-dimension-track-height);margin-top:var(--space-h3-to-body)!important;overflow:visible;border-radius:999px;/* @disc-corner: disctm-report-comparison-track */background:var(--natural-dimension-track-background,var(--natural-dimension-track-bg))}
.disctm-adapted-comparison-legend{max-width:100%}
.disctm-report-contents .disctm-adapted-comparison-description{margin-top:var(--space-h3-to-body)}
.disctm-report-contents .disctm-adapted-comparison-description>p+p{margin-top:var(--space-body-to-body)}
/* Adapted choices reuse the Natural answer-overview card system. */
.disctm-report-contents .disctm-adapted-choices{margin-top:var(--space-body-to-h3);min-width:0}
.disctm-report-contents .disctm-adapted-choices[hidden]{display:none}
.disctm-report-contents .disctm-adapted-choices-heading{max-width:100%;margin:0 0 var(--space-h3-to-body);overflow-wrap:anywhere;text-align:left}
.disctm-report-contents .disctm-adapted-choices-intro{margin:0 0 var(--space-body-to-body)}
.disctm-report-contents .disctm-adapted-choice-list{margin:0;padding-left:0;list-style:none}
.disctm-work-heading-accent--s{color:var(--disctm-color-s-green,#00b13f)}
.disctm-report-contents [data-disctm-work-heading="love_partner_should"]{color:var(--disctm-color-s-green,#00b13f)}
.disctm-work-heading-accent--d{color:var(--disctm-color-d-red,#da251d)}
.disctm-work-heading-accent--i{color:var(--disctm-color-text-i-yellow,rgb(255,128,0))}
.disctm-work-heading-accent--c{color:var(--disctm-color-c-blue,#0376bb)}
.disctm-trait-heading--s{color:var(--disctm-color-s-green,#00b13f)}
.disctm-trait-heading--d{color:var(--disctm-color-d-red,#da251d)}
.disctm-report-contents ul{padding-left:1.2em;list-style-type:disc;list-style-position:outside}
.disctm-report-contents .disctm-disc-about-list{list-style:disc;padding-left:1.2em}
.disctm-report-section>p+p,.disctm-report-section>p+:is(ul,ol),.disctm-report-section>:is(ul,ol)+p,.disctm-report-section>:is(ul,ol):not(#disctm-answer-overview-body)>li+li,#disctm-answer-overview-section>p+#disctm-answer-overview-body{margin-top:var(--space-body-to-body)}
.disctm-strengths-intro>p+p,.disctm-career-work-strengths-intro>p+p,.disctm-career-work-strengths-intro+ul{margin-top:var(--space-body-to-body)}
.disctm-career-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;row-gap:30px;min-width:0;margin-top:30px;margin-bottom:30px}
.disctm-career-pair-meter{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;break-inside:avoid;page-break-inside:avoid}
/* The full track: the DISC zones in their colors, and the dot at the larger side's percentage (larger side on the right). */
.disctm-career-pair-track{position:relative;width:100%;height:10px;overflow:visible;border-radius:999px;/* @disc-corner: disctm-report-dimension-track */background:var(--disctm-career-pair-background)}
.disctm-career-pair-marker{position:absolute;z-index:2;top:50%;left:var(--disctm-career-pair-position);display:block;width:10px;height:10px;margin:-5px 0 0 -5px;border:0;border-radius:50%;/* @disc-corner: disctm-report-dimension-marker */background:transparent;box-shadow:0 0 0 calc(var(--natural-dimension-score-marker-size) * .4) #fff,0 calc(var(--natural-dimension-score-marker-size) * .1) calc(var(--natural-dimension-score-marker-size) * .7) calc(var(--natural-dimension-score-marker-size) * .4) rgba(0,0,0,.22)}
.disctm-career-pair-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:10px;font-weight:400}
.disctm-career-pair-legend>span{justify-self:start;min-width:0;font-weight:400;overflow-wrap:anywhere}
/* The smaller side, first, always stays gray; the larger side, last, takes its zone's color from 65%. */
.disctm-career-pair-legend:not(.disctm-career-pair-legend--split)>span:first-child{color:var(--natural-dimension-muted)!important}
.disctm-career-pair-legend--neutral>span{color:var(--natural-dimension-muted)!important}
.disctm-career-pair-legend>span+span{justify-self:end;text-align:right}
/* Each meter carries both views, one over the other, and the report shows the one its owner chose
   ("Đơn giản" by default). On a switch ("Hoà", chosen by Eric on 2026-09-28) the two bars
   cross-fade in place, the circle blooms in with a spring, each label glides to its new side, and
   the guide grows in or out while the meters slide with it (disctm-report-pair-mode.js). */
.disctm-career-pair-view{grid-area:1/1;min-width:0}
.disctm-report-contents:not([data-disctm-pair-mode="detailed"]) .disctm-career-pair-view--detailed>*,
.disctm-report-contents[data-disctm-pair-mode="detailed"] .disctm-career-pair-view--simple>*{visibility:hidden;opacity:0}
.disctm-career-pair-view>:is(.disctm-career-pair-split,.disctm-career-pair-track){transition:opacity .32s ease,visibility 0s}
.disctm-report-contents:not([data-disctm-pair-mode="detailed"]) .disctm-career-pair-view--detailed>.disctm-career-pair-track,
.disctm-report-contents[data-disctm-pair-mode="detailed"] .disctm-career-pair-view--simple>.disctm-career-pair-split{transition:opacity .32s ease,visibility 0s .32s}
.disctm-career-pair-view--detailed .disctm-career-pair-marker{transition:transform .5s cubic-bezier(.28,1.35,.5,1) .08s}
.disctm-report-contents:not([data-disctm-pair-mode="detailed"]) .disctm-career-pair-view--detailed .disctm-career-pair-marker{transform:scale(0);transition:transform .25s ease}
.disctm-report-contents:not([data-disctm-pair-mode="detailed"]) .disctm-pair-guide:not([data-disctm-pair-guide-leaving]){display:none}
/* "Đơn giản": two colors, the larger side on the left, each as long as its own percentage, like
   the iPhone storage bar. The 2px gap shows the page. The larger side, first, takes its color from
   65%; the smaller side, last, always stays gray. */
.disctm-career-pair-split{display:flex;gap:2px;width:100%;height:10px;overflow:hidden;border-radius:999px;/* @disc-corner: disctm-report-dimension-track */}
.disctm-career-pair-segment{display:block;flex:var(--disctm-career-pair-share,50) 1 0px;min-width:0;height:100%}
.disctm-career-pair-legend--split>span:last-child{color:var(--natural-dimension-muted)!important}
/* The switch sits on its own line just above the first track of each part with tracks (only Strengths
   in the free report), 24px above it, like the guide; in Strengths it sits above the guide. Every switch
   changes the whole report. */
.disctm-pair-mode-row{display:flex;min-width:0;margin-top:24px}
.disctm-pair-mode-row+:is(.disctm-pair-guide,.disctm-career-pair-grid),
.disctm-report-contents:not([data-disctm-pair-mode="detailed"]) .disctm-pair-mode-row+.disctm-pair-guide+.disctm-career-pair-grid{margin-top:24px}
/* "Đơn giản" / "Chi tiết": an iOS 27 segmented control in Tinted Liquid Glass. A white glass thumb
   glides to the choice with a small spring; pressed or dragged, it swells into a clear lens. The
   whole switch can be picked up: grab, then grabbing while held. */
.disctm-pair-mode{--disctm-pair-mode-pad:3px;--disctm-pair-mode-spring:cubic-bezier(.28,1.35,.5,1);position:relative;display:inline-grid;grid-template-columns:1fr 1fr;flex:none;padding:var(--disctm-pair-mode-pad);border-radius:999px;/* @disc-corner: disctm-report-pair-mode */background:var(--disctm-color-ios-system-gray-6-default-light,rgb(242,242,247));box-shadow:inset 0 .5px 0 rgba(255,255,255,.8),inset 0 0 0 .5px rgba(0,0,0,.04);isolation:isolate;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.disctm-pair-mode-thumb{position:absolute;z-index:1;top:var(--disctm-pair-mode-pad);bottom:var(--disctm-pair-mode-pad);left:var(--disctm-pair-mode-pad);width:calc(50% - var(--disctm-pair-mode-pad));border-radius:999px;/* @disc-corner: disctm-report-pair-mode */background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.88) 100%);box-shadow:0 3px 10px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.06),inset 0 1px 0 #fff,inset 0 -1px 1px rgba(0,0,0,.04);transform:translateX(var(--disctm-pair-mode-x,0%)) scale(var(--disctm-pair-mode-scale,1));transition:transform .45s var(--disctm-pair-mode-spring),background .25s ease,box-shadow .25s ease;pointer-events:none}
.disctm-pair-mode[data-value="detailed"] .disctm-pair-mode-thumb{--disctm-pair-mode-x:100%}
.disctm-pair-mode.is-dragging .disctm-pair-mode-thumb{transition:background .25s ease,box-shadow .25s ease}
.disctm-pair-mode.is-pressed .disctm-pair-mode-thumb{--disctm-pair-mode-scale:1.14;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(.5px) saturate(170%) contrast(1.06);backdrop-filter:blur(.5px) saturate(170%) contrast(1.06);box-shadow:0 10px 24px rgba(0,0,0,.16),inset 0 1.5px 1px rgba(255,255,255,.95),inset 0 -1px 1px rgba(255,255,255,.55),inset 0 0 0 1px rgba(255,255,255,.6),inset 0 0 10px rgba(255,255,255,.45)}
.disctm-report-contents .disctm-pair-mode-option{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:34px;margin:0;padding:0 16px;border:0;border-radius:999px;/* @disc-corner: disctm-report-pair-mode */background:none;box-shadow:none;color:var(--disctm-color-primary-text,#1d1d1f);font:inherit;letter-spacing:inherit;text-transform:none;white-space:nowrap;cursor:grab;transition:color .2s ease}
.disctm-report-contents .disctm-pair-mode-option:is(:hover,:active,:focus){background:none;box-shadow:none;color:var(--disctm-color-primary-text,#1d1d1f);outline:0}
.disctm-report-contents .disctm-pair-mode,.disctm-report-contents .disctm-pair-mode-option{cursor:grab}
.disctm-report-contents .disctm-pair-mode.is-pressed,.disctm-report-contents .disctm-pair-mode.is-pressed .disctm-pair-mode-option{cursor:grabbing}
html[data-a-disc-input-modality="keyboard"] .disctm-report-contents .disctm-pair-mode-option:focus-visible{outline:var(--disctm-focus-ring-width) solid var(--disctm-focus-ring-color);outline-offset:1px}
.disctm-pair-mode-label{font-weight:500}
.disctm-pair-mode-option[aria-checked="true"] .disctm-pair-mode-label{font-weight:600}
/* A tiny drawing of each view: two colors, or every color with the circle. */
.disctm-pair-mode-picture{position:relative;display:inline-flex;flex:none;gap:1px;width:24px;height:6px;overflow:hidden;border-radius:999px;/* @disc-corner: disctm-report-dimension-track */}
.disctm-pair-mode-picture>span{display:block;min-width:0;height:100%}
.disctm-pair-mode-picture--detailed{overflow:visible;background:linear-gradient(to right,var(--disctm-color-d-red,#da251d) 0%,var(--disctm-color-d-red,#da251d) 22%,var(--disctm-color-i-yellow,#ffbe00) 28%,var(--disctm-color-i-yellow,#ffbe00) 47%,var(--disctm-color-c-blue,#0376bb) 53%,var(--disctm-color-c-blue,#0376bb) 72%,var(--disctm-color-s-green,#00b13f) 78%,var(--disctm-color-s-green,#00b13f) 100%)}
.disctm-pair-mode-picture--detailed>.disctm-pair-mode-picture-dot{position:absolute;top:50%;left:70%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;/* @disc-corner: disctm-report-dimension-marker */box-shadow:0 0 0 2px #fff,0 0 3px 2px rgba(0,0,0,.2)}
@media (prefers-reduced-motion:reduce){
  .disctm-pair-mode-thumb{transition:none!important}
  .disctm-career-pair-view>*,.disctm-career-pair-view .disctm-career-pair-marker{transition:none!important}
}
/* One column gap with .disctm-career-pair-grid, so both right-hand columns start on the same line. */
.disctm-career-suggestion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;align-items:start;min-width:0;margin-top:var(--space-body-to-h3)}
.disctm-career-suggestion-grid--single{grid-template-columns:minmax(0,1fr)}
.disctm-career-suggestion-column{min-width:0}
.disctm-career-suggestion-column>:is(p,ul){margin-top:var(--space-h3-to-body)}
.disctm-career-suggestion-column>ul>li{text-align:left}
.disctm-career-suggestion-column>ul>li+li{margin-top:var(--space-body-to-body)}
.disctm-natural-dimension{--left-score:50%;--right-score:50%;--single-score:0%;--marker-position:50%;--marker-color:#1d1d1f;--score-marker-position:50%;--score-marker-color:#1d1d1f;--neutral-low-position:35%;--neutral-high-position:65%;--threshold-noticeable-position:20%;--threshold-main-low-position:35%;--threshold-main-high-position:65%;--threshold-very-high-position:80%;--zone-left-color:var(--natural-dimension-track-bg);--zone-left-text-color:inherit;--zone-right-color:var(--natural-dimension-track-bg);--zone-right-text-color:inherit;--single-color:var(--natural-dimension-track-bg);--single-text-color:inherit;--natural-dimension-right-fill-color:var(--zone-right-color);--natural-dimension-track-background:var(--natural-dimension-track-bg)}
.disctm-natural-dimension-track{display:flex;width:100%;height:var(--natural-dimension-track-height);overflow:hidden;border-radius:999px;/* @disc-corner: disctm-report-dimension-track */background:var(--natural-dimension-track-bg)}
.disctm-natural-dimension--pair .disctm-natural-dimension-track{position:relative;display:block;overflow:visible;background:var(--natural-dimension-track-background)}
.disctm-natural-dimension--pair .disctm-natural-dimension-fill{display:none}
.disctm-natural-dimension--single .disctm-natural-dimension-track{position:relative;overflow:visible;background:var(--natural-dimension-track-background,var(--natural-dimension-track-bg))}
.disctm-natural-dimension-divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--divider-position);width:1px;transform:translateX(-50%);border-radius:0;/* @disc-corner: disctm-report-dimension-divider */background:var(--disctm-color-gray-border,#d2d2d7);pointer-events:none}
.disctm-natural-dimension-marker{position:absolute;z-index:3;top:50%;left:var(--marker-position);width:var(--natural-dimension-score-marker-size);height:var(--natural-dimension-score-marker-size);margin:calc(var(--natural-dimension-score-marker-size) / -2) 0 0 calc(var(--natural-dimension-score-marker-size) / -2);border:var(--natural-dimension-score-marker-border) solid #fff;border-radius:50%;/* @disc-corner: disctm-report-dimension-marker */background:transparent;box-shadow:0 0 0 calc(var(--natural-dimension-score-marker-size) * .4) #fff,0 calc(var(--natural-dimension-score-marker-size) * .1) calc(var(--natural-dimension-score-marker-size) * .7) calc(var(--natural-dimension-score-marker-size) * .4) rgba(0,0,0,.22)}
.disctm-natural-dimension--pair .disctm-natural-dimension-marker--low,.disctm-natural-dimension--pair .disctm-natural-dimension-marker--high{display:none;z-index:2;width:2px;height:18px;margin:0;transform:translate(-50%,-50%);border:0;border-radius:999px;/* @disc-corner: disctm-report-dimension-tick */background:#1d1d1f;box-shadow:0 1px 4px rgba(0,0,0,.24)}
.disctm-natural-dimension--pair.is-neutral-current .disctm-natural-dimension-marker--low,.disctm-natural-dimension--pair.is-neutral-current .disctm-natural-dimension-marker--high{display:none}
.disctm-natural-dimension-marker--low{left:var(--neutral-low-position)}
.disctm-natural-dimension-marker--high{left:var(--neutral-high-position)}
.disctm-natural-dimension-score-marker{position:absolute;z-index:3;top:50%;left:var(--score-marker-position);width:var(--natural-dimension-score-marker-size);height:var(--natural-dimension-score-marker-size);margin:calc(var(--natural-dimension-score-marker-size) / -2) 0 0 calc(var(--natural-dimension-score-marker-size) / -2);border:var(--natural-dimension-score-marker-border) solid #fff;border-radius:50%;/* @disc-corner: disctm-report-dimension-marker */background:transparent;box-shadow:0 0 0 calc(var(--natural-dimension-score-marker-size) * .4) #fff,0 calc(var(--natural-dimension-score-marker-size) * .1) calc(var(--natural-dimension-score-marker-size) * .7) calc(var(--natural-dimension-score-marker-size) * .4) rgba(0,0,0,.22)}
.disctm-natural-dimension--single .disctm-natural-dimension-fill{display:none;width:var(--single-score);border-radius:999px;/* @disc-corner: disctm-report-dimension-fill */background:var(--single-color)}
.disctm-natural-dimension--single>p{margin-top:10px}
.disctm-natural-dimension-legend{display:flex;justify-content:space-between;gap:1.25rem;margin-top:10px}
.disctm-natural-dimension-legend>span{min-width:0}
.disctm-natural-dimension-legend>span+span{text-align:right}
.disctm-natural-dimension [data-disctm-single-classification]{font-weight:400}
.disctm-natural-dimension strong{color:inherit}
[data-disctm-natural-dimension-heading]{max-width:100%;overflow-wrap:anywhere}
.disctm-natural-dimension-heading-inline{max-width:100%}
.disctm-natural-dimension-description{margin-top:var(--space-h3-to-body)}
.disctm-natural-dimension-description p+p{margin-top:var(--space-body-to-body)}
.disctm-internal-conflict-explanation>:is(p,ul,details)+:is(p,ul,details){margin-top:var(--space-body-to-body)}
.disctm-internal-conflict-explanation>ul>li{text-align:justify}
.disctm-internal-conflict-explanation>.disctm-internal-conflict-or{text-align:left}
.disctm-internal-conflict-disclosure{width:100%;max-width:100%;min-width:0;overflow:clip;border:0;border-radius:var(--disctm-report-disclosure-radius);/* @disc-corner: disctm-report-disclosure */background:rgba(218,37,29,.05);background:color-mix(in srgb,var(--disctm-color-d-red,#da251d) 5%,transparent)}
.disctm-internal-conflict-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:44px;padding:10px 14px;border-radius:var(--disctm-report-disclosure-radius);/* @disc-corner: disctm-report-disclosure */font:inherit;line-height:inherit;text-align:left;list-style:none;cursor:pointer;user-select:none;-webkit-user-select:none;overflow-wrap:anywhere}
.disctm-internal-conflict-disclosure[open]>summary{border-radius:var(--disctm-report-disclosure-radius) var(--disctm-report-disclosure-radius) 0 0;/* @disc-corner: disctm-report-disclosure */}
.disctm-internal-conflict-disclosure>summary::-webkit-details-marker{display:none}
.disctm-internal-conflict-disclosure>summary::marker{content:""}
.disctm-internal-conflict-disclosure>summary:focus{outline:0}
html[data-a-disc-input-modality="keyboard"] .disctm-report-contents .disctm-internal-conflict-disclosure:focus-within{outline:var(--disctm-focus-ring-width) solid var(--disctm-focus-ring-color);outline-offset:var(--disctm-focus-ring-offset)}
.disctm-internal-conflict-disclosure-label{min-width:0;font-weight:inherit}
.disctm-internal-conflict-disclosure[open]>.disctm-internal-conflict-disclosure-summary>.disctm-internal-conflict-disclosure-label{font-weight:revert}
.disctm-internal-conflict-disclosure-chevron{flex:0 0 auto;width:9px;height:9px;margin:-4px 3px 0 10px;color:var(--disctm-color-d-red,#da251d);border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transform-origin:center;transition:transform .2s ease}
.disctm-internal-conflict-disclosure[open] .disctm-internal-conflict-disclosure-chevron{transform:rotate(225deg)}
/* Closing ("Trượt và mờ", disctm-report-motion.js): the title and chevron return at once while the box shrinks. */
.disctm-internal-conflict-disclosure[open].is-closing>.disctm-internal-conflict-disclosure-summary>.disctm-internal-conflict-disclosure-label{font-weight:inherit}
.disctm-internal-conflict-disclosure[open].is-closing .disctm-internal-conflict-disclosure-chevron{transform:rotate(45deg)}
.disctm-internal-conflict-disclosure-body{min-width:0;padding:1px 14px 16px}
.disctm-internal-conflict-disclosure-body>:is(p,ul)+:is(p,ul){margin-top:var(--space-body-to-body)}
.disctm-internal-conflict-disclosure-body>ul>li{text-align:justify}
.disctm-internal-conflict-disclosure-body>.disctm-internal-conflict-or{text-align:left}
@media only screen and (max-width:767px){
  .disctm-internal-conflict-disclosure>summary{min-height:44px;padding:10px 12px}
  .disctm-internal-conflict-disclosure-body{padding:1px 12px 14px}
}
/* "Cách đọc thang đo": the report's expandable box in gray, closed when the report loads, just above the first Strengths tracks.
   Your result on top, its track as long as the tracks below and centered; under a hairline, the colors and two groups
   sharing a zone side by side, split by a hairline (one after the other on a phone). The note is set in
   Patrick Hand (SIL Open Font License, assets/fonts/patrick-hand/OFL.txt). */
@font-face{font-family:"DISC Patrick Hand";src:url("../fonts/patrick-hand/PatrickHand-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:block}
.disctm-report-section>.disctm-report-heading--subsection+.disctm-pair-guide{margin-top:var(--space-h3-to-body)}
.disctm-pair-guide{background:var(--disctm-color-background-almost-white,#f5f5f7)}
.disctm-pair-guide .disctm-internal-conflict-disclosure-chevron{color:var(--natural-dimension-muted)}
.disctm-strengths-intro+.disctm-pair-guide{margin-top:24px}
.disctm-report-contents[data-disctm-pair-mode="detailed"] .disctm-pair-guide+.disctm-career-pair-grid{margin-top:24px}
/* The track is as long as a column's below: half the box less the 36px on each side of the hairline. */
.disctm-pair-guide-lead .disctm-pair-guide-figure{width:calc((100% - 72px) / 2);margin-inline:auto}
.disctm-pair-guide-lead+.disctm-pair-guide-columns{margin-top:24px;padding-top:24px;border-top:1px solid var(--disctm-color-gray-border,#d2d2d7)}
.disctm-pair-guide-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px;align-items:start;min-width:0}
.disctm-pair-guide-column{display:grid;gap:18px;align-content:start;min-width:0}
.disctm-pair-guide-column:first-child{padding-right:36px}
.disctm-pair-guide-column+.disctm-pair-guide-column{padding-left:36px;border-left:1px solid var(--disctm-color-gray-border,#d2d2d7)}
.disctm-pair-guide-unit{min-width:0}
.disctm-pair-guide-unit+.disctm-pair-guide-unit{padding-top:24px;border-top:1px solid var(--disctm-color-gray-border,#d2d2d7)}
.disctm-pair-guide-figure{position:relative;min-width:0}
.disctm-pair-guide-top{position:relative}
/* Room for the note above the dot. */
.disctm-pair-guide-top--room{padding-top:36px}
.disctm-pair-guide-note{position:absolute;top:0;left:calc(var(--disctm-pair-guide-at) - 44px);transform:translateX(-100%) rotate(-4deg);transform-origin:right center;font-family:"DISC Patrick Hand",var(--disctm-font-family,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,system-ui,Roboto,"Segoe UI",Arial,sans-serif);font-size:19px;line-height:22px;font-weight:400;letter-spacing:0;color:var(--natural-dimension-muted);white-space:nowrap}
/* One DISC letter over each zone; the end words go under the track, as on every other track. */
.disctm-pair-guide-letters{position:relative;height:16px;margin-bottom:8px;font-weight:600}
.disctm-pair-guide-letters>span{position:absolute;top:0;left:var(--disctm-pair-guide-at);transform:translateX(-50%);line-height:16px;white-space:nowrap}
/* A zone two groups share: "I hoặc S", "hoặc" in a gradient from one group's color to the other's. */
.disctm-pair-guide-or{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.disctm-pair-guide-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:10px;color:var(--natural-dimension-muted)}
.disctm-pair-guide-legend>span{min-width:0;overflow-wrap:anywhere}
.disctm-pair-guide-legend>span+span{text-align:right}
/* The words sit right under the measurements: the one arrow leaves the larger measurement sideways
   and drops beside its word ("Side exit", chosen by Eric on 2026-09-28), so it needs no room of its own. */
.disctm-pair-guide-legend--dot{margin-top:2px}
/* Measuring lines: from each end of the track, an arrow to the dot. The larger side's takes its zone's color from 65%. */
.disctm-pair-guide-measure{--disctm-pair-guide-measure-color:var(--natural-dimension-muted);position:relative;height:30px;margin-top:6px;font-weight:600}
.disctm-pair-guide-measure-tick{position:absolute;top:0;left:0;width:2px;height:12px;border-radius:1px;/* @disc-corner: disctm-report-dimension-tick */background:var(--disctm-pair-guide-measure-color)}
.disctm-pair-guide-measure-tick--smaller{right:0;left:auto;background:var(--natural-dimension-muted)}
.disctm-pair-guide-measure-line{position:absolute;top:5px;left:0;width:calc(var(--disctm-pair-guide-at) - 8px);height:2px;border-radius:1px;/* @disc-corner: disctm-report-dimension-tick */background:var(--disctm-pair-guide-measure-color)}
.disctm-pair-guide-measure-line--smaller{right:0;left:calc(var(--disctm-pair-guide-at) + 8px);width:auto;background:var(--natural-dimension-muted)}
.disctm-pair-guide-measure-arrow{position:absolute;top:2px;left:calc(var(--disctm-pair-guide-at) - 8px);width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--disctm-pair-guide-measure-color)}
.disctm-pair-guide-measure-arrow--smaller{left:calc(var(--disctm-pair-guide-at) + 2px);border-right:6px solid var(--natural-dimension-muted);border-left:0}
/* Each measurement sits in the middle of its straight line: from the end to 8px before the dot. */
.disctm-pair-guide-measure-label{position:absolute;top:12px;left:calc(var(--disctm-pair-guide-at) / 2 - 4px);transform:translateX(-50%);color:var(--natural-dimension-muted);white-space:nowrap}
.disctm-pair-guide-measure-label--smaller{left:calc((100% + var(--disctm-pair-guide-at)) / 2 + 4px)}
.disctm-pair-guide-arrows{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.disctm-pair-guide-text{margin-top:18px}
/* Plain paragraphs, no lists, justified like the report's other paragraphs (Eric, 2026-09-28). */
.disctm-report-contents .disctm-pair-guide-text>p{margin:0;text-align:justify}
@media only screen and (max-width:734px){
  .disctm-pair-guide-columns{grid-template-columns:minmax(0,1fr)}
  .disctm-pair-guide-column:first-child{padding-right:0}
  .disctm-pair-guide-column+.disctm-pair-guide-column{padding-top:24px;padding-left:0;border-top:1px solid var(--disctm-color-gray-border,#d2d2d7);border-left:0}
  .disctm-pair-guide-lead .disctm-pair-guide-figure{width:auto}
}
.disctm-natural-axis-graph{
  --natural-axis-label-to-overview-gap:24px;
  --natural-axis-label-gap:14px;
  --natural-axis-label-line-box:26.4706px;
  --natural-axis-side-label-gap:calc(var(--natural-axis-label-gap) + 2px);
  /* The marker is the DISC ring with its star, the same 24px on every screen size. */
  --natural-axis-marker-size:24px;
  --natural-axis-thickness:10px;
  --natural-axis-half-thickness:5px;
  --natural-axis-arrow-length:38px;
  --natural-axis-arrow-half:31px;
  /* 432px visible SVG footprint gives each arrow a 216px center-to-tip maximum. */
  --natural-axis-plane-max:376.997px;
  --natural-axis-arrow-tip-overhang:7.2949%;
  --natural-axis-arrow-tip-offset:-7.2949%;
  --natural-axis-arrow-head-half:5.9017%;
  --natural-axis-side-label-reserve:clamp(96px,15vw,112px);
  --natural-axis-left-label-reserve:var(--natural-axis-side-label-reserve);
  --natural-axis-right-label-reserve:var(--natural-axis-side-label-reserve);
  --natural-axis-side-label-footprint:calc(var(--natural-axis-left-label-reserve) + var(--natural-axis-right-label-reserve) + var(--natural-axis-side-label-gap) + var(--natural-axis-side-label-gap));
  --natural-axis-plane-size:min(calc((100% - var(--natural-axis-side-label-footprint)) / 1.145898), calc(100% / 1.145898), calc(100% - var(--natural-axis-marker-size)), var(--natural-axis-plane-max));
  --natural-axis-label-reserve:calc((var(--natural-axis-plane-size) * .072949) + var(--natural-axis-label-gap) + var(--natural-axis-label-line-box));
  --natural-axis-marker-x:50%;
  --natural-axis-marker-y:50%;
  --natural-axis-disc-border:conic-gradient(from -90deg,var(--disctm-color-d-red,#da251d),var(--disctm-color-i-yellow,#ffbe00),var(--disctm-color-s-green,#00b13f),var(--disctm-color-c-blue,#0376bb),var(--disctm-color-d-red,#da251d));
  --natural-axis-disc-joins:none;
  margin-inline:auto;
  max-width:100%;
  overflow:visible;
}
.disctm-natural-overview-notes+.disctm-natural-axis-graph,
.disctm-adapted-overview-notes+.disctm-natural-axis-graph{margin-top:24px}
.disctm-report-section>.disctm-natural-dimension-description+.disctm-natural-axis-graph{margin-top:32px}
.disctm-report-section>p+.disctm-natural-axis-graph{margin-top:32px}
.disctm-report-section>.disctm-natural-axis-graph+ p{margin-top:24px}
.disctm-report-section>.disctm-natural-axis-graph+.disctm-natural-overview-under-graph{margin-top:24px}
.disctm-report-section>.disctm-natural-axis-graph+.disctm-natural-axis-print-stack+.disctm-natural-overview-under-graph{margin-top:24px}
.disctm-natural-overview-under-graph>p+p,.disctm-natural-overview-under-graph+p{margin-top:var(--space-body-to-body)}
.disctm-disc-about-list+.disctm-disc-about-axis-graph{margin-top:32px}
.disctm-natural-axis-score-layer[hidden]{display:none!important}
.disctm-natural-axis-score-layer{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  column-gap:20px;
  row-gap:20px;
  align-items:end;
  justify-content:center;
  width:100%;
  max-width:460px;
  margin:0 auto;
}
.disctm-natural-score-meter{
  --natural-score-trait-color:var(--disctm-color-primary-text,#1d1d1f);
  --natural-score-trait-text:var(--natural-score-trait-color);
  --natural-score-fill-height:0%;
  --natural-score-track-fallback:linear-gradient(180deg,rgba(60,60,67,.07),rgba(60,60,67,.12));
  display:grid;
  grid-template-rows:auto 200px;
  gap:12px;
  min-width:0;
  width:100px;
}
.disctm-natural-score-meter[data-disctm-natural-score-meter="D"]{
  --natural-score-trait-color:var(--disctm-color-d-red,#da251d);
  --natural-score-trait-text:var(--disctm-color-d-red,#da251d);
  --natural-score-track-fallback:linear-gradient(180deg,rgba(218,37,29,.09),rgba(218,37,29,.15));
}
.disctm-natural-score-meter[data-disctm-natural-score-meter="I"]{
  --natural-score-trait-color:var(--disctm-color-i-yellow,#ffbe00);
  --natural-score-trait-text:var(--disctm-color-text-i-yellow,rgb(255,128,0));
  --natural-score-track-fallback:linear-gradient(180deg,rgba(255,190,0,.09),rgba(255,190,0,.15));
}
.disctm-natural-score-meter[data-disctm-natural-score-meter="S"]{
  --natural-score-trait-color:var(--disctm-color-s-green,#00b13f);
  --natural-score-trait-text:var(--disctm-color-s-green,#00b13f);
  --natural-score-track-fallback:linear-gradient(180deg,rgba(0,177,63,.09),rgba(0,177,63,.15));
}
.disctm-natural-score-meter[data-disctm-natural-score-meter="C"]{
  --natural-score-trait-color:var(--disctm-color-c-blue,#0376bb);
  --natural-score-trait-text:var(--disctm-color-c-blue,#0376bb);
  --natural-score-track-fallback:linear-gradient(180deg,rgba(3,118,187,.09),rgba(3,118,187,.15));
}
.disctm-natural-score-label{
  display:grid;
  gap:2px;
  min-width:0;
  min-height:50px;
  align-content:end;
  text-align:center;
}
.disctm-natural-score-value{
  display:block;
  min-width:0;
  color:var(--natural-score-trait-text);
  white-space:nowrap;
}
.disctm-natural-score-classification{
  display:block;
  min-width:0;
  color:var(--disctm-color-gray-secondary-text,#6e6e73);
  overflow-wrap:anywhere;
}
.disctm-natural-score-track{
  position:relative;
  width:100px;
  height:200px;
  overflow:hidden;
  border-radius:var(--disctm-report-score-track-radius); /* @disc-corner: disctm-report-score-track */
  background:var(--natural-score-track-fallback);
  box-shadow:inset 0 0 0 1px rgba(60,60,67,.08);
}
@supports (color:color-mix(in srgb,red,white)){
  .disctm-natural-score-track{
    background:linear-gradient(180deg,color-mix(in srgb,var(--natural-score-trait-color) 9%,rgb(242,242,247)) 0%,color-mix(in srgb,var(--natural-score-trait-color) 15%,rgb(229,229,234)) 100%);
  }
}
.disctm-natural-score-fill{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:var(--natural-score-fill-height);
  border-radius:0; /* @disc-corner: disctm-report-score-fill */
  background:var(--natural-score-trait-color);
  transition:height .45s cubic-bezier(.2,0,0,1);
}
.disctm-natural-score-identity{
  --natural-score-identity-trait-color:var(--disctm-color-primary-text,#1d1d1f);
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  margin-top:4px;
  padding-top:0;
  border-top:0;
  text-align:left;
}
.disctm-natural-score-identity[data-disctm-dominant-trait="D"]{--natural-score-identity-trait-color:var(--disctm-color-d-red,#da251d)}
.disctm-natural-score-identity[data-disctm-dominant-trait="I"]{--natural-score-identity-trait-color:var(--disctm-color-text-i-yellow,rgb(255,128,0))}
.disctm-natural-score-identity[data-disctm-dominant-trait="S"]{--natural-score-identity-trait-color:var(--disctm-color-s-green,#00b13f)}
.disctm-natural-score-identity[data-disctm-dominant-trait="C"]{--natural-score-identity-trait-color:var(--disctm-color-c-blue,#0376bb)}
.disctm-natural-score-identity-icon{
  --disc-red:var(--disctm-color-d-red,#da251d);
  --disc-yellow:var(--disctm-color-i-yellow,#ffbe00);
  --disc-green:var(--disctm-color-s-green,#00b13f);
  --disc-blue:var(--disctm-color-c-blue,#0376bb);
  display:grid;
  flex:0 0 auto;
  place-items:center;
  width:auto;
  height:56px;
  color:var(--disctm-color-primary-text,#1d1d1f);
}
.disctm-natural-score-identity-icon:empty{
  display:none;
}
.disctm-natural-score-identity-icon .disctm-personality-map-icon{
  display:block;
  width:auto;
  max-width:none;
  height:56px;
  margin:0;
  overflow:visible;
  opacity:1;
}
.disctm-natural-score-identity-copy{
  display:block;
  min-width:0;
}
.disctm-natural-score-identity-label{
  display:block;
  margin-right:0;
  color:var(--disctm-color-ios-system-gray-default-light,var(--disctm-color-gray-secondary-text,#6e6e73));
  border-color:currentColor;
  font-family:var(--disctm-font-family,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Helvetica",system-ui,"Roboto","Segoe UI","Arial",sans-serif);
  font-size:14px;
  line-height:1.2857742857;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
}
.disctm-natural-score-identity-title{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  column-gap:.18em;
  row-gap:.04em;
  margin-top:6px;
  color:var(--natural-score-identity-trait-color);
  font-family:var(--disctm-font-family,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Helvetica",system-ui,"Roboto","Segoe UI","Arial",sans-serif);
  font-size:34px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:0;
  text-align:left;
  overflow-wrap:anywhere;
}
.disctm-natural-score-identity-group,
.disctm-natural-score-identity-group .disctm-results{
  color:inherit;
}
.disctm-natural-score-identity-letters,
.disctm-natural-score-identity-letters .disctm-results{
  color:inherit;
}
.disctm-natural-score-identity-letters{
  white-space:nowrap;
}
@media only screen and (max-width: 1068px){
  .disctm-natural-score-identity-label{
    font-size:13px;
    line-height:1.3333733333;
  }
  .disctm-natural-score-identity-title{
    font-size:30px;
    line-height:1.125;
  }
  .disctm-natural-score-identity-icon{
    width:auto;
    height:50px;
  }
  .disctm-natural-score-identity-icon .disctm-personality-map-icon{
    width:auto;
    height:50px;
  }
}
/* The score graph has no coordinate plane: its stage is a plain block so the
   meters and the identity row flow at their natural height. */
.disctm-natural-axis-graph[data-disctm-natural-axis-view="scores"] .disctm-natural-axis-stage{
  display:block;
  padding:0;
}
.disctm-natural-axis-graph[data-disctm-natural-axis-view="scores"] .disctm-natural-axis-score-layer{
  position:static;
  z-index:auto;
  top:auto;
  left:auto;
  transform:none;
}
.disctm-natural-axis-stage{
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  width:100%;
  max-width:100%;
  min-height:auto;
  margin:0 auto;
  padding:var(--natural-axis-label-reserve) 0;
  border:0;
  border-radius:var(--disctm-report-axis-stage-radius); /* @disc-corner: disctm-report-axis-stage */
  background:#fff;
  color:inherit;
  overflow:visible;
  transform-origin:top center;
}
.disctm-natural-axis-plane{
  position:relative;
  width:var(--natural-axis-plane-size);
  aspect-ratio:1;
  margin:0 auto;
  min-height:0;
  background:transparent;
}
.disctm-natural-axis-layer{position:absolute;inset:0;min-width:0;min-height:0}
.disctm-natural-axis-layer[hidden]{display:none!important}
.disctm-natural-axis-layer--traits{z-index:2;overflow:visible}
.disctm-natural-axis-layer--personality{z-index:1;overflow:hidden}
.disctm-natural-axis-label,
.disctm-natural-axis-name,
.disctm-natural-axis-marker-group{
  font-size:var(--disctm-natural-graph-font-size, inherit);
  line-height:var(--disctm-natural-graph-line-height, inherit);
  font-weight:var(--disctm-natural-graph-font-weight, inherit);
  letter-spacing:var(--disctm-natural-graph-letter-spacing, inherit);
}
.disctm-natural-axis-label[data-disctm-natural-typography="typography-body-reduced"],
.disctm-natural-axis-name[data-disctm-natural-typography="typography-body-reduced"],
.disctm-natural-axis-marker-group[data-disctm-natural-typography="typography-body-reduced"]{--disctm-natural-graph-font-size:14px;--disctm-natural-graph-line-height:1.42859;--disctm-natural-graph-font-weight:400;--disctm-natural-graph-letter-spacing:-0.016em}
.disctm-natural-axis-label[data-disctm-natural-typography="category-eyebrow__date"],
.disctm-natural-axis-name[data-disctm-natural-typography="category-eyebrow__date"],
.disctm-natural-axis-marker-group[data-disctm-natural-typography="category-eyebrow__date"]{--disctm-natural-graph-font-size:14px;--disctm-natural-graph-line-height:1.2857742857;--disctm-natural-graph-font-weight:600;--disctm-natural-graph-letter-spacing:-0.016em}
.disctm-natural-axis-label[data-disctm-natural-typography="typography-caption"],
.disctm-natural-axis-name[data-disctm-natural-typography="typography-caption"],
.disctm-natural-axis-marker-group[data-disctm-natural-typography="typography-caption"]{--disctm-natural-graph-font-size:12px;--disctm-natural-graph-line-height:1.33337;--disctm-natural-graph-font-weight:400;--disctm-natural-graph-letter-spacing:-0.01em}
.disctm-natural-axis-label[data-disctm-natural-typography="badge-reduced"],
.disctm-natural-axis-name[data-disctm-natural-typography="badge-reduced"],
.disctm-natural-axis-marker-group[data-disctm-natural-typography="badge-reduced"]{--disctm-natural-graph-font-size:12px;--disctm-natural-graph-line-height:1.3333733333;--disctm-natural-graph-font-weight:600;--disctm-natural-graph-letter-spacing:-0.01em}
.disctm-natural-axis-marker-group[data-disctm-natural-typography="personality-map-label"]{--disctm-natural-graph-font-size:14px;--disctm-natural-graph-line-height:1.42859;--disctm-natural-graph-font-weight:500;--disctm-natural-graph-letter-spacing:-0.016em}
.disctm-natural-axis-label,
.disctm-natural-axis-name{text-align:center}
@media only screen and (max-width: 640px){
  .disctm-natural-axis-score-layer{
    grid-template-columns:repeat(4,minmax(0,1fr));
    column-gap:clamp(10px,3.4vw,16px);
    row-gap:18px;
    max-width:100%;
  }
  .disctm-natural-score-meter{
    --natural-score-mobile-track-height:clamp(160px,44vw,200px);
    grid-template-rows:auto var(--natural-score-mobile-track-height);
    width:100%;
  }
  .disctm-natural-score-label{min-height:46px}
  .disctm-natural-score-track{
    width:100%;
    height:var(--natural-score-mobile-track-height);
    border-radius:var(--disctm-report-score-track-radius); /* @disc-corner: disctm-report-score-track */
  }
  .disctm-natural-score-identity{
    margin-top:2px;
    padding-top:18px;
  }
  .disctm-natural-score-identity-icon,
  .disctm-natural-score-identity-icon .disctm-personality-map-icon{
    width:auto;
    height:46px;
  }
  .disctm-natural-score-identity-label{
    font-size:12px;
    line-height:1.3333733333;
  }
  .disctm-natural-score-identity-title{
    margin-top:4px;
    font-size:26px;
    line-height:1.14286;
  }
  .disctm-natural-axis-label,
  .disctm-natural-axis-name,
  .disctm-natural-axis-marker-group{--disctm-natural-graph-font-size:17px}
  .disctm-natural-axis-graph{--natural-axis-label-line-box:25px}
  .disctm-natural-axis-label[data-disctm-natural-typography="typography-body-but-eighteen-px-on-desktop"],
  .disctm-natural-axis-name[data-disctm-natural-typography="typography-body-but-eighteen-px-on-desktop"]{--disctm-natural-graph-font-size:17px}
}
.disctm-natural-axis-label{position:absolute;z-index:5;box-sizing:border-box;width:max-content;max-width:min(240px,100%);overflow-wrap:normal;text-wrap:balance}
.disctm-natural-axis-label-text--personality,
.disctm-natural-axis-label-text--mobile{display:none}
.disctm-natural-axis-label-text--desktop{display:block}
.disctm-natural-axis-label-line{display:block;max-width:100%;white-space:nowrap}
.disctm-natural-axis-label--top{left:50%;top:calc((var(--natural-axis-arrow-tip-overhang) + var(--natural-axis-label-gap) + var(--natural-axis-label-line-box)) * -1);bottom:auto;transform:translateX(-50%)}
.disctm-natural-axis-label--bottom{left:50%;top:calc(100% + var(--natural-axis-arrow-tip-overhang) + var(--natural-axis-label-gap));bottom:auto;transform:translateX(-50%)}
.disctm-natural-axis-label--left{left:auto;right:calc(100% + var(--natural-axis-arrow-tip-overhang) + var(--natural-axis-side-label-gap));top:50%;width:var(--natural-axis-left-label-reserve);max-width:var(--natural-axis-left-label-reserve);transform:translateY(-50%);text-align:right}
.disctm-natural-axis-label--right{left:calc(100% + var(--natural-axis-arrow-tip-overhang) + var(--natural-axis-side-label-gap));right:auto;top:50%;width:var(--natural-axis-right-label-reserve);max-width:var(--natural-axis-right-label-reserve);transform:translateY(-50%);text-align:left}
.disctm-natural-axis-label--right .disctm-natural-axis-label-text{width:max-content;max-width:100%;margin-left:0;text-align:left}
.disctm-natural-axis-label--right .disctm-natural-axis-label-text--traits{display:block}
.disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-layer--traits{pointer-events:none}
.disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-line-body,
.disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-center{display:none}
.disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-label-text--traits{display:none}
.disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-label-text--personality{display:block}
.disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-label--left{max-width:var(--natural-axis-left-label-reserve)}
.disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-label--right{width:var(--natural-axis-right-label-reserve);max-width:var(--natural-axis-right-label-reserve)}
.disctm-natural-axis-arrow-graphic{position:absolute;inset:var(--natural-axis-arrow-tip-offset);z-index:2;display:block;background:url("../svg/disc-four-arrows-ratios.svg") center/100% 100% no-repeat;pointer-events:none}
/* Each large arrowhead is the one plain triangle of the original arrowheads image, with nothing added at
   its base (Eric, 2026-10-08, after strips and a redrawn border at the base looked like a second shape on
   iPhone). "?v=2" fetches the original image again where 13h27 to 14h53 left a copy with a strip at the
   base cached for a year. */
.disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-arrow-graphic{display:block;background-image:url("../svg/disc-four-arrowheads-ratios.svg?v=2")}
/* Hướng ngoại and Hướng nội curve around two corners of the personality map in the same type as Nhanh and Chậm.
   Each SVG sits on its corner and draws outward from it, so the curve does not depend on the map size. */
.disctm-personality-map-orientation{position:absolute;z-index:3;width:0;height:0;pointer-events:none;-webkit-user-select:none;user-select:none}
.disctm-personality-map-orientation--extraversion{top:0;right:0;--disctm-personality-map-orientation-color:var(--disctm-color-i-yellow,#ffbe00)}
.disctm-personality-map-orientation--introversion{bottom:0;left:0;--disctm-personality-map-orientation-color:var(--disctm-color-c-blue,#0376bb)}
.disctm-personality-map-orientation-svg{position:absolute;top:0;left:0;display:block;width:1px;height:1px;overflow:visible}
.disctm-personality-map-orientation-svg--phone{display:none}
.disctm-personality-map-orientation-text{fill:var(--disctm-personality-map-orientation-color)}
.disctm-personality-map-orientation-guide{fill:none;stroke:var(--disctm-personality-map-orientation-color);stroke-width:2;stroke-linecap:round;opacity:.5}
/* D, I, S and C sit on the map's four corners as solid letter seals, in the DISC logo's order. Each
   seal is centred on its 16px rounded corner, 4.69px in along both axes (16 × (1 − 1/√2)), and a
   white ring parts it from the grid and the curves. The 14px letter is .typography-body-reduced's
   size. The curves keep their exact shapes and move 12px out along each axis (17px along the
   diagonal), which leaves their guide arcs about 8px clear of the seals. */
.disctm-personality-map-letter{position:absolute;z-index:4;box-sizing:border-box;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;/* @disc-corner: disctm-report-personality-map-letter */background:var(--disctm-personality-map-letter-color);color:#fff;font-size:14px;line-height:24px;font-weight:600;letter-spacing:0;text-align:center;box-shadow:0 0 0 3px #fff;pointer-events:none;-webkit-user-select:none;user-select:none}
.disctm-personality-map-letter--d{top:4.69px;left:4.69px;--disctm-personality-map-letter-color:var(--disctm-color-d-red,#da251d)}
.disctm-personality-map-letter--i{top:4.69px;left:calc(100% - 4.69px);--disctm-personality-map-letter-color:var(--disctm-color-i-yellow,#ffbe00)}
.disctm-personality-map-letter--s{top:calc(100% - 4.69px);left:calc(100% - 4.69px);--disctm-personality-map-letter-color:var(--disctm-color-s-green,#00b13f)}
.disctm-personality-map-letter--c{top:calc(100% - 4.69px);left:4.69px;--disctm-personality-map-letter-color:var(--disctm-color-c-blue,#0376bb)}
.disctm-personality-map-orientation--extraversion{transform:translate(12px,-12px)}
.disctm-personality-map-orientation--introversion{transform:translate(-12px,12px)}
/* The personality map places "Bạn" and the group name itself (placePersonalityMapLabel in
   disctm-report-layout.js): the name stack becomes an anchor at the marker's top left corner and
   each part sits at its own offset, on one line, or two with an inserted break. */
.disctm-natural-axis-marker[data-disctm-natural-axis-name-position="map"] .disctm-natural-axis-name-stack{top:0;right:auto;bottom:auto;left:0;display:block;width:0;height:0;max-width:none;transform:none}
.disctm-natural-axis-marker[data-disctm-natural-axis-name-position="map"] .disctm-natural-axis-name-stack .disctm-natural-axis-name,
.disctm-natural-axis-marker[data-disctm-natural-axis-name-position="map"] .disctm-natural-axis-name-stack .disctm-natural-axis-marker-group{position:absolute;top:var(--natural-axis-part-y,0px);left:var(--natural-axis-part-x,0px);width:var(--natural-axis-part-w,auto);max-width:none;margin:0;padding:0;white-space:nowrap;text-wrap:nowrap;text-align:var(--natural-axis-part-align,left);justify-self:auto}
.disctm-group-name-print > span[data-disctm-map-break]{display:none}
/* A seal the marker covers, or one that alone keeps the label out of its own corner cell, slides
   along its map edge; it hides only when no slide fits. */
.disctm-personality-map-letter{transform:translate(var(--disctm-personality-map-letter-dx,0px),var(--disctm-personality-map-letter-dy,0px))}
.disctm-personality-map-letter[data-disctm-personality-map-letter-hidden]{visibility:hidden}
/* The print copy is laid out on screen, out of view, and then printed, so its personality map takes
   its paper geometry here too: the label placement measured on screen is the one that prints. Each
   value mirrors disctm-report-print.css (tests/map-label.mjs compares them). */
.disctm-natural-axis-print-figure[data-disctm-natural-axis-print-view="personality"] .disctm-natural-axis-graph{--natural-axis-plane-max:232px!important;--natural-axis-marker-size:16px!important}
.disctm-natural-axis-print-figure[data-disctm-natural-axis-print-view="personality"] .disctm-personality-map{--disc-map-icon-slot-width:24px!important;--disc-map-icon-slot-height:24px!important;--disc-map-label-slot-height:auto!important;--disc-map-icon-label-gap:3px!important;--disc-map-label-font-size:8.5pt!important;--disc-map-label-line-height:1.2!important}
.disctm-natural-axis-print-figure[data-disctm-natural-axis-print-view="personality"] .disctm-personality-map-cell{padding:4px 2px!important}
.disctm-natural-axis-print-figure[data-disctm-natural-axis-print-view="personality"] .disctm-personality-map-content{gap:3px!important;transform:none!important}
.disctm-natural-axis-print-figure[data-disctm-natural-axis-print-view="personality"] .disctm-personality-map-icon{display:block!important;width:22px!important;height:21px!important}
.disctm-natural-axis-print-figure[data-disctm-natural-axis-print-view="personality"] .disctm-personality-map-name{font-size:8.5pt!important;line-height:1.2!important;font-weight:500!important;white-space:normal!important;text-wrap:balance!important;overflow-wrap:normal!important}
.disctm-natural-axis-print-figure[data-disctm-natural-axis-print-view="personality"] .disctm-natural-axis-name{font-size:9pt!important;line-height:1.3!important}
.disctm-natural-axis-print-figure[data-disctm-natural-axis-print-view="personality"] .disctm-natural-axis-marker-group{font-size:8.5pt!important;line-height:1.2!important}
.disctm-natural-axis-print-figure[data-disctm-natural-axis-print-view="personality"] .disctm-personality-map-letter{width:16px!important;height:16px!important;margin:-8px 0 0 -8px!important;font-size:7pt!important;line-height:16px!important;box-shadow:0 0 0 2px #fff!important}
.disctm-natural-axis-print-figure[data-disctm-natural-axis-print-view="personality"] .disctm-personality-map-orientation{display:none!important}
.disctm-disc-about-axis-graphic{position:absolute;inset:var(--natural-axis-arrow-tip-offset);z-index:2;display:block;pointer-events:none}
.disctm-disc-about-axis-svg{display:block;width:100%;height:100%;overflow:visible}
.disctm-disc-about-axis-animals{--disctm-disc-about-axis-animal-padding:12px;position:absolute;inset:var(--natural-axis-arrow-tip-offset);z-index:4;display:block;pointer-events:none}
.disctm-disc-about-axis-animal{position:absolute;display:block;width:100px;height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}
.disctm-disc-about-axis-animal--top-left{top:var(--disctm-disc-about-axis-animal-padding);left:var(--disctm-disc-about-axis-animal-padding)}
.disctm-disc-about-axis-animal--top-right{top:var(--disctm-disc-about-axis-animal-padding);right:var(--disctm-disc-about-axis-animal-padding)}
.disctm-disc-about-axis-animal--bottom-right{right:var(--disctm-disc-about-axis-animal-padding);bottom:var(--disctm-disc-about-axis-animal-padding)}
.disctm-disc-about-axis-animal--bottom-left{bottom:var(--disctm-disc-about-axis-animal-padding);left:var(--disctm-disc-about-axis-animal-padding)}
.disctm-natural-axis-line{position:absolute;z-index:2;pointer-events:none;overflow:visible}
.disctm-natural-axis-line--x{left:0;right:0;top:50%;height:calc(var(--natural-axis-arrow-half) * 2);transform:translateY(-50%)}
.disctm-natural-axis-line--y{top:0;bottom:0;left:50%;width:calc(var(--natural-axis-arrow-half) * 2);transform:translateX(-50%);z-index:3}
.disctm-natural-axis-line-body{position:absolute;border-radius:0;/* @disc-corner: disctm-report-axis-line */opacity:0}
.disctm-natural-axis-line--x .disctm-natural-axis-line-body{left:0;right:0;top:50%;height:var(--natural-axis-thickness);transform:translateY(-50%);background:var(--natural-axis-x-gradient,linear-gradient(90deg,var(--disctm-color-c-blue,#0376bb) 0%,var(--disctm-color-c-blue,#0376bb) 35%,var(--disctm-color-text-i-yellow,rgb(255,128,0)) 65%,var(--disctm-color-text-i-yellow,rgb(255,128,0)) 100%))}
.disctm-natural-axis-line--y .disctm-natural-axis-line-body{top:0;bottom:0;left:50%;width:var(--natural-axis-thickness);transform:translateX(-50%);background:var(--natural-axis-y-gradient,linear-gradient(180deg,var(--disctm-color-d-red,#da251d) 0%,var(--disctm-color-d-red,#da251d) 35%,var(--disctm-color-s-green,#00b13f) 65%,var(--disctm-color-s-green,#00b13f) 100%))}
.disctm-natural-axis-arrow{position:absolute;width:0;height:0;opacity:0}
.disctm-natural-axis-arrow--left{left:calc(var(--natural-axis-arrow-length) * -1);top:50%;transform:translateY(-50%);border-top:var(--natural-axis-arrow-half) solid transparent;border-bottom:var(--natural-axis-arrow-half) solid transparent;border-right:var(--natural-axis-arrow-length) solid var(--disctm-color-c-blue,#0376bb)}
.disctm-natural-axis-arrow--right{right:calc(var(--natural-axis-arrow-length) * -1);top:50%;transform:translateY(-50%);border-top:var(--natural-axis-arrow-half) solid transparent;border-bottom:var(--natural-axis-arrow-half) solid transparent;border-left:var(--natural-axis-arrow-length) solid var(--disctm-color-i-yellow,#ffbe00)}
.disctm-natural-axis-arrow--top{top:calc(var(--natural-axis-arrow-length) * -1);left:50%;transform:translateX(-50%);border-left:var(--natural-axis-arrow-half) solid transparent;border-right:var(--natural-axis-arrow-half) solid transparent;border-bottom:var(--natural-axis-arrow-length) solid var(--disctm-color-d-red,#da251d)}
.disctm-natural-axis-arrow--bottom{bottom:calc(var(--natural-axis-arrow-length) * -1);left:50%;transform:translateX(-50%);border-left:var(--natural-axis-arrow-half) solid transparent;border-right:var(--natural-axis-arrow-half) solid transparent;border-top:var(--natural-axis-arrow-length) solid var(--disctm-color-s-green,#00b13f)}
.disctm-natural-axis-center{position:absolute;left:50%;top:50%;z-index:4;display:none;width:8px;height:8px;border-radius:50%;/* @disc-corner: disctm-report-axis-center */background:rgba(29,29,31,.16);transform:translate(-50%,-50%)}
.disctm-personality-map{--disc-red:var(--disctm-color-d-red,#da251d);--disc-yellow:var(--disctm-color-i-yellow,#ffbe00);--disc-green:var(--disctm-color-s-green,#00b13f);--disc-blue:var(--disctm-color-c-blue,#0376bb);--disc-gray-border:var(--disctm-color-gray-border,#d2d2d7);--disc-x-low:35%;--disc-x-high:65%;--disc-y-fast:35%;--disc-y-slow:65%;--disc-left:35%;--disc-middle:30%;--disc-right:35%;--disc-top:35%;--disc-center:30%;--disc-bottom:35%;--disc-line:1px;--disc-label-size:clamp(8px,2.05vw,15px);position:relative;z-index:1;display:grid;grid-template-columns:var(--disc-left) var(--disc-middle) var(--disc-right);grid-template-rows:var(--disc-top) var(--disc-center) var(--disc-bottom);width:100%;height:100%;border-radius:var(--disctm-report-personality-map-radius);/* @disc-corner: disctm-report-personality-map */overflow:hidden;background:linear-gradient(rgba(255,255,255,.79),rgba(255,255,255,.79)),radial-gradient(circle at 9% 9%,color-mix(in srgb,var(--disc-red) 21%,transparent) 0%,color-mix(in srgb,var(--disc-red) 10.5%,transparent) 26%,color-mix(in srgb,var(--disc-red) 3.5%,transparent) 43%,transparent 66%),radial-gradient(circle at 91% 9%,color-mix(in srgb,var(--disc-yellow) 24%,transparent) 0%,color-mix(in srgb,var(--disc-yellow) 11%,transparent) 28%,color-mix(in srgb,var(--disc-yellow) 3.5%,transparent) 47%,transparent 68%),radial-gradient(circle at 9% 91%,color-mix(in srgb,var(--disc-blue) 20%,transparent) 0%,color-mix(in srgb,var(--disc-blue) 9.5%,transparent) 27%,color-mix(in srgb,var(--disc-blue) 3.2%,transparent) 46%,transparent 68%),radial-gradient(circle at 91% 91%,color-mix(in srgb,var(--disc-green) 20%,transparent) 0%,color-mix(in srgb,var(--disc-green) 9.5%,transparent) 28%,color-mix(in srgb,var(--disc-green) 3.2%,transparent) 47%,transparent 68%),#fff}
.disctm-personality-map::after{content:"";position:absolute;inset:0;z-index:5;box-sizing:border-box;border:var(--disc-line) solid var(--disc-gray-border);border-radius:inherit;/* @disc-corner: disctm-report-personality-map */pointer-events:none}
.disctm-personality-map-grid-line,.disctm-personality-map-edge,.disctm-personality-map-corner{position:absolute;pointer-events:none;font-size:0;line-height:0}
.disctm-personality-map-grid-line{z-index:3}.disctm-personality-map-edge{z-index:4}.disctm-personality-map-corner{z-index:5;width:var(--disctm-report-personality-map-radius);height:var(--disctm-report-personality-map-radius)}
.disctm-personality-map-edge{display:none}.disctm-personality-map-corner{display:block}
.disctm-personality-map-edge--top,.disctm-personality-map-edge--bottom{left:0;right:0;height:var(--disc-line)}.disctm-personality-map-edge--left,.disctm-personality-map-edge--right{top:0;bottom:0;width:var(--disc-line)}
.disctm-personality-map-edge--top{top:0;background:var(--disc-gray-border)}.disctm-personality-map-edge--right{right:0;background:var(--disc-gray-border)}.disctm-personality-map-edge--bottom{bottom:0;background:var(--disc-gray-border)}.disctm-personality-map-edge--left{left:0;background:var(--disc-gray-border)}
.disctm-personality-map-corner--top-left{top:0;left:0;border-top:var(--disc-line) solid var(--disc-gray-border);border-left:var(--disc-line) solid var(--disc-gray-border);border-top-left-radius:var(--disctm-report-personality-map-radius);/* @disc-corner: disctm-report-personality-map */}.disctm-personality-map-corner--top-right{top:0;right:0;border-top:var(--disc-line) solid var(--disc-gray-border);border-right:var(--disc-line) solid var(--disc-gray-border);border-top-right-radius:var(--disctm-report-personality-map-radius);/* @disc-corner: disctm-report-personality-map */}.disctm-personality-map-corner--bottom-right{right:0;bottom:0;border-right:var(--disc-line) solid var(--disc-gray-border);border-bottom:var(--disc-line) solid var(--disc-gray-border);border-bottom-right-radius:var(--disctm-report-personality-map-radius);/* @disc-corner: disctm-report-personality-map */}.disctm-personality-map-corner--bottom-left{bottom:0;left:0;border-bottom:var(--disc-line) solid var(--disc-gray-border);border-left:var(--disc-line) solid var(--disc-gray-border);border-bottom-left-radius:var(--disctm-report-personality-map-radius);/* @disc-corner: disctm-report-personality-map */}
.disctm-personality-map-grid-line--vertical{top:0;bottom:0;width:var(--disc-line);transform:translateX(-50%)}.disctm-personality-map-grid-line--horizontal{left:0;right:0;height:var(--disc-line);transform:translateY(-50%)}.disctm-personality-map-grid-line--x-low{left:var(--disc-x-low);background:var(--disc-gray-border)}.disctm-personality-map-grid-line--x-high{left:var(--disc-x-high);background:var(--disc-gray-border)}.disctm-personality-map-grid-line--y-high{top:var(--disc-y-fast);background:var(--disc-gray-border)}.disctm-personality-map-grid-line--y-low{top:var(--disc-y-slow);background:var(--disc-gray-border)}
.disctm-personality-map-cell{position:relative;z-index:1;display:grid;place-items:center;min-width:0;min-height:0;padding:clamp(7px,1.7vw,18px) clamp(2px,.7vw,8px);overflow:visible;background:transparent;text-align:center}.disctm-personality-map-content{display:grid;place-items:center;gap:clamp(4px,1vw,9px);width:100%;max-width:100%;overflow:visible;text-align:center}.disctm-personality-map-icon{display:block;width:clamp(calc(var(--disc-icon-width-max,38px) * .56),5.6vw,var(--disc-icon-width-max,38px));height:clamp(calc(var(--disc-icon-height-max,36px) * .56),5.3vw,var(--disc-icon-height-max,36px));margin-inline:auto;opacity:1;overflow:visible}.disctm-personality-map-icon [fill="black"]{fill:currentColor;fill-opacity:1}.disctm-personality-map-icon [stroke="black"]{stroke:currentColor;stroke-opacity:1}.disctm-personality-map-name{display:block;justify-self:center;width:100%;max-width:100%;margin-inline:auto;padding-block:.08em .18em;color:currentColor;overflow:visible;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance;white-space:normal}.disctm-personality-map-name[data-disctm-natural-typography="personality-map-label"]{font-size:clamp(13px,2.05vw,16px);line-height:1.1875;font-weight:500;letter-spacing:0}.disctm-personality-map-name[data-disctm-label-fitting="nowrap"]{white-space:nowrap;text-wrap:nowrap}.disctm-personality-map-cell.is-natural-group .disctm-personality-map-content{position:absolute;z-index:4;width:auto;max-width:calc(100% - clamp(16px,4vw,28px));gap:clamp(3px,.8vw,7px);place-items:center;justify-items:center;text-align:center;pointer-events:none}.disctm-personality-map-cell.is-natural-group .disctm-personality-map-icon{display:none}.disctm-personality-map-cell.is-natural-group .disctm-personality-map-name{width:auto;max-width:100%;margin-inline:0;text-align:inherit;overflow-wrap:normal}.disctm-personality-map-cell.is-natural-group-label--bottom-left .disctm-personality-map-content{left:clamp(8px,1.9vw,16px);bottom:clamp(8px,1.9vw,16px);justify-items:start;text-align:left}.disctm-personality-map-cell.is-natural-group-label--bottom-right .disctm-personality-map-content{right:clamp(8px,1.9vw,16px);bottom:clamp(8px,1.9vw,16px);justify-items:end;text-align:right}.disctm-personality-map-cell.is-natural-group-label--top-left .disctm-personality-map-content{left:clamp(8px,1.9vw,16px);top:clamp(8px,1.9vw,16px);justify-items:start;text-align:left}.disctm-personality-map-cell.is-natural-group-label--top-right .disctm-personality-map-content{right:clamp(8px,1.9vw,16px);top:clamp(8px,1.9vw,16px);justify-items:end;text-align:right}
.disctm-personality-map-cell--leader{--disc-icon-width-max:32px;--disc-icon-height-max:31.6px}.disctm-personality-map-cell--visionary{--disc-icon-width-max:28.2px;--disc-icon-height-max:33px}.disctm-personality-map-cell--influencer{--disc-icon-width-max:48px;--disc-icon-height-max:26px}.disctm-personality-map-cell--achiever{--disc-icon-width-max:35.8px;--disc-icon-height-max:30.7px}.disctm-personality-map-cell--allrounder{--disc-icon-width-max:33.2px;--disc-icon-height-max:31.3px}.disctm-personality-map-cell--nurturer{--disc-icon-width-max:50.5px;--disc-icon-height-max:23.4px}.disctm-personality-map-cell--precisionist{--disc-icon-width-max:32px;--disc-icon-height-max:31.8px}.disctm-personality-map-cell--reliable{--disc-icon-width-max:34.2px;--disc-icon-height-max:30.7px}.disctm-personality-map-cell--team{--disc-icon-width-max:50.5px;--disc-icon-height-max:24.6px}
/* On the map every icon has the same area: each icon, its viewBox cropped to its artwork, scaled so
   √(width × height) is 32px, which the phone map multiplies by .875 for 28px. The proportions are the
   icons' own. */
.disctm-personality-map .disctm-personality-map-cell--leader{--disc-map-icon-width:32px;--disc-map-icon-height:32px}.disctm-personality-map .disctm-personality-map-cell--visionary{--disc-map-icon-width:29.6px;--disc-map-icon-height:34.6px}.disctm-personality-map .disctm-personality-map-cell--influencer{--disc-map-icon-width:46.1px;--disc-map-icon-height:22.2px}.disctm-personality-map .disctm-personality-map-cell--achiever{--disc-map-icon-width:34.4px;--disc-map-icon-height:29.7px}.disctm-personality-map .disctm-personality-map-cell--allrounder{--disc-map-icon-width:33px;--disc-map-icon-height:31.1px}.disctm-personality-map .disctm-personality-map-cell--nurturer{--disc-map-icon-width:46.9px;--disc-map-icon-height:21.9px}.disctm-personality-map .disctm-personality-map-cell--precisionist{--disc-map-icon-width:31.8px;--disc-map-icon-height:32.2px}.disctm-personality-map .disctm-personality-map-cell--reliable{--disc-map-icon-width:33.6px;--disc-map-icon-height:30.5px}.disctm-personality-map .disctm-personality-map-cell--team{--disc-map-icon-width:47.2px;--disc-map-icon-height:21.7px}
.disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-personality-map-cell.is-natural-group .disctm-personality-map-content{display:none}
.disctm-personality-map-cell--leader,.disctm-personality-map-cell--visionary,.disctm-personality-map-cell--achiever,.disctm-personality-map-cell--allrounder{color:var(--disc-red)}.disctm-personality-map-cell--influencer,.disctm-personality-map-cell--nurturer{color:var(--disc-yellow)}.disctm-personality-map-cell--precisionist,.disctm-personality-map-cell--reliable{color:var(--disc-blue)}.disctm-personality-map-cell--team{color:var(--disc-green)}
.disctm-personality-map-cell--visionary .disctm-personality-map-name,.disctm-personality-map-cell--achiever .disctm-personality-map-name,.disctm-personality-map-cell--allrounder .disctm-personality-map-name,.disctm-personality-map-cell--nurturer .disctm-personality-map-name,.disctm-personality-map-cell--reliable .disctm-personality-map-name{color:transparent;-webkit-background-clip:text;background-clip:text}.disctm-personality-map-cell--visionary .disctm-personality-map-name{background-image:linear-gradient(90deg,var(--disc-red),var(--disc-yellow))}.disctm-personality-map-cell--achiever .disctm-personality-map-name{width:max-content;max-width:100%;background-image:linear-gradient(90deg,var(--disc-red),var(--disc-blue))}.disctm-personality-map-cell--allrounder .disctm-personality-map-name{background-image:linear-gradient(90deg,var(--disc-red),var(--disc-yellow),var(--disc-green),var(--disc-blue))}.disctm-personality-map-cell--nurturer .disctm-personality-map-name{width:max-content;max-width:100%;background-image:linear-gradient(90deg,var(--disc-yellow),var(--disc-green))}.disctm-personality-map-cell--reliable .disctm-personality-map-name{background-image:linear-gradient(90deg,var(--disc-blue),var(--disc-green))}
.disctm-personality-map-cell--visionary .disctm-personality-map-visionary-lights{fill:var(--disc-yellow)}.disctm-personality-map-cell--visionary .disctm-personality-map-visionary-bulb{fill:var(--disc-red)}.disctm-personality-map-cell--achiever .disctm-personality-map-achiever-arrow{fill:var(--disc-red)}.disctm-personality-map-cell--achiever .disctm-personality-map-achiever-axis{fill:var(--disc-blue)}.disctm-personality-map-cell--allrounder .disctm-personality-map-icon [fill="black"]{fill:none}.disctm-personality-map-cell--allrounder .disctm-personality-map-icon [stroke="black"]{stroke:url("#disctm-personality-map-allrounder-icon-gradient")}.disctm-personality-map-cell--nurturer .disctm-personality-map-nurturer-left{fill:var(--disc-yellow)}.disctm-personality-map-cell--nurturer .disctm-personality-map-nurturer-right{fill:var(--disc-green)}.disctm-personality-map-cell--nurturer .disctm-personality-map-nurturer-dots{fill:url("#disctm-personality-map-nurturer-icon-gradient")}.disctm-personality-map-cell--reliable .disctm-personality-map-reliable-check{fill:var(--disc-blue)}.disctm-personality-map-cell--reliable .disctm-personality-map-reliable-line{fill:var(--disc-green)}
@supports not (color:color-mix(in srgb,red,transparent)){.disctm-personality-map{background:linear-gradient(rgba(255,255,255,.79),rgba(255,255,255,.79)),radial-gradient(circle at 9% 9%,rgba(218,37,29,.21) 0%,rgba(218,37,29,.105) 26%,rgba(218,37,29,.035) 43%,transparent 66%),radial-gradient(circle at 91% 9%,rgba(255,190,0,.24) 0%,rgba(255,190,0,.11) 28%,rgba(255,190,0,.035) 47%,transparent 68%),radial-gradient(circle at 9% 91%,rgba(3,118,187,.20) 0%,rgba(3,118,187,.095) 27%,rgba(3,118,187,.032) 46%,transparent 68%),radial-gradient(circle at 91% 91%,rgba(0,177,63,.20) 0%,rgba(0,177,63,.095) 28%,rgba(0,177,63,.032) 47%,transparent 68%),#fff}}
.disctm-personality-map{--disc-map-icon-slot-width:42px;--disc-map-icon-slot-height:32px;--disc-map-icon-scale:.875;--disc-map-icon-label-gap:8px;--disc-map-label-slot-height:16px;--disc-map-label-font-size:12px;--disc-map-label-line-height:16px;--disc-map-label-letter-spacing:-0.01em}
.disctm-personality-map .disctm-personality-map-cell:not(.is-natural-group) .disctm-personality-map-content{grid-template-rows:var(--disc-map-icon-slot-height) var(--disc-map-label-slot-height);align-content:center;align-items:stretch;justify-items:center;gap:var(--disc-map-icon-label-gap,12px)}
.disctm-personality-map .disctm-personality-map-cell:not(.is-natural-group) .disctm-personality-map-icon{align-self:end;width:calc(var(--disc-map-icon-width,32px) * var(--disc-map-icon-scale,1));height:calc(var(--disc-map-icon-height,32px) * var(--disc-map-icon-scale,1));margin-inline:auto}
.disctm-personality-map .disctm-personality-map-cell:not(.is-natural-group) .disctm-personality-map-name{align-self:start;width:auto;max-width:100%;padding-block:0;font-size:var(--disc-map-label-font-size);line-height:var(--disc-map-label-line-height);font-weight:500;letter-spacing:var(--disc-map-label-letter-spacing,0);white-space:nowrap;text-wrap:nowrap}
/* The names use .typography-caption on phones (above) and .typography-body-reduced on tablet and desktop,
   at weight 500 so the yellow and gradient names stay legible on the tints (Eric, 2026-10-07). The icon
   slot holds the tallest equal-area icon, Visionary, and the gap to the name is 12px with the 14px names
   and 8px with the 12px names. disctm-report-layout.js keeps each name 6px from its cell's edges: a name
   that comes closer breaks onto two lines, and its row gets two lines of room. */
@media (min-width:735px){.disctm-personality-map{--disc-map-icon-slot-width:48px;--disc-map-icon-slot-height:36px;--disc-map-icon-scale:1;--disc-map-icon-label-gap:12px;--disc-map-label-slot-height:20px;--disc-map-label-font-size:14px;--disc-map-label-line-height:20px;--disc-map-label-letter-spacing:-0.016em}}
.disctm-personality-map .disctm-personality-map-cell.is-two-line-row{--disc-map-label-slot-height:calc(var(--disc-map-label-line-height) * 2)}
.disctm-natural-axis-marker{--natural-axis-name-gap:6px;position:absolute;z-index:6;left:var(--natural-axis-marker-x);top:var(--natural-axis-marker-y);display:block;width:var(--natural-axis-marker-size);height:var(--natural-axis-marker-size);transform:translate(-50%,-50%);text-align:center;overflow:visible}
.disctm-natural-axis-name-stack{position:absolute;z-index:7;box-sizing:border-box;display:grid;justify-items:center;gap:1px;width:max-content;max-width:min(var(--natural-axis-name-max-width,220px),46vw);text-align:center;pointer-events:none;color:inherit}
.disctm-natural-axis-marker[data-disctm-natural-axis-name-position="bottom"] .disctm-natural-axis-name-stack{top:calc(100% + var(--natural-axis-name-gap));left:50%;transform:translateX(-50%);text-align:center}
.disctm-natural-axis-marker[data-disctm-natural-axis-name-position="top"] .disctm-natural-axis-name-stack{bottom:calc(100% + var(--natural-axis-name-gap));left:50%;transform:translateX(-50%);text-align:center}
.disctm-natural-axis-marker[data-disctm-natural-axis-name-position="left"] .disctm-natural-axis-name-stack{top:50%;right:calc(100% + var(--natural-axis-name-gap));transform:translateY(-50%);justify-items:end;text-align:right}
.disctm-natural-axis-marker[data-disctm-natural-axis-name-position="right"] .disctm-natural-axis-name-stack{top:50%;left:calc(100% + var(--natural-axis-name-gap));transform:translateY(-50%);justify-items:start;text-align:left}
.disctm-natural-axis-marker[data-disctm-natural-axis-name-position="bottom-right"] .disctm-natural-axis-name-stack{top:calc(100% + var(--natural-axis-name-gap));left:50%;transform:none;justify-items:start;text-align:left}
.disctm-natural-axis-marker[data-disctm-natural-axis-name-position="bottom-left"] .disctm-natural-axis-name-stack{top:calc(100% + var(--natural-axis-name-gap));right:50%;transform:none;justify-items:end;text-align:right}
.disctm-natural-axis-marker[data-disctm-natural-axis-name-position="top-right"] .disctm-natural-axis-name-stack{bottom:calc(100% + var(--natural-axis-name-gap));left:50%;transform:none;justify-items:start;text-align:left}
.disctm-natural-axis-marker[data-disctm-natural-axis-name-position="top-left"] .disctm-natural-axis-name-stack{bottom:calc(100% + var(--natural-axis-name-gap));right:50%;transform:none;justify-items:end;text-align:right}
.disctm-natural-axis-name-stack .disctm-natural-axis-name,.disctm-natural-axis-name-stack .disctm-natural-axis-marker-group{width:100%;justify-self:stretch;text-align:inherit}
.disctm-natural-axis-marker-group{display:none;box-sizing:border-box;max-width:100%;padding:0;color:currentColor;text-shadow:0 1px 0 rgba(255,255,255,.96),0 -1px 0 rgba(255,255,255,.96),1px 0 0 rgba(255,255,255,.96),-1px 0 0 rgba(255,255,255,.96),0 0 3px rgba(255,255,255,.92);overflow:visible;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance;white-space:normal}
.disctm-natural-axis-marker-group[data-disctm-natural-typography="personality-map-label"]{--disctm-natural-graph-font-size:14px;--disctm-natural-graph-line-height:1.42859;--disctm-natural-graph-font-weight:500;--disctm-natural-graph-letter-spacing:-0.016em}
.disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-marker-group{display:block;text-shadow:none}
/* The person's group name beside the marker follows the map's names: .typography-body-reduced on tablet
   and desktop, .typography-caption on phones, both at weight 500. */
@media only screen and (max-width:734px){.disctm-natural-axis-marker-group[data-disctm-natural-typography="personality-map-label"]{--disctm-natural-graph-font-size:12px;--disctm-natural-graph-line-height:1.33337;--disctm-natural-graph-letter-spacing:-0.01em}}
/* The person's own personality name: the two strongest letters of its profile, clipped to the text.
   The map label, both score graph titles and both header titles share it. */
.disctm-group-name-paint{color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:var(--disctm-group-name-paint)}
.disctm-natural-score-identity-title.disctm-group-name-paint{width:fit-content;max-width:100%}
.disctm-plugin-report .disctm-group-name-print{display:none}
.disctm-natural-axis-avatar{
  --disctm-avatar-animal-ratio:0.3820;
  --disctm-avatar-surface-size:var(--natural-axis-marker-size);
  --disctm-avatar-ring-outer-blur:calc(var(--disctm-avatar-ring-size) * .1944444444);
  --disctm-avatar-ring-inner-inset:calc(var(--disctm-avatar-ring-size) * .0416666667);
  --disctm-avatar-ring-inner-blur:calc(var(--disctm-avatar-ring-size) * .0555555556);
  --disctm-avatar-ring-pressed-outer-blur:calc(var(--disctm-avatar-ring-size) * .1527777778);
  --disctm-avatar-ring-pressed-inner-blur:calc(var(--disctm-avatar-ring-size) * .0277777778);
  position:absolute;
  inset:0;
  width:var(--natural-axis-marker-size);
  height:var(--natural-axis-marker-size);
  display:block;
  flex:none;
}
.disctm-natural-axis-avatar .local-glass-center{
  top:6%;
  left:6%;
  right:6%;
  bottom:6%;
}
/* star.fill in the top trait's color at 85%, like the SF Symbols file,
   38.2% of the marker's diameter and centered in the white center. */
.disctm-natural-axis-star{
  display:block;
  flex:none;
  width:calc(var(--natural-axis-marker-size) * .382);
  height:auto;
  aspect-ratio:27.91 / 26.56;
  fill:currentColor;
  opacity:.85;
  color:var(--disctm-color-d-red,#da251d);
  pointer-events:none;
}
.disctm-natural-axis-avatar[data-disctm-top-trait="I"] .disctm-natural-axis-star{color:var(--disctm-color-i-yellow,#ffbe00)}
.disctm-natural-axis-avatar[data-disctm-top-trait="S"] .disctm-natural-axis-star{color:var(--disctm-color-s-green,#00b13f)}
.disctm-natural-axis-avatar[data-disctm-top-trait="C"] .disctm-natural-axis-star{color:var(--disctm-color-c-blue,#0376bb)}
.disctm-natural-axis-avatar:not([data-disctm-top-trait]) .disctm-natural-axis-star{display:none}
.disctm-natural-axis-avatar.local-is-photo-loading .local-glass-center{
  top:6%;
  left:6%;
  right:6%;
  bottom:6%;
  background-color:transparent !important;
  border-radius:50%; /* @disc-corner: disctm-report-avatar-center */
  overflow:hidden;
}
.disctm-natural-axis-avatar.local-has-file .local-glass-center{
  top:0;
  left:0;
  right:0;
  bottom:0;
  position:absolute;
  background-color:transparent !important;
  border-radius:50%; /* @disc-corner: disctm-report-avatar-center */
  isolation:isolate;
  overflow:hidden;
  box-shadow:none !important;
  -webkit-mask-image:none;
  mask-image:none;
}
.disctm-natural-axis-avatar.local-has-file::before,
.disctm-natural-axis-avatar.local-has-file::after{
  opacity:0;
  animation:none;
}
.disctm-natural-axis-avatar.local-has-file .disctm-avatar-image-transformer{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  aspect-ratio:1;
  border-radius:50%; /* @disc-corner: disctm-report-avatar-photo */
  overflow:hidden;
  isolation:isolate;
}
.disctm-natural-axis-avatar.local-has-file .local-glass-center::before,
.disctm-natural-axis-avatar.local-has-file .local-glass-center::after,
.disctm-natural-axis-avatar.local-has-file .disctm-avatar-image-transformer::after{
  content:none;
}
.disctm-natural-axis-avatar.local-has-file .disctm-avatar-img{
  position:relative;
  z-index:1;
  filter:none !important;
  opacity:1;
  mix-blend-mode:normal;
}
.disctm-natural-axis-avatar.disctm-natural-axis-avatar--placeholder .local-glass-center::after,
.disctm-natural-axis-avatar[data-disctm-axis-has-photo="false"] .local-glass-center::after{
  content:none;
}
.disctm-natural-axis-avatar.disctm-natural-axis-avatar--placeholder .disctm-avatar-img{
  width:calc(var(--natural-axis-marker-size) * var(--disctm-avatar-animal-ratio, 0.3820));
  height:calc(var(--natural-axis-marker-size) * var(--disctm-avatar-animal-ratio, 0.3820));
  object-fit:contain;
  opacity:1;
}
.disctm-natural-axis-avatar .local-content-group{
  padding:calc(var(--natural-axis-marker-size) * .0694);
}
.disctm-natural-axis-avatar .disctm-avatar-loading-placeholder{
  width:calc(var(--natural-axis-marker-size) * var(--disctm-avatar-animal-ratio, 0.3820));
  height:calc(var(--natural-axis-marker-size) * var(--disctm-avatar-animal-ratio, 0.3820));
  grid-template-columns:repeat(4, 18%);
  gap:7%;
  padding:10% 0;
  background:transparent;
  border-radius:0; /* @disc-corner: disctm-report-avatar-loader-frame */
}
.disctm-natural-axis-avatar .local-placeholder-animal-wrap .disctm-avatar-loading-placeholder{
  width:100%;
  height:100%;
}
.disctm-natural-axis-avatar .disctm-avatar-loading-bar{
  min-height:2px;
  border-radius:var(--disctm-report-avatar-loader-radius); /* @disc-corner: disctm-report-avatar-loader-bar */
}
.disctm-natural-axis-avatar .local-icon-wrapper{
  width:calc(var(--natural-axis-marker-size) * var(--disctm-camera-icon-ratio, .2361));
  height:calc(var(--natural-axis-marker-size) * var(--disctm-camera-icon-ratio, .2361));
}
.disctm-natural-axis-avatar .local-upload-label{
  font-size:clamp(5px,calc(var(--natural-axis-marker-size) * .0833),12px);
  line-height:1.2;
  letter-spacing:-0.01em;
}
.disctm-natural-axis-avatar .local-placeholder-animal-wrap{
  width:calc(var(--natural-axis-marker-size) * var(--disctm-avatar-animal-ratio, 0.3820));
  height:calc(var(--natural-axis-marker-size) * var(--disctm-avatar-animal-ratio, 0.3820));
  max-width:none;
  max-height:none;
}
.disctm-natural-axis-avatar.disctm-natural-axis-avatar--uses-stack [data-disctm-natural-axis-photo]{
  display:none;
}
.disctm-natural-axis-placeholder-stack{
  width:100%;
  height:100%;
}
.disctm-natural-axis-avatar-menu{
  position:fixed;
  z-index:2147483000;
}
.disctm-natural-axis-name{
  position:relative;
  display:block;
  box-sizing:border-box;
  max-width:100%;
  padding:0;
  border-radius:0; /* @disc-corner: disctm-report-axis-name */
  color:inherit!important;
  -webkit-text-fill-color:currentColor;
  background:transparent;
  background-image:none!important;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  box-shadow:none;
  max-height:calc(var(--disctm-natural-graph-font-size, 1em) * var(--disctm-natural-graph-line-height, 1.47059) * 2 + 1px);
  text-shadow:0 1px 0 rgba(255,255,255,.96),0 -1px 0 rgba(255,255,255,.96),1px 0 0 rgba(255,255,255,.96),-1px 0 0 rgba(255,255,255,.96),0 0 3px rgba(255,255,255,.92);
  overflow:hidden;
  overflow-wrap:normal;
  word-break:normal;
  line-break:auto;
  hyphens:none;
  text-wrap:balance;
  white-space:pre-wrap;
  white-space:break-spaces;
}
.disctm-natural-axis-name-emoji,
.disctm-answer-overview-title-emoji,
.disctm-love-traits-heading-emoji{
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  color:initial;
  -webkit-text-fill-color:initial;
  text-shadow:none;
}
.disctm-natural-axis-name::before,
.disctm-natural-axis-name::after{
  content:"";
  position:absolute;
  inset:0;
  display:none;
  padding:2px;
  border-radius:inherit; /* @disc-corner: disctm-report-axis-name */
  background:var(--natural-axis-disc-border);
  pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
.disctm-natural-axis-name::after{background:var(--natural-axis-disc-joins)}
:is(#disctm-answer-overview-body,.disctm-adapted-choice-list){list-style:none;padding-left:0;display:grid;grid-template-columns:1fr;gap:28px}
.disctm-answer-overview-card{display:grid;gap:10px;min-width:0}
.disctm-answer-overview-item-title{margin:0;font-weight:600}
.disctm-answer-overview-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.disctm-answer-overview-choice{--disctm-answer-overview-trait-color:currentColor;--disctm-answer-rank-right:12px;--disctm-answer-rank-bottom:8px;--disctm-answer-rank-compact-padding-bottom:12px;--disctm-answer-rank-collision-padding-bottom:30px;position:relative;min-width:0;padding:12px;border:1px solid var(--disctm-answer-overview-trait-color);border-radius:var(--disctm-report-answer-choice-radius);/* @disc-corner: disctm-report-answer-choice */background:rgba(255,255,255,.76);overflow-wrap:anywhere}
.disctm-answer-overview-choice[data-letter="D"]{--disctm-answer-overview-trait-color:var(--disctm-color-d-red,#da251d)}
.disctm-answer-overview-choice[data-letter="I"]{--disctm-answer-overview-trait-color:var(--disctm-color-i-yellow,#ffbe00)}
.disctm-answer-overview-choice[data-letter="S"]{--disctm-answer-overview-trait-color:var(--disctm-color-s-green,#00b13f)}
.disctm-answer-overview-choice[data-letter="C"]{--disctm-answer-overview-trait-color:var(--disctm-color-c-blue,#0376bb)}
.disctm-answer-overview-choice.has-rank-collision{padding-bottom:var(--disctm-answer-rank-collision-padding-bottom)}
.disctm-answer-overview-choice-text{margin:0;color:inherit;text-align:left}
.disctm-answer-overview-choice-rank.sosumi{position:absolute;right:var(--disctm-answer-rank-right);bottom:var(--disctm-answer-rank-bottom);display:block;width:auto;height:auto;border-radius:0;/* @disc-corner: disctm-report-answer-rank */background:transparent;box-shadow:none;color:var(--disctm-answer-overview-trait-color);pointer-events:none;user-select:none;z-index:1}
:is(#disctm-answer-overview-body,.disctm-adapted-choice-list) p.disctm-answer-overview-choice-text{text-align:left}
.disctm-plugin-report{width:100%;max-width:100%}
.disctm-plugin-report--error{padding:48px 20px}
body.disctm-report-wordpress-page .entry-title,body.disctm-report-wordpress-page .page-title{display:none}
body.disctm-report-wordpress-page .entry-content{margin-top:0}
ul[data-disctm-report-section].disctm-report-feedback-ready li{position:relative}
.disctm-report-feedback-text{display:inline}
.disctm-report-feedback-controls{display:inline-flex;align-items:center;gap:0;margin-left:.42em;white-space:nowrap;vertical-align:middle}
.disctm-report-feedback-button{--disctm-feedback-color:var(--disctm-color-gray-secondary-text,#6e6e73);--disctm-feedback-size:17px;--disctm-feedback-halo-size:calc(var(--disctm-feedback-size) * 1.8);appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;background:transparent!important;border:0!important;border-radius:0!important;/* @disc-corner: disctm-report-feedback-button */box-shadow:none!important;color:var(--disctm-feedback-color)!important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:var(--disctm-feedback-halo-size)!important;min-width:var(--disctm-feedback-halo-size)!important;max-width:var(--disctm-feedback-halo-size)!important;height:26px!important;min-height:26px!important;max-height:26px!important;padding:0!important;font:inherit;line-height:1!important;outline:0!important;position:relative;text-decoration:none!important;touch-action:manipulation;vertical-align:middle;transition:color .2s ease;overflow:visible!important;isolation:isolate}
.disctm-report-feedback-button:hover,.disctm-report-feedback-button:focus,.disctm-report-feedback-button:active,.disctm-report-feedback-button.is-active{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important}
.disctm-report-feedback-button[data-disctm-feedback-action="love"]{--disctm-feedback-icon-outline:url("../svg/heart.svg");--disctm-feedback-icon-fill:url("../svg/heart.fill.svg");--disctm-feedback-accent:var(--disctm-color-d-red,#da251d)}
.disctm-report-feedback-button[data-disctm-feedback-action="dislike"]{--disctm-feedback-icon-outline:url("../svg/hand.thumbsdown.svg");--disctm-feedback-icon-fill:url("../svg/hand.thumbsdown.fill.svg");--disctm-feedback-accent:var(--disctm-color-accent,#0071e3)}
/* Both 17px icons use the same fixed halo and activation canvas proportions. */
body .disctm-report-feedback-button::before{background:transparent!important;border-radius:50%;/* @disc-corner: disctm-report-feedback-halo */content:"";width:var(--disctm-feedback-halo-size);height:var(--disctm-feedback-halo-size);left:50%;top:50%;pointer-events:none;position:absolute;opacity:1;transform:translate(-50%,-50%);transition:background-color .2s ease}
body .disctm-report-feedback-button.is-feedback-hover::before{background:color-mix(in srgb,var(--disctm-feedback-accent) 10%,transparent)!important}
body .disctm-report-feedback-button.is-feedback-pressed::before{background:color-mix(in srgb,var(--disctm-feedback-accent) 20%,transparent)!important}
.disctm-report-feedback-icon{background-color:var(--disctm-feedback-color)!important;width:17px;height:17px;display:block;-webkit-mask-image:var(--disctm-feedback-icon-outline);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-image:var(--disctm-feedback-icon-outline);mask-position:center;mask-repeat:no-repeat;mask-size:contain;position:relative;z-index:1}
body .disctm-report-feedback-button .disctm-report-feedback-icon{width:var(--disctm-feedback-size);height:var(--disctm-feedback-size);background-color:currentColor!important;transition:none}
body .disctm-report-feedback-button:is(.is-feedback-hover,.is-feedback-pressed,.is-active){color:var(--disctm-feedback-accent)!important}
.disctm-report-feedback-button.is-active .disctm-report-feedback-icon{-webkit-mask-image:var(--disctm-feedback-icon-fill);mask-image:var(--disctm-feedback-icon-fill)}
.disctm-report-feedback-animation{position:absolute;left:50%;top:50%;width:calc(var(--disctm-feedback-size) * 2.245);height:calc(var(--disctm-feedback-size) * 2.245);transform:translate(-50%,-50%);pointer-events:none;z-index:2}
.disctm-report-feedback-animation svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.disctm-report-feedback-button.is-feedback-animating .disctm-report-feedback-icon{visibility:hidden}
html body .disctm-report-feedback-button:focus-visible,html[data-a-disc-input-modality="keyboard"] .disctm-report-contents .disctm-report-feedback-button:focus{border-radius:50%!important;outline:var(--disctm-focus-ring-width,2px) solid var(--disctm-focus-ring-color,var(--disctm-feedback-accent))!important;outline-offset:var(--disctm-focus-ring-offset,2px)!important}
@media (prefers-reduced-motion:reduce),(forced-colors:active){
 body .disctm-report-feedback-button,body .disctm-report-feedback-button::before,body .disctm-report-feedback-button .disctm-report-feedback-icon{transition:none!important}
 .disctm-report-feedback-animation{display:none!important}
 .disctm-report-feedback-button.is-feedback-animating .disctm-report-feedback-icon{visibility:visible}
}
@media (forced-colors:active){
 body .disctm-report-feedback-button{color:ButtonText!important}
 body .disctm-report-feedback-button .disctm-report-feedback-icon{forced-color-adjust:none;background-color:ButtonText!important}
 body .disctm-report-feedback-button.is-active .disctm-report-feedback-icon{background-color:Highlight!important}
}
@media only screen and (max-width: 734px){
  .disctm-report-contents{width:87.5%;max-width:none;--space-body-to-h3:48px}
  .disctm-career-suggestion-grid{grid-template-columns:minmax(0,1fr);column-gap:0}
  .disctm-career-suggestion-column+.disctm-career-suggestion-column{margin-top:var(--space-body-to-h3)}
  /* One line when the heading fits; otherwise it breaks after the colon, because each part wraps as a unit. */
  [data-disctm-natural-dimension-heading].has-mobile-heading-wrap .disctm-natural-dimension-heading-lead,
  [data-disctm-natural-dimension-heading].has-mobile-heading-wrap .disctm-natural-dimension-heading-inline>.disctm-natural-dimension-heading-value{display:inline-block;max-width:100%}
  .disctm-natural-dimension-legend{display:grid;grid-template-columns:1fr;gap:6px}
  /* Additional CSS typography-body-reduced values: the legend labels need them to sit side by side under the phone-width track. */
  .disctm-natural-dimension-legend{font-size:14px;line-height:1.42859;letter-spacing:-0.016em}
  .disctm-natural-dimension-legend>span+span{text-align:left}
  .disctm-natural-dimension--single>p{max-width:100%;overflow-wrap:anywhere}
}
@media only screen and (max-width: 640px){
  .disctm-career-pair-grid{grid-template-columns:minmax(0,1fr)}
  .disctm-answer-overview-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
  .disctm-natural-axis-graph{
    --natural-axis-plane-max:376.997px;
    --natural-axis-thickness:7px;
    --natural-axis-half-thickness:3.5px;
    --natural-axis-arrow-length:24px;
    --natural-axis-arrow-half:20px;
    --natural-axis-plane-size:min(calc(100% / 1.145898), calc(100% - var(--natural-axis-marker-size)), var(--natural-axis-plane-max));
  }
  .disctm-natural-axis-label{
    font-size:var(--disctm-natural-graph-font-size);
    line-height:var(--disctm-natural-graph-line-height);
    font-weight:var(--disctm-natural-graph-font-weight);
    letter-spacing:var(--disctm-natural-graph-letter-spacing);
  }
  .disctm-natural-axis-stage{
    min-height:auto;
    padding:var(--natural-axis-label-reserve) 0;
  }
  .disctm-natural-axis-plane{
    width:var(--natural-axis-plane-size);
  }
  .disctm-natural-axis-label--left{
    left:min(var(--natural-axis-arrow-tip-offset), calc(var(--natural-axis-marker-size) / -2));
    right:auto;
    top:calc(50% + var(--natural-axis-arrow-head-half) + var(--natural-axis-side-label-gap));
    width:max-content;
    max-width:50%;
    transform:none;
    text-align:left;
  }
  .disctm-natural-axis-label--right{
    left:auto;
    right:min(var(--natural-axis-arrow-tip-offset), calc(var(--natural-axis-marker-size) / -2));
    top:calc(50% + var(--natural-axis-arrow-head-half) + var(--natural-axis-side-label-gap));
    width:max-content;
    max-width:50%;
    transform:none;
    text-align:left;
  }
  .disctm-natural-axis-label--right .disctm-natural-axis-label-text{margin-left:0}
  .disctm-natural-axis-label-line{white-space:normal}
  .disctm-disc-about-axis-animals{display:none}
  .disctm-natural-axis-label-text--desktop{display:none}
  .disctm-natural-axis-label-text--mobile{display:block}
  /* The phone personality map keeps all six labels in .typography-body-reduced, one in each
     corner and one above and below. Nhanh and Chậm keep their places, 12px from the arrow tips. The
     two free corners take the priority labels, 8px farther out than Nhanh and Chậm for a more
     spacious look (Eric, 2026-10-08): "Ưu tiên" with "công việc" under it above the map, and "Ưu tiên",
     "con người," and "cảm xúc" below it. Each has its axis arrowhead. Hướng ngoại and Hướng nội curve
     around the other two corners. The stage keeps the extra 8px above and below the map for them. */
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"]{
    --natural-axis-label-gap:12px;
    --natural-axis-label-line-box:20px;
    --natural-axis-priority-label-shift:8px;
  }
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-stage{
    padding-top:calc(var(--natural-axis-label-reserve) + var(--natural-axis-priority-label-shift));
    padding-bottom:calc(var(--natural-axis-label-reserve) + var(--natural-axis-label-line-box) + var(--natural-axis-priority-label-shift));
  }
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-label,
  .disctm-natural-axis-graph .disctm-personality-map-orientation{
    /* .typography-body-reduced in the Additional CSS */
    font-size:14px;
    line-height:1.42859;
    font-weight:400;
    letter-spacing:-0.016em;
  }
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-label--left,
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-label--right{
    right:auto;
    width:max-content;
    max-width:none;
    transform:none;
  }
  /* Each small arrowhead is the large arrowhead at half size, with its 1 : 1.618 shape: 3.6475% of
     the map deep and 5.9017% tall, measured on the map as the container (cqw). Its centre sits on the
     large arrowhead's centre, 3.6475% outside the map, so it starts 5.4712% outside, and the same
     5.4712% of padding puts the text exactly on the map's left and right edges (Eric, 2026-10-08).
     A browser without container units keeps the 12 x 14 arrowheads at the map's edge. */
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-plane{container-type:inline-size}
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-label--left{
    left:0;
    left:-5.4712cqw;
    top:calc((var(--natural-axis-arrow-tip-overhang) + var(--natural-axis-label-gap) + var(--natural-axis-priority-label-shift) + var(--natural-axis-label-line-box)) * -1);
    padding-left:18px;
    padding-left:5.4712cqw;
    text-align:left;
  }
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-label--right{
    left:auto;
    right:0;
    right:-5.4712cqw;
    top:calc(100% + var(--natural-axis-arrow-tip-overhang) + var(--natural-axis-label-gap) + var(--natural-axis-priority-label-shift) - var(--natural-axis-label-line-box));
    padding-right:18px;
    padding-right:5.4712cqw;
    text-align:right;
  }
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-label--right .disctm-natural-axis-label-text{margin-left:auto;text-align:right}
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-label-line{white-space:nowrap}
  /* Arrowheads in the axis colors, centred on the 20px first line. */
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-label--left::before,
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-label--right::before{
    content:"";
    position:absolute;
    top:3px;
    top:calc((20px - 5.9017cqw) / 2);
    width:12px;
    width:3.6475cqw;
    height:14px;
    height:5.9017cqw;
  }
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-label--left::before{
    left:0;
    background:linear-gradient(var(--disctm-color-d-red,#da251d) 50%,var(--disctm-color-c-blue,#0376bb) 50%);
    clip-path:polygon(0 50%,100% 0,100% 100%);
  }
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-label--right::before{
    right:0;
    background:linear-gradient(var(--disctm-color-i-yellow,#ffbe00) 50%,var(--disctm-color-s-green,#00b13f) 50%);
    clip-path:polygon(100% 50%,0 0,0 100%);
  }
  .disctm-personality-map-orientation-svg--desktop{display:none}
  .disctm-personality-map-orientation-svg--phone{display:block}
  /* On narrow phones each curved label slides along its arc, away from the side edge,
     so it stays at least 12px inside the screen. Rotating about the arc's centre does that. */
  .disctm-personality-map-orientation--extraversion .disctm-personality-map-orientation-svg--phone{transform-origin:-42.43px 42.43px;transform:rotate(var(--disctm-personality-map-orientation-slide,0deg))}
  /* Hướng nội's phone arc is Hướng ngoại's turned 180 degrees about the C corner, so it turns about the mirrored centre. */
  .disctm-personality-map-orientation--introversion .disctm-personality-map-orientation-svg--phone{transform-origin:42.43px -42.43px;transform:rotate(var(--disctm-personality-map-orientation-slide,0deg))}
  /* The phone map is about three quarters of the desktop map, so its seals are 20px with the
     12px letter of .typography-caption and a 2px ring, and the curves move 8px out along each
     axis, which leaves their guide arcs about 4px clear of the seals. */
  .disctm-personality-map-letter{width:20px;height:20px;margin:-10px 0 0 -10px;font-size:12px;line-height:20px;box-shadow:0 0 0 2px #fff}
  .disctm-personality-map-orientation--extraversion{transform:translate(8px,-8px)}
  .disctm-personality-map-orientation--introversion{transform:translate(-8px,8px)}
}
/* On narrow phones each curved label slides along its arc until it is 12px inside the screen, and
   the stage keeps room above the map for Hướng ngoại as the slide lifts it: 58px above the map at
   12°, up to 73px at 32°, or more when the Ưu tiên label above the map needs it. */
@media only screen and (max-width: 469px){
  .disctm-natural-axis-graph{--disctm-personality-map-orientation-slide:-12deg}
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-stage{padding-top:max(calc(var(--natural-axis-label-reserve) + var(--natural-axis-priority-label-shift)),60px)}
}
@media only screen and (max-width: 439px){
  .disctm-natural-axis-graph{--disctm-personality-map-orientation-slide:-17deg}
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-stage{padding-top:max(calc(var(--natural-axis-label-reserve) + var(--natural-axis-priority-label-shift)),64px)}
}
/* The narrowest phones also close the gap between icon and name to 6px and lift the bottom row 6px,
   so Precisionist and Team Player stay clear of the C and S seals and a two-line bottom row still fits
   at 320px. */
@media only screen and (max-width: 413px){
  .disctm-natural-axis-graph{--disctm-personality-map-orientation-slide:-22deg}
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-stage{padding-top:max(calc(var(--natural-axis-label-reserve) + var(--natural-axis-priority-label-shift)),68px)}
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-personality-map{--disc-map-icon-label-gap:6px}
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-personality-map-cell--precisionist .disctm-personality-map-content,
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-personality-map-cell--reliable .disctm-personality-map-content,
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-personality-map-cell--team .disctm-personality-map-content{transform:translateY(-6px)}
  /* A row with a two-line name fills its cells, so it stays centred and clear of the seals. */
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-personality-map-cell.is-two-line-row .disctm-personality-map-content{transform:none}
}
@media only screen and (max-width: 389px){
  .disctm-natural-axis-graph{--disctm-personality-map-orientation-slide:-24deg}
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-stage{padding-top:max(calc(var(--natural-axis-label-reserve) + var(--natural-axis-priority-label-shift)),70px)}
}
@media only screen and (max-width: 374px){
  .disctm-natural-axis-graph{--disctm-personality-map-orientation-slide:-27deg}
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-stage{padding-top:max(calc(var(--natural-axis-label-reserve) + var(--natural-axis-priority-label-shift)),72px)}
}
@media only screen and (max-width: 359px){
  .disctm-natural-axis-graph{--disctm-personality-map-orientation-slide:-30deg}
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-stage{padding-top:max(calc(var(--natural-axis-label-reserve) + var(--natural-axis-priority-label-shift)),73px)}
}
@media only screen and (max-width: 339px){
  .disctm-natural-axis-graph{--disctm-personality-map-orientation-slide:-32deg}
  .disctm-natural-axis-graph[data-disctm-natural-axis-view="personality"] .disctm-natural-axis-stage{padding-top:max(calc(var(--natural-axis-label-reserve) + var(--natural-axis-priority-label-shift)),74px)}
}
/* The speed and priority axis sits between two meters on desktop, so it uses
   a 300px plane instead of the 377px plane the personality map still needs. */
@media only screen and (min-width: 641px){
  .disctm-natural-axis-graph--traits{
    --natural-axis-plane-max:300px;
    --natural-axis-thickness:8px;
    --natural-axis-half-thickness:4px;
    --natural-axis-arrow-length:30px;
    --natural-axis-arrow-half:25px;
  }
}

.disctm-natural-dimension-legend--ranges{position:relative;display:block;min-height:1.35em;margin-top:10px}
.disctm-natural-dimension-range-label{position:absolute;top:0;left:var(--range-label-position,50%);max-width:38%;transform:translateX(-50%);white-space:nowrap;text-align:center;color:var(--disctm-color-gray-secondary-text,#6e6e73);font-weight:inherit}
.disctm-natural-dimension-range-label.is-edge-start{left:0;transform:none;text-align:left}
.disctm-natural-dimension-range-label.is-edge-end{left:100%;transform:translateX(-100%);text-align:right}
.disctm-natural-dimension-range-label.is-current{color:var(--range-label-color,inherit);font-weight:inherit}
.disctm-natural-dimension-range-label.is-gradient-text,[data-disctm-natural-dimension-heading] .is-gradient-text{background-image:var(--range-label-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* Priority: "Label 42%" at each end, the middle label centred on the track, and room for an end label to wrap instead of colliding. */
.disctm-natural-dimension-legend--ranges.disctm-natural-dimension-legend--scores{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:12px;align-items:start;min-height:0}
.disctm-natural-dimension-legend--scores .disctm-natural-dimension-range-label{position:static;grid-row:1;grid-column:2;max-width:none;transform:none;white-space:nowrap;text-align:center}
.disctm-natural-dimension-legend--scores .disctm-natural-dimension-range-label.is-edge-start{grid-column:1;white-space:normal;text-align:left}
.disctm-natural-dimension-legend--scores .disctm-natural-dimension-range-label.is-edge-end{grid-column:3;white-space:normal;text-align:right}
.disctm-natural-dimension-range-score{white-space:nowrap}
/* Each end label takes the first layout that fits its column, which keeps 12px from the centred middle label:
   "Label 42%" on one line, then "Label" over "42%", then the label wrapped with "42%" after its last word. */
@media only screen and (max-width: 734px){
  .disctm-natural-dimension-legend--scores .disctm-natural-dimension-range-score{display:block}
  .disctm-natural-dimension-legend--scores .disctm-natural-dimension-range-gap{display:none}
}
.disctm-natural-dimension-legend--scores .disctm-natural-dimension-range-label.is-score-line{white-space:nowrap}
.disctm-natural-dimension-legend--scores .disctm-natural-dimension-range-label:is(.is-score-line,.is-score-wrapped) .disctm-natural-dimension-range-score{display:inline}
.disctm-natural-dimension-legend--scores .disctm-natural-dimension-range-label:is(.is-score-line,.is-score-wrapped) .disctm-natural-dimension-range-gap{display:inline}
.disctm-natural-dimension-legend--scores .disctm-natural-dimension-range-label.is-score-below .disctm-natural-dimension-range-name{white-space:nowrap}
.disctm-natural-dimension-legend--scores .disctm-natural-dimension-range-label.is-score-below .disctm-natural-dimension-range-score{display:block}
.disctm-natural-dimension-legend--scores .disctm-natural-dimension-range-label.is-score-below .disctm-natural-dimension-range-gap{display:none}
.disctm-natural-dimension-legend--scores .disctm-natural-dimension-range-label.is-score-wrapped{white-space:normal;text-wrap:balance}
@media only screen and (max-width:480px){
  .disctm-adapted-comparison-legend .disctm-natural-dimension-range-label{font-size:12px;line-height:1.25}
}
/* Shift labels stay centred under their own section. fitAdaptedComparisonLegend() moves touching
   neighbours apart only as far as needed, and wraps labels only when a row cannot fit on one line. */
@media screen{
  .disctm-adapted-comparison-legend.is-fitted{min-height:var(--range-legend-height,1.35em)}
  .disctm-adapted-comparison-legend.is-fitted .disctm-natural-dimension-range-label{left:var(--range-label-left,0);max-width:var(--range-label-max-width,none);transform:none}
  .disctm-adapted-comparison-legend.is-wrapped .disctm-natural-dimension-range-label{white-space:normal;text-wrap:balance}
}
/* Speed and the other plain range legends keep at least 12px between labels. fitRangeLegend() moves labels
   only as far as needed and, when 12px still can't fit, puts the widest label on two lines between words. */
@media screen{
  .disctm-natural-dimension-legend--ranges.is-gap-fitted{min-height:var(--range-legend-height,1.35em)}
  .disctm-natural-dimension-legend--ranges.is-gap-fitted .disctm-natural-dimension-range-label{left:var(--range-label-left,0);transform:none}
  .disctm-natural-dimension-legend--ranges .disctm-natural-dimension-range-label.is-word-wrapped{width:min-content;max-width:none;white-space:normal;overflow-wrap:normal;word-break:normal}
}
/* A middle label that wraps keeps its lines centred under its zone (the rules for two-span legends align later spans to one side). */
.disctm-natural-dimension-legend .disctm-natural-dimension-range-label:not(.is-edge-start):not(.is-edge-end){text-align:center}
.disctm-natural-dimension--single>p{display:none}

/* Native control resets and screen-reader-only instructions. */
.disctm-sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.disctm-report-contents button.disctm-natural-axis-avatar{
  appearance:none;
  -webkit-appearance:none;
  padding:0;
  border:0;
  color:inherit;
  font:inherit;
  text-align:inherit;
  touch-action:pan-y;
}
.disctm-report-contents button.disctm-natural-axis-avatar:focus{outline:none;box-shadow:none}
html[data-a-disc-input-modality="keyboard"] .disctm-report-contents button.disctm-natural-axis-avatar:focus{outline:var(--disctm-focus-ring-width) solid var(--disctm-focus-ring-color);outline-offset:var(--disctm-focus-ring-offset)}
.disctm-report-contents button.disctm-natural-axis-avatar[data-disctm-crop-active="true"],
.disctm-report-contents button.disctm-natural-axis-avatar.is-avatar-cropping{touch-action:none}
@media (prefers-reduced-motion:reduce){
  .disctm-report-contents *,
  .disctm-report-contents *::before,
  .disctm-report-contents *::after{
    animation:none!important;
    scroll-behavior:auto!important;
    transition:none!important;
  }
  .disctm-internal-conflict-disclosure-chevron{transition:none!important}
}

/* Read-only feedback markers keep only the owner's selected signals visible. */
.disctm-report-feedback-static{
  --disctm-feedback-color:currentColor;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:17px;
  height:17px;
  margin-left:.42em;
  vertical-align:middle;
}
.disctm-report-feedback-static .disctm-report-feedback-icon{
  display:block;
  width:17px;
  height:17px;
  background-color:currentColor;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain;
}
.disctm-report-feedback-static--love{color:var(--disctm-color-d-red,#da251d)}
.disctm-report-feedback-static--love .disctm-report-feedback-icon{-webkit-mask-image:url("../svg/heart.fill.svg");mask-image:url("../svg/heart.fill.svg")}
.disctm-report-feedback-static--dislike{color:var(--disctm-color-blue-elliptic-button-bg-idle,#0071e3)}
.disctm-report-feedback-static--dislike .disctm-report-feedback-icon{-webkit-mask-image:url("../svg/hand.thumbsdown.fill.svg");mask-image:url("../svg/hand.thumbsdown.fill.svg")}
.disctm-avatar-surface--readonly{cursor:default!important;touch-action:auto!important;user-select:none}
.disctm-report-contents[data-disctm-report-access-mode="share"],
.disctm-report-contents[data-disctm-report-access-mode="edit"]{cursor:auto}

/* CSS squircle is a progressive web approximation, not Apple's disclosed curve. */
@supports (corner-shape: squircle){
  .disctm-internal-conflict-disclosure,
  .disctm-internal-conflict-disclosure>summary{
    corner-shape:squircle; /* @disc-corner: disctm-report-disclosure */
  }
  .disctm-natural-score-track{
    corner-shape:squircle; /* @disc-corner: disctm-report-score-track */
  }
  .disctm-personality-map,
  .disctm-personality-map::after,
  .disctm-personality-map-corner{
    corner-shape:squircle; /* @disc-corner: disctm-report-personality-map */
  }
  .disctm-answer-overview-choice{
    corner-shape:squircle; /* @disc-corner: disctm-report-answer-choice */
  }
}

/* One-time entrance motion is progressive enhancement. Only JS-tagged pending
   components receive a hidden starting state; the untagged report is final. */
@media (prefers-reduced-motion:no-preference){
  .disctm-report-contents [data-disctm-motion="content"][data-disctm-motion-state="pending"],
  .disctm-report-contents [data-disctm-motion="disc-about"][data-disctm-motion-state="pending"]{
    opacity:0;
  }
  .disctm-report-contents [data-disctm-motion="list"][data-disctm-motion-state="pending"]>li{
    opacity:0;
  }
  .disctm-report-contents [data-disctm-motion="natural-axis"][data-disctm-motion-state="pending"] .disctm-natural-score-fill{
    height:0%!important;
  }
  .disctm-report-contents [data-disctm-motion="natural-axis"][data-disctm-motion-state="pending"] .disctm-natural-score-label,
  .disctm-report-contents [data-disctm-motion="dimension"][data-disctm-motion-state="pending"] .disctm-natural-dimension-marker:not(.disctm-natural-dimension-marker--low):not(.disctm-natural-dimension-marker--high),
  .disctm-report-contents [data-disctm-motion="dimension"][data-disctm-motion-state="pending"] .disctm-natural-dimension-score-marker,
  .disctm-report-contents [data-disctm-motion="pair-grid"][data-disctm-motion-state="pending"] .disctm-career-pair-marker{
    opacity:0;
  }
  .disctm-report-contents [data-disctm-motion-state="pending"],
  .disctm-report-contents [data-disctm-motion-state="pending"] *{
    transition:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .disctm-report-contents [data-disctm-motion-state="pending"],
  .disctm-report-contents [data-disctm-motion-state="pending"]>li,
  .disctm-report-contents [data-disctm-motion-state="pending"] .disctm-natural-score-label,
  .disctm-report-contents [data-disctm-motion-state="pending"] .disctm-natural-dimension-marker,
  .disctm-report-contents [data-disctm-motion-state="pending"] .disctm-natural-dimension-score-marker,
  .disctm-report-contents [data-disctm-motion-state="pending"] .disctm-career-pair-marker{
    opacity:1!important;
    transform:none!important;
  }
  .disctm-report-contents [data-disctm-motion="natural-axis"][data-disctm-motion-state="pending"] .disctm-natural-score-fill{
    height:var(--natural-score-fill-height)!important;
  }
}

/* Natural and Adapted score comparison, beneath the existing shift meter. */
.disctm-report-contents .disctm-comparison-figure{max-width:600px;margin:12px auto 24px}
.disctm-comparison-figure[hidden]{display:none!important}
.disctm-comparison-chart{--plot-height:120px;--bar-width:48px;--bar-gap:12px;--group-gap:32px;display:grid;grid-template-columns:repeat(4,calc(var(--bar-width)*2 + var(--bar-gap)));column-gap:var(--group-gap);width:max-content;max-width:100%;overflow-x:auto;height:calc(var(--plot-height) + 110px);margin:0 auto;border-radius:4px}
.disctm-report-contents .disctm-comparison-chart:focus{outline:none;box-shadow:none}
html[data-a-disc-input-modality="keyboard"] .disctm-report-contents .disctm-comparison-chart[tabindex="0"]:focus{outline:2px solid var(--disctm-focus-ring-color);outline-offset:3px}
.disctm-comparison-pair{position:relative;min-width:0}
.disctm-comparison-pair[data-comparison-trait="D"]{--trait:var(--disctm-color-d-red,#da251d)}
.disctm-comparison-pair[data-comparison-trait="I"]{--trait:var(--disctm-color-i-yellow,#ffbe00)}
.disctm-comparison-pair[data-comparison-trait="S"]{--trait:var(--disctm-color-s-green,#00b13f)}
.disctm-comparison-pair[data-comparison-trait="C"]{--trait:var(--disctm-color-c-blue,#0376bb)}
.disctm-comparison-bar{position:absolute;bottom:22px;width:var(--bar-width);border-radius:4px;border:0}
.disctm-comparison-bar--natural{left:calc(50% - var(--bar-gap)/2 - var(--bar-width));height:calc(var(--natural)*var(--plot-height));background:var(--trait)}
.disctm-comparison-bar--adapted{left:calc(50% + var(--bar-gap)/2);height:calc(var(--adapted)*var(--plot-height));background:transparent;border:1.5px solid var(--trait)}
.disctm-comparison-value{white-space:nowrap;position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);font-weight:700}
.disctm-comparison-letter{position:absolute;left:0;bottom:0;width:100%;text-align:center;font-weight:700;color:var(--disctm-color-gray-secondary-text,#6e6e73)}
.disctm-comparison-bracket{position:absolute;bottom:calc(22px + var(--highest)*var(--plot-height) + 39px);left:50%;transform:translateX(-50%);width:calc(var(--bar-width)*2 + var(--bar-gap) - 8px);height:8px;border:1.5px solid var(--disctm-color-gray-border,#d2d2d7);border-bottom:0}
.disctm-comparison-bracket>span{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);color:var(--disctm-color-gray-secondary-text,#6e6e73);white-space:nowrap}
.disctm-comparison-key{margin-top:18px;display:flex;justify-content:center;align-items:flex-start;gap:32px}
.disctm-comparison-key>span{display:flex;align-items:center;gap:9px}
.disctm-comparison-key-mark{display:block;flex:0 0 13px;width:13px;height:18px;border:1.5px solid var(--comparison-key-color);border-radius:4px}
.disctm-comparison-key-mark--solid{background:var(--comparison-key-color)}
@media(max-width:734px){
  .disctm-report-contents .disctm-comparison-figure{margin-top:8px}
  /* Bars and gaps follow the screen width, so all four pairs fit the column on every phone. */
  .disctm-comparison-chart{--bar-width:clamp(20px,7vw,30px);--bar-gap:clamp(6px,2vw,10px);--group-gap:clamp(12px,5vw,30px)}
  .disctm-comparison-key{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .disctm-comparison-key>span{gap:7px;justify-content:center}
  .disctm-comparison-key-mark{flex-basis:11px;width:11px;height:16px}
  /* Additional CSS typography-body-reduced values for the compact legend. */
  .disctm-comparison-key,.disctm-comparison-bracket>span{font-size:14px;line-height:1.42859;letter-spacing:-.016em}
}
@media print{
  .disctm-comparison-figure{break-inside:avoid;page-break-inside:avoid}
  .disctm-comparison-bar--natural,.disctm-comparison-key-mark--solid{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

.disctm-comparison-figure[data-comparison-top-natural="D"]{--comparison-key-color:var(--disctm-color-d-red,#da251d)}
.disctm-comparison-figure[data-comparison-top-natural="I"]{--comparison-key-color:var(--disctm-color-i-yellow,#ffbe00)}
.disctm-comparison-figure[data-comparison-top-natural="S"]{--comparison-key-color:var(--disctm-color-s-green,#00b13f)}
.disctm-comparison-figure[data-comparison-top-natural="C"]{--comparison-key-color:var(--disctm-color-c-blue,#0376bb)}

/* Free Alpha adapted section: abstract artwork contains no report data. */
.disctm-plugin-report .disctm-adapted-free-preview{margin:36px 0 0}
.disctm-adapted-free-art{position:relative;height:126px;pointer-events:none;overflow:hidden}
.disctm-adapted-free-cards,
.disctm-adapted-free-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.disctm-adapted-free-cards{position:absolute;inset:0}
.disctm-adapted-free-card{min-width:0;padding:18px;border:1px solid var(--disctm-color-gray-border,#d2d2d7);border-radius:12px;background:var(--disctm-color-background-almost-white,#f5f5f7)}
.disctm-adapted-free-card span{display:block;width:62%;height:7px;border-radius:4px;background:var(--disctm-color-gray-border,#d2d2d7);margin-bottom:18px}
.disctm-adapted-free-card i{display:inline-block;height:52px;width:15%;margin-right:6%;border-radius:4px;background:var(--disctm-color-gray-border,#d2d2d7)}
.disctm-adapted-free-card i:nth-child(3){height:36px}
.disctm-adapted-free-card i:nth-child(4){height:44px}
.disctm-adapted-free-card i:nth-child(5){height:26px}
.disctm-adapted-free-card b{display:block;width:92%;height:8px;border-radius:4px;background:var(--disctm-color-gray-border,#d2d2d7);margin-top:12px}
.disctm-adapted-free-card b:last-child{width:62%}
.disctm-adapted-free-art::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 12%,var(--disctm-white,#fff) 100%)}
.disctm-adapted-free-labels{color:var(--disctm-color-gray-secondary-text,#6e6e73)}
.disctm-adapted-free-labels>span{min-width:0;text-align:left}
.disctm-plugin-report p.disctm-adapted-free-notice{display:flex;justify-content:center;align-items:flex-start;gap:12px;margin:24px 0 0;color:var(--disctm-color-gray-secondary-text,#6e6e73);text-align:center}
.disctm-adapted-free-lock{flex:0 0 20px;width:20px;height:20px;margin-top:2px;background:currentColor;-webkit-mask:url("../svg/lock.fill.svg") center/contain no-repeat;mask:url("../svg/lock.fill.svg") center/contain no-repeat}
.disctm-adapted-free-preview>.disctm-alpha-upgrade-gate-host{margin:24px 0 0}
@media(max-width:734px){
  .disctm-plugin-report .disctm-adapted-free-preview{margin-top:30px}
  .disctm-adapted-free-art{height:108px}
  .disctm-adapted-free-cards,.disctm-adapted-free-labels{gap:8px}
  .disctm-adapted-free-card{padding:12px 8px}
  .disctm-plugin-report p.disctm-adapted-free-notice{justify-content:flex-start;text-align:left}
  .disctm-adapted-free-preview .disctm-alpha-upgrade-reveal{min-height:36px}
}
@media print{
  .disctm-adapted-free-art,.disctm-adapted-free-labels,
  .disctm-adapted-free-preview>.disctm-alpha-upgrade-gate-host{display:none!important}
  .disctm-plugin-report .disctm-adapted-free-preview{margin:0}
  .disctm-plugin-report p.disctm-adapted-free-notice{justify-content:flex-start;text-align:left}
}
/* Body-only navigation: the report summary keeps its existing presentation. */
.disctm-report-contents [id] {
  scroll-margin-top: calc(var(--disctm-report-anchor-offset, 60px) + 24px);
}

.disctm-report-contents a.disctm-report-section-link,
.disctm-report-contents a.disctm-report-section-link:visited,
.disctm-report-contents a.disctm-report-section-link:hover,
.disctm-report-contents a.disctm-report-section-link:active {
  font: inherit;
  text-decoration: underline;
  text-underline-offset: .15em;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.disctm-report-contents a.disctm-report-section-link:focus:not(:focus-visible) {
  outline: none;
}

.disctm-report-contents a.disctm-report-section-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-radius: 2px;
}

/* Management stays in ordinary prose; only full URLs need special wrapping. */
.disctm-report-contents [data-disctm-management-action][aria-busy="true"]{cursor:progress}
html[data-a-disc-input-modality="keyboard"] .disctm-report-contents [data-disctm-management-action]:focus{outline:var(--disctm-focus-ring-width) solid var(--disctm-focus-ring-color);outline-offset:var(--disctm-focus-ring-offset)}

/* Keep every PDF label in the existing link typography, including flex-based feedback. */
.disctm-report-contents [data-disctm-management-action="pdf"] :is([data-disctm-pdf-idle],[data-disctm-pdf-busy],[data-disctm-pdf-busy]>span:not(.disctm-pdf-spinner)){
  font:inherit;
  letter-spacing:inherit;
  color:inherit;
  text-decoration:inherit;
  text-underline-offset:inherit;
}

/* Busy PDF text is disabled status feedback, not an actionable link. */
.disctm-report-contents [data-disctm-management-action="pdf"][aria-disabled="true"]{
  text-decoration:none!important;
  cursor:default;
  pointer-events:none;
}

/* Idea 01 keeps PDF preparation feedback inside the existing action. */
.disctm-report-contents .disctm-pdf-busy{display:inline-flex;align-items:center;gap:8px;vertical-align:baseline}
.disctm-report-contents :is([data-disctm-pdf-idle],[data-disctm-pdf-busy])[hidden]{display:none!important}
.disctm-report-contents .disctm-pdf-spinner{display:inline-block;flex:none;width:16px;height:16px;border:2px solid var(--disctm-color-gray-border,#d2d2d7);border-top-color:var(--disctm-color-accent,#0071e3);border-radius:50%;/* @disc-corner: circular PDF progress indicator */animation:disctm-pdf-spin 1s linear infinite}
@keyframes disctm-pdf-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.disctm-report-contents .disctm-pdf-spinner{animation:none}}
@media print{.disctm-report-contents [data-disctm-pdf-busy],.disctm-report-contents [data-disctm-pdf-status]{display:none!important}.disctm-report-contents [data-disctm-pdf-idle][hidden]{display:inline!important}}

/* Supporting classification text keeps heading geometry and body emphasis. */
[data-disctm-natural-dimension-heading] .disctm-dimension-heading-support {
  font-weight:400;
  color:var(--disctm-color-primary-text,#1d1d1f);
  background:none;
  background-clip:border-box;
  -webkit-background-clip:border-box;
  -webkit-text-fill-color:var(--disctm-color-primary-text,#1d1d1f);
  font-size:inherit;
  line-height:inherit;
}

/* Ambiversion support is a sibling paragraph in initial and hydrated reports. */
.disctm-report-contents h3[data-disctm-natural-dimension-heading].has-intro-extro-percentages {
  margin-bottom: 0;
  font-weight: 600;
}
.disctm-report-contents .disctm-report-section > h3[data-disctm-natural-dimension-heading] + p.disctm-intro-extro-percentages {
  margin: var(--sk-default-stacked-margin, 0.4em) 0 0;
  font-weight: 400;
  color: var(--disctm-color-primary-text, #1d1d1f);
  background: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: var(--disctm-color-primary-text, #1d1d1f);
  text-align: left;
}
.disctm-report-contents p.disctm-intro-extro-percentages[hidden] { display: none !important; }
.disctm-report-contents .disctm-report-section > p.disctm-intro-extro-percentages + [data-disctm-natural-pair] {
  margin-top: var(--space-h3-to-body);
}

.disctm-report-contents p.disctm-adapted-intro-extro-description {
  margin-top: var(--space-h3-to-body);
  font-weight: 400;
  color: var(--disctm-color-primary-text, #1d1d1f);
}
.disctm-report-contents p.disctm-adapted-intro-extro-description[hidden] { display: none !important; }

/* Resolve meter spacing on the preceding heading-sized text, not the body-sized meter. */
.disctm-report-contents .disctm-report-section > h3[data-disctm-natural-dimension-heading]:not(.has-intro-extro-percentages),
.disctm-report-contents .disctm-report-section > p.disctm-intro-extro-percentages,
.disctm-report-contents .disctm-adapted-comparison-heading {
  margin-bottom: var(--sk-headline-plus-first-element-margin, 0.8em) !important;
}
.disctm-report-contents .disctm-report-section > h3[data-disctm-natural-dimension-heading].has-intro-extro-percentages {
  margin-bottom: 0 !important;
}
.disctm-report-contents .disctm-report-section > h3[data-disctm-natural-dimension-heading] + .disctm-natural-dimension,
.disctm-report-contents .disctm-report-section > p.disctm-intro-extro-percentages + .disctm-natural-dimension,
.disctm-report-contents .disctm-adapted-comparison-heading + .disctm-adapted-comparison-track {
  margin-top: 0 !important;
}