/* One readable type scale throughout the portrait, including its first paragraph. */
.result-page .portrait-section{max-width:800px;padding-inline:0}
.portrait-reading{--reading-size:1.0625rem;--reading-leading:1.75;max-width:800px;margin-inline:auto;color:var(--ink)}
.portrait-heading{display:flex;align-items:center;gap:12px;margin:0 0 22px}
.portrait-heading>span{display:inline-flex;color:var(--accent)}
.portrait-heading .icon{width:1.25rem;height:1.25rem}
.portrait-section .portrait-heading h2{font:400 1.75rem/1.2 Georgia,serif;letter-spacing:-.025em;margin:0}
.portrait-heading:after{content:'';height:1px;flex:1;margin-left:8px;background:color-mix(in srgb,var(--accent) 20%,transparent)}
.portrait-chapters{display:grid;gap:18px}
.portrait-chapter{min-width:0;padding:26px 30px 28px;background:#ffffffed;border:1px solid color-mix(in srgb,var(--accent) 13%,white);border-radius:12px}
.portrait-chapter:first-child,.portrait-chapter:last-child{background:color-mix(in srgb,var(--paper) 28%,white)}
.chapter-heading{display:flex;align-items:baseline;gap:12px;margin:0 0 16px}
.chapter-number{flex:none;display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:color-mix(in srgb,var(--accent) 9%,white);color:var(--accent);font-size:.6875rem;font-weight:750;letter-spacing:.04em;line-height:1}
.portrait-reading .chapter-title{font:400 1.5rem/1.25 Georgia,serif;letter-spacing:-.02em;color:var(--deep);margin:0;text-wrap:pretty}
.chapter-body>p{font-size:var(--reading-size);line-height:var(--reading-leading);font-weight:400;color:#334357;max-width:66ch;margin:0;overflow-wrap:break-word;text-wrap:pretty}
.chapter-body>p+p{margin-top:1em}
.portrait-resources{background:var(--deep);color:#fff;padding:26px 30px;border-radius:12px;margin:28px 0}
.portrait-resources .eyebrow{color:var(--glow);font-size:.6875rem;letter-spacing:.1em;margin:0 0 6px}
.portrait-reading .strength-heading{font:400 1.5rem/1.25 Georgia,serif;margin:0;color:#fff}
.portrait-resources .strength-list{margin:20px 0 0;gap:22px}
.portrait-resources .strength-list>div{border-color:#ffffff35;padding:14px 0 0}
.portrait-resources .strength-list>div>span{font-size:.8125rem;font-weight:600;font-style:normal;line-height:1.75;color:var(--glow)}
.portrait-reading .strength-list p{font-size:var(--reading-size);line-height:var(--reading-leading);color:#f0f3f8;margin:8px 0 0}
.portrait-shadow{display:flex;align-items:flex-start;gap:16px;padding:24px 26px;background:color-mix(in srgb,var(--glow) 12%,white);border:1px solid color-mix(in srgb,var(--accent) 15%,white);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;margin:0 0 28px}
.shadow-symbol{padding-top:3px;color:var(--accent);flex-shrink:0}
.shadow-symbol>.icon{width:1.4rem;height:1.4rem}
.portrait-reading .portrait-shadow h3,.portrait-reading .portrait-shadow h4,.portrait-reading .portrait-life h3,.portrait-reading .portrait-life h4,.portrait-reading .portrait-mission h3,.portrait-reading .portrait-mission h4{font:400 1.5rem/1.25 Georgia,serif;letter-spacing:-.02em;color:var(--deep);margin:0 0 12px}
.portrait-reading .portrait-shadow p,.portrait-reading .portrait-life p,.portrait-reading .portrait-mission p{font-size:var(--reading-size);line-height:var(--reading-leading);margin:0;color:#334357;text-wrap:pretty}
.portrait-life{gap:26px;margin:0 0 28px}
.portrait-life>section{padding:22px 0 0;border-top:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}
.life-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:12px;border-radius:50%;background:color-mix(in srgb,var(--accent) 9%,white);color:var(--accent)}
.life-icon>.icon{width:1.15rem;height:1.15rem}
.portrait-mission{border:1px solid color-mix(in srgb,var(--accent) 22%,white);border-radius:12px;background:color-mix(in srgb,var(--paper) 40%,white);padding:24px 26px;gap:16px;align-items:flex-start;margin:0}
.portrait-mission>span{color:var(--accent);padding-top:3px}
.portrait-mission>span>.icon{width:1.4rem;height:1.4rem}
.portrait-excerpt{margin-top:24px}
@media(max-width:700px){
 .result-page .portrait-section{margin-top:28px}
 .portrait-reading{--reading-size:1rem;--reading-leading:1.7}
 .portrait-heading{gap:10px;margin-bottom:18px}
 .portrait-section .portrait-heading h2{font-size:1.5rem}
 .portrait-chapters{gap:16px}
 .portrait-chapter{padding:20px 18px 22px;border-radius:10px}
 .chapter-heading{gap:10px;margin-bottom:13px}
 .chapter-number{width:24px;height:24px;border-radius:6px;font-size:.625rem}
 .portrait-reading .chapter-title{font-size:1.25rem;line-height:1.3}
 .portrait-resources{padding:22px 20px;margin:24px 0;border-radius:10px}
 .portrait-reading .strength-heading{font-size:1.375rem}
 .portrait-resources .strength-list{gap:0;margin-top:17px}
 .portrait-resources .strength-list>div{gap:14px;padding:12px 0;align-items:baseline}
 .portrait-resources .strength-list>div:last-child{padding-bottom:0}
 .portrait-resources .strength-list>div>span{font-size:.75rem;min-width:20px}
 .portrait-reading .strength-list p{margin:0}
 .portrait-shadow{padding:21px 18px;gap:12px;margin-bottom:24px}
 .portrait-reading .portrait-shadow h3,.portrait-reading .portrait-shadow h4,.portrait-reading .portrait-life h3,.portrait-reading .portrait-life h4,.portrait-reading .portrait-mission h3,.portrait-reading .portrait-mission h4{font-size:1.25rem}
 .portrait-life{grid-template-columns:1fr;gap:22px;margin-bottom:24px}
 .portrait-mission{padding:21px 18px;gap:12px}
}
@media(max-width:390px){
 .portrait-shadow,.portrait-mission{display:block}
 .shadow-symbol,.portrait-mission>span{display:inline-flex;padding:0;margin-bottom:12px}
 .portrait-excerpt .portrait-chapter{padding-inline:14px}
}
/* The subject, rather than a decorative crop, carries the portrait's meaning. */
.result-art.has-portrait{aspect-ratio:4/5;min-height:0;background:var(--deep)}
.result-art.has-portrait>img{object-fit:contain;object-position:center;animation:none}
.portrait-illustration{width:100%;max-width:32rem;margin:1.5rem auto 2rem}
.portrait-illustration>img{display:block;width:100%;height:auto;object-fit:contain;border-radius:.5rem}
.ally-illustration{display:block;align-self:center;width:100%;height:220px;margin-bottom:.35rem}
.ally-illustration>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:.35rem}
img.official-portrait{background:#f4f5f7;padding:18px}
/* Focus on a complete figure while retaining the original official frame. */
.portrait-focus{display:block;position:relative;overflow:hidden;width:min(100%,var(--focus-native-width),calc(640px * var(--focus-ratio)));aspect-ratio:var(--focus-ratio);border-radius:.5rem;background:var(--deep);margin-inline:auto}
.portrait-focus>img{position:absolute;max-width:none;object-fit:fill;padding:0;border-radius:0;animation:none}
.result-art:has(>.portrait-focus){align-self:center;aspect-ratio:var(--portrait-ratio);width:100%}
.result-art>.portrait-focus{border-radius:0}
.ally-illustration>.portrait-focus{width:min(100%,calc(152px * var(--focus-ratio)));margin:auto}
.art-credit{font-size:.75rem;line-height:1.5;color:var(--muted);margin:.75rem 0}
.art-credit a{text-decoration:underline;text-underline-offset:3px}
.credited-ally{min-width:0}
.credited-ally>.ally-card{width:100%}
body[data-page="quiz"] .quiz-container[data-experience="refined"] .art-credit{color:#f6eee0;background:var(--experience-surface)}
body[data-page="quiz"] .quiz-container[data-experience="refined"] .art-credit a{color:#f6eee0}
@media(max-width:700px){.ally-illustration>.portrait-focus{width:min(100%,calc(128px * var(--focus-ratio)))}}
/* Film stills keep their native frame without a tall empty panel on phones. */
@media(max-width:580px){.result-art.has-portrait{aspect-ratio:var(--portrait-ratio,4/5)}}

/* A full opening, then two-line previews with a native disclosure control. */
.portrait-chapters{gap:12px}
.portrait-chapter.chapter-fold{padding:0;background:#ffffffed}
.chapter-summary{display:block;list-style:none;padding:22px 26px;cursor:pointer;border-radius:inherit}
.chapter-summary::-webkit-details-marker{display:none}
.chapter-summary .chapter-heading{margin:0 0 12px;align-items:flex-start}
.chapter-summary .chapter-title{display:block;padding-top:1px}
.chapter-summary .chapter-number{font-size:.75rem}
.chapter-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:calc(var(--reading-size)*var(--reading-leading)*2);font-size:var(--reading-size);line-height:var(--reading-leading);color:#334357;overflow-wrap:anywhere}
.chapter-toggle{display:flex;align-items:center;gap:10px;margin-top:14px;width:fit-content;min-height:38px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--accent) 24%,white);border-radius:6px;background:color-mix(in srgb,var(--accent) 5%,white);color:var(--deep);font-size:.875rem;font-weight:600;line-height:1.5}
.chapter-toggle-symbol{font-size:1.25rem;line-height:1;font-weight:400;margin-left:4px}
.chapter-reduce{display:none}
.chapter-fold[open] .chapter-preview,.chapter-fold[open] .chapter-read{display:none}
.chapter-fold[open] .chapter-reduce{display:inline}
.chapter-fold[open] .chapter-toggle-symbol{font-size:0}
.chapter-fold[open] .chapter-toggle-symbol:after{content:'−';font-size:1.25rem}
.chapter-fold>.chapter-body{padding:0 26px 26px}
.chapter-fold[open] .chapter-summary{padding-bottom:18px}
.chapter-summary:hover .chapter-toggle{background:color-mix(in srgb,var(--accent) 12%,white)}
.chapter-summary:focus-visible,.dimension-explanations>summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.portrait-chapter.chapter-resources{background:var(--deep);border-color:var(--deep)}
.chapter-resources .chapter-title,.chapter-resources .chapter-preview,.chapter-resources .strength-list p{color:#fff}
.chapter-resources .chapter-number{background:#ffffff20;color:#fff}
.chapter-resources .chapter-toggle{background:#ffffff12;border-color:#ffffff70;color:#fff}
.chapter-resources .chapter-summary:hover .chapter-toggle{background:#ffffff25}
.chapter-resources .chapter-summary:focus-visible{outline-color:var(--glow)}
.chapter-resources .strength-list{margin:0;gap:22px}
.chapter-resources .strength-list>div{border-color:#ffffff40;padding-top:14px}
.chapter-resources .strength-list>div>span{font-size:.875rem;color:#fff}
.chapter-resources .strength-list p{font-size:var(--reading-size);line-height:var(--reading-leading)}
.dimension-explanations{border-block:1px solid var(--line);padding:4px 0}
.dimension-explanations>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;font:400 1.5rem/1.3 Georgia,serif;list-style:none;color:var(--deep)}
.dimension-explanations>summary::-webkit-details-marker{display:none}
.dimension-explanations>summary>.icon{flex:none;transition:transform .15s}
.dimension-explanations[open]>summary>.icon{transform:rotate(180deg)}
.dimension-explanations .dimension-list{padding-top:6px}
.review-item{scroll-margin-top:24px}
.review-item:focus{outline:2px solid var(--accent);outline-offset:6px}

/* Charts use the existing scores and each result's palette. */
.result-insights{padding:26px;background:color-mix(in srgb,var(--paper) 48%,white);border:1px solid color-mix(in srgb,var(--accent) 22%,white);border-radius:12px;color:var(--ink);min-width:0;scroll-margin-top:24px}
.result-page>.result-insights{max-width:800px;margin:32px auto 0}
.insight-heading{margin-bottom:24px}
.insight-heading .eyebrow{font-size:.75rem;letter-spacing:.08em;color:var(--accent);margin:0 0 8px}
.insight-heading h3{font:400 1.75rem/1.25 Georgia,serif;letter-spacing:-.025em;color:var(--deep);margin:0;text-wrap:pretty}
.insight-note{font-size:.875rem;line-height:1.65;color:#465569;margin:20px 0 0;max-width:66ch}
.insight-bars{display:grid;gap:18px;list-style:none;padding:0;margin:0}
.insight-row-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:8px;font-size:1rem;line-height:1.5}
.insight-row-heading>span{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;min-width:0;overflow-wrap:anywhere;color:var(--deep)}
.insight-row-heading>strong{flex:none;white-space:nowrap;color:var(--deep);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:650}
.insight-row-heading small{font-size:.875rem;font-weight:400;color:#465569}
.insight-row-heading .insight-badge{padding:2px 7px;border:1px solid color-mix(in srgb,var(--accent) 20%,white);border-radius:4px;background:#fff;color:var(--deep);font-size:.75rem}
.insight-bar{height:9px;overflow:hidden;background:color-mix(in srgb,var(--deep) 12%,white);border-radius:5px}
.insight-bar>span{display:block;height:100%;background:color-mix(in srgb,var(--accent) 72%,white);border-radius:inherit}
.insight-row.is-selected .insight-bar>span{background:var(--accent)}
.insight-row.is-selected .insight-row-heading>span{font-weight:650}
.insight-chart-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:18px}
.radar-chart{display:block;width:100%;max-width:340px;margin-inline:auto;overflow:visible}
.chart-grid-line{fill:none;stroke:color-mix(in srgb,var(--deep) 22%,white);stroke-width:1}
.radar-shape{fill:var(--accent);fill-opacity:.16;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round}
.radar-point{fill:var(--accent);stroke:#fff;stroke-width:1.5}
.radar-axis-key{font:600 17px system-ui,sans-serif;fill:var(--deep)}
.chart-tick{font:14px system-ui,sans-serif;fill:#536476}
.radar-legend{list-style:none;display:grid;gap:0;margin:0;padding:0}
.radar-legend>li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:15px 0;border-bottom:1px solid color-mix(in srgb,var(--accent) 14%,white);font-size:1rem;line-height:1.45;color:var(--deep)}
.radar-legend>li:last-child{border:0}
.radar-legend-key{font-size:.75rem;font-weight:600;color:var(--accent)}
.radar-legend>li>span:not(.radar-legend-key){min-width:0;overflow-wrap:anywhere;hyphens:auto}
.radar-legend strong,.map-coordinate strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:1.0625rem}
.radar-legend strong>small,.map-coordinate strong>small{font-size:.875rem;color:#465569;font-weight:400}
.preference-chart{display:grid;gap:22px}
.preference-poles{display:flex;justify-content:space-between;gap:20px;font-size:1rem;line-height:1.4;color:var(--deep)}
.preference-poles>span{max-width:45%}
.preference-poles>span:last-child{text-align:right}
.preference-axis{height:8px;margin:16px 7px 0;position:relative;border-radius:6px;background:color-mix(in srgb,var(--accent) 20%,white)}
.preference-midpoint{position:absolute;left:50%;height:20px;width:1px;top:-6px;background:color-mix(in srgb,var(--deep) 55%,white)}
.preference-point{position:absolute;top:50%;width:15px;height:15px;transform:translate(-50%,-50%);border:2px solid #fff;background:var(--accent);border-radius:50%;box-shadow:0 0 0 1px var(--accent)}
.preference-axis.has-middle-band:before{content:'';position:absolute;left:40%;width:20%;height:100%;background:color-mix(in srgb,var(--accent) 34%,white)}
.preference-value{font-size:.875rem;font-weight:650;color:var(--deep);margin:12px 0 0;text-align:right;line-height:1.5}
.preference-value>span{font-weight:400;color:#465569}
.attachment-map{min-width:0}
.attachment-map>svg{display:block;width:100%;max-width:340px;margin:auto}
.attachment-axis-title{font-size:.875rem;font-weight:600;line-height:1.5;color:var(--deep);margin:0 0 8px;text-align:center}
.attachment-axis-title.horizontal{margin:2px 0 0}
.attachment-surface{fill:#fff;stroke:color-mix(in srgb,var(--deep) 22%,white);stroke-width:1}
.attachment-midlines{stroke:color-mix(in srgb,var(--deep) 25%,white);stroke-dasharray:4 4;fill:none}
.attachment-middle-band{fill:var(--accent);fill-opacity:.09}
.attachment-region{font:15px system-ui,sans-serif;fill:#334357}
.attachment-point-halo{fill:#fff;stroke:var(--accent);stroke-width:1.5}
.attachment-point{fill:var(--accent)}
.map-point-label{display:flex;align-items:center;gap:9px;font-size:.875rem;font-weight:600;line-height:1.5;color:var(--deep);margin:0 0 16px}
.map-point-label>span{width:10px;height:10px;flex:none;border-radius:50%;background:var(--accent)}
.map-coordinate{display:flex;flex-direction:column;gap:7px;padding:14px 0;border-block-start:1px solid color-mix(in srgb,var(--accent) 16%,white);font-size:1rem;line-height:1.45;color:var(--deep)}
.attachment-legend .insight-note{margin-top:12px}
.knowledge-chart-grid{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(0,1.2fr);align-items:center;gap:24px}
.knowledge-donut{max-width:210px;width:100%;margin:auto}
.knowledge-donut>svg{display:block;width:100%}
.donut-track{fill:none;stroke:color-mix(in srgb,var(--deep) 12%,white);stroke-width:12}
.donut-value{fill:none;stroke:var(--accent);stroke-width:12;stroke-linecap:butt}
.donut-number{fill:var(--deep);font:600 25px system-ui,sans-serif}
.donut-caption{fill:#465569;font:14px system-ui,sans-serif}
.knowledge-chart-legend>p:not(.insight-note){display:flex;align-items:center;gap:10px;font-size:1rem;line-height:1.5;margin:12px 0;color:var(--deep)}
.knowledge-chart-legend strong{margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
.answer-map-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex:none}
.answer-map-icon.correct{color:#21563d;background:#e6f2e9}
.answer-map-icon.wrong{color:#8b392c;background:#fae9e4}
.answer-map-icon>.icon{width:17px;height:17px}
.answer-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:8px;margin-top:24px}
.answer-map-link{display:flex;justify-content:center;align-items:center;gap:5px;min-height:46px;border:1px solid currentColor;border-radius:6px;font-size:.875rem;font-weight:600;text-decoration:none}
.answer-map-link.correct{background:#e6f2e9;color:#21563d}
.answer-map-link.wrong{background:#fae9e4;color:#8b392c}
.answer-map-link>.icon{width:14px;height:14px}
.answer-map-link:hover{box-shadow:inset 0 0 0 1px currentColor}
.answer-map-link:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:700px){
 .chapter-summary{padding:19px 18px}
 .chapter-fold>.chapter-body{padding:0 18px 22px}
 .chapter-summary .chapter-heading{gap:10px;margin-bottom:10px}
 .chapter-summary .chapter-number{font-size:.75rem}
 .chapter-toggle{min-height:42px;margin-top:12px}
 .result-insights{padding:22px 18px;border-radius:10px}
 .insight-heading{margin-bottom:22px}
 .insight-heading h3{font-size:1.5rem}
 .insight-chart-grid{grid-template-columns:1fr;gap:8px}
 .radar-chart{max-width:320px}
 .radar-legend>li{padding:12px 0}
 .attachment-map>svg{max-width:320px}
 .attachment-region{font-size:17px}
 .attachment-legend{margin-top:20px}
 .map-coordinate{flex-direction:row;justify-content:space-between;gap:18px;align-items:baseline}
 .knowledge-chart-grid{grid-template-columns:1fr;gap:8px}
 .knowledge-donut{max-width:190px}
 .insight-row-heading{gap:12px}
 .dimension-explanations>summary{font-size:1.25rem}
 .chapter-resources .strength-list{gap:0}
 .chapter-resources .strength-list>div{padding:14px 0;gap:16px}
 .chapter-resources .strength-list>div>span{font-size:.875rem;min-width:22px}
}
@media(prefers-reduced-motion:reduce){.dimension-explanations>summary>.icon{transition:none}}

/* The identity and combinations reflect the current answers. */
.result-hero-copy .result-profile-summary{font:400 .875rem/1.7 system-ui,sans-serif;letter-spacing:0;color:#fff;max-width:48ch;margin:0 0 26px;overflow-wrap:anywhere}
.preference-value.preference-pair{display:flex;justify-content:space-between;gap:20px;text-align:left}
.preference-pair>span:last-child{text-align:right}
.preference-pair strong{color:var(--deep);font-weight:650}
.type-compositions{margin-top:28px;border-top:1px solid color-mix(in srgb,var(--accent) 24%,white);padding-top:22px}
.type-compositions>summary{display:block;list-style:none;cursor:pointer;color:var(--deep);border-radius:4px}
.type-compositions>summary::-webkit-details-marker{display:none}
.composition-title{display:block;font:400 1.4rem/1.35 Georgia,serif;color:var(--deep)}
.composition-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:500 .9375rem/1.65 system-ui,sans-serif;color:#334357;margin-top:10px}
.type-compositions[open] .chapter-read,.type-compositions[open] .composition-preview{display:none}
.type-compositions[open] .chapter-reduce{display:inline}
.type-compositions[open] .chapter-toggle-symbol{font-size:0}
.type-compositions[open] .chapter-toggle-symbol:after{content:'−';font-size:1.25rem}
.type-compositions>summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.composition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.composition-card{background:#fff;border:1px solid color-mix(in srgb,var(--accent) 22%,white);border-radius:8px;padding:20px;min-width:0;color:#334357}
.composition-heading{display:flex;flex-direction:column;gap:5px}
.composition-heading>strong{font:600 1.125rem/1.4 system-ui,sans-serif;color:var(--deep)}
.composition-heading>span{font:.75rem/1.5 system-ui,sans-serif;color:#465569}
.composition-card h5{font:400 1.5rem/1.3 Georgia,serif;color:var(--deep);margin:14px 0 10px}
.composition-card>p{font:400 .9375rem/1.65 system-ui,sans-serif;margin:0}
.composition-stat{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font:.8125rem/1.5 system-ui,sans-serif;color:#465569}
.composition-stat>strong{color:var(--deep);white-space:nowrap;font-variant-numeric:tabular-nums}
.composition-stat small{font-weight:400}
.composition-card .text-link{display:flex;align-items:center;gap:8px;margin:16px 0 0;min-height:44px;font:.875rem/1.4 system-ui,sans-serif;color:var(--deep);text-align:left;border:0;background:transparent;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.composition-card .text-link:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.composition-card .icon{flex:none;width:18px}
.knowledge-topic-bars{margin-top:26px}
#browse-portrait{scroll-margin-top:24px}
@media(max-width:700px){.composition-grid{grid-template-columns:1fr}.composition-card{padding:18px}.result-hero-copy .result-profile-summary{font-size:.8125rem}.composition-title{font-size:1.25rem}}