/* Shared footer and the standalone About page. */
.site-footer.masarak-footer{display:block;width:100%;max-width:none;margin:38px 0 0;padding:42px 24px 38px;border-top:1px solid #1b2939;background:#070d17;color:#8fabc0;font-size:13px}
.footer-inner{max-width:1080px;margin:0 auto}
.footer-nav{display:flex;justify-content:center;align-items:center;gap:16px 30px;flex-wrap:wrap;padding:0 0 42px;font-size:14px}
.footer-nav a{color:#9fb1c5;line-height:1.8;padding:4px 0}.footer-nav a:hover,.footer-nav a:focus-visible{color:#e2f6ed}
.footer-main{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:start}
.footer-brand-line{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:14px}.footer-brand-line .brand{gap:9px}.footer-brand-line .brand-name{font-size:23px}.footer-brand-line .brand-mark{width:31px;height:31px;border-radius:9px}.footer-brand-line .brand-mark svg{width:24px;height:24px}
.footer-by{display:flex;align-items:center;gap:7px;font-size:11px;color:#869caf}.footer-by>a{display:inline-block;background:#15372c;color:#a5ebc8;border:1px solid #245542;border-radius:6px;padding:3px 9px;font-weight:700}
.footer-description{font-size:14px;line-height:2;margin:0 0 14px;color:#9bafc4;max-width:490px}
.footer-meta{display:flex;align-items:center;gap:7px 11px;flex-wrap:wrap;min-height:40px;font-size:12px;line-height:1.9;color:#829bae}.footer-meta>a{color:#91a9be}.footer-meta>a:hover{color:#d9eee4}.footer-dot{color:#536a7e}
.social-links{display:inline-flex;align-items:center;gap:2px;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:36px;min-height:40px;border-radius:6px;color:#92a7bd;transition:color .15s,background .15s}.social-link svg{display:block;width:20px;height:20px;flex-shrink:0}.social-link img{display:block;width:24px;height:24px;object-fit:contain;flex-shrink:0}.social-link:hover{background:#172639;color:#d5e4f3}.social-facebook:hover{color:#6facff}.social-linkedin:hover{color:#72b6f7}.social-link:focus-visible,.footer-nav a:focus-visible,.footer-meta>a:focus-visible,.footer-by>a:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.footer-contribute{text-align:center;padding-top:2px}.footer-kicker{color:#6ccba5;font-size:11px}.footer-contribute h2{font-size:21px;color:#d8ebe5;line-height:1.7;margin:9px 0}.footer-contribute p{font-size:13px;color:#8fa8be;line-height:2;margin:0 auto;max-width:340px}.footer-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:17px}
.footer-suggest,.footer-feedback{font:inherit;cursor:pointer;font-size:11px;line-height:1.8;min-height:40px}.footer-suggest{padding:8px 13px;border:1px solid #34594d;border-radius:8px;background:#10291f;color:#abe5c8}.footer-feedback{padding:8px 4px;border:0;background:none;color:#9fb3c7;text-decoration:underline}.footer-suggest:hover{border-color:var(--green)}.footer-suggest:focus-visible,.footer-feedback:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.about-page{background:#0b1220}.info-header{border-bottom:1px solid #1e2d3e}.info-header-inner{max-width:1080px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.info-header .brand{gap:10px}.info-header .brand-mark{width:35px;height:35px;border-radius:10px}.info-header .brand-name{font-size:24px}.info-home-link{font-size:12px;color:#a1b8c9;padding:8px 0}.info-home-link:hover{color:var(--green)}
.about-article{max-width:790px;margin:0 auto;padding:62px 24px 60px}.about-intro{padding-bottom:30px;margin-bottom:10px;border-bottom:1px solid #213042}.about-eyebrow{font-size:12px;color:#73cfa8}.about-intro h1{font-size:43px;line-height:1.5;letter-spacing:-1px;margin:10px 0 17px;color:#eff5f8}.about-intro h1 span{color:var(--green)}.about-article p{font-size:15px;line-height:2.15;color:#b1c0cf;margin:12px 0}.about-intro>p{font-size:16px;line-height:2.05;max-width:700px}.social-links-labeled{gap:8px 18px;margin-top:14px}.social-links-labeled .social-link{width:auto;padding:7px 9px;gap:8px;font-size:12px}.social-links-labeled .social-link span{direction:ltr;unicode-bidi:isolate}.about-article section{margin-top:34px;scroll-margin-top:25px}.about-article h2{font-size:23px;line-height:1.7;margin:0 0 12px;color:#e7eef5}.about-inline-link{color:#8fe5bf;font-size:13px;line-height:2;overflow-wrap:anywhere}.about-inline-link:hover{text-decoration:underline}.about-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.about-primary,.about-secondary{font:inherit;font-size:12px;line-height:1.9;min-height:44px;border-radius:9px;padding:10px 15px;cursor:pointer}.about-primary{background:#1b4b38;color:#ccf6df;border:1px solid #367158}.about-secondary{background:#142033;color:#b4c8db;border:1px solid #34465e}.about-primary:hover{background:#235e46}.about-secondary:hover{background:#1c2e45}.about-actions button:focus-visible,.about-inline-link:focus-visible,.info-home-link:focus-visible{outline:2px solid var(--green);outline-offset:3px}.about-article .about-motto{font-size:24px;font-weight:800;color:#8ddbb3;margin-top:22px}
.about-page .feedback-launch{display:none}
@media(max-width:820px){.footer-main{gap:40px;grid-template-columns:1fr 1fr}.footer-contribute h2{font-size:19px}.footer-nav{gap:14px 22px}.footer-by{font-size:11px}}
@media(max-width:620px){.site-footer.masarak-footer{margin-top:24px;padding:30px 20px 34px}.footer-nav{gap:8px 18px;font-size:12px;padding-bottom:29px}.footer-nav a{padding:8px 0}.footer-main{grid-template-columns:1fr;gap:29px}.footer-identity{max-width:430px}.footer-description{font-size:13px;line-height:2.05}.footer-meta{font-size:11px;gap:5px 9px}.social-link{width:38px;min-height:44px}.footer-contribute{border-top:1px solid #1b2a3b;padding-top:25px;text-align:start}.footer-contribute p{max-width:none;margin:0}.footer-actions{justify-content:flex-start}.footer-contribute h2{font-size:20px}.footer-brand-line{gap:10px}.info-header-inner{padding:16px 20px;gap:12px}.info-header .brand-name{font-size:22px}.info-home-link{font-size:11px}.about-article{padding:35px 21px 40px}.about-intro h1{font-size:31px;letter-spacing:-.5px}.about-intro>p,.about-article p{font-size:14px;line-height:2.1}.about-article h2{font-size:21px}.about-article section{margin-top:29px}.social-links-labeled{gap:5px 10px}.social-links-labeled .social-link{padding:5px 4px;font-size:11px}.about-actions{flex-direction:column;align-items:stretch}.about-actions button{text-align:center}.about-article .about-motto{font-size:22px}}

/* Public project profile: a normal link; visitors choose whether to add a Star. */
.github-support{display:inline-flex;align-items:center;justify-content:center;gap:9px;max-width:100%;box-sizing:border-box;min-height:44px;margin-top:17px;padding:9px 15px;border:1px solid #3b5b4a;border-radius:9px;background:#13261e;color:#d5f3e1;font:700 12px/1.8 'Cairo',sans-serif;text-decoration:none;transition:background .15s,border-color .15s}
.github-support img{display:block;width:20px;height:20px;flex-shrink:0}.github-support bdi{font-weight:inherit}.github-star{color:#f0cf77;font-size:21px;line-height:1;flex-shrink:0}.github-support:hover{background:#1b3728;border-color:#69bc91}.github-support:focus-visible{outline:2px solid var(--green);outline-offset:4px}.about-github-links{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:18px}.about-github-links .github-support{margin-top:0}
@media(prefers-reduced-motion:reduce){.github-support{transition:none}}