.code-heading {
  color: #ffffff;
  font-family: "Cascadia Code", "Cascadia Mono", Consolas, "Courier New", monospace !important;
  font-size: clamp(1.6rem, 4vw, 3rem) !important;
  letter-spacing: -0.06em !important;
}

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.email-composer { width: min(560px, calc(100% - 2rem)); padding: 0; border: 1px solid #32343a; border-radius: 10px; background: #19191c; color: #c5c5ce; box-shadow: 0 24px 70px rgba(0, 0, 0, .65); }
.email-composer::backdrop { background: rgba(0, 0, 0, .65); backdrop-filter: blur(4px); }
.email-composer__form { position: relative; padding: 18px 18px 16px; }
.email-composer__close { position: absolute; top: 8px; right: 10px; border: 0; background: transparent; color: #8e8e98; font-size: 1.8rem; line-height: 1; cursor: pointer; }
.email-composer__close:hover { color: #fff; }
.email-fields { display: grid; gap: 11px; padding-right: 30px; }
.email-field { display: grid; grid-template-columns: 68px 1fr; align-items: center; gap: 12px; min-height: 24px; }
.email-field label { color: #a1a1ab; font-size: .88rem; }
.email-field input { width: 100%; border: 0; outline: 0; background: transparent; color: #e8e8ef; font: .88rem Inter, sans-serif; }
.email-field input::placeholder, .email-composer textarea::placeholder { color: #74747e; }
.recipient-pill { width: fit-content; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 4px 11px; border-radius: 999px; background: #103d55; color: #60c8fb; font: 600 .82rem Inter, sans-serif; white-space: nowrap; }
.topic-row { display: flex; flex-wrap: wrap; gap: 8px; padding-left: 80px; }
.topic-row button { padding: 4px 11px; border: 1px solid #46464f; border-radius: 999px; background: transparent; color: #b8b8c1; cursor: pointer; font: .78rem Inter, sans-serif; }
.topic-row button:hover, .topic-row button.is-selected { border-color: #189bd4; background: #103d55; color: #60c8fb; }
.email-divider { height: 1px; margin: 10px 0 0; background: #36363c; }
.email-composer textarea { display: block; width: 100%; min-height: 250px; padding: 18px 0; resize: vertical; border: 0; outline: 0; background: transparent; color: #dedee6; font: .95rem Inter, sans-serif; line-height: 1.6; }
.email-composer__footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 13px; }
#email-form-status { min-height: 1.2em; margin: 12px 0 0; color: #8dc9e6; font-size: .8rem; }
body.dark { background-color: #0d1117; background-image: radial-gradient(ellipse 80% 80% at 50% -20%, rgba(0,210,255,.15), transparent 55%), linear-gradient(to right, color-mix(in srgb, var(--text) 6%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--text) 6%, transparent) 1px, transparent 1px); background-size: auto, 44px 44px, 44px 44px; background-attachment: fixed; }
body.dark .hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, transparent 49.9%, rgba(34,211,238,.09) 50%, transparent 50.1%); opacity: .55; }
body.dark .grid-background { background-image: none; }
body.dark .section, body.dark .site-footer { background-color: transparent; }
body.dark .section-muted { background-color: transparent; }
body:not(.dark) { background-color: #f6f8fb; background-image: radial-gradient(ellipse 80% 80% at 50% -20%, rgba(0,150,190,.14), transparent 55%), linear-gradient(to right, rgba(10,14,23,.08) 1px, transparent 1px), linear-gradient(to bottom, rgba(10,14,23,.08) 1px, transparent 1px); background-size: auto, 44px 44px, 44px 44px; background-attachment: fixed; }
body:not(.dark) .section, body:not(.dark) .site-footer, body:not(.dark) .section-muted { background-color: transparent; }
body:not(.dark) .grid-background { background-image: none; }
/* Keep the YAD mark, but remove the repeated name in the header and footer. */
.brand strong { display: none; }
.footer-inner > div { display: none; }
body.dark .profile-section .section-heading .code-heading { color: #fff !important; }
.contact-email-stack { display: grid; justify-items: center; gap: 10px; }
.contact-email { color: #c084fc; font-size: .9rem; font-weight: 600; transition: color .2s ease; }
.contact-email:hover { color: #e9d5ff; }
.portrait img { transform: scale(1.12); transform-origin: center 62%; }
.email-socials { display: flex; align-items: center; gap: 16px; color: #81818a; font-size: .78rem; }
.email-socials a { color: #babac3; font-weight: 700; font-size: .9rem; }
.social-icon { display: block; width: 1.25rem; height: 1.25rem; opacity: .7; transition: opacity .2s ease; }
.email-socials a:hover .social-icon { opacity: 1; }
.email-socials a:hover { color: #fff; }.email-send { min-width: 74px; padding: 9px 17px; border: 0; border-radius: 8px; background: #0d5b85; color: #b7dcee; cursor: pointer; font: 600 .88rem Inter, sans-serif; }.email-send:hover { background: #1075ab; color: #fff; }
@media (max-width: 520px) { .email-composer__form { padding: 16px; }.email-field { grid-template-columns: 58px 1fr; gap: 8px; }.topic-row { padding-left: 66px; }.recipient-pill { font-size: .7rem; }.email-socials span { display: none; }.email-composer textarea { min-height: 200px; } }