/* Mirrors CategoryGroupsScreen: source category ramps, motifs, typography and row measurements. */
*{box-sizing:border-box}html{overscroll-behavior:contain}body{margin:0;background:#fff7ef;color:#302b26;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding-bottom:64px}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e6a23c;outline-offset:3px}.family-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:28px 24px 8px;background:var(--top)}.family-header a,.family-header button{display:flex;align-items:center;justify-content:center;gap:3px;min-height:44px;padding:0 12px 0 8px;border-radius:14px;border:1px solid #d8c9bb;background:#fff8ed;color:#302b26;text-decoration:none;font-size:15px;font-weight:900}.family-header svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.family-header button{width:44px;padding:0}.family-header button svg{width:22px;height:22px;stroke-width:2}.identity-band{padding:10px 24px 22px;background:linear-gradient(#00000059,#00000059),linear-gradient(var(--top),var(--mid) 55%,var(--bottom));color:#fff}.identity-band p{margin:0}.identity-band .overline{font-size:13px;line-height:18px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.identity-band h1{max-width:540px;font-size:30px;line-height:36px;font-weight:500;margin:8px 0}.identity-band #family-count{font-size:15px;line-height:21px;margin-top:4px;color:#ffffffd1}#family-content{display:flex;flex-direction:column;gap:12px;padding:22px 24px 36px}.group-card{position:relative;display:block;width:100%;min-height:154px;padding:17px 18px;border:1px solid #33191257;border-radius:22px;background:linear-gradient(#180c0829,#180c0829),linear-gradient(135deg,var(--edge),var(--fill) 58%,var(--mid));color:var(--ink);box-shadow:0 5px 9px #4a34272e;text-align:left}.group-card>img{display:block;width:54px;height:54px}.group-card h2{font-size:20px;line-height:26px;font-weight:500;margin:10px 34px 0 0}.group-card p{font-size:15px;line-height:21px;font-weight:800;opacity:.86;margin:3px 0 0}.group-card>.chevron{position:absolute;right:16px;top:calc(50% - 12px);font-size:32px;font-weight:300;line-height:24px}.family-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;height:64px;display:grid;grid-template-columns:repeat(4,1fr);background:#211e25}.family-nav a{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#aaa8ac;font-size:12px;font-weight:700}.family-nav a[aria-current]{color:#fff}.family-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.group-search{width:100%;min-height:54px;border:1px solid #ded4c8;border-radius:18px;padding:12px 14px;background:white;color:#302b26;font-size:17px}.sort-row{display:flex;gap:6px;flex-wrap:wrap}.sort-row button{border:1px solid #cdbfb2;border-radius:18px;background:#fffdf8;padding:10px 16px;font-weight:700}.sort-row button[aria-pressed=true]{background:var(--wash);border-color:var(--edge)}.fabric-row{display:flex;align-items:center;gap:14px;border:1px solid #ffffff6b;border-radius:18px;padding:14px;background:linear-gradient(#00000059,#00000059),linear-gradient(135deg,var(--top),var(--mid),var(--bottom));color:white}.fabric-row img{width:76px;height:76px;object-fit:cover;border-radius:12px}.fabric-row h2{font-size:20px;line-height:26px;font-weight:500;margin:0 0 6px}.fabric-row p{margin:0;font-size:15px;line-height:21px}.fabric-row a{color:white;display:inline-block;margin-top:8px;font-weight:700}.result-count{margin:0;font-size:15px}@media(max-width:560px){.family-nav a{flex-direction:column;gap:3px}.family-nav{height:64px}.family-header{padding-top:28px}}