body.hub-page{background:var(--bg);color:var(--text);font-family:Manrope,Segoe UI,sans-serif;min-height:100dvh;padding:0 8px 8px}.hub-page .container{width:min(100%,1220px);margin:0 auto;display:flex;flex-direction:column;gap:16px}.hub{padding:8px 4px 24px}.hub-crumbs{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--text-dim);margin-bottom:14px}.hub-crumbs a{color:var(--text-dim);text-decoration:none}.hub-crumbs a:hover{color:var(--accent)}.hub-crumbs b{color:var(--text);font-weight:600}.hub-title{font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 10px}.hub-desc{max-width:62ch;font-size:var(--fs-md);line-height:1.55;color:var(--text-soft);margin:0 0 10px}.hub-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);margin-bottom:18px}.hub-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.hub-chip{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-soft);font-size:var(--fs-sm);font-weight:600;text-decoration:none;white-space:nowrap}.hub-chip:hover{border-color:var(--border-strong);color:var(--text)}.hub-chip.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.hub-chip .n{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--text-dim)}.hub-chip.is-active .n{color:var(--accent)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.hub-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--edge),var(--shadow-sm)}.hub-card:hover{border-color:var(--border-strong);transform:var(--lift);box-shadow:var(--edge-strong),var(--shadow-md)}.hub-card:active{transform:translateY(0);box-shadow:var(--edge),var(--shadow-sm)}.hub-card-cover{aspect-ratio:16 / 10;border-bottom:1px solid var(--border);background:var(--surface-strong);position:relative;overflow:hidden}.hub-card-cover img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block}.hub-card-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:34px;font-weight:800;color:rgba(var(--accent-rgb),.75);background:linear-gradient(140deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-2-rgb),.1));letter-spacing:-.03em}.hub-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.hub-card-pub{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.hub-card-title{font-size:var(--fs-md);font-weight:700;letter-spacing:-.02em;line-height:1.25}.hub-card-tasks{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.hub-card-task{font-size:var(--fs-micro);font-weight:600;padding:3px 8px;border-radius:var(--radius-pill);background:var(--elev-2);color:var(--text-dim)}.hub-card-foot{margin-top:auto;padding-top:10px;border-top:1px solid var(--border);display:flex;align-items:baseline;gap:6px}.hub-card-price{display:inline-flex;align-items:baseline;gap:5px;color:var(--text)}.hub-card-price .p-from{font-size:var(--fs-xs);font-weight:500;color:var(--text-dim)}.hub-card-price .p-num{font-family:var(--font-mono);font-size:var(--fs-lg);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.hub-card-price .p-cur{font-size:var(--fs-sm);font-weight:600;color:var(--text-dim)}.hub-empty{grid-column:1 / -1;padding:40px 0;text-align:center;color:var(--text-dim);font-size:var(--fs-base)}.hub-footer{padding:18px 4px 8px;border-top:1px solid var(--border);font-size:var(--fs-xs);color:var(--text-dim)}.hub-footer a{color:var(--text-dim);text-decoration:none}.hub-footer a:hover{color:var(--accent)}@media(max-width:640px){.hub-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}@media(pointer:coarse){.hub-chip{min-height:var(--tap);padding:0 14px}}.hub-card-desc{font-size:var(--fs-xs);line-height:1.4;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hub-seo{margin-top:32px;padding-top:20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;max-width:72ch;font-size:var(--fs-sm);line-height:1.6;color:var(--text-dim)}.hub-seo h2{font-size:var(--fs-md);font-weight:700;letter-spacing:-.02em;color:var(--text)}.hub-seo a{color:var(--accent);text-decoration:none}.hub-seo a:hover{text-decoration:underline}