*{box-sizing:border-box}html{background:#FAF7F3;color:#291520}body{margin:0;min-height:100svh;font-family:"IBM Plex Sans Arabic",sans-serif}main{width:min(100% - 40px,440px);margin:auto}a{color:inherit;text-decoration:none}h1,p{margin:0}.logo{object-fit:contain}.icon{width:25px;height:25px;flex:none}.link{display:flex;align-items:center;gap:16px;min-height:74px;padding:18px 16px}.label{flex:1;display:grid;gap:3px}.label strong{font-weight:500;font-size:17px}.handle{direction:ltr;unicode-bidi:isolate;justify-self:start;font-family:"IBM Plex Sans Arabic",sans-serif}.sub{font-size:13px;color:#64584F}.arrow{font-family:system-ui;font-size:19px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}a:focus-visible{outline:3px solid #64584F;outline-offset:5px}footer{font-size:12px;color:#64584F}header p{color:#64584F;font-size:16px}nav{display:grid}a{transition:background .16s,color .16s}@media(prefers-reduced-motion:reduce){*{transition:none!important}}body{border-bottom:6px solid #411E33}main{padding:40px 0 30px}header{text-align:center;position:relative;padding-bottom:26px}.logo{width:56px;height:56px;margin-bottom:9px}h1{font:700 50px/1.5 "Noto Naskh Arabic",serif;color:#411E33}header p{margin-top:0}.actions{display:grid;gap:10px}.actions .link{border:1px solid #411E33;border-radius:7px;min-height:72px;padding:16px 20px}.actions .primary{background:#411E33;color:#FAF7F3}.actions .sub{display:none}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}.social-grid .link{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:114px;padding:18px 3px;background:#F3EDE6;border:1px solid #B9AC9E;border-radius:7px}.social-grid .label{flex:0}.social-grid .handle{font-size:12px;font-weight:500;justify-self:center}.social-grid .arrow{display:none}.social-grid .icon{width:29px;height:29px;color:#411E33}.link:hover{background:#EFE9E2;color:#291520}footer{text-align:center;margin-top:35px}@media(max-width:340px){.social-grid{gap:6px}.social-grid .handle{font-size:11px}}
/* Approved two-line professional bio; spans can wrap on narrow screens. */
header .bio{font-size:15px;line-height:1.9;min-width:0;max-width:100%;overflow-wrap:break-word;text-wrap:pretty}header .bio span{display:block}header .bio span+span{margin-top:3px}
header .bio{margin-top:8px}header{padding-bottom:26px}
@media(max-width:360px){header .bio{font-size:14px;line-height:1.85}}

/* Public email contact: scoped secondary line stays visible in actions. */
.actions .email-link .label{min-width:0}.actions .email-address{display:block;font-size:13px;line-height:1.6;color:#64584F;direction:ltr;unicode-bidi:isolate;text-align:start;justify-self:start;max-width:100%;overflow-wrap:anywhere}.actions .email-link{gap:14px}.actions .email-link .arrow{flex:none}@media(max-width:360px){.actions .email-link{padding-inline:16px;gap:12px}.actions .email-address{font-size:12px}}

/* Selected direction: logo followed directly by approved bio, no visible name. */
header .logo{margin-bottom:12px}header .bio{margin-top:0}header{padding-bottom:28px}