/* Fixed reference families. Site identity and original content stay consistent. */
[data-experience]{--test-accent:#518775;--test-wash:#f3f7f4}
/* Labyrinthos: a spread selection, an intention, and an illustrated reading. */
body .x-tarot-entry{display:block;max-width:960px;margin:auto}
body .x-tarot-entry>.deck-preview{display:none}
body .x-tarot-entry #tarot-form{display:grid;grid-template-columns:1fr 1fr;gap:45px;max-width:none;padding:35px;background:#faf8f5;border:1px solid #e6e1d9;box-shadow:none}
body .x-tarot-entry .x-spread-step{border:0;min-width:0;padding:0;margin:0}
.x-step-number{display:block;font:600 12px Inter,sans-serif;color:#8c785a;letter-spacing:2px;margin-bottom:20px}
body .x-tarot-entry .spread-options{grid-template-columns:1fr;gap:15px;margin-top:18px}
body .x-tarot-entry .spread-options label{min-height:100px;background:white;position:relative;padding:20px;border-radius:5px;display:flex;gap:14px;align-items:center}
body .x-tarot-entry .spread-options label:has(input:checked){border:2px solid #987a4c;background:#fffdf7}
body .x-tarot-entry .spread-options b{font-size:20px;margin-bottom:8px}
body .x-tarot-entry .x-question-step>label{display:block;margin:0 0 9px}body .x-tarot-entry .x-question-step>input,body .x-tarot-entry .x-question-step>select{margin-bottom:22px}
body .tarot-results.one-card{max-width:950px;margin:40px auto}
body .tarot-results.one-card .tarot-reading-card{display:grid;grid-template-columns:280px 1fr;gap:15px 65px;text-align:left;align-items:center}
body .tarot-results.one-card .tarot-reading-card>.eyebrow{grid-column:1/-1;text-align:left}
body .tarot-results.one-card .reveal-card{width:280px;margin:0}
body .tarot-results.one-card .card-interpretation{margin:0;text-align:left;padding:0}
body .tarot-results.one-card .card-interpretation h2{font-size:38px;margin:15px 0}
body .tarot-results.one-card .card-interpretation p{font-size:17px;line-height:1.9}
/* Numerologia.io: the two entries sit alongside the purpose and method. */
.x-pair-entry{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;max-width:1080px;margin:40px auto 0;align-items:start}
body .x-pair-entry .pair-form{max-width:none;width:100%;margin:0;background:#f5f8fa;border:1px solid #dce6eb;border-radius:8px;padding:30px}
body .x-pair-entry .pair-fields{grid-template-columns:1fr;gap:14px;text-align:left}
body .x-pair-entry .pair-fields>span{text-align:center;color:#8e9aa6;font-size:22px}
.x-pair-context{padding:20px 0}.x-pair-context h2{font:650 31px/1.3 'Red Hat Display',sans-serif;margin:15px 0}.x-pair-context p{font-size:16px;line-height:1.85;color:#667487}.x-pair-context blockquote{font-size:19px;line-height:1.7;margin:24px 0;padding-left:20px;border-left:3px solid #7ca8b0;color:#46566b}
/* Numerology.com: a clear calculator and number directory on a light reading page. */
body .x-number-entry{min-height:650px;height:auto;max-height:none;background:#f4f7f9;position:relative;overflow:hidden;color:#343d4e}
body .x-number-entry .hero-backdrop,body .x-number-entry .hero-motion{inset:40px 3% 90px 54%;width:43%;height:calc(100% - 130px);border-radius:8px;object-fit:cover;opacity:1;transform:none;mask-image:none;-webkit-mask-image:none;filter:none}
body .x-number-entry .hero-motion:not(.ready){opacity:0}
body .x-number-entry .hero-shade{display:none}
body .x-number-entry .immersive-inner{padding:45px 0 105px;width:calc(100% - 80px);max-width:1180px;margin:auto;position:relative;z-index:1;min-height:0;display:block}
body .x-number-entry .immersive-copy{width:47%;max-width:560px;color:#343d4e;padding:0;text-align:left}
body .x-number-entry .calculator{grid-template-columns:1fr;gap:12px}body .x-number-entry .calculator .btn{grid-column:1/-1;grid-row:auto;margin:0}body .x-number-entry .immersive-form{box-shadow:none}
body .x-number-entry h1,body .x-number-entry h1 em{color:#343d4e;font:650 49px/1.14 'Red Hat Display',sans-serif;letter-spacing:-1px}
body .x-number-entry .eyebrow{color:#587c92}body .x-number-entry .immersive-intro{color:#647487;font-size:17px;line-height:1.75}
body .x-number-entry .immersive-form{background:white;border:1px solid #dbe4e9;border-radius:7px;padding:22px;margin:25px 0 10px}
body .x-number-entry .calculator,body .x-number-entry .calculator>label{color:#343d4e}body .x-number-entry .micro{color:#647487}
body .x-number-entry .sample-link{color:#376c89;display:inline-flex;align-items:center;min-height:44px}
body .x-number-entry .hero-bottom{color:#647487;border-top:1px solid #dbe4e9;bottom:0;left:0;right:0;padding:20px 4%;background:#fff;min-height:70px;gap:20px;z-index:2}
body .x-number-entry .hero-bottom a,body .x-number-entry .hero-bottom button{color:#376c89;border-color:#cbd9e2}
@media(max-width:760px){
 body .x-tarot-entry #tarot-form{grid-template-columns:1fr;padding:24px 18px;gap:25px}body .x-tarot-entry .spread-options{grid-template-columns:1fr 1fr;gap:10px}body .x-tarot-entry .spread-options label{padding:12px;display:block}body .x-tarot-entry .spread-options b{font-size:17px}
 body .tarot-results.one-card .tarot-reading-card{display:block;text-align:center}body .tarot-results.one-card .reveal-card{margin:20px auto;width:240px}body .tarot-results.one-card .card-interpretation{padding:20px 0}body .tarot-results.one-card .card-interpretation h2{font-size:30px}
 .x-pair-entry{grid-template-columns:1fr;gap:10px;margin-top:25px}body .x-pair-entry .pair-form{padding:24px 18px}.x-pair-context{padding:20px 5px}.x-pair-context h2{font-size:27px}
 body .x-number-entry .immersive-inner{width:calc(100% - 40px);padding:34px 0 310px}body .x-number-entry .immersive-copy{width:100%;max-width:none}body .x-number-entry h1,body .x-number-entry h1 em{font-size:37px;line-height:1.2}body .x-number-entry .hero-backdrop,body .x-number-entry .hero-motion{display:block;inset:auto 20px 90px;top:auto;width:calc(100% - 40px);height:200px;object-position:center 50%}body .x-number-entry .immersive-form{padding:20px 15px}body .x-number-entry .hero-bottom{padding:12px 20px;min-height:65px}body .x-number-entry .hero-bottom>span{display:none}
}
body [data-experience] .ia-button{background:var(--test-accent);border-color:var(--test-accent);color:white}
body .ia-discovery[data-experience] .ia-button:hover{background:var(--test-accent);border-color:var(--test-accent);filter:brightness(.93);transform:none}
.x-breadcrumb{padding-top:24px}.x-breadcrumb .ia-back{margin:0;min-height:44px;display:inline-flex;align-items:center;color:#657284;font-size:13px}
body .x-intro .ia-intro-header{background:var(--test-wash);padding:46px 0 50px}
body .x-intro .ia-intro-header>.ia-shell{grid-template-columns:1.15fr .85fr;gap:65px;align-items:center}
body .x-intro .ia-intro-copy{min-width:0}body .x-intro h1{font-size:52px;line-height:1.12;margin:18px 0}
body .x-intro .x-subtitle{font:600 23px/1.5 'Red Hat Display',sans-serif;color:var(--test-accent);margin:0 0 18px}
body .x-intro .ia-lead{font-size:17px;line-height:1.8;margin:0 0 23px}
.x-intro-action{margin:25px 0 0}.x-intro-action .ia-fine{font-size:12px;line-height:1.7;margin:15px 0}
body .x-intro .ia-intro-visual{height:410px;min-height:0;max-height:none;border-radius:8px;position:relative;overflow:hidden}
body .x-intro .ia-intro-visual>img{width:100%;height:100%;object-fit:cover;position:static;display:block}
body .x-intro .ia-intro-visual:after{display:none}
body .x-intro .ia-intro-visual>.x-intro-spectrum{width:100%;flex-shrink:0}
body .x-intro .ia-intro-visual>.x-dimension-key,body .x-intro .ia-intro-visual>.x-decision-diagram{position:static;inset:auto;color:#343d4e;z-index:auto;width:100%}
body .x-intro .ia-intro-details{padding:45px 0 55px;grid-template-columns:1.15fr .85fr;gap:65px}
body .x-intro .ia-intro-gives h2{font-size:30px;margin:14px 0 24px;line-height:1.25}
.x-dimension-key{display:flex;flex-wrap:wrap;gap:12px 20px;margin:20px 0}.x-dimension-key>span{font-size:14px;line-height:1.6;display:flex;gap:8px;align-items:baseline}.x-dimension-key i{display:inline-block;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--dimension-color)}
body .x-intro .ia-keep-progress{max-width:540px;text-align:left;background:#ffffffa6;border:1px solid #343d4e15;padding:12px;margin-top:20px;font-size:12px}
/* Meadow: a calm centered entry, then a focused question card. */
body .x-intro[data-reference-family=meadow] .ia-intro-header>.ia-shell{display:block;max-width:820px;text-align:center}
body .x-intro[data-reference-family=meadow] .ia-intro-copy{max-width:740px;margin:auto}
body .x-intro[data-reference-family=meadow] .ia-intro-facts{justify-content:center}
body .x-intro[data-reference-family=meadow] .ia-keep-progress{margin:20px auto 0}
body .x-intro[data-reference-family=meadow] .ia-intro-visual{height:auto;margin:35px auto 0;max-width:500px;overflow:visible;background:transparent}
body .x-intro[data-reference-family=meadow] .ia-intro-visual>.x-dimension-key{position:static;display:flex;justify-content:center}
.x-intro-spectrum{position:relative;height:60px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border-radius:8px;overflow:hidden}.x-intro-spectrum>span:nth-child(1){background:#c8e2d8}.x-intro-spectrum>span:nth-child(2){background:#edceb8}.x-intro-spectrum>span:nth-child(3){background:#c9d8ed}.x-intro-spectrum>span:nth-child(4){background:#e5cce2}.x-intro-spectrum>i{position:absolute;border:3px solid white;box-shadow:0 1px 7px #343d4e40;width:16px;height:16px;background:#518775;border-radius:50%;top:22px;left:22%}
/* Truity: a distinct band for the test identity and grouped scale rows. */
body .x-intro[data-reference-family=truity] .ia-intro-header{padding:0}
body .x-intro[data-reference-family=truity] .ia-intro-header>.ia-shell{width:100%;max-width:1240px;gap:35px;align-items:stretch}
body .x-intro[data-reference-family=truity] .ia-intro-copy{padding:45px 0 45px 30px}
body .x-intro[data-reference-family=truity] .ia-intro-visual{height:auto;min-height:470px;border-radius:0}
/* IDRlabs / 123test: concise introduction, useful context alongside. */
body .x-intro[data-reference-family=idr] .ia-intro-header,body .x-intro[data-reference-family=work] .ia-intro-header{background:white;padding-top:20px}
body .x-intro[data-reference-family=idr] h1,body .x-intro[data-reference-family=work] h1{font-size:42px}
body .x-intro[data-reference-family=idr] .ia-intro-visual,body .x-intro[data-reference-family=work] .ia-intro-visual{height:320px;border-radius:12px}
body .x-intro[data-reference-family=work] .ia-intro-details{border-top:1px solid #e5e8ee}
/* Psychology Today: image-led test title with a separate explanatory section. */
body .x-intro[data-reference-family=psychology] .ia-intro-header>.ia-shell{display:flex;flex-direction:column;gap:0;max-width:1140px;background:white;border-radius:10px;overflow:hidden}
body .x-intro[data-reference-family=psychology] .ia-intro-visual{order:-1;width:100%;height:260px;border-radius:0}
body .x-intro[data-reference-family=psychology] .ia-intro-copy{padding:35px 55px;text-align:center;width:100%;background:var(--test-wash)}
body .x-intro[data-reference-family=psychology] .ia-intro-facts{justify-content:center}
body .x-intro[data-reference-family=psychology] .ia-keep-progress{margin:20px auto 0}
/* Daylogue: split title and a simple diagram of the decision themes. */
body .x-intro[data-reference-family=daylogue] .ia-intro-visual{height:auto;overflow:visible;background:none}
body .x-intro .x-decision-diagram{position:static;text-align:center;padding:45px 20px;border:1px solid #dcccb9;border-radius:50% 50% 8px 8px;background:#fff9f0}
.x-decision-diagram>span{font:650 24px 'Red Hat Display',sans-serif}.x-decision-diagram>div[aria-hidden]{font-size:38px;color:#a98452;margin:30px 0}.x-decision-diagram .x-dimension-key{justify-content:center;display:grid;grid-template-columns:1fr;gap:18px}.x-decision-diagram .x-dimension-key>span{justify-content:center;font-size:17px}
/* Question flows preserve native radio controls, explicit completion, and previous answers. */
body .x-quiz{display:block;background:var(--test-wash);min-height:calc(100svh - 88px);padding:26px 0 45px}
body .x-quiz .ia-question-panel{width:calc(100% - 48px);max-width:900px;padding:0;margin:0 auto;background:transparent}
body .x-quiz .ia-question-top{font-size:13px;margin:0 0 16px;gap:25px}
body .x-quiz .ia-question-top>a{font-size:13px!important;line-height:1.5;min-height:44px;display:flex;align-items:center}
body .x-quiz .ia-progress{height:7px;background:#dce3e7;margin:0 0 28px;border-radius:8px;overflow:hidden}
body .x-quiz .ia-progress>span{background:var(--test-accent)}
body .x-quiz #ia-question-form{background:white;border:1px solid #e1e7eb;border-radius:10px;overflow:hidden}
.x-quiz-heading{padding:25px 32px;border-bottom:1px solid #e5e8ee}
body .x-quiz .x-quiz-heading h1{font-size:26px;line-height:1.3;min-height:0;margin:8px 0 10px;text-align:left}
.x-quiz-heading p{font-size:14px;color:#697383;line-height:1.7;margin:0}
.x-question{padding:28px 32px;margin:0;border:0;min-width:0}.x-question:nth-of-type(even){background:var(--test-wash)}
.x-question legend{float:left;width:100%;font:650 21px/1.5 'Red Hat Display',sans-serif;display:flex;gap:13px;align-items:baseline;padding:0;margin:0 0 22px;color:#343d4e}
.x-question legend+div{clear:both}.x-question-number{font:600 12px Inter,sans-serif;flex-shrink:0;color:#7b8592}
body .x-quiz .ia-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin:0;max-width:none}
body .x-quiz .ia-option{display:flex;flex-direction:column;gap:9px;padding:0 3px;min-height:95px;font:13px/1.5 Inter,sans-serif;text-align:center;position:relative;background:none;border:0;min-width:0;color:#697383}
body .x-quiz .ia-option-number{width:46px;height:46px;display:grid;place-items:center;border:2px solid #a9b9bd;border-radius:50%;background:white;color:#697383;font:500 14px Inter,sans-serif;flex-shrink:0}
body .x-quiz .ia-option input{position:absolute;opacity:0;width:46px;height:46px;top:0;left:50%;transform:translateX(-50%);margin:0;cursor:pointer;z-index:2}
body .x-quiz .ia-option:has(input:checked){color:var(--test-accent);background:none}
body .x-quiz .ia-option:has(input:checked) .ia-option-number{background:var(--test-accent);border-color:var(--test-accent);color:white;box-shadow:0 0 0 4px color-mix(in srgb,var(--test-accent) 12%,transparent)}
body .x-quiz .ia-option:has(input:focus-visible) .ia-option-number{outline:3px solid #37354e;outline-offset:4px}
body .x-quiz .ia-option-check{display:none}
body .x-quiz .ia-question-controls{border-top:1px solid #e5e8ee;padding:22px 32px;display:flex;justify-content:space-between;gap:20px;position:static;background:white}
body .x-quiz .ia-question-controls .ia-button{min-height:52px;font-size:15px}
body .x-quiz .ia-question-hint{display:block;line-height:1.7;font-size:12px;padding:16px 10px;margin:0;text-align:center}
body .x-single .ia-question-panel{max-width:760px}body .x-single .x-question{padding:38px 35px}
body .x-single .x-question legend{font-size:25px;line-height:1.5;margin-bottom:34px;min-height:78px}
body .x-single[data-reference-family=idr]{background:white}body .x-single[data-reference-family=idr] #ia-question-form{border:0;border-radius:0}body .x-single[data-reference-family=idr] .x-question{padding:30px 0}body .x-single[data-reference-family=idr] .x-quiz-heading{padding-left:0;padding-right:0}
body .x-single[data-reference-family=daylogue] .ia-options{grid-template-columns:1fr;gap:10px}
body .x-single[data-reference-family=daylogue] .ia-option{flex-direction:row;align-items:center;text-align:left;min-height:58px;padding:8px 16px;border:1px solid #ddd6cb;border-radius:6px;font-size:16px;gap:16px;background:#fffefa}
body .x-single[data-reference-family=daylogue] .ia-option-number{width:35px;height:35px;border-width:1px;border-radius:5px}
body .x-single[data-reference-family=daylogue] .ia-option input{left:16px;top:8px;transform:none;width:35px;height:35px}
body .x-single[data-reference-family=daylogue] .ia-option:has(input:checked){border-color:var(--test-accent);background:var(--test-wash)}
/* A visual result before the interpretation, using real self-report values. */
.x-result-overview{padding:0 0 40px;margin-bottom:40px;border-bottom:1px solid #e5e8ee}
body .x-result-overview h2{font-size:32px;line-height:1.25;margin:13px 0 18px}
body .x-result-overview p{font-size:14px;line-height:1.8;color:#697383;max-width:680px}
.x-result-bars{display:grid;gap:18px;margin-top:28px}.x-result-bars>button{display:grid;grid-template-columns:minmax(120px,1fr) minmax(100px,1.2fr) 70px;align-items:center;gap:20px;min-height:52px;color:#343d4e;font-size:15px;text-decoration:none}
.x-result-bars>button:hover .x-score-name{text-decoration:underline}.x-result-bars>button:focus-visible{outline:3px solid var(--test-accent);outline-offset:4px}.x-score-name{min-width:0;overflow-wrap:anywhere}
.x-score-track{height:22px;background:#edf0f3;border-radius:4px;overflow:hidden}.x-score-track [data-score-fill]{display:block;width:var(--value);height:100%;background:var(--dimension-color);border-radius:4px;transform-origin:left;animation:x-bar-in .5s ease both}
.x-result-bars b{font:650 20px 'Red Hat Display',sans-serif;text-align:right;white-space:nowrap}.x-result-bars small{font:12px Inter,sans-serif;color:#697383}
.x-columns{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding-top:10px}.x-columns>button{display:flex;flex-direction:column;min-width:0;gap:12px;text-align:center;font-size:13px}.x-columns .x-score-track{height:170px;width:100%;max-width:80px;display:flex;align-items:flex-end;order:-1}.x-columns .x-score-track [data-score-fill]{width:100%;height:var(--value);transform-origin:bottom;animation-name:x-column-in}.x-columns .x-score-name{min-height:45px}.x-columns b{font-size:19px}
.x-attachment-map{display:grid;grid-template-columns:240px 1fr;gap:35px;align-items:center;margin-top:30px}.x-attachment-map .x-result-bars{margin:0}.x-attachment-map .x-result-bars>button{grid-template-columns:1fr 70px;gap:9px}.x-attachment-map .x-score-track{grid-column:1/-1;grid-row:2;height:13px}
.x-map-square{width:205px;height:205px;position:relative;margin:10px 0 25px 25px;background:conic-gradient(#e8d9e8 0 25%,#d9e3f1 0 50%,#d5e9e0 0 75%,#f2ddca 0);border:1px solid #c3cdd3;border-radius:5px}.x-map-square:before,.x-map-square:after{content:'';position:absolute;background:#fff}.x-map-square:before{left:50%;top:0;bottom:0;width:2px}.x-map-square:after{top:50%;left:0;right:0;height:2px}.x-map-dot{position:absolute;width:17px;height:17px;border-radius:50%;background:#304f46;border:3px solid white;box-shadow:0 1px 5px #343d4e66;transform:translate(-50%,50%);z-index:1}.x-map-axis{position:absolute;top:100%;left:0;width:100%;text-align:center;padding-top:10px;font-size:11px}.x-map-axis-y{position:absolute;left:-28px;bottom:0;width:205px;transform:rotate(-90deg);transform-origin:left bottom;text-align:center;font-size:11px}
body .ia-result[data-experience] .ia-result-cover{background:var(--test-wash)}
body .ia-result[data-experience] .ia-score.selected{border-color:var(--test-accent);background:var(--test-wash)}
body .ia-result[data-experience] .ia-meter>span{background:var(--test-accent)}
body .ia-result[data-experience] .ia-result-body .ia-guide-offer{background:var(--test-wash)}
@keyframes x-bar-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes x-column-in{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(max-width:1000px){body .x-intro .ia-intro-header>.ia-shell,body .x-intro .ia-intro-details{gap:35px}body .x-intro h1{font-size:42px}.x-attachment-map{grid-template-columns:1fr}.x-attachment-map .x-map-square{margin:15px auto 35px}}
@media(max-width:760px){
 body .x-intro .ia-intro-header{padding:25px 0 30px}body .x-intro .ia-intro-header>.ia-shell{display:flex;flex-direction:column;gap:27px}body .x-intro h1,body .x-intro[data-reference-family=idr] h1,body .x-intro[data-reference-family=work] h1{font-size:35px;line-height:1.18}
 body .x-intro .x-subtitle{font-size:20px}body .x-intro .ia-lead{font-size:16px}body .x-intro .ia-intro-visual{height:240px;width:100%}body .x-intro .ia-intro-details{display:block;padding:32px 0}.x-intro .ia-intro-details>.ia-method{margin-top:28px}.x-dimension-key{gap:12px}.x-dimension-key>span{font-size:13px}
 body .x-intro .ia-keep-progress{font-size:11px}body .x-intro .ia-intro-gives h2{font-size:28px}
 body .x-intro[data-reference-family=truity] .ia-intro-copy{padding:30px 20px 0}body .x-intro[data-reference-family=truity] .ia-intro-visual{min-height:0;height:240px}
 body .x-intro[data-reference-family=psychology] .ia-intro-visual{height:190px}body .x-intro[data-reference-family=psychology] .ia-intro-copy{padding:25px 18px}
 body .x-intro[data-reference-family=idr] .ia-intro-visual,body .x-intro[data-reference-family=work] .ia-intro-visual{height:220px}
 body .x-quiz{padding:15px 0 25px;min-height:calc(100svh - 72px)}body .x-quiz .ia-question-panel{width:calc(100% - 24px)}body .x-quiz .ia-question-top{gap:12px;align-items:start;margin-bottom:10px}body .x-quiz .ia-question-top>a{font-size:11px!important;max-width:58%}body .x-quiz .ia-question-top>a:last-child{text-align:right;max-width:40%}
 body .x-quiz .ia-progress{margin-bottom:20px}.x-quiz-heading{padding:22px 19px}body .x-quiz .x-quiz-heading h1{font-size:23px}.x-quiz-heading p{font-size:13px}
 .x-question,body .x-single .x-question{padding:25px 14px}.x-question legend,body .x-single .x-question legend{font-size:19px;line-height:1.55;gap:8px;margin-bottom:23px;min-height:0}.x-question-number{font-size:10px}
 body .x-quiz .ia-options{gap:3px}body .x-quiz .ia-option{font-size:12px;line-height:1.5;min-height:99px;padding:0;gap:10px;overflow-wrap:anywhere;hyphens:auto}body .x-quiz .ia-option-number,body .x-quiz .ia-option input{width:44px;height:44px}
 body .x-quiz .ia-question-controls{padding:18px 17px;gap:15px}body .x-quiz .ia-question-controls .ia-button{min-height:52px;font-size:14px;padding:13px 22px}
 body .x-single[data-reference-family=daylogue] .ia-option{font-size:15px;padding:9px 12px;min-height:62px}body .x-single[data-reference-family=daylogue] .ia-option input{left:12px;top:9px;width:44px;height:44px}body .x-single[data-reference-family=daylogue] .ia-option-number{width:44px;height:44px}
 .x-result-overview{padding-bottom:30px;margin-bottom:30px}body .x-result-overview h2{font-size:28px}body .x-result-overview p{font-size:13px}
 .x-result-bars>button{grid-template-columns:minmax(0,1fr) 60px;gap:10px;font-size:14px;min-height:68px}.x-result-bars .x-score-track{grid-column:1/-1;grid-row:2;height:16px}.x-result-bars b{font-size:18px}
 .x-columns{grid-template-columns:1fr;gap:18px}.x-columns>button{display:grid;font-size:14px;gap:10px;min-height:68px;text-align:left}.x-columns .x-score-track{height:16px;max-width:none;width:100%;order:initial}.x-columns .x-score-track [data-score-fill]{width:var(--value);height:100%;transform-origin:left;animation-name:x-bar-in}.x-columns b{font-size:18px}.x-columns small{font-size:12px}.x-columns .x-score-name{min-height:0}
 .x-attachment-map{gap:12px}.x-attachment-map .x-result-bars>button{min-height:68px}
}
@media(prefers-reduced-motion:reduce){.x-score-track [data-score-fill]{animation:none!important}}body.ia-motion-paused .x-score-track [data-score-fill]{animation:none!important}
@media print{.x-result-overview{break-inside:avoid}.x-score-track [data-score-fill]{animation:none!important}.x-quiz{background:white}}

/* A single score display also serves as the dimension selector. */
.x-intro-choices{display:flex;align-items:center;gap:16px 25px;flex-wrap:wrap}.x-intro-choices .ia-button{margin:0!important}.x-intro-choices .ia-text-link{font-size:14px;min-height:44px;margin:0}
[data-reference-family=meadow] .x-intro-choices{justify-content:center}
body .x-result-bars>button.ia-score{width:100%;border:1px solid #e0e6ec;border-radius:7px;background:white;padding:15px 18px;font-family:Inter,sans-serif;cursor:pointer;box-shadow:none;transition:border-color .15s,background .15s;text-align:left}
body .x-result-bars>button.ia-score:hover{border-color:var(--test-accent);transform:none}
body .x-result-bars>button.ia-score.selected{border-color:var(--test-accent);background:var(--test-wash)}
body .x-result-bars>button>.x-score-name{display:block;font-size:14px;line-height:1.6;font-weight:600}
body .x-result-bars>button>.x-score-track{display:block;margin:0;height:18px;background:#e9edf0;min-width:0;width:100%}
body .ia-result .x-result-bars .x-score-track>[data-score-fill]{width:var(--value);height:100%;background:var(--dimension-color);transform:none;animation:x-bar-in .45s ease both}
body .x-result-bars>button>b{font:650 19px 'Red Hat Display',sans-serif;white-space:nowrap;color:#343d4e}
body .x-result-bars>button>.x-score-level{display:flex;justify-content:space-between;grid-column:1/-1;font:12px/1.5 Inter,sans-serif;color:#697383;gap:12px}
body .x-result-overview>.ia-method{margin-top:24px}
body .x-columns>button.ia-score{display:flex;align-items:stretch;gap:12px;padding:14px 10px;text-align:center}
body .x-columns>button>.x-score-track{height:160px;max-width:70px;display:flex;align-items:flex-end;margin:0 auto;order:-1}
body .ia-result .x-columns .x-score-track>[data-score-fill]{width:100%;height:var(--value);animation-name:x-column-in}
body .x-columns>button>.x-score-name{font-size:13px;min-height:63px}
body .x-columns>button>.x-score-level{font-size:11px;display:block}
body .x-columns>button>b{text-align:center}
.x-result-overview{scroll-margin-top:110px}
body .ia-guide-purchase .ia-guide-situations{text-align:left;font-size:14px;line-height:1.8}
body .ia-guide-purchase .ia-guide-situations li{margin-bottom:10px;padding-left:3px}
.ia-pattern-sequence{grid-template-columns:repeat(3,minmax(0,1fr))}.ia-pattern-sequence>li{min-width:0;overflow-wrap:anywhere;hyphens:auto}
@media(min-width:761px) and (max-width:1000px){
 .ia-reading-layout .ia-pattern-sequence{grid-template-columns:1fr;gap:14px}
 .ia-reading-layout .ia-pattern-sequence>li{display:flex;gap:16px;padding:18px}
 .ia-reading-layout .ia-pattern-sequence>li>p{margin:0}
 .ia-reading-layout .ia-pattern-sequence>li:after{display:none}
 .ia-reading-layout .ia-story-heading{display:block}
}
@media(max-width:760px){
 .ia-pattern-sequence{grid-template-columns:1fr}
 .x-intro-choices{gap:10px 20px}body .x-result-bars>button.ia-score{padding:14px}
 body .x-columns>button.ia-score{display:grid;grid-template-columns:minmax(0,1fr) 65px;gap:10px;text-align:left}
 body .x-columns>button>.x-score-track{height:18px;max-width:none;order:initial;margin:0}
 body .ia-result .x-columns .x-score-track>[data-score-fill]{height:100%;width:var(--value);animation-name:x-bar-in}
 body .x-columns>button>.x-score-name{min-height:0;font-size:14px}body .x-columns>button>b{text-align:right}body .x-columns>button>.x-score-level{display:flex;font-size:12px}
}
@media(prefers-reduced-motion:reduce){body .x-result-bars .x-score-track>[data-score-fill]{animation:none!important}}