/* Case 3's spacious profile with Case 1's focus labels and distinct content cards. */
:root{--canvas:#f7f8fc;--card:#fff;--card-shadow:0 6px 26px #252d4a05}
body{background:var(--canvas)}
.hero-inner{padding-top:60px;padding-bottom:36px;column-gap:55px}
.hero-heading{min-width:0}
.hero-role{font-size:4.2rem}
.focus-tags{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:26px 0 0}
.focus-tags span{display:block;border:1px solid #6062b629;border-radius:999px;padding:6px 13px;background:#ffffff75;color:#434797;text-decoration:none;font-size:.875rem;font-weight:600;line-height:1.55}

.hero-inner .profile-links{margin-top:34px;padding:20px}
.hero-stats{margin-top:26px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:660px;width:100%;justify-self:center}
.hero-stats dt{font-size:.8125rem}
.site-header nav a{font-size:.875rem}
.page-tools{flex-shrink:0}
.language-switch{font-size:.875rem;letter-spacing:0}
.language-switch button{white-space:nowrap}

.page{max-width:1060px;padding:0 30px}
.intro{padding:58px 32px 48px}
.intro.section-card{margin-top:36px}
.intro .section-heading{margin-bottom:22px}
.intro h2{font-size:1.7rem}
.highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0 0;padding:0;background:none;border:0;border-radius:0}
.highlights>.highlight-card{grid-column:auto;display:block;padding:22px 24px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--card-shadow)}
.highlight-label{font-size:.75rem;letter-spacing:.08em;margin-bottom:10px}
.highlights .highlight-value{display:block;min-height:3em;font-size:1.0625rem;font-weight:600;line-height:1.5}.highlights .highlight-value br{display:initial}.highlights{align-items:stretch;grid-auto-rows:1fr}
.highlight-arrow{font-size:.875rem;color:var(--blue);margin-left:4px}
.highlight-sub{font-size:.875rem}
.highlights>.highlight-card{color:var(--ink);text-decoration:none;transition:border-color .15s}
.highlights>.highlight-card:hover{border-color:var(--blue)}
.highlights>.highlight-card:hover .highlight-value{text-decoration:underline;text-underline-offset:4px}
.highlights>.highlight-card:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.section-card{background:var(--card);padding:36px 38px;margin:0 0 24px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--card-shadow)}
.section-card .section-heading{gap:13px;margin-bottom:28px}
.section-card h2{font-size:1.7rem}
.section-no{display:grid;place-items:center;min-width:32px;height:32px;border-radius:9px;background:var(--wash);font-size:.8125rem;color:var(--blue)}
.section-en{font-size:.875rem}
/* Two employer cards, with a second disclosure level for company name changes. */
.company-stack{display:grid;gap:14px}
.company-card{border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden;transition:border-color .15s}
.company-card:hover{border-color:var(--blue)}
.company-card>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 12px;align-items:start;column-gap:22px;padding:28px 30px;cursor:pointer;list-style:none}
.company-card>summary::-webkit-details-marker{display:none}
.company-card>summary:focus-visible{outline:3px solid var(--blue);outline-offset:-4px;border-radius:16px}
.company-heading{display:flex;min-width:0;flex-direction:column;gap:10px}
.company-name{font-size:1.125rem;color:var(--ink);font-weight:700;line-height:1.7}
.company-summary{font-size:1rem;color:var(--body);line-height:1.8}
.company-card>summary>.career-meta{display:flex;flex-direction:column;gap:3px;align-items:flex-end;white-space:nowrap;text-align:right;padding:1px 0 0;font-size:.875rem;line-height:1.8;color:var(--muted)}
.disclosure-icon,.cert-group>summary::after{display:block;width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);color:var(--muted);transition:transform .15s}
.disclosure-icon{margin-top:11px}
.cert-group>summary::after,.cert-group[open]>summary::after{content:'';flex-shrink:0}
.company-card[open]>summary>.disclosure-icon,.cert-group[open]>summary::after{transform:rotate(135deg)}
.company-body{border-top:1px solid var(--line);padding:22px 30px 28px}
.company-body p{font-size:1rem;line-height:1.95;margin:0}
.group-body>.group-description{margin-bottom:24px}
.company-stack>.company-card{border-radius:14px}
.company-stack>.company-card>summary{padding:22px 24px}
.company-stack>.company-card .company-name{font-size:1.0625rem}
.company-stack>.company-card .company-summary{font-size:.9375rem}
.ibm-card{margin-top:20px}
.cert-list li{padding:15px 0}
.cert-group summary{font-size:1rem}
.featured-cert{background:var(--wash);border-left:3px solid var(--blue)}
.language-block{margin-top:0}
.language-block>summary::after{margin-left:auto}
.language-block>.language-list{margin:0 0 24px}
.language-list{gap:16px}
.language-list>div{position:relative;padding:20px 16px;background:transparent;border:1px solid var(--line);border-radius:12px;transition:border-color .15s}
.language-list dt{font-size:.875rem;min-height:46px}
.language-list dt a,.language-list dt a:hover{text-decoration:none}
.language-list dt a::after{content:"";position:absolute;inset:0;border-radius:12px}
.language-list>div:is(:hover,:has(a:focus-visible)){border-color:var(--blue)}
.language-list>div:is(:hover,:has(a:focus-visible)) dd strong::after{opacity:1}
.language-list dt a:focus-visible{outline:none}
.language-list>div:has(a:focus-visible){outline:3px solid var(--blue);outline-offset:3px}
.language-list dd strong{font-size:1.9rem;position:relative;width:fit-content;pointer-events:none}
/* Draw one line across the score and its smaller unit, including the gap. */
.language-list dd strong::after{content:"";position:absolute;inset-inline:0;bottom:.12em;height:2px;background:currentColor;opacity:0;pointer-events:none}
.language-list .unit{font-size:.875rem}
.skill-list dt{font-size:.9375rem}
.activity{background:var(--wash)}
footer{padding:14px 12px 38px;border:0}
@media(max-width:1100px){.site-header nav a{font-size:.8125rem}.site-header{gap:20px}.site-header nav{gap:15px}}
@media(max-width:900px){.hero-inner{padding-top:46px}.hero-role{font-size:3.5rem}.page{padding:0 24px}.intro{padding:42px 18px 36px}.section-card{padding:30px 28px}.language-list{grid-template-columns:repeat(2,minmax(0,1fr))}.highlights{gap:12px}.highlights>.highlight-card{padding:20px 18px}}
@media(max-width:600px){
 .site-header nav{gap:5px 16px}.site-header nav a{font-size:.8125rem}
 .hero-inner{padding:32px 24px 28px}.hero-role{font-size:3.2rem}.portrait-frame{margin-bottom:21px}
 .focus-tags{margin-top:22px;gap:8px}.focus-tags span{font-size:.875rem;padding:6px 11px}
 .hero-inner .profile-links{margin-top:26px;padding:14px;gap:10px}.profile-links a{font-size:.875rem}
 .hero-stats{gap:12px;margin-top:22px}.hero-stats dt{font-size:.75rem}.hero-stats dd{font-size:1.4rem}
 .page{padding:0 16px}.intro.section-card{margin-top:24px}.intro{padding:34px 8px 28px}.intro h2,.section-card h2{font-size:1.45rem}
 .lead{font-size:1.2rem}.highlights{grid-template-columns:1fr;gap:10px;margin-top:24px}
 .highlights>.highlight-card{padding:17px 20px;border:1px solid var(--line);border-radius:12px}
 .highlights strong br{display:none}.highlight-label{font-size:.75rem;margin-bottom:7px}.highlights .highlight-sub{font-size:.875rem}
 .section-card{padding:25px 20px;margin-bottom:16px;border-radius:15px}.section-en{display:none}
 .section-card .section-heading{margin-bottom:24px;gap:11px}.section-no{min-width:29px;height:29px;font-size:.75rem}
 .language-list{gap:12px}.language-list>div{padding:16px 12px}.language-list dt{font-size:.8125rem;min-height:44px}.language-list dd strong{font-size:1.65rem}
 .cert-group summary{font-size:.9375rem}.cert-list li{grid-template-columns:1fr;gap:4px}.cert-list a{font-size:.9375rem}
 .featured-cert{padding:17px}.featured-cert h3{font-size:1.1rem}.activity{padding:18px}.activity p{font-size:1rem}
 footer{padding:10px 8px 32px}html{scroll-padding-top:158px}
}
@media screen{html[data-theme=dark]{--canvas:#11141e;--card:#1a1f2d;--card-shadow:0 6px 26px #0000000a}html[data-theme=dark] .focus-tags span{background:#292f4bc9;border-color:#828ad146;color:#d0d0ff}}
@media print{body{background:#fff}.page{padding:0}.focus-tags,.disclosure-icon{display:none}.section-card{border:0;box-shadow:none;padding:20px 0;margin:0}.company-card{break-inside:avoid}.company-card::details-content{display:block}.company-body{display:block}.intro{padding:20px 0}.intro.section-card{margin-top:0}}

@media(max-width:760px){
 .company-card>summary{column-gap:16px;padding:24px}
 .company-name{font-size:1.0625rem}
 .company-summary{font-size:.9375rem}
 .company-card>summary>.career-meta{font-size:.8125rem}
 .company-body{padding:20px 24px 24px}
}
@media(max-width:600px){
 .hero-stats{align-self:center;max-width:100%}
 .company-card{border-radius:16px}
 .company-card>summary,.company-stack>.company-card>summary{grid-template-columns:minmax(0,1fr) 12px;gap:10px 14px;padding:21px 20px}
 .company-heading{gap:7px}.company-name,.company-stack>.company-card .company-name{font-size:1rem}
 .company-summary,.company-stack>.company-card .company-summary{font-size:.9375rem}
 .company-card>summary>.career-meta{grid-column:1;grid-row:2;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;text-align:left;gap:5px;padding:0;white-space:normal;font-size:.8125rem}
 .disclosure-icon{grid-column:2;grid-row:1;margin-top:9px}
 .company-body{padding:18px 20px 22px}
 .group-body{padding:18px 14px 16px}
 .group-body>.group-description{margin:0 4px 20px}
 .company-stack{gap:12px}
 .company-stack>.company-card>summary{padding:18px 16px}
 .company-stack .company-body{padding:16px}
 .ibm-card{margin-top:16px}
 .highlights .highlight-value{font-size:1.0625rem;line-height:1.5;min-height:3em}
}

.highlights>.highlight-card .highlight-label{margin:0 0 10px;line-height:1.5}

/* Shared section card containing the domain overview and Top 5 list. */
.strengths-section h2,.strengths-overview h3,#activities-title{text-wrap:balance}
.strengths-overview{padding:22px 24px;background:var(--wash);border:1px solid var(--line);border-radius:12px}
.strengths-kicker{margin:0;color:var(--blue);font:500 .875rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
.strengths-overview h3{font-size:1.4rem;line-height:1.5;margin:13px 0 11px;font-weight:700;letter-spacing:.02em}
.strengths-summary{font-size:1rem;line-height:1.95;margin:0;max-width:800px}
.strengths-top-five{margin-top:28px}
.strengths-list{list-style:none;padding:0;margin:14px 0 0}
.strengths-list li{display:grid;grid-template-columns:36px 155px minmax(0,1fr);gap:18px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line)}
.strengths-list li:last-child{border-bottom:0}
.strength-rank{font:500 .875rem/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--blue)}
.strengths-list strong{font-size:1.0625rem;color:var(--ink);font-weight:650;line-height:1.8}
.strengths-list p{margin:0;font-size:1rem;line-height:1.85}
.strengths-source{font-size:.8125rem;color:var(--muted);margin:16px 0 0;line-height:1.8}
@media(max-width:960px){.site-header{height:auto;min-height:72px;flex-wrap:wrap;padding:16px 24px;gap:12px}.site-header nav{order:3;width:100%;justify-content:center;gap:20px;flex-wrap:wrap}.page-tools{margin-left:auto}html{scroll-padding-top:150px}}
@media(max-width:760px){.strengths-list li{grid-template-columns:28px 140px minmax(0,1fr);gap:13px}}
@media(max-width:600px){
 .site-header{padding:13px 20px 12px;gap:8px}.site-header nav{justify-content:flex-start;gap:5px 16px}
 .strengths-overview{padding:18px}.strengths-overview h3{font-size:1.2rem;overflow-wrap:break-word}.strengths-kicker{font-size:.875rem}
 .strengths-top-five{margin-top:24px}.strengths-list{margin-top:10px}
 .strengths-list li{grid-template-columns:28px minmax(0,1fr);gap:6px 12px;padding:17px 0;align-items:baseline}
 .strengths-list strong{font-size:1rem}.strengths-list p{grid-column:2;font-size:1rem;line-height:1.85}
 .strengths-source{margin:13px 0 0;font-size:.75rem}
 html{scroll-padding-top:158px}
}
@media print{.strengths-overview{border:0;padding:16px 0}.strengths-list li{break-inside:avoid}}