body:has(.sub){background:#F7F5F2}.sub{--pearl:#F7F5F2;--white:#FFFFFF;--midnight:#16132B;--dusk:#4B4766;--uv:#5B3DF5;--line:#E6E2DC;--sora:var(--font-sora),"Avenir Next",system-ui,sans-serif;--dm:var(--font-dm),system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh;background:var(--pearl);color:var(--midnight);font:400 17px/1.6 var(--dm);padding-inline:clamp(16px,5vw,64px);color-scheme:light}.sub a{color:inherit}.sub :focus-visible{outline:2px solid var(--uv);outline-offset:3px}.sub h1,.sub h2{font-family:var(--sora);font-weight:700;margin:0;text-wrap:balance;letter-spacing:-.02em;line-height:1.05}.sub-top{max-width:1180px;margin-inline:auto;padding-block:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.sub-home{font:600 .9rem var(--dm);text-decoration:none;color:var(--uv);border:1.5px solid var(--uv);border-radius:999px;padding:8px 16px;white-space:nowrap}.sub-home:hover{background:var(--uv);color:var(--white)}.sub-hero{max-width:1180px;margin-inline:auto;padding-block:clamp(40px,8vw,96px) 40px;display:flex;flex-direction:column;gap:18px}.sub-series{margin:0;display:inline-flex;align-items:center;gap:10px;align-self:flex-start;background:var(--petal-tint);color:var(--petal-text);font:600 .82rem var(--dm);letter-spacing:.08em;text-transform:uppercase;padding:7px 14px 7px 9px;border-radius:999px}.sub-hero h1{font-size:clamp(2.6rem,7vw,5.4rem);max-width:14ch}.sub-intro{margin:0;max-width:52ch;font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--dusk)}.sub-parent{font-weight:500;text-transform:none;letter-spacing:0;opacity:.8;margin-left:2px}.sub-count{margin:0;font:600 .85rem var(--dm);color:var(--petal-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sub-main{max-width:1180px;margin-inline:auto;padding-block:8px 72px}.sub-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.sub-card a{height:100%;display:flex;flex-direction:column;gap:10px;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:22px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sub-card a:hover{transform:translateY(-3px);border-color:var(--petal);box-shadow:0 10px 30px rgba(22,19,43,.08)}.sub-name{font:700 1.2rem/1.25 var(--sora);letter-spacing:-.01em}.sub-blurb{color:var(--dusk);font-size:.95rem}.sub-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px}.sub .tag{font:600 .74rem var(--dm);padding:4px 10px;border-radius:999px;background:var(--pearl);color:var(--dusk)}.sub .tag.on{background:var(--petal-tint);color:var(--petal-text)}.sub .tag.plain{background:transparent;border:1px solid var(--line)}.sub-visit{font:600 .9rem var(--dm);color:var(--uv)}.sub-empty{background:var(--white);border:1.5px dashed var(--petal);border-radius:20px;padding:clamp(28px,5vw,56px);display:flex;flex-direction:column;gap:12px;align-items:flex-start;max-width:720px}.sub-empty h2{font-size:clamp(1.5rem,3vw,2.1rem)}.sub-empty p{margin:0;color:var(--dusk)}.sub-btn{margin-top:6px;background:var(--uv);color:var(--white)!important;text-decoration:none;font:700 .95rem var(--sora);padding:12px 22px;border-radius:999px}.sub-btn:hover{background:var(--midnight)}.sub-family{max-width:1180px;margin-inline:auto;padding-block:0 40px;display:flex;flex-direction:column;gap:16px}.sub-family h2{font-size:clamp(1.4rem,2.6vw,1.8rem)}.sub-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:12px;gap:12px}.sub-tile{height:100%;display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:18px;background:var(--chip-tint);text-decoration:none;border:1.5px solid transparent;transition:border-color .2s ease,transform .2s ease}.sub-tile:hover{border-color:var(--chip);transform:translateY(-2px)}.sub-tile-name{font:700 1.2rem/1.2 var(--sora);letter-spacing:-.01em;margin-top:6px}.sub-tile-meta{font-size:.88rem;color:var(--dusk)}.sub-tile-url{margin-top:auto;padding-top:6px;font:600 .85rem var(--dm);color:var(--chip-text)}.sub-more{max-width:1180px;margin-inline:auto;border-top:1px solid var(--line);padding-block:40px}.sub-more>p{margin:0 0 16px;font:600 .8rem var(--dm);letter-spacing:.08em;text-transform:uppercase;color:var(--dusk)}.sub-more-fams{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:18px 28px;gap:18px 28px}.sub-more-fams li{display:flex;flex-direction:column;gap:8px;min-width:0}.sub-more-fam{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font:700 .98rem var(--sora);letter-spacing:-.02em;color:var(--chip-text)}.sub-more-fam b{font-weight:700;color:var(--midnight)}.sub-more-cats{display:flex;flex-wrap:wrap;gap:6px}.sub-more-cats a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:4px 11px;font:500 .84rem var(--dm)}.sub-more-cats a:hover{border-color:var(--chip)}.sub-more .dot{width:8px;height:8px;border-radius:50%;background:var(--chip)}.sub-foot{max-width:1180px;margin-inline:auto;border-top:1px solid var(--line);padding-block:24px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.88rem;color:var(--dusk)}.sub-foot a{color:var(--uv);font-weight:600}@media (prefers-reduced-motion:reduce){.sub-card a,.sub-tile{transition:none}.sub-card a:hover,.sub-tile:hover{transform:none}}