.source-hardware-page .hw-tab-bar { display: flex; gap: 0.25rem; flex-wrap: wrap; justify-content: center; margin: 1.75rem auto 0; max-width: 640px; }
    .source-hardware-page .hw-tab-bar a { font-size: 0.82rem; font-weight: 600; padding: 0.38rem 0.9rem; border-radius: 999px; border: 1px solid var(--color-border); color: var(--color-text-muted); transition: border-color var(--transition), color var(--transition), background var(--transition); }
    .source-hardware-page .hw-tab-bar a:hover, .source-hardware-page .hw-tab-bar a.is-active { border-color: var(--color-accent); color: var(--color-accent); background: var(--color-accent-dim); }
    .source-hardware-page .quick-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 2.5rem; }
    @media (max-width: 680px) { .source-hardware-page .quick-stats { grid-template-columns: repeat(2, 1fr); } }
    .source-hardware-page .quick-stat { background: var(--color-bg-card); border: 1px solid var(--color-border); border-radius: var(--radius); padding: 1.25rem 1rem; text-align: center; }
    .source-hardware-page .quick-stat-value { font-family: var(--font-display); font-size: 1.45rem; font-weight: 700; color: var(--color-accent); line-height: 1.1; }
    .source-hardware-page .quick-stat-label { font-size: 0.78rem; color: var(--color-text-muted); margin-top: 0.3rem; }
    .source-hardware-page .journey-steps { display: grid; gap: 1rem; margin-top: 2rem; }
    .source-hardware-page .journey-step { display: grid; grid-template-columns: 3rem 1fr auto; gap: 1.25rem; align-items: center; background: var(--color-bg-card); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: 1.25rem 1.5rem; text-decoration: none; color: inherit; transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition); }
    .source-hardware-page .journey-step:hover { border-color: var(--color-border-glow); box-shadow: var(--shadow-card-hover); transform: translateY(var(--ui-motion-lift-y-hover)); }
    .source-hardware-page .journey-step-num { display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 50%; background: var(--color-accent-dim); border: 1px solid var(--color-border-glow); font-family: var(--font-display); font-size: 1.1rem; font-weight: 700; color: var(--color-accent); flex-shrink: 0; }
    .source-hardware-page .journey-step-body h3 { font-family: var(--font-display); font-size: 1rem; font-weight: 600; color: var(--color-text); margin-bottom: 0.25rem; }
    .source-hardware-page .journey-step-body p { font-size: 0.86rem; color: var(--color-text-muted); margin: 0; }
    .source-hardware-page .journey-step-meta { text-align: right; flex-shrink: 0; }
    .source-hardware-page .journey-step-time { font-size: 0.78rem; font-weight: 600; color: var(--color-accent); white-space: nowrap; }
    @media (max-width: 600px) { .source-hardware-page .journey-step { grid-template-columns: 2.5rem 1fr; } .source-hardware-page .journey-step-meta { display: none; } }
    .source-hardware-page .tier-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; margin-top: 1.5rem; }
    @media (max-width: 720px) { .source-hardware-page .tier-grid { grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 440px) { .source-hardware-page .tier-grid { grid-template-columns: 1fr; } }
    .source-hardware-page .tier-card { background: var(--color-bg-card); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: 1.25rem; display: flex; flex-direction: column; gap: 0.4rem; }
    .source-hardware-page .tier-card.recommended { border-color: var(--color-accent); box-shadow: 0 0 0 1px var(--color-accent); }
    .source-hardware-page .tier-card-name { font-family: var(--font-display); font-size: 0.85rem; font-weight: 700; color: var(--color-text); }
    .source-hardware-page .tier-card-price { font-family: var(--font-display); font-size: 1.3rem; font-weight: 700; color: var(--color-accent); }
    .source-hardware-page .tier-card-desc { font-size: 0.8rem; color: var(--color-text-muted); line-height: 1.5; }
    .source-hardware-page .tier-badge { display: inline-block; background: var(--color-accent-dim); color: var(--color-accent); border: 1px solid var(--color-border-glow); border-radius: 999px; padding: 0.2rem 0.6rem; font-size: 0.7rem; font-weight: 700; margin-bottom: 0.25rem; }
    .source-hardware-page .specs-table { width: 100%; border-collapse: collapse; margin-top: 1.5rem; font-size: 0.92rem; }
    .source-hardware-page .specs-table tr { border-bottom: 1px solid var(--color-border); }
    .source-hardware-page .specs-table tr:last-child { border-bottom: none; }
    .source-hardware-page .specs-table td { padding: 0.75rem 1rem; }
    .source-hardware-page .specs-table td:first-child { color: var(--color-text-muted); font-weight: 500; width: 45%; }
    .source-hardware-page .specs-table td:last-child { color: var(--color-text); font-weight: 600; }
    .source-hardware-page .articles-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 0.75rem; margin-top: 1.5rem; }
    .source-hardware-page .article-link { display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: var(--color-bg-card); border: 1px solid var(--color-border); border-radius: var(--radius); padding: 1rem 1.25rem; text-decoration: none; color: var(--color-text); font-size: 0.9rem; font-weight: 500; transition: border-color var(--transition), color var(--transition), background var(--transition); }
    .source-hardware-page .article-link:hover { border-color: var(--color-border-glow); color: var(--color-accent); background: var(--color-accent-dim); }
    .source-hardware-page .article-link-arrow { color: var(--color-accent); font-size: 0.9rem; flex-shrink: 0; }
    .source-hardware-page .community-strip { display: flex; align-items: center; justify-content: center; gap: 1rem; flex-wrap: wrap; padding: 2rem; margin-top: 1rem; background: var(--color-bg-elevated); border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
    .source-hardware-page .community-strip p { color: var(--color-text-muted); font-size: 0.95rem; margin: 0; }
    .source-hardware-page .breadcrumb { display: flex; align-items: center; gap: 0.5rem; font-size: 0.83rem; color: var(--color-text-dim); margin-bottom: 1rem; flex-wrap: wrap; }
    .source-hardware-page .breadcrumb a { color: var(--color-text-muted); text-decoration: none; }
    .source-hardware-page .breadcrumb a:hover { color: var(--color-accent); }
    .source-hardware-page .breadcrumb span { color: var(--color-text-dim); }
    .source-hardware-page .model-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1.5rem; }
    @media (max-width: 640px) { .source-hardware-page .model-cards { grid-template-columns: 1fr; } }
    .source-hardware-page .model-card { background: var(--color-bg-card); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: 1.5rem; display: flex; flex-direction: column; gap: 0.5rem; }
    .source-hardware-page .model-card h3 { font-family: var(--font-display); font-size: 0.95rem; font-weight: 700; color: var(--color-text); }
    .source-hardware-page .model-card p { font-size: 0.83rem; color: var(--color-text-muted); margin: 0; flex: 1; }
    .source-hardware-page .code-block { background: #1a1a2e; color: #e2e8f0; border-radius: var(--radius-lg); padding: 1.25rem 1.5rem; overflow-x: auto; font-size: 0.82rem; line-height: 1.6; font-family: 'SF Mono', 'Fira Code', monospace; border: 1px solid var(--color-border); margin-top: 1rem; }
    .source-hardware-page .code-block .comment { color: #6b7280; }
    .source-hardware-page .code-block .keyword { color: #c084fc; }
    .source-hardware-page .code-block .string { color: #86efac; }
    .source-hardware-page .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1.5rem; }
    @media (max-width: 700px) { .source-hardware-page .services-grid { grid-template-columns: 1fr; } }
    .source-hardware-page .service-card { background: var(--color-bg-card); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: 1.25rem; text-decoration: none; color: inherit; transition: border-color var(--transition), box-shadow var(--transition); }
    .source-hardware-page .service-card:hover { border-color: var(--color-border-glow); box-shadow: var(--shadow-card-hover); }
    .source-hardware-page .service-card h3 { font-family: var(--font-display); font-size: 0.9rem; font-weight: 700; color: var(--color-text); margin: 0 0 0.4rem; }
    .source-hardware-page .service-card p { font-size: 0.83rem; color: var(--color-text-muted); margin: 0; line-height: 1.55; }