@font-face {font-family:Bricolage;src:url('fonts/bricolage-grotesque-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;}
@font-face {font-family:Figtree;src:url('fonts/figtree-latin.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap;}
/* Shared character-led presentation, without changing assessment scoring. */
.character-theme {--ink:#1e2b4a;--muted:#4d5e76;font-family:Figtree,Arial,sans-serif;color:var(--ink);}
.character-theme h1,.character-theme h2,.character-theme h3 {font-family:Bricolage,Arial,sans-serif;font-weight:700;letter-spacing:-.035em;}
.character-theme .button {border-radius:999px;}
.character-theme .marker {background:linear-gradient(transparent 74%,#ffdd79 74%,#ffdd79 94%,transparent 94%);box-decoration-break:clone;-webkit-box-decoration-break:clone;}
.character-theme .work-character {display:block;width:100%;height:auto;}
.character-theme .catalog-opens-dialog>summary::after {content:"→";}
.character-theme .assessment-profile,.character-theme .candidate-card,.character-theme .example-profile {border-radius:24px;}
.character-ensemble {display:flex;align-items:end;justify-content:center;gap:12px;flex-wrap:wrap;}
.character-ensemble .character-figure {margin:0;flex:1 1 120px;max-width:300px;min-width:0;text-align:center;}
.character-ensemble figcaption {font-size:13px;font-weight:600;margin-top:8px;}
.character-ensemble:has(.character-figure:nth-child(3)) .character-figure {max-width:150px;}
.character-theme .character-card-art {max-width:170px;margin:0 auto 22px;}
.character-theme .character-card-art .character-figure {flex-basis:50px;}
.character-theme .character-card-art figcaption {display:none;}
body:has(.result-experience) {background:#f1f6fc;}
.result-experience .eyebrow {color:#2851a2;}
.result-experience .candidate-overview,.result-experience .combined-share,.result-experience .share-page {padding-block:54px;}
.result-experience .result-intro {display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;padding:32px 0 54px;}
.result-experience .result-intro h1 {font-size:clamp(44px,5.4vw,74px);line-height:1.03;margin-bottom:22px;}
.result-experience .result-intro h2 {font-size:27px;line-height:1.3;margin:22px 0 14px;}
.result-experience .result-intro p {font-size:17px;line-height:1.7;}
.result-intro .character-ensemble {background:#dce9fb;border-radius:48% 48% 28px 28px;padding:24px 20px 28px;min-height:280px;}
.result-intro .result-owner {font-size:13px!important;font-weight:600;color:#2851a2;}
.result-intro .result-art-icon {padding:60px;background:#fff1bc;border-radius:32px;}
.result-art-icon .home-icon {width:160px;height:160px;margin:auto;}
.result-experience .profile-interpretation {margin-block:40px;padding:28px;background:white;border:1px solid #d1ddeb;border-radius:24px;}
.result-experience .profile-interpretation>summary {font-family:Bricolage,Arial,sans-serif;font-size:28px;}
.result-experience .interpretation-intro {margin-top:30px;}
.result-experience .candidate-practical .practical-grid>article {background:#fff5d6;border:0;border-radius:24px;}
.result-experience .reflection-prompt {background:#1e2b4a;padding:32px;border-radius:24px;color:white;margin-top:24px;}
.result-experience .reflection-prompt p {color:#e0e9f7;}
.result-experience .candidate-detail-content>.character-ensemble {max-width:280px;margin:20px auto;}
.result-experience .candidate-detail-section {padding:26px 0;}
.result-experience .candidate-detail-section blockquote {font-family:Figtree,Arial,sans-serif;font-style:normal;background:#fff5d6;padding:18px;border:0;border-radius:14px;}
.result-experience #candidate-dialog {background:#f1f6fc;}
.result-experience #candidate-dialog h2,.result-experience #candidate-dialog h3 {font-family:Bricolage,Arial,sans-serif;}
.result-experience .share-box {padding:24px;background:#e6effd;border:0;border-radius:20px;}
.result-experience .shared-profile-header {max-width:none;background:transparent;border:0;padding:0;text-align:left;}
.result-experience .share-page {text-align:left;}
.result-experience .share-page .work-character {margin:0;border-radius:0;max-width:100%;}
.result-experience .share-page .character-figure {margin:0;}
.result-experience .share-page .result-intro {margin-bottom:24px;}
.result-experience .share-page .public-details {padding-left:20px;}
.result-experience .instagram-share {display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:28px 48px;align-items:start;max-width:none;}
.result-experience .instagram-share .share-preview-panel {position:sticky;top:24px;}
.result-experience .instagram-share #share-preview {width:100%;height:auto;max-height:780px;object-fit:contain;margin:0;}
.result-experience .share-settings {padding:28px;background:white;border:1px solid #d1ddeb;border-radius:24px;}
.result-experience .share-settings h2 {font-size:28px;margin-top:30px;}
.result-experience .share-settings .button-row {justify-content:flex-start;}
.result-experience .share-style-choices {display:flex;gap:6px;border:0;padding:0;margin:0 0 20px;flex-wrap:wrap;}
.share-style-choices legend {font-weight:600;margin-bottom:12px;}
.share-style-choices label {display:flex;gap:7px;align-items:center;border:1px solid #b8c8df;border-radius:999px;padding:10px 14px;cursor:pointer;margin:0;}
.share-style-choices label:has(input:checked) {background:#2456d8;color:white;border-color:#2456d8;}
.share-style-choices input {accent-color:#2456d8;}
.result-experience .combined-share h1 {font-size:clamp(40px,5vw,64px);}
.result-experience .combined-share-layout>aside {background:white;padding:26px;border-radius:24px;}
.result-experience .combined-share form {padding:0;border:0;}
.character-theme .example-person {font-family:Bricolage,Arial,sans-serif;}
.character-theme .example-header h1 {font-size:clamp(40px,5vw,64px);}
.character-theme .example-character {max-width:190px;margin:20px auto;}
@media(max-width:800px) {
 .result-experience .result-intro {grid-template-columns:1fr;gap:24px;padding-top:0;}
 .result-intro .character-ensemble {max-width:440px;width:100%;margin:auto;min-height:220px;}
 .result-intro .character-figure {max-width:220px;}
 .result-experience .instagram-share {grid-template-columns:1fr;}
 .result-experience .instagram-share .share-preview-panel {position:static;}
 .result-experience .share-settings {padding:22px;}
 .result-experience .profile-interpretation {padding:22px;}
 .result-experience .result-intro h1 {font-size:46px;}
 .result-experience .result-intro h2 {font-size:24px;}
}