.hub-access{--hub-accent:#aa4c34;--hub-dark:#211b16;color:#2b241e;background:#e6dcc7;border-top:1px solid #a99e89;border-bottom:1px solid #a99e89;grid-template-columns:minmax(250px,.43fr) minmax(0,1.57fr);gap:clamp(38px,6vw,92px);padding:clamp(62px,7vw,105px) max(4vw,24px) clamp(72px,8vw,124px);display:grid}.hub-access-quran{--hub-accent:#a97820}.hub-access-hadith{--hub-accent:#a94d35}.hub-access-ilmihal{--hub-accent:#315e50}.hub-access-library{--hub-accent:#8c5538}.hub-access>header{align-self:start;position:sticky;top:130px}.hub-access>header>small{color:var(--hub-accent);letter-spacing:.17em;font:800 9px/1.3 Arial,sans-serif}.hub-access>header h2{letter-spacing:-.055em;text-wrap:balance;max-width:480px;margin:25px 0 22px;font:400 clamp(43px,4.8vw,76px)/.9 Georgia,serif}.hub-access>header p{color:#675e51;text-wrap:pretty;max-width:430px;margin:0;font:16px/1.65 Georgia,serif}.hub-access>nav{border-top:1px solid #9e927d;border-left:1px solid #9e927d;grid-template-columns:1fr 1fr;display:grid}.hub-access>nav>a{min-height:220px;color:inherit;border-bottom:1px solid #9e927d;border-right:1px solid #9e927d;grid-template-columns:30px 1fr auto;gap:18px;padding:24px;text-decoration:none;transition:background .22s,color .22s,transform .22s;display:grid}.hub-access>nav>a.featured{background:#d8cbae;grid-column:1/-1;min-height:250px}.hub-access>nav>a>span{color:var(--hub-accent);font-variant-numeric:tabular-nums;font:800 9px/1 Arial,sans-serif}.hub-access>nav>a div{flex-direction:column;min-width:0;display:flex}.hub-access>nav>a small{color:#7b6f5e;letter-spacing:.13em;font:800 8px/1.3 Arial,sans-serif}.hub-access>nav>a h3{letter-spacing:-.025em;text-wrap:balance;max-width:460px;margin:40px 0 12px;font:400 clamp(25px,2.3vw,36px)/1 Georgia,serif}.hub-access>nav>a p{color:#716759;text-wrap:pretty;max-width:48ch;margin:0;font:14px/1.55 Georgia,serif}.hub-access>nav>a>b{color:var(--hub-accent);align-self:end;font:400 22px/1 Georgia,serif}:is(.hub-access>nav>a:hover,.hub-access>nav>a:focus-visible){color:#f0e6d1;background:var(--hub-dark);transform:translateY(-2px)}:is(.hub-access>nav>a:hover :is(small,p),.hub-access>nav>a:focus-visible :is(small,p)){color:#bfb3a1}.hub-access>nav>a:focus-visible{outline:3px solid var(--hub-accent);outline-offset:-3px;position:relative}.hub-access>nav>a:active{transform:translateY(0)}@media (max-width:900px){.hub-access{grid-template-columns:1fr}.hub-access>header{position:relative;top:auto}.hub-access>header p{max-width:65ch}}@media (max-width:620px){.hub-access{padding:58px 18px 78px}.hub-access>nav{grid-template-columns:1fr}.hub-access>nav>a,.hub-access>nav>a.featured{grid-column:auto;min-height:190px;padding:21px 18px}.hub-access>nav>a h3{margin-top:30px;font-size:28px}}.hub-access>header{grid-template-columns:none!important;width:auto!important;display:block!important}.hub-access>header h2{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;width:auto!important;font-size:clamp(40px,4vw,60px)!important;line-height:.94!important;display:block!important}.hub-access>header p{width:auto!important;display:block!important}.hub-access>nav{grid-template-columns:1fr 1fr!important;width:auto!important;display:grid!important}@media (max-width:620px){.hub-access>nav{grid-template-columns:1fr!important}}