/* Keep the supplied full Maahir identity legible, rather than reducing it to an icon. */
header{padding:8px 3%;gap:16px;box-shadow:0 2px 12px #123b2510}
header .brand{gap:10px;flex-shrink:0}
header .brand img{width:80px;height:80px;object-fit:contain;flex-shrink:0}
header .brand span{font-size:1.5rem;letter-spacing:-.035em;line-height:1.2}
header .brand small{font-size:.7rem;font-weight:600;letter-spacing:0;line-height:1.4;margin-top:4px;color:#426155}
header .brand .brand-promise{display:none}
header nav{gap:16px}
.header-actions{display:flex;align-items:center;gap:13px;flex-shrink:0}
.header-demo{font-size:.85rem;font-weight:650;text-decoration:none;color:#075c48;white-space:nowrap}
header .header-register{background:#ffe09a;border-color:#e6c76a;color:#17372b;white-space:nowrap;min-height:44px;padding:11px 16px}
header .header-register:hover{background:#fff0c5}
.long-read section{scroll-margin-top:115px}
.article-side{top:115px}
footer .brand{display:block;margin:0 0 18px}
footer .brand img{display:block;width:176px;height:176px;object-fit:contain;background:#fff;border-radius:8px}
@media(max-width:1180px){
 #menu-toggle{display:block;background:transparent;border:1px solid #cbd9d4;border-radius:5px;padding:9px 14px;margin-left:auto}
 header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:22px 4%;flex-direction:column;align-items:stretch;border-bottom:1px solid #ccd9d3;max-height:65vh;overflow:auto}
 header nav.open{display:flex}
 header nav a{font-size:1rem;padding:7px}
}
@media(max-width:600px){
 header{gap:10px;padding:8px 4%}
 header .brand{gap:0}
 header .brand img{width:64px;height:64px}
 header .brand>span{display:none}
 header .button{padding:11px 12px;font-size:.875rem}
 #menu-toggle{padding:9px 11px;font-size:.875rem}
 .header-actions{gap:8px}
 .header-demo{display:none}
 .long-read section{scroll-margin-top:96px}
}