.etb-box {
    --etb-accent: var(--wp--preset--color--primary, var(--wp--preset--color--accent, var(--etb-custom-color, #087ea4)));
    --etb-text: var(--wp--preset--color--contrast, #202a33);
    --etb-surface: var(--wp--preset--color--base, #fff);
    box-sizing: border-box;
    display: grid;
    grid-template-columns: clamp(210px, 29%, 292px) minmax(0, 1fr);
    grid-template-areas: "profile content";
    gap: clamp(34px, 5vw, 62px);
    width: 100%;
    max-width: 1180px;
    margin: 42px auto;
    padding: clamp(26px, 3vw, 38px);
    border: 1px solid color-mix(in srgb, var(--etb-text) 12%, transparent);
    border-radius: 16px;
    color: var(--etb-text);
    background: var(--etb-surface);
    box-shadow: 0 12px 34px color-mix(in srgb, var(--etb-text) 8%, transparent);
    font-family: inherit;
    line-height: 1.9;
    direction: ltr;
    clear: both;
    isolation: isolate;
}

.etb-box, .etb-box * { box-sizing: border-box; }
.etb-profile { grid-area: profile; min-width: 0; align-self: start; direction: ltr; border-radius: 14px; overflow: hidden; background: color-mix(in srgb, var(--etb-text) 2.5%, var(--etb-surface)); box-shadow: 0 10px 26px color-mix(in srgb, var(--etb-text) 6%, transparent); }
.etb-body { grid-area: content; min-width: 0; align-self: center; direction: rtl; text-align: right; }
.etb-photo { grid-area: photo; overflow: hidden; background: color-mix(in srgb, var(--etb-text) 5%, var(--etb-surface)); }
.etb-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5.45; object-fit: cover; object-position: center top; }
.etb-contact { grid-area: contact; padding: 17px 12px 16px; text-align: center; direction: rtl; }
.etb-contact-title { display: block; margin-bottom: 11px; color: var(--etb-accent); font-size: .86rem; font-weight: 700; }
.etb-socials { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.etb-socials a { display: inline-grid; place-items: center; width: 39px; height: 39px; border: 1px solid color-mix(in srgb, var(--etb-accent) 28%, transparent); border-radius: 50%; color: var(--etb-accent); background: var(--etb-surface); text-decoration: none; transition: transform .2s ease, color .2s ease, background-color .2s ease; }
.etb-socials a:hover { color: var(--etb-surface); background: var(--etb-accent); transform: translateY(-2px); }
.etb-socials a:focus-visible, .etb-linkedin-cta:focus-visible { outline: 3px solid color-mix(in srgb, var(--etb-accent) 35%, transparent); outline-offset: 3px; }
.etb-socials svg, .etb-heading svg, .etb-credentials svg, .etb-linkedin-cta svg, .etb-stat svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.etb-linkedin-cta { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 47px; margin-top: 17px; padding: 9px 14px; border-radius: 12px; color: var(--etb-surface); background: var(--etb-accent); font-size: .9rem; font-weight: 700; text-decoration: none; }
.etb-linkedin-cta:hover { color: var(--etb-surface); filter: brightness(.94); }

.etb-heading { display: flex; align-items: center; gap: 8px; margin-bottom: 3px; color: var(--etb-accent); font-size: .94rem; font-weight: 700; }
.etb-heading-icon { display: inline-flex; }
.etb-box h4 { margin: 0; color: inherit; font-family: inherit; font-size: clamp(1.85rem, 3.1vw, 2.55rem); font-weight: 800; line-height: 1.28; letter-spacing: -.025em; }
.etb-role { margin: 7px 0 21px; color: var(--etb-accent); font-size: clamp(1rem, 1.65vw, 1.2rem); font-weight: 650; }
.etb-bio { max-width: 76ch; font-size: clamp(.92rem, 1.15vw, 1.02rem); }
.etb-bio p { margin: 0 0 14px; padding-inline-start: 16px; border-inline-start: 1px solid color-mix(in srgb, var(--etb-accent) 68%, transparent); text-align: justify; text-justify: inter-word; }
.etb-bio p:last-child { margin-bottom: 0; }
.etb-credentials { margin-top: 25px; padding-top: 19px; border-top: 1px solid color-mix(in srgb, var(--etb-text) 12%, transparent); }
.etb-credentials h3 { display: flex; align-items: center; gap: 9px; margin: 0 0 8px; color: var(--etb-accent); font-family: inherit; font-size: 1rem; line-height: 1.6; }
.etb-credentials p { margin: 0; font-size: .94rem; text-align: justify; text-justify: inter-word; }
.etb-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 22px; padding: 15px 12px; border-radius: 12px; background: color-mix(in srgb, var(--etb-text) 3.5%, var(--etb-surface)); }
.etb-stat { display: flex; direction: rtl; align-items: center; justify-content: center; gap: 9px; min-width: 0; padding: 2px 11px; border-inline-start: 1px solid color-mix(in srgb, var(--etb-text) 10%, transparent); }
.etb-stat:first-child { border-inline-start: 0; }
.etb-stat-icon { display: inline-flex; flex: 0 0 auto; color: var(--etb-accent); }
.etb-stat-icon svg { width: 30px; height: 30px; }
.etb-stat-copy { min-width: 0; text-align: center; line-height: 1.45; }
.etb-stat-copy strong, .etb-stat-copy small { display: block; }
.etb-stat-copy strong { font-size: .82rem; font-weight: 750; }
.etb-stat-copy small { margin-top: 2px; font-size: .72rem; }
.etb-no-photo { grid-template-columns: minmax(0, 1fr); grid-template-areas: "content"; }
.etb-no-photo .etb-profile { display: none; }
.etb-minimal { padding-inline: 0; border: 0; border-radius: 0; box-shadow: none; }

@media (max-width: 900px) {
    .etb-box { grid-template-columns: 190px minmax(0, 1fr); gap: 28px; padding: 25px; }
    .etb-box h4 { font-size: 1.75rem; }
    .etb-bio { font-size: .92rem; }
    .etb-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; }
    .etb-stat:nth-child(3) { border-inline-start: 0; }
}

@media (max-width: 680px) {
    .etb-box { display: block; margin: 28px auto; padding: 17px; border-radius: 14px; }
    .etb-profile { display: grid; grid-template-columns: minmax(0, 1fr) 112px; grid-template-areas: "contact photo"; align-items: center; margin-bottom: 22px; border-radius: 12px; box-shadow: none; }
    .etb-photo img { aspect-ratio: 1 / 1.18; }
    .etb-contact { padding: 12px; }
    .etb-linkedin-cta { min-height: 40px; margin-top: 12px; font-size: .78rem; }
    .etb-heading { font-size: .84rem; }
    .etb-box h4 { font-size: 1.42rem; }
    .etb-role { margin-bottom: 16px; font-size: .95rem; }
    .etb-bio { font-size: .9rem; }
    .etb-bio p { padding-inline-start: 11px; }
    .etb-credentials { margin-top: 20px; padding-top: 15px; }
    .etb-stats { gap: 0; padding: 12px 6px; }
    .etb-stat { padding: 4px 7px; }
    .etb-stat-icon svg { width: 25px; height: 25px; }
}

@media (max-width: 420px) {
    .etb-profile { grid-template-columns: minmax(0, 1fr) 104px; }
    .etb-socials { gap: 7px; }
    .etb-socials a { width: 34px; height: 34px; }
    .etb-linkedin-cta svg { display: none; }
    .etb-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .etb-stat, .etb-stat:nth-child(3) { justify-content: center; }
    .etb-stat:nth-child(odd) { border-inline-start: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .etb-socials a { transition: none; }
}