.GwBRMW_rootsContainer{inline-size:100%;max-inline-size:min(1200px, 100% - var(--s-8));padding-block:var(--s-6);gap:var(--s-6);flex-direction:column;margin-inline:auto;display:flex}.GwBRMW_hero{gap:var(--s-3);text-align:center;padding-block:var(--s-4);flex-direction:column;align-items:center;display:flex}.GwBRMW_heroBadge{align-items:center;gap:var(--s-2);padding-block:var(--s-1);padding-inline:var(--s-3);border-radius:var(--r-pill);background:var(--paper-raised);border:1px solid var(--line);color:var(--ink-2);font-family:var(--font-ui);font-size:var(--fs-1);font-weight:600;display:inline-flex}.GwBRMW_heroTitle{font-family:var(--font-body);font-size:clamp(var(--fs-5), 4vw, var(--fs-7));color:var(--ink);font-weight:700;line-height:var(--lh-ui);margin:0}.GwBRMW_heroSubtitle{max-inline-size:65ch;color:var(--ink-2);font-size:var(--fs-3);line-height:var(--lh-body);margin:0}.GwBRMW_controlBar{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-4);background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--r-2);flex-wrap:wrap;display:flex}.GwBRMW_searchWrapper{flex:300px;align-items:center;display:flex;position:relative}.GwBRMW_searchIcon{color:var(--ink-2);pointer-events:none;position:absolute;inset-inline-start:var(--s-3)}.GwBRMW_searchInput{inline-size:100%;min-block-size:var(--target-min);padding-block:var(--s-2);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-1);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-2);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);padding-inline-start:var(--s-8);padding-inline-end:var(--s-3)}.GwBRMW_searchInput:focus-visible{outline:2px solid var(--lapis);outline-offset:1px}.GwBRMW_sortControls{align-items:center;gap:var(--s-2);display:flex}.GwBRMW_sortLabel{color:var(--ink-2);font-size:var(--fs-2);font-family:var(--font-ui)}.GwBRMW_sortButtons{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-1);padding:2px;display:flex}.GwBRMW_sortButton{min-block-size:var(--target-min);padding-inline:var(--s-3);color:var(--ink-2);font-family:var(--font-ui);font-size:var(--fs-1);border-radius:var(--r-1);cursor:pointer;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:none;font-weight:400}.GwBRMW_sortButtonActive{background:var(--paper-raised);color:var(--lapis);font-weight:700}.GwBRMW_statsBar{color:var(--ink-2);font-size:var(--fs-2);font-family:var(--font-ui);padding-inline:var(--s-1);justify-content:space-between;align-items:center;display:flex}.GwBRMW_rootsGrid{gap:var(--s-2);flex-direction:column;inline-size:100%;max-inline-size:640px;margin-block:0;margin-inline:auto;padding:0;list-style:none;display:flex}.GwBRMW_rootCard{min-block-size:var(--target-min);justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--r-2);color:var(--ink);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);flex-flow:wrap;text-decoration:none;display:flex}.GwBRMW_rootCard:hover{border-color:var(--lapis);box-shadow:var(--shadow-card)}.GwBRMW_rootCard:focus-visible{outline:2px solid var(--lapis);outline-offset:1px}.GwBRMW_cardHeader{align-items:center;gap:var(--s-3);display:flex}.GwBRMW_trilateral{font-family:var(--font-quran);font-size:var(--fs-5);color:var(--ink);letter-spacing:.15em;font-weight:700}.GwBRMW_badge{padding-block:2px;padding-inline:var(--s-2);border-radius:var(--r-pill);background:var(--paper);border:1px solid var(--line);color:var(--ink-2);font-family:var(--font-ui);font-size:var(--fs-1);align-items:center;display:inline-flex}.GwBRMW_cardFooter{align-items:center;gap:var(--s-3);color:var(--ink-2);font-size:var(--fs-1);font-family:var(--font-ui);display:flex}.GwBRMW_viewLink{color:var(--lapis);font-weight:600}.GwBRMW_emptyState{text-align:center;justify-content:center;align-items:center;gap:var(--s-3);padding:var(--s-8);background:var(--paper-raised);border:1px dashed var(--line);border-radius:var(--r-2);color:var(--ink-2);flex-direction:column;display:flex}