/* Additive corrections; original visual system remains in main/responsive.css. */
:root{--alzouabi-timeline-date-size:16px}
.alz-hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
@media(min-width:1024px){
  .alz-hero__grid{width:auto;margin-left:max(24px,calc((100% - var(--alz-max))/2));margin-right:0;grid-template-columns:minmax(0,min(60%,720px)) minmax(0,1fr)}
  .alz-hero__visual img{object-position:center top}
}
.alz-hero__content,.alz-background__grid>*,.alz-skill>div{min-width:0;overflow-wrap:anywhere}
.alz-hero__visual picture{display:block;height:100%}
.alz-hero__visual img{position:absolute;inset:0}
.alz-pillars__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.alz-item-icon{display:inline-flex;flex-shrink:0;align-items:center}
.alz-item-icon .alz-icon{width:var(--alz-icon-size,29px);height:var(--alz-icon-size,29px)}
.alz-item-icon .alz-accent{background:currentColor}
.alz-pillars .alz-item-icon{display:block}
.alz-pillars .alz-item-icon .alz-icon{margin-bottom:17px}
.alz-skill a,.alz-contact a:not(.alz-button){color:inherit;text-decoration:underline}
.alz-period{color:var(--alz-slate);font-size:13px;font-weight:700;margin-bottom:6px}
.alz-expertise .alz-expertise__grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.alz-expertise .alz-skill{min-width:0;overflow-wrap:anywhere}
.alz-background__items .alz-timeline{display:grid;grid-template-columns:minmax(0,1fr);border-left:0;padding:0}
.alz-background__items .alz-timeline.has-period{grid-template-columns:minmax(100px,150px) minmax(0,1fr);gap:20px}
.alz-background__items .alz-timeline__content{min-width:0;border-left:3px solid var(--alz-gold);padding:1px 0 1px 20px;overflow-wrap:anywhere}
.alz-background__items .alz-period{min-width:0;font-size:var(--alzouabi-timeline-date-size);color:var(--alz-slate);overflow-wrap:anywhere}
.alz-footer__legal{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px;font-size:13px}
.alz-footer__legal a+a{border-left:1px solid currentColor;padding-left:20px}
@media(max-width:1023px){.alz-expertise .alz-expertise__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.alz-expertise .alz-expertise__grid{grid-template-columns:minmax(0,1fr)}.alz-background__items .alz-timeline.has-period{grid-template-columns:minmax(0,1fr);gap:8px}.alz-background__items .alz-timeline>.alz-period{padding-left:23px}}
.alz-background .alz-section-intro{color:var(--alz-muted)}
.alz-nav .alz-menu,.alz-mobile-nav .alz-menu{list-style:none;margin:0;padding:0;display:flex;gap:27px;align-items:center}
.alz-nav li{position:relative}.alz-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:210px;padding:12px;list-style:none;background:var(--alz-navy);z-index:5}
.alz-nav li:hover>.sub-menu,.alz-nav li:focus-within>.sub-menu{display:block}
.alz-nav .sub-menu a{display:block;padding:8px}
.alz-brand img{display:block;width:auto;max-width:230px;max-height:52px}
.alz-contact-entries{display:flex;flex-direction:column;align-items:center;gap:12px}
.alz-contact .alz-location a{overflow-wrap:anywhere}
.alz-footer .alz-menu{list-style:none;display:flex;flex-wrap:wrap;gap:20px;margin:0;padding:0}
@media(max-width:900px){.alz-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}.alz-mobile-nav .alz-menu{display:block}.alz-mobile-nav .alz-menu a{display:block;padding:12px 10px}.alz-mobile-nav .sub-menu{list-style:none;padding-left:15px}.alz-mobile-nav nav{max-height:75vh;overflow:auto}}
@media(max-width:650px){.alz-hero__visual picture{height:260px}.alz-pillars__grid{grid-template-columns:1fr}}