@import url('/design-system/fonts.css');
@import url('/design-system/tokens.css');
.result-lead{font-size:18px;line-height:1.8;margin:0 0 24px;color:var(--neutral-800)}
.spectrum.result-spectrum{padding:12px 0 0;border-bottom:0}
.result-spectrum.active .band-track{background:linear-gradient(to left,var(--primary-200) 0 32.8%,var(--color-surface) 32.8% 33.8%,var(--primary-200) 33.8% 66.2%,var(--color-surface) 66.2% 67.2%,var(--primary-200) 67.2% 100%)}
.comparison-note{font-size:13px;line-height:1.9;color:var(--neutral-700);margin:20px 0 0}
.result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:var(--space-6)}
.result-card .eyebrow{color:var(--color-ink-muted);margin-bottom:var(--space-2)}
.result-card .result-lead{margin-bottom:var(--space-4)}
.result-card .result-lead strong{font-weight:800;color:var(--color-text-strong)}
:is(.result-card,.profile-dimension) .track{height:10px;margin-inline:10px;margin-bottom:var(--space-4)}
:is(.result-card,.profile-dimension) .track i{background:var(--alternative-600);border-color:var(--color-surface);box-shadow:0 0 0 2px var(--alternative-600)}
:is(.result-card,.profile-dimension) .poles{gap:var(--space-4);font-size:var(--text-caption);color:var(--color-ink-muted)}
.result-card .comparison-note{font-size:var(--text-meta);color:var(--color-ink-muted);margin-top:var(--space-5)}
.result-divider{border:0;border-top:1px solid var(--color-border);margin:var(--space-6) 0}
.result-card .result-score{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);max-width:100%;background:var(--alternative-100);border:1px solid var(--alternative-200);border-radius:var(--badge-radius);padding:var(--space-1) var(--space-3);color:var(--alternative-700);font-size:var(--text-label);font-weight:600;line-height:1.8;margin:0 0 var(--space-5)}
.note.note-secondary{background:var(--secondary-100);border-right-color:var(--secondary-600);color:var(--secondary-700)}
.note.note-secondary h2{color:var(--secondary-700)}
.completion-card{display:grid;gap:20px;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-panel);padding:20px;margin:24px 0}
.completion-copy{min-width:0}
.completion-card h2{display:flex;align-items:center;gap:10px;font-size:18px;line-height:1.8;color:var(--neutral-900);margin:0 0 8px}
.completion-card h2 .icon{width:22px;height:22px;color:var(--primary-600)}
.completion-card p{font-size:14px;line-height:1.9;color:var(--neutral-600);margin:0}
.completion-card>.button{width:100%}
@media(min-width:768px){.completion-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:24px;gap:24px}.completion-card>.button{width:auto}}
.result-description{font-size:var(--text-body);line-height:var(--line-body);color:var(--color-text);margin:0}
.result-detail .result-description-title{font-size:var(--text-body);font-weight:700;line-height:1.8;color:var(--color-text-strong);margin:0 0 var(--space-3)}
@media(min-width:768px){.result-card{padding:var(--space-8)}}
@media(max-width:359px){.result-card{padding:var(--space-5)}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--neutral-100);color:var(--neutral-800);font-family:Peyda,Tahoma,sans-serif;font-size:16px;line-height:1.9}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a{color:var(--primary-600);text-underline-offset:5px}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--primary-500);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;line-height:1.5;color:var(--primary-600);margin-bottom:16px;font-weight:800}h1:focus,legend:focus{outline:none}h2{font-size:20px;line-height:1.6;color:var(--neutral-900);margin-bottom:12px}h3{font-size:16px;margin:0}.top{max-width:1120px;margin:auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--neutral-200);gap:16px}.brand{display:flex;gap:9px;align-items:center;color:var(--primary-600);text-decoration:none;font-size:24px;font-weight:800}.brand-logo{display:block;height:36px;width:auto}.brand-caption{font-size:12px;color:var(--neutral-600);font-weight:400;margin-right:10px}.text-link{display:inline-flex;align-items:center;gap:4px;min-height:48px;font-size:14px;font-weight:600;text-decoration:none}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;vertical-align:middle;flex-shrink:0}main{max-width:700px;margin:auto;padding:36px 20px 24px;min-height:65vh}.wide{max-width:1120px}.eyebrow{font-size:14px;color:var(--accent-700);font-weight:600;margin-bottom:12px}.lead{color:var(--neutral-700);font-size:16px;margin-bottom:24px}.button{--button-radius:var(--radius-control);display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--button-radius);min-height:52px;padding:10px 24px;line-height:1.6;font-size:16px;font-weight:600;max-width:100%;text-align:center}.primary{background:var(--primary-600);color:white}.primary:hover{background:var(--primary-500)}.secondary{background:transparent;border-color:var(--primary-600);color:var(--primary-600)}.secondary:hover{background:var(--primary-100)}.tertiary{background:transparent;color:var(--primary-600)}.tertiary:hover{background:var(--primary-100)}.actions{display:grid;gap:12px;margin:24px 0}.count{font-size:14px;font-weight:600;color:var(--primary-600);margin-bottom:20px}.completed .completed{border-color:var(--primary-200)}.badge{display:inline-flex;align-items:center;gap:4px;background:var(--neutral-150);border-radius:10px;padding:4px 6px;font-size:12px;line-height:1.7;color:var(--neutral-700)}.badge .icon{width:14px;height:14px}.completed .badge{background:var(--success-100);color:var(--success-700)}.in_progress .badge{background:var(--primary-100);color:var(--primary-600)}.ready_to_submit .badge{background:var(--warning-100)}.small{font-size:12px}.muted{color:var(--neutral-600)}.profile{margin-top:32px}.spectrum{padding:20px 0;border-bottom:1px solid var(--neutral-200)}.spectrum-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.spectrum-head h3{display:flex;align-items:center;gap:8px}.score{font-size:22px;font-weight:700;color:var(--primary-600);white-space:nowrap}.score small{font-size:12px;font-weight:400;color:var(--neutral-600)}.track{height:8px;background:var(--neutral-200);border-radius:999px;position:relative;margin:0 8px 12px}.active .track{background:linear-gradient(to left,var(--primary-200),var(--primary-500))}.track i{position:absolute;right:var(--position);top:50%;transform:translate(50%,-50%);width:20px;height:20px;border:4px solid white;background:var(--primary-600);box-shadow:0 0 0 1px var(--primary-600);border-radius:50%}.poles{display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--neutral-700);line-height:1.8}.poles span{max-width:46%}.poles span:last-child{text-align:left}.spectrum-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.spectrum-bottom .icon{width:16px}.inactive .track{background:var(--neutral-150)}.local-note{display:flex;gap:8px;font-size:12px;color:var(--neutral-600);margin:24px 0}.local-note .icon{width:18px;height:18px;margin-top:3px}.note{border-right:3px solid var(--accent-600);background:var(--accent-100);padding:20px;border-radius:16px;margin:24px 0}.note h2{font-size:16px}.note p{margin:0;font-size:14px}details{border-top:1px solid var(--neutral-200);margin:16px 0;padding-top:4px;font-size:14px}summary{cursor:pointer;min-height:48px;padding:12px 0;font-weight:600;color:var(--primary-600)}summary .icon{width:18px;height:18px;margin-right:6px}details p{margin:12px 0}.footer{text-align:center;color:var(--neutral-600);font-size:12px;line-height:2;padding:24px 20px 40px}.intro{display:grid;gap:32px}.hero-art{align-self:center;position:relative;overflow:hidden;border-radius:24px}.hero-art img{width:100%;height:auto;display:block}.art-label{display:inline-flex;align-items:center;background:var(--accent-600);padding:5px 16px;border-radius:99px;font-size:12px;color:var(--neutral-900)}.intro-copy{align-self:center}.intro-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--neutral-700);margin:20px 0 24px}.intro .primary{width:100%}.question-page{max-width:640px}.question-top{display:flex;justify-content:space-between;gap:12px;margin:-10px 0 24px}.question-top .button{font-size:14px;padding:8px 12px;min-height:48px}.section-label{font-size:14px;color:var(--neutral-600);text-align:center;margin-bottom:8px}.question-page .count{text-align:center}.question{background:white;padding:28px 16px 12px;border:1px solid var(--neutral-200);border-radius:24px;container-type:inline-size}fieldset{border:0;padding:0;margin:0;min-width:0;width:100%}legend{font-size:20px;line-height:1.5;font-weight:700;text-align:center;width:100%;padding:0;float:right;margin-bottom:36px;min-height:90px;display:grid;align-items:center}.response-options{clear:both;display:grid;grid-template-columns:repeat(5,minmax(48px,1fr));margin:0 -4px}.response-choice{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;cursor:pointer}.response-choice input{appearance:none;width:32px;height:32px;border-radius:50%;border:2px solid var(--neutral-500);margin:0;background:white;display:grid;place-items:center;cursor:pointer}.response-choice input:checked{border-color:var(--primary-600)}.response-choice input:checked:after{content:'';width:16px;height:16px;background:var(--primary-600);border-radius:50%}.endpoints{display:flex;justify-content:space-between;gap:30px;font-size:14px;line-height:1.7;margin-top:8px}.endpoints span{max-width:42%}.endpoints span:last-child{text-align:left}.selected-answer{display:grid;margin:28px 0 16px;text-align:center;color:var(--primary-600);font-size:14px;line-height:1.8}.selected-answer span{grid-area:1/1;visibility:hidden}.selected-answer .selected{visibility:visible}.option-guide{margin-bottom:0}.option-guide ol{padding-right:24px}.option-guide li{margin:10px 0}.question-actions{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:24px}.question-actions .button{padding-inline:12px}.range{font-size:14px;color:var(--neutral-600);margin:12px 0 24px}.result-copy{font-size:18px;line-height:2.1;margin:28px 0}.personal{position:relative;border-radius:24px;background:var(--primary-600);color:white;padding:28px 24px;margin:32px 0}.personal p{font-size:22px;line-height:1.9;position:relative;margin:16px 0}.personal small{font-size:12px;color:var(--accent-600)}.quote{position:absolute;color:var(--primary-500);font:100px Georgia;left:24px;top:6px}.error,.notice{background:var(--warning-100);border:1px solid var(--warning-200);padding:16px;border-radius:16px;margin-bottom:20px;font-size:14px}.error .button,.notice .button{margin-top:12px;display:flex}#question-error:not(:empty){margin-top:16px;color:var(--danger-700)}dialog{border:1px solid var(--neutral-200);border-radius:24px;width:min(560px,calc(100% - 24px));padding:24px;max-height:92dvh;overflow:auto;color:var(--neutral-800);font:inherit}dialog::backdrop{background:rgb(20 35 82 / 55%)}.share-preview{display:block;width:100%;height:auto;border-radius:12px}.dev-tools{max-width:700px;margin:20px auto;padding:16px;background:var(--warning-100);border:1px dashed var(--warning-700);border-radius:16px}.dev-tools div{display:flex;flex-wrap:wrap;gap:8px}.dev-tools .button{font-size:13px;min-height:48px;padding:8px 14px}.demo-banner{border:1px dashed var(--warning-700);padding:8px 16px;margin-bottom:24px;border-radius:10px;font-size:12px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;background:white;padding:12px;z-index:10}
@media(min-width:768px){.intro{grid-template-columns:1fr 1fr;gap:60px;padding-block:36px}.intro-copy{grid-column:1;grid-row:1}.hero-art{grid-column:2;grid-row:1}.intro h1{font-size:40px}main{padding-block:48px}.actions{grid-template-columns:1fr 1fr}.question-actions{margin-top:28px}}
@media(max-width:400px){.brand-caption{display:none}.top{padding:16px 20px}.spectrum-head h3{font-size:14px}}
.profile-preview{border:1px solid var(--neutral-200);border-radius:var(--radius-card);padding:20px;margin-top:32px;background:var(--neutral-0)}.profile-preview p{font-size:14px;margin:0}.pending-dimension{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--neutral-200);font-size:14px}.pending-dimension .small{margin-inline-start:auto}.pending-dimension .icon{width:20px;height:20px;color:var(--neutral-600)}.question-guidance{font-size:14px;color:var(--neutral-600);margin-bottom:24px}.cards-page{padding-inline:16px}.cards-page .lead{margin-bottom:16px}
@media(min-width:768px){}
@media(max-width:352px){.pending-dimension{flex-wrap:wrap}.pending-dimension .small{margin-inline-start:28px}}
.resume-notification{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;padding:16px;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-control);margin-bottom:24px}
.resume-notification>.icon{color:var(--primary-600);margin-top:2px}
.resume-copy{min-width:0}
.resume-copy h2{font-size:16px;line-height:1.8;margin:0 0 4px}
.resume-copy p{font-size:14px;line-height:1.8;color:var(--neutral-600);margin:0}
.resume-notification>.button{grid-column:1/-1;width:100%}
@media(min-width:600px){.resume-notification{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px}.resume-notification>.icon{margin-top:0}.resume-notification>.button{grid-column:auto;width:auto}}
@container(max-width:240px){.response-options{grid-template-columns:repeat(5,minmax(44px,1fr))}.response-choice{min-width:44px}.endpoints{gap:12px;font-size:13px}}

/* Five equal choices: mobile-first rows; one native button per card. */
.cards{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:12px;margin-bottom:28px}
.card{display:grid;grid-template-columns:40% minmax(0,1fr);align-items:stretch;gap:0;width:100%;min-width:0;padding:0;min-height:148px;text-align:right;background:var(--neutral-0);color:var(--neutral-900);border:1px solid var(--neutral-200);border-radius:var(--radius-card);transition:background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast)}
.card-art{display:block;position:relative;width:100%;min-height:148px;overflow:hidden;border-start-start-radius:calc(var(--radius-card) - 1px);border-end-start-radius:calc(var(--radius-card) - 1px);background:var(--neutral-100)}
.card-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%;transform:scale(1.06)}
.card[data-id="extraversion"] .card-art img,.card[data-id="agreeableness"] .card-art img{object-fit:contain;transform:none}
.card-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:14px 16px}
.card strong{font-size:16px;line-height:1.7;font-weight:700}
.card-status{display:inline-flex;align-items:center;gap:5px;font-size:13px;line-height:1.8;color:var(--neutral-600)}
.card-status.badge{max-width:100%;gap:4px;padding:4px 6px;border-radius:10px;font-size:12px;font-weight:600;line-height:1.7;text-align:start}
.card-status[data-tone="success"]{background:var(--success-100);color:var(--success-700)}
.card-status[data-tone="warning"]{background:var(--warning-100);color:var(--neutral-800)}
.card-status.badge .icon{width:14px;height:14px}
.card-status[data-tone="warning"] .icon{color:var(--warning-700)}
.card-action{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1.8;color:var(--primary-600);margin-top:auto;padding-top:8px}
.card-action .icon{width:18px;height:18px;transform:rotate(180deg)}
.card.completed{border-color:var(--neutral-200)}
.card:active{background:var(--primary-100);border-color:var(--primary-500)}
.card:focus-visible{outline:3px solid var(--primary-500);outline-offset:3px}
@media(hover:hover){.card:hover{background:var(--primary-100);border-color:var(--primary-500);box-shadow:var(--shadow-raised)}}

@media(min-width:768px){.card{min-height:176px}.card-art{min-height:176px}.card-art img{object-fit:contain}.card-copy{padding:20px 24px}.card strong{font-size:18px}}

@media(forced-colors:active){.response-choice input{appearance:auto}.track{border:1px solid CanvasText}.track i{background:CanvasText}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Question hierarchy and selected-answer feedback. */
.question-section-title{text-align:right;font-size:28px;line-height:1.5;margin-bottom:12px;color:var(--primary-600)}
.question-guidance{text-align:right}
.selected-answer{color:var(--secondary-700);justify-items:center}
.selected-answer .answer-badge{max-width:100%;padding:8px 14px;border:1px solid var(--secondary-200);border-radius:var(--badge-radius);background:var(--secondary-100);color:var(--secondary-700);font-weight:600}
.response-choice input:checked{border-color:var(--secondary-600)}
.response-choice input:checked:after{background:var(--secondary-600)}

/* Self-paced section questionnaire: ten independent cards, no automatic movement. */
.section-option-guide{margin-bottom:20px}
.section-progress{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;background:var(--neutral-100);border-bottom:1px solid var(--neutral-200);margin-bottom:20px}
.section-progress .count{margin:0;text-align:start}
.section-progress .button{font-size:14px;min-height:48px;padding:8px 12px}
.question-list{display:grid;gap:20px}
.question-list .question{padding:20px 16px;border-radius:20px;scroll-margin-top:88px}
.question-card-top{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px;font-size:13px;color:var(--neutral-600)}
.answer-state{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:10px;background:var(--success-100);color:var(--success-700);font-size:12px;font-weight:600}
.answer-state:empty{visibility:hidden}
.answer-state .icon{width:16px;height:16px}
.question-list legend{float:none;display:block;text-align:right;min-height:0;font-size:20px;line-height:1.7;margin:0 0 20px}
.question-list .selected-answer{margin:20px 0 0}
@media(max-width:767px){.question-list .answer-badge{align-self:center}}
.question-list .answered{border-color:var(--primary-500)}
.question-feedback:not(:empty){font-size:14px;color:var(--danger-700);margin-top:16px}
.question-feedback .button{display:flex;margin-top:12px}
.section-finish{margin-top:28px;padding:24px 20px;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-panel)}
.section-finish>p{font-size:14px;color:var(--neutral-700)}
.section-finish>.button{width:100%}
.section-finish .local-note{margin-bottom:0}
@media(min-width:768px){.question-list{gap:24px}.question-list .question{padding:28px 24px}}
.profile-dimensions{display:grid;gap:12px}
.profile-dimension{min-width:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:20px}
.profile-dimension .spectrum-head{flex-wrap:wrap;margin-bottom:0;gap:8px 16px}
.profile-dimension .spectrum-head h3{font-size:16px}
.profile-dimension .result-spectrum{padding-top:24px}
.profile-dimension>.text-link{display:flex;width:fit-content;margin-top:12px}
@media(min-width:768px){.profile-dimension{padding:24px}.profile-dimensions{gap:16px}}

/* Full result: portrait, existing personal summary, then progressive detail. */
.full-page{max-width:760px;padding-top:28px}
.full-hero{text-align:center}
.full-hero .eyebrow{margin:0 0 4px}
.full-hero h1{margin-bottom:8px}
.full-intro{font-size:14px;line-height:1.9;color:var(--neutral-600);margin:0 auto;max-width:36em;text-wrap:pretty}


.full-page .personal{margin:28px 0 0;padding:48px 24px 44px;background:linear-gradient(45deg,transparent 20px,#fff2b8 20px);color:var(--neutral-900);border-radius:3px;filter:drop-shadow(0 8px 8px rgb(83 29 115 / 10%))}
.full-page .personal::before{content:'';position:absolute;top:-10px;left:calc(50% - 42px);width:84px;height:24px;background:var(--accent-600);transform:rotate(-4deg);border-radius:2px}
.full-page .personal::after{content:'';position:absolute;bottom:0;left:0;width:28px;height:28px;background:linear-gradient(45deg,transparent 49%,#ead68c 50%);pointer-events:none}
.full-page .personal p{font-size:18px;line-height:1.95;margin:0 0 12px;text-wrap:pretty}
.full-page .personal small{display:block;font-size:12px;color:var(--neutral-700)}
.full-page .personal .quote{display:none}
.full-share-action{display:grid;justify-items:center;gap:4px;margin-top:16px}
.full-share-action>.button{width:100%}
.full-share-action>.text-link{font-size:13px;color:var(--neutral-700)}
.full-share-action>.text-link .icon{width:16px;height:16px}
.full-overview{scroll-margin-top:24px;margin-top:48px}
.section-heading .eyebrow{display:block;margin-bottom:4px;font-size:12px}
.section-heading h2{margin-bottom:8px}
.section-heading p{font-size:14px;color:var(--neutral-600);margin:0 0 20px}
.full-dimensions{overflow:hidden;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-panel)}
.full-dimension{padding:0;margin:0;border:0;border-bottom:1px solid var(--neutral-200)}
.full-dimension:last-child{border-bottom:0}
.full-dimension>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:0 10px;align-items:center;padding:20px 16px;color:var(--neutral-900);border-radius:12px}
.full-dimension>summary::-webkit-details-marker{display:none}
.full-dimension>summary::marker{content:''}
.full-dimension>summary:hover{background:var(--neutral-100)}
.full-dimension>summary:focus-visible{outline-offset:-4px}


.dimension-heading{display:grid;gap:2px;min-width:0}
.dimension-title{font-size:14px;font-weight:700;line-height:1.8}
.dimension-name{font-size:12px;font-weight:400;color:var(--neutral-600);line-height:1.8}
.dimension-band{font-size:12px;font-weight:600;color:var(--alternative-700);background:var(--alternative-100);border-radius:8px;padding:2px 8px;white-space:nowrap}
.full-dimension>summary>.icon{width:18px;height:18px;margin:0;color:var(--neutral-600);transition:transform 180ms ease}
.full-dimension[open]>summary>.icon{transform:rotate(180deg)}
.dimension-overview{display:block;grid-column:1/-1;padding-top:20px}
.dimension-overview .track{display:block;height:8px;margin-inline:10px;margin-bottom:12px;background:linear-gradient(to left,var(--primary-200) 0 32.8%,var(--neutral-0) 32.8% 33.8%,var(--primary-200) 33.8% 66.2%,var(--neutral-0) 66.2% 67.2%,var(--primary-200) 67.2% 100%)}
.dimension-overview .track i{width:16px;height:16px;background:var(--alternative-600);border:3px solid var(--neutral-0);box-shadow:0 0 0 1px var(--alternative-600)}
.dimension-overview .poles{font-size:11px;font-weight:400;gap:16px;line-height:1.9;color:var(--neutral-600)}
.dimension-expanded{padding:0 20px 20px;font-size:14px;line-height:2}
.dimension-expanded .result-score{display:inline-block;font-size:13px;font-weight:600;border-radius:10px;padding:4px 12px;margin:0 0 16px;background:var(--alternative-100);color:var(--alternative-700)}
.dimension-expanded .dimension-lead{font-weight:600;margin:0 0 12px}
.dimension-expanded>.text-link{font-size:13px}
.dimension-expanded>.text-link .icon{width:16px;height:16px;transform:rotate(180deg)}
.full-comparison{font-size:12px;color:var(--neutral-600);margin:12px 4px 0;line-height:1.9}
.full-report{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;margin-top:36px;padding:24px 20px;background:var(--primary-100);border:1px solid var(--primary-200);border-radius:var(--radius-panel)}
.report-symbol{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--primary-200);background:var(--neutral-0);border-radius:12px;color:var(--primary-600)}
.full-report h2{font-size:18px;margin:0 0 8px;color:var(--primary-600)}
.full-report p{font-size:14px;margin:0 0 8px;color:var(--neutral-700)}
.full-report>.button{grid-column:1/-1;width:100%;background:var(--neutral-0)}
.full-report>.report-status{grid-column:1/-1;margin:0;font-size:12px}
.report-status:empty{display:none}
.full-invite{text-align:center;margin-top:28px;padding:24px 12px;border-bottom:1px solid var(--neutral-200)}
.full-invite h2{font-size:18px;margin-bottom:8px}
.full-invite p{font-size:14px;color:var(--neutral-600);margin-bottom:8px}
.full-invite .button{font-size:14px}
.full-method{margin-top:24px}
.result-reminder{display:flex;gap:8px;align-items:flex-start;margin-bottom:12px;color:var(--neutral-600);font-size:13px}
.result-reminder .icon{width:18px;height:18px;margin-top:4px}
.full-method .limitations{margin:0}
.full-back{font-size:13px;margin-top:20px}

/* Keep the entire poster visible; actions stay outside the preview. */
dialog.share-dialog{width:min(600px,calc(100% - 24px));padding:20px;max-height:94dvh}
.share-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.share-dialog-heading h2{font-size:20px;margin:0}
.share-dialog-heading .button{font-size:13px;min-height:48px;padding:8px 12px}




.share-preview-stage{display:grid;place-items:center;background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:16px;padding:12px;min-height:180px}
.share-dialog .share-preview{width:auto;max-width:100%;height:auto;max-height:49dvh;object-fit:contain;aspect-ratio:9/16;border-radius:2px}
.share-preview-stage[aria-busy="true"]{cursor:progress}
.share-note{font-size:12px;color:var(--neutral-600);margin:0 0 8px;line-height:1.8}
.share-dialog [hidden]{display:none!important}
.share-status{font-size:12px;color:var(--neutral-600);min-height:24px;margin:8px 0}
.share-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:sticky;bottom:-20px;background:var(--neutral-0);padding-block:8px}
.share-dialog-actions .button{font-size:14px;padding-inline:12px;min-height:48px}
.share-dialog-actions .button:last-child{grid-column:1/-1}
@media(min-width:768px){.full-page{padding-top:40px}.full-page .personal{padding:48px 32px 44px;margin-top:24px}.full-page .personal p{font-size:22px}.full-share-action>.button{width:auto;min-width:320px}.full-overview{margin-top:56px}.full-dimension>summary{padding:24px 28px;gap:0 14px}.dimension-title{font-size:16px}.dimension-overview .poles{font-size:12px}.dimension-expanded{padding:0 28px 24px}.full-report{padding:28px;grid-template-columns:48px minmax(0,1fr)}.report-symbol{width:48px;height:48px}.full-report>.button{grid-column:2;width:fit-content}.full-invite{padding-block:32px}}
@media(max-width:359px){.full-page{padding-inline:16px}.full-page .personal{padding:36px 20px}.full-page .personal p{font-size:16px}.full-dimension>summary{grid-template-columns:minmax(0,1fr) auto 16px;gap:0 8px;padding:18px 12px}.dimension-title{font-size:13px}.dimension-name{font-size:11px}.dimension-band{padding-inline:5px}.share-dialog-actions{grid-template-columns:1fr}.share-dialog-actions .button:last-child{grid-column:auto}}