/* Hallmark · macrostructure: Catalogue + Map / Diagram routing · genre: modern-minimal · theme: XIEHENG technical · palette anchor: industrial orange
 * pre-emit critique: P5 H5 E5 S5 R5 V4
 * contrast: pass (40–41) · nav: locked site navigation · footer: locked inline rule · slop: pass (42–45)
 * honest: pass (46) · chrome: pass (47) · tokens: pass (48) · responsive: pass (49) · icons: pass (30)
 * mobile: pass (34, 49, 50–57)
 * audience: international procurement and project teams · use: product selection and RFQ · tone: technical
 * enrichment: hand-built semantic SVG only · nav: locked site navigation · footer: locked inline rule
 */
html,body{overflow-x:clip}.razor-barbed-family h1,.razor-barbed-support h1,.rb-tool-page h1{overflow-wrap:anywhere;min-width:0}.rb-family-map,.rb-diagram{margin:var(--space-lg) 0 0;border:var(--rule-thin) solid var(--color-rule);background:var(--color-paper);padding:clamp(var(--space-xs),3vw,var(--space-lg))}.rb-family-map svg,.rb-diagram svg{display:block;width:100%;height:auto}.rb-family-map .node,.rb-diagram .node{fill:var(--color-paper-2);stroke:var(--color-ink);stroke-width:2}.rb-family-map .route,.rb-diagram .accent{fill:var(--color-accent-soft);stroke:var(--color-accent-dark)}.rb-family-map .gate{fill:var(--color-ink);stroke:var(--color-ink)}.rb-family-map .gate+text,.rb-family-map .gate+text+.small{fill:var(--color-paper)}.rb-family-map .edge,.rb-diagram .edge{fill:none;stroke:var(--color-accent-dark);stroke-width:4}.rb-diagram .wire{fill:none;stroke:var(--color-ink);stroke-width:8}.rb-diagram .barbs{fill:none;stroke:var(--color-accent-dark);stroke-width:7}.rb-diagram .guide{fill:none;stroke:var(--color-rule-2);stroke-width:2;stroke-dasharray:8 7}.rb-family-map text,.rb-diagram text{font:700 18px var(--font-body);fill:var(--color-ink)}.rb-family-map .small,.rb-diagram .small{font-size:14px;fill:var(--color-muted);font-weight:500}.rb-family-map figcaption,.rb-diagram figcaption{margin-top:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm)}.rb-mobile-route{display:none;gap:var(--space-xs)}.rb-mobile-route a{display:grid;gap:var(--space-3xs);min-height:2.75rem;border:var(--rule-thin) solid var(--color-rule-2);padding:var(--space-xs);background:var(--color-paper);color:var(--color-ink);text-decoration:none}.rb-mobile-route a:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:var(--space-3xs)}.rb-mobile-route span{color:var(--color-muted);font-size:var(--text-sm)}.rb-mobile-route .gate{background:var(--color-ink);color:var(--color-paper)}.rb-mobile-route .gate span{color:var(--color-paper)}.rb-family-map a{outline:var(--rule-focus) solid transparent;outline-offset:var(--space-3xs)}.rb-family-map a:focus-visible{outline-color:var(--color-focus)}.rb-product-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.rb-product{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-width:0;border:var(--rule-thin) solid var(--color-rule);outline:var(--rule-focus) solid transparent;outline-offset:var(--space-3xs);background:var(--color-paper);color:var(--color-ink);text-decoration:none}.rb-product:focus-visible{outline-color:var(--color-focus)}.rb-product:active{border-color:var(--color-ink)}.rb-product img{width:100%;height:100%;min-height:16rem;object-fit:cover}.rb-product>div{display:grid;align-content:center;gap:var(--space-xs);padding:var(--space-lg)}.rb-product h3,.rb-product p{margin:0}.rb-product span{color:var(--color-accent-dark);font-weight:800;white-space:nowrap}.review-flag{margin:0 0 var(--space-lg);padding:var(--space-md);border:var(--rule-thin) solid var(--color-signal);background:var(--color-paper);color:var(--color-signal-ink)}.review-flag b{display:block;margin-bottom:var(--space-2xs)}.rb-tool{display:grid;gap:var(--space-lg)}.rb-tool fieldset{margin:0;border:var(--rule-thin) solid var(--color-rule-2);padding:clamp(var(--space-sm),3vw,var(--space-lg));background:var(--color-paper)}.rb-tool legend{padding-inline:var(--space-2xs);font:800 var(--text-xl)/1.2 var(--font-display)}.rb-tool .field-grid{margin-top:var(--space-xs)}.rb-tool label{display:grid;gap:var(--space-2xs);min-width:0;font-weight:700}.rb-tool input,.rb-tool select,.rb-tool textarea{width:100%;min-height:3rem;border:var(--rule-thin) solid var(--color-rule-2);outline:var(--rule-focus) solid transparent;outline-offset:1px;border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink);padding:var(--space-xs) var(--space-lg) var(--space-xs) var(--space-sm);font:inherit}.rb-tool textarea{min-height:7rem;resize:vertical}.rb-tool input:focus-visible,.rb-tool select:focus-visible,.rb-tool textarea:focus-visible{outline-color:var(--color-focus);border-color:var(--color-ink-2)}.rb-tool input[aria-invalid="true"],.rb-tool select[aria-invalid="true"],.rb-tool textarea[aria-invalid="true"]{border-color:var(--color-error)}.rb-tool input:disabled,.rb-tool select:disabled,.rb-tool textarea:disabled{opacity:.55;cursor:not-allowed}.wide-label{margin-top:var(--space-sm)}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);margin-top:var(--space-sm)}.check-grid label{display:flex;align-items:flex-start;gap:var(--space-xs);border:var(--rule-thin) solid var(--color-rule);padding:var(--space-xs);font-weight:600}.check-grid input{width:1.15rem;min-height:1.15rem;margin:var(--space-3xs) 0 0;padding:0;accent-color:var(--color-accent)}.readiness{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rule-thin);background:var(--color-rule);margin-block:var(--space-md)}.readiness div{background:var(--color-paper);padding:var(--space-md)}.readiness b{display:block;font:800 var(--text-2xl)/1 var(--font-display);font-variant-numeric:tabular-nums}.rb-tool-result pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.button[data-state="success"]{background:var(--color-accent-soft);border-color:var(--color-accent-dark);color:var(--color-accent-dark)}.button[data-state="error"]{background:var(--color-paper);border-color:var(--color-error);color:var(--color-error)}.tool-feedback{min-height:1.5em;margin:var(--space-xs) 0 0;color:var(--color-muted)}.copy-fallback{position:fixed;inset-inline-start:-9999px;inset-block-start:0}@media(hover:hover) and (pointer:fine){.rb-product:hover{border-color:var(--color-accent-dark)}.rb-tool input:hover,.rb-tool select:hover,.rb-tool textarea:hover{background:var(--color-paper-2)}}@media(max-width:60rem){.rb-product-pair,.rb-product{grid-template-columns:minmax(0,1fr)}.rb-product img{height:auto;min-height:0}}@media(max-width:48rem){.rb-family-map svg{display:none}.rb-mobile-route{display:grid}.rb-diagram{overflow:auto}.rb-diagram svg{min-width:43rem}.check-grid,.readiness{grid-template-columns:minmax(0,1fr)}.rb-tool .field-grid{grid-template-columns:minmax(0,1fr)}.rb-tool .tool-actions{display:grid}.rb-tool .tool-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:150ms!important;animation-iteration-count:1!important;transition-duration:150ms!important;scroll-behavior:auto!important}}@media print{.site-header,.hero,.tool-actions,.skip,footer,.band.soft{display:none!important}.band{padding:0;border:0}.rb-tool fieldset{break-inside:avoid}.tool-result[hidden]{display:none!important}}
