/* DanielChe.xyz DS v1.0: Professional A/B adapter.
 * Only the opt-in .dc-site-v1 surface is changed; approved Career data,
 * institutional PW pages and prior personal Professional preview are untouched. */
.personal-professional.dc-site-v1 {
 --brand-yellow:var(--dc-yellow);
 --brand-yellow-bright:var(--dc-yellow-hover);
 --brand-black:var(--dc-ink);
 --brand-paper:var(--dc-paper);
 --brand-cream:var(--dc-cream);
 --brand-sepia:var(--dc-muted);
 --pw-bg:var(--dc-paper);
 --pw-surface:var(--dc-panel);
 --pw-ink:var(--dc-ink);
 --pw-muted:var(--dc-muted);
 --pw-line:var(--dc-stroke);
 --pw-line-strong:var(--dc-stroke-strong);
 --pw-dark:var(--dc-charcoal);
 --pw-on-dark:var(--dc-dark-copy);
 --pw-on-dark-muted:var(--dc-dark-muted);
 --pw-line-on-dark:var(--dc-dark-stroke);
 font-family:var(--dc-font);
}
/* Reduce the excessive top void of the first column while keeping the right
 * bio panel and hero character intact. No giant portrait replacements. */
.dc-site-v1 #app .hero-grid{align-items:start}
.dc-site-v1 #app .hero-grid>div:first-child{padding-top:39px}
.dc-site-v1 #app .hero h1{letter-spacing:-.063em}
/* Single unambiguous active section indicator: dark active label + golden line.
 * Hover has an underline, never a competing filled selected state. */
.dc-site-v1 #app .profile-jump-links a:hover:not([aria-current="location"]){
 background:transparent;color:var(--dc-gold-text);
 text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;
}
.dc-site-v1 #app .profile-jump-links a[aria-current="location"]{
 background:transparent;border-bottom-color:#d99500;color:var(--dc-ink)
}
.dc-site-v1 #app .profile-jump-caption{color:#795f33}
/* Four closely related cards use the same radius/spacing scale, not four
 * unrelated shapes. The existing featured yellow layout stays untouched. */
.dc-site-v1 #app .cap-grid .cap-card,
.dc-site-v1 #app .work-card,
.dc-site-v1 #app .fit-list article{border-radius:var(--dc-radius-card)}
.dc-site-v1 #app .work-card{padding:var(--dc-space-8)}
.dc-site-v1 #app .fit-list article{padding:var(--dc-space-6)}
.dc-site-v1 #app .cap-grid .cap-card{padding:var(--dc-space-8)}
/* Secondary information has a coherent, legible floor across the profile. */
.dc-site-v1 #app .quick strong{font-size:var(--dc-fs-meta)}
.dc-site-v1 #app .cap-grid .cap-card b{font-size:var(--dc-fs-caption)}
.dc-site-v1 #app #work .work-card small{font-size:var(--dc-fs-caption)}
.dc-site-v1 #app #talks .talks-meta{font-size:var(--dc-fs-caption)}
.dc-site-v1 #app #talks .talks-language{font-size:var(--dc-fs-meta)}
.dc-site-v1 #app #press .press-conference-meta{font-size:var(--dc-fs-caption)}
.dc-site-v1 #app #press .press-editorial-meta{font-size:12px}
.dc-site-v1 #app #press .press-editorial-kind{font-size:var(--dc-fs-caption)}
.dc-site-v1 #app #press .press-conference-sources h5{font-size:var(--dc-fs-caption)}
.dc-site-v1 #app #credentials .pm-more li span,
.dc-site-v1 #app #credentials .pm-course-note{font-size:var(--dc-fs-caption)}
.dc-site-v1 #app #credentials .pm-learning-item p{font-size:var(--dc-fs-meta)}
/* More breathing room between Education groups, with no extra decoration. */
.dc-site-v1 #app #credentials .pm-development{margin-top:var(--dc-space-10)}
.dc-site-v1 #app #credentials .pm-programme-grid{gap:var(--dc-space-4)}
.dc-site-v1 #app #credentials .pm-learning-grid{gap:var(--dc-space-4)}
.dc-site-v1 #app #credentials .google-credentials-history{margin-top:var(--dc-space-10)}
.dc-site-v1 #app #credentials .google-credentials-copy p{line-height:1.72}
.dc-site-v1 #app #credentials .google-credential-timeline{gap:var(--dc-space-3)}
/* Reuse the common scalable focus ring and no-motion contract. */
.dc-site-v1 :is(a,button,summary):focus-visible{
 outline:var(--dc-focus);outline-offset:3px
}
@media(max-width:900px){
 .dc-site-v1 #app .hero-grid>div:first-child{padding-top:0}
 .dc-site-v1 #app .cap-grid .cap-card{padding:var(--dc-space-6)}
}
@media(max-width:620px){
 .dc-site-v1 #app .hero-grid{align-items:start}
 .dc-site-v1 #app .work-card{padding:var(--dc-space-6)}
 .dc-site-v1 #app .fit-list article{padding:var(--dc-space-5)}
 .dc-site-v1 #app #credentials .pm-development,
 .dc-site-v1 #app #credentials .google-credentials-history{margin-top:var(--dc-space-8)}
 .dc-site-v1 #app #credentials .pm-programme-grid,
 .dc-site-v1 #app #credentials .pm-learning-grid{gap:var(--dc-space-3)}
}