.catalog-detail-shell{width:min(100%,var(--site-shell-max-width));margin-inline:auto}.catalog-detail-hero{border-bottom:1px solid var(--border-light);background:radial-gradient(circle at top left,rgba(108,165,255,.14),transparent 22rem),linear-gradient(180deg,#fffffffa,#f6f9fcfa)}.catalog-detail-hero .catalog-detail-shell{max-width:var(--site-shell-outer-max-width);width:auto;padding-inline:var(--content-padding);padding-top:var(--space-7);padding-bottom:var(--space-6);display:grid;gap:var(--space-3)}.catalog-detail-back{display:inline-flex;color:var(--color-accent);font-size:var(--text-sm);text-decoration:none;font-weight:var(--font-semibold)}.catalog-detail-eyebrow{margin:0;font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.catalog-detail-hero h1{margin:0;font-size:var(--page-hero-title-size);letter-spacing:var(--tracking-normal);line-height:1.03}.catalog-detail-hero p{margin:0;max-width:54rem;color:var(--text-secondary);line-height:var(--leading-relaxed)}.catalog-hero-actions{margin-top:var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-2)}.catalog-hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.catalog-hero-meta span,.catalog-anchor-nav a{display:inline-flex;align-items:center;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-card);padding:8px 14px;font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none}.catalog-anchor-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.catalog-anchor-nav a:hover,.catalog-anchor-nav a:focus-visible{color:var(--color-accent);border-color:var(--color-accent);outline:none}.catalog-secondary-route{display:inline-flex;width:fit-content;border:1px solid var(--border);background:var(--surface-card);color:var(--text-primary);border-radius:var(--radius-full);padding:8px 14px;font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none}.catalog-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.catalog-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);grid-column:1 / -1}.catalog-summary-card{display:grid;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface-card);text-decoration:none;box-shadow:var(--shadow-xs)}.catalog-summary-card strong{color:var(--text-primary);font-size:var(--text-sm)}.catalog-summary-card span{color:var(--text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-sm)}.catalog-summary-card small{color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--font-semibold)}.catalog-panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-xs);padding:var(--space-5);display:grid;gap:var(--space-2)}.catalog-panel h2,.catalog-section-title{margin:0;font-size:var(--section-title-size-compact);color:var(--text-primary)}.catalog-panel p{margin:0;color:var(--text-secondary);line-height:var(--leading-relaxed)}.catalog-panel strong{color:var(--text-primary)}.catalog-goal-list{margin:0;padding-left:var(--space-4);color:var(--text-secondary);display:grid;gap:var(--space-2)}.catalog-main-route{display:inline-flex;width:fit-content;border:1px solid var(--color-accent);background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-full);padding:8px 14px;font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none}.catalog-section-lead{margin-top:var(--space-2);margin-bottom:0;color:var(--text-secondary);line-height:var(--leading-relaxed)}.catalog-query-list{margin:var(--space-3) 0 0;padding-left:var(--space-5);color:var(--text-secondary);display:grid;gap:var(--space-1)}.catalog-workflow-grid{margin-top:var(--space-4);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.catalog-workflow-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-white);padding:var(--space-4);display:grid;gap:var(--space-2);box-shadow:var(--shadow-xs)}.catalog-workflow-card h3{margin:0;font-size:var(--text-base);color:var(--text-primary)}.catalog-workflow-card p{margin:0;color:var(--text-secondary);line-height:var(--leading-relaxed)}.catalog-workflow-card a{width:fit-content;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent);text-decoration:none}.catalog-section-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}.catalog-color-grid,.catalog-route-grid,.catalog-learn-grid,.catalog-sibling-grid{margin-top:var(--space-4);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.catalog-color-card,.catalog-route-card,.catalog-learn-card,.catalog-sibling-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-white);padding:var(--space-3);display:grid;gap:var(--space-1);color:var(--color-accent);text-decoration:none;box-shadow:var(--shadow-xs)}.catalog-color-card span,.catalog-route-card span,.catalog-learn-card span,.catalog-sibling-card span{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.catalog-color-card small,.catalog-route-card small,.catalog-learn-card small,.catalog-sibling-card small{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed)}@media(max-width:1080px){.catalog-summary-grid,.catalog-section-split,.catalog-workflow-grid{grid-template-columns:1fr}.catalog-color-grid,.catalog-route-grid,.catalog-learn-grid,.catalog-sibling-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.catalog-detail-hero .catalog-detail-shell{padding-inline:var(--space-6)}.catalog-anchor-nav,.catalog-hero-meta{gap:var(--space-1-5)}.catalog-color-grid,.catalog-detail-grid,.catalog-learn-grid,.catalog-summary-grid,.catalog-workflow-grid,.catalog-route-grid,.catalog-section-split,.catalog-sibling-grid{grid-template-columns:1fr}}