/* tweaks6 2026-10-30: Arabic/Farsi/Urdu glyphs from self-hosted Noto Sans Arabic (OFL), Latin unchanged */
@font-face{font-family:"HM Arabic";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/notosansarabic-wght.woff2?v=88295e40a3) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:'Palanquin';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/palanquin-600-latin.woff2?v=10e3817aa0) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/roboto-500-latin.woff2?v=41ca6b7e48) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/roboto-500-latin.woff2?v=41ca6b7e48) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/sourcesans3-400-latin.woff2?v=114a0e5e16) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/sourcesans3-400-latin.woff2?v=114a0e5e16) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Big Box layout theme for the homepage (yellow/black brand). Loaded after site.css + mobilefix.css. */
:root{--bb-y:#ffd400;--bb-k:#111;--bb-g:#d9dbda;--bb-g2:#c9cccb;--bb-tx:#3d3d3d;--bb-mut:#4f4f4f}
body.bb{background:var(--bb-g);color:var(--bb-mut);font-family:"Source Sans 3","HM Arabic","Source Sans Pro",system-ui,sans-serif;font-size:17px;line-height:1.7}
body.bb .hm-top{background:var(--bb-k);border:0;box-shadow:none}
body.bb .hm-top a,body.bb .hm-top .brand,body.bb .hm-top .lang-btn{color:#fff}
body.bb .hm-top .login{background:transparent;color:var(--bb-y);border:2px solid var(--bb-y)}
/* hero: solid black, logo centred, stacked buttons */
body.bb header.hero{background:var(--bb-k);color:#fff;text-align:center;padding:48px 16px 56px;border-radius:0}
body.bb .hero-grid{display:flex;flex-direction:column-reverse;align-items:center;gap:22px;grid-template-columns:none}
body.bb .hero-art{display:block!important;margin:0}
body.bb .hero-art img{width:150px;height:150px;max-width:150px;transform:none;filter:none;box-shadow:none}
body.bb .hero-art:before,body.bb .hero-art:after{display:none}
body.bb .newin{background:transparent;border:0;color:var(--bb-y);font:600 13px Palanquin,"HM Arabic",sans-serif;letter-spacing:.8px;padding:0 4px;box-shadow:none}
body.bb .hero h1{font:700 44px/1.15 Roboto,"HM Arabic",sans-serif;letter-spacing:1.6px;color:#fff;margin:14px 0 10px}
body.bb .hero h1 span[data-h="h1b"],body.bb .hero h1 span[data-h="h1c"]{color:var(--bb-y);background:none;box-shadow:none}
body.bb .hero h1 *{background:none!important}
body.bb .hero .lead{color:#cfcfcf;max-width:640px;margin:0 auto 22px}
body.bb .hero .ctas{display:flex;flex-direction:column;gap:16px;width:min(420px,88vw);margin:0 auto}
body.bb .btn{display:block;border-radius:9px;font:600 21px Palanquin,"HM Arabic",sans-serif;letter-spacing:.8px;padding:13px 10px;text-align:center;box-shadow:none;transform:none}
body.bb .btn-y{background:var(--bb-y);color:var(--on-y,var(--bb-k));border:4px solid var(--bb-y)}
body.bb .btn-o{background:rgba(17,17,17,.45);color:#fff;border:4px solid var(--bb-y)}
body.bb .btn-o:hover{background:var(--bb-y);color:var(--on-y,var(--bb-k))}
/* sections: grey bands, Roboto headings with yellow bar, cards become bullet lists */
body.bb main section{background:var(--bb-g);padding:34px 0!important}
body.bb main section:nth-of-type(2),body.bb main section.faq{background:var(--bb-g2)}
body.bb main .wrap{max-width:980px}
body.bb h2{font:500 40px/1.2 Roboto,"HM Arabic",sans-serif;letter-spacing:1.6px;color:var(--bb-tx)}
body.bb h2:after{content:"";display:block;width:64px;height:5px;background:var(--bb-y);margin-top:10px;color:var(--on-y,inherit)}
body.bb h2 span{background:none!important;color:inherit}
body.bb .sub{color:var(--bb-mut)}
body.bb main .grid{display:block}
body.bb main .card{background:none;border:0;box-shadow:none;border-radius:0;padding:4px 0 4px 22px;margin:0;position:relative;min-height:0}
body.bb main .card:before{content:"";position:absolute;left:4px;top:.75em;width:7px;height:7px;border-radius:50%;background:var(--bb-k)}
body.bb main .card .ic,body.bb main .card .n{display:none}
body.bb main .card h3{display:inline;font:600 17px "Source Sans 3","HM Arabic",sans-serif;color:var(--bb-tx);margin:0}
body.bb main .card h3:after{content:". "}
body.bb main .card p{display:inline;margin:0;color:var(--bb-mut)}
body.bb .tm-badge{background:var(--bb-k);color:var(--bb-y)}
body.bb .tm-card{border:4px solid var(--bb-k);border-radius:9px;box-shadow:none}
body.bb .faq details{background:none;border:0;border-bottom:1px solid #aeb2b1;border-radius:0;box-shadow:none;margin:0;padding:6px 0}
body.bb .faq summary{color:var(--bb-tx);font-weight:600}
body.bb main section.co{background:var(--bb-k)!important;color:#ddd;text-align:center;border-radius:0;margin:0}
body.bb .co .wrap{background:none;box-shadow:none;border-radius:0}
body.bb .co h2{color:var(--bb-y)}body.bb .co h2:after{margin:10px auto 0}body.bb .co .sub{color:#ddd}
body.bb .co .ctas{display:flex;flex-direction:column;gap:16px;width:min(420px,88vw);margin:18px auto 0}
body.bb footer{background:var(--bb-k);color:#aaa;border-top:1px solid #333}
body.bb footer a,body.bb footer .brand{color:#ddd}
@media(max-width:600px){body.bb .hero h1{font-size:32px}body.bb h2{font-size:29px}body.bb .btn{font-size:19px;padding:11px}body.bb header.hero{padding:30px 14px 40px}}

/* owner: plain white section backgrounds (both themes); black top bar, hero and footer stay */
body.bb{background:#fff}
body.bb main section,body.bb main section:nth-of-type(2),body.bb main section.faq,body.bb main section.co{background:#fff!important;color:var(--bb-mut)}
body.bb h2:after,html.theme-blue body.bb h2:after,body.bb .co h2:after,html.theme-blue body.bb .co h2:after{background:var(--y,#FFD84D);box-shadow:0 0 0 1px #111;color:var(--on-y,inherit)}
body.bb .co h2,body.bb .co .sub{color:var(--bb-tx)}
body.bb .faq details{border-bottom-color:#d6d6d6}
body.bb main section+section{border-top:1px solid #ececec}

/* owner: one logo only (header); no big hero logo */
body.bb header.hero .hero-art{display:none!important}
body.bb header.hero{padding-top:28px}
@media(max-width:600px){body.bb header.hero{padding-top:20px}}
