/* Hallmark · genre: modern-minimal · macrostructure: Narrative Workflow · theme: XIEHENG technical · enrichment: existing gabion product assets only · nav/footer: locked site chrome
 * audience: engineering procurement and project technical teams · use: route product then build RFQ · tone: technical and restrained
 * pre-emit critique: P5 H5 E5 S5 R5 V5 · contrast: pass · honest claims: pass · tokens: pass · responsive targets: 320/375/414/768
 */
@import url("/assets/css/tokens.css?v=20260829");
.gb-crumbs{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-bottom:var(--space-lg);color:var(--color-muted);font-size:var(--text-sm)}.gb-crumbs a{color:var(--color-ink)}
.gb-section-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(16rem,.6fr);gap:var(--space-lg);align-items:end;margin-bottom:var(--space-xl)}.gb-section-head h2{margin:0}.gb-section-head>p{margin:0;color:var(--color-muted)}
.gb-family-ledger,.gb-family-guides{padding:var(--space-2xl) 0;border-top:var(--rule-thin) solid var(--color-rule)}.gb-family-ledger{background:var(--color-paper)}.gb-family-guides{background:var(--color-paper-2)}
.gb-duty-ledger{border-top:var(--rule-thin) solid var(--color-rule-2);margin-bottom:var(--space-lg)}.gb-duty-row{display:grid;grid-template-columns:minmax(11rem,.7fr) minmax(12rem,.8fr) minmax(17rem,1.5fr);gap:var(--space-md);align-items:center;min-height:5rem;padding:var(--space-md) 0;border-bottom:var(--rule-thin) solid var(--color-rule);color:var(--color-ink);text-decoration:none}.gb-duty-row span{color:var(--color-accent-dark)}.gb-duty-row strong{font-weight:500}.gb-duty-row:hover span,.gb-duty-row:focus-visible span{text-decoration:underline}.gb-duty-row:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:var(--space-3xs)}
.gb-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--rule-thin) solid var(--color-rule-2)}.gb-guide-card{display:grid;align-content:start;min-height:17rem;padding:var(--space-lg);border-right:var(--rule-thin) solid var(--color-rule);border-bottom:var(--rule-thin) solid var(--color-rule);color:var(--color-ink);text-decoration:none}.gb-guide-card:nth-child(2n){border-right:0}.gb-guide-card span{color:var(--color-accent-dark);font:600 var(--text-xs)/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.gb-guide-card h3{margin:var(--space-md) 0 var(--space-xs);font-size:var(--text-xl)}.gb-guide-card p{margin:0;color:var(--color-muted)}.gb-guide-card strong{margin-top:auto;padding-top:var(--space-md)}.gb-guide-card:hover,.gb-guide-card:focus-visible{background:var(--color-paper)}.gb-guide-card:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:calc(var(--rule-focus)*-1)}.gb-family-action{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;margin-top:var(--space-lg)}.gb-family-action span{color:var(--color-muted)}
.gb-document{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);gap:var(--space-2xl);padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.gb-document article{min-width:0}.gb-scope{border-block:var(--rule-thin) solid var(--color-rule-2);padding:var(--space-lg) 0;margin-bottom:var(--space-xl)}.gb-scope h2{font-size:var(--text-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.gb-scope div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.gb-scope p{margin:0;color:var(--color-ink-2)}.gb-prose{max-width:74rem;padding:var(--space-lg) 0;border-bottom:var(--rule-thin) solid var(--color-rule)}.gb-prose>p{max-width:70ch;color:var(--color-ink-2);font-size:var(--text-lg);line-height:1.75}.gb-ledger{margin-top:var(--space-lg);border-top:var(--rule-thin) solid var(--color-rule-2)}.gb-ledger-head,.gb-ledger-row{display:grid;grid-template-columns:minmax(9rem,.65fr) minmax(14rem,1.2fr) minmax(14rem,1.15fr);gap:var(--space-md);padding:var(--space-md) 0;border-bottom:var(--rule-thin) solid var(--color-rule)}.gb-ledger-head{font:600 var(--text-xs)/1.2 var(--font-mono);text-transform:uppercase;color:var(--color-muted)}.gb-ledger-row span{color:var(--color-muted)}.gb-ledger-row strong{font-weight:500}.gb-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--rule-thin) solid var(--color-rule-2)}.gb-inputs>div{display:grid;gap:var(--space-2xs);padding:var(--space-md);border-right:var(--rule-thin) solid var(--color-rule);border-bottom:var(--rule-thin) solid var(--color-rule)}.gb-inputs>div:nth-child(2n){border-right:0}.gb-inputs span{color:var(--color-muted)}.gb-questions li+li{margin-top:var(--space-xs)}.gb-sources>div{display:grid}.gb-sources a{display:grid;gap:var(--space-2xs);padding:var(--space-md) 0;border-top:var(--rule-thin) solid var(--color-rule);color:var(--color-ink);text-decoration:none}.gb-sources a span{color:var(--color-muted)}.gb-sources a:hover b,.gb-sources a:focus-visible b{text-decoration:underline}.gb-sources a:focus-visible{outline:var(--rule-focus) solid var(--color-focus)}
.gb-rail{position:sticky;top:var(--space-md);align-self:start;border-top:var(--rule-thin) solid var(--color-ink)}.gb-rail h2{font-size:var(--text-sm);font-family:var(--font-mono);text-transform:uppercase}.gb-rail>a{display:grid;gap:var(--space-xs);padding:var(--space-md) 0;border-top:var(--rule-thin) solid var(--color-rule);color:var(--color-ink);text-decoration:none}.gb-rail>a span{color:var(--color-accent-dark)}.gb-rail>a:hover b,.gb-rail>a:focus-visible b{text-decoration:underline}.gb-rail>a:focus-visible{outline:var(--rule-focus) solid var(--color-focus)}.gb-family-link{margin-top:var(--space-md)}.gb-review{display:grid;gap:var(--space-xs);margin-bottom:var(--space-lg);padding:var(--space-md);border:var(--rule-thin) solid var(--color-signal);background:var(--color-paper-2);color:var(--color-signal-ink)}.gb-next{padding:var(--space-2xl) 0;background:var(--color-ink);color:var(--color-paper)}.gb-next p{max-width:65ch;color:var(--color-paper-3)}
.gb-product-support{padding:var(--space-2xl) 0;border-top:var(--rule-thin) solid var(--color-rule);background:var(--color-paper-2)}.gb-product-support>.wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-xl)}.gb-product-support p{color:var(--color-muted)}.gb-product-support nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--rule-thin) solid var(--color-rule-2)}.gb-product-support nav a{min-height:4rem;padding:var(--space-md);border-right:var(--rule-thin) solid var(--color-rule);border-bottom:var(--rule-thin) solid var(--color-rule);color:var(--color-ink);text-decoration:none}.gb-product-support nav a:nth-child(2n){border-right:0}.gb-product-support nav a:hover,.gb-product-support nav a:focus-visible{background:var(--color-paper)}.gb-product-support nav a:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:calc(var(--rule-focus)*-1)}.gb-product-support .gb-tool-link{background:var(--color-accent);color:var(--color-accent-ink)}
.gb-tool-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:var(--space-xl);align-items:start}.gb-tool form,.gb-result{border-top:var(--rule-thin) solid var(--color-ink);padding-top:var(--space-lg)}.gb-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.gb-field-grid label{display:grid;gap:var(--space-2xs)}.gb-field-grid label:nth-last-child(-n+7){grid-column:1/-1}.gb-field-grid label>span{font-weight:650}.gb-field-grid input,.gb-field-grid select,.gb-field-grid textarea{width:100%;min-height:3rem;border:var(--rule-thin) solid var(--color-rule-2);border-radius:var(--radius-input);padding:var(--space-xs);background:var(--color-paper);color:var(--color-ink);font:inherit}.gb-field-grid textarea{min-height:6.5rem;resize:vertical}.gb-field-grid input:hover,.gb-field-grid select:hover,.gb-field-grid textarea:hover{border-color:var(--color-ink-2)}.gb-field-grid input:focus-visible,.gb-field-grid select:focus-visible,.gb-field-grid textarea:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:var(--space-3xs)}.gb-field-grid select:active,.gb-field-grid input:active,.gb-field-grid textarea:active{border-color:var(--color-accent-dark)}.gb-field-grid [disabled]{background:var(--color-neutral);color:var(--color-muted);cursor:not-allowed}.gb-field-grid [data-state="error"]{border-color:var(--color-error)}.gb-field-grid [data-state="success"]{border-color:var(--color-accent-dark)}.gb-tool-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.gb-tool .button[data-state="loading"]{opacity:.7;cursor:wait}.gb-tool .button[data-state="error"]{border-color:var(--color-error);color:var(--color-error)}.gb-tool .button[data-state="success"]{background:var(--color-accent-soft);border-color:var(--color-accent-dark);color:var(--color-accent-dark)}.gb-feedback{min-height:1.5em;color:var(--color-muted)}.gb-result{position:sticky;top:var(--space-md)}.gb-result pre{max-height:48rem;overflow:auto;white-space:pre-wrap;margin:var(--space-lg) 0;padding:var(--space-md);border:var(--rule-thin) solid var(--color-rule-2);background:var(--color-ink);color:var(--color-paper);font:var(--text-sm)/1.6 var(--font-mono)}.gb-result pre:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:var(--space-3xs)}.gb-copy-fallback{position:fixed;inset-inline-start:-9999px;inset-block-start:0}.gb-boundary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:var(--rule-thin) solid var(--color-rule-2)}.gb-boundary-grid article{padding:var(--space-md);border-right:var(--rule-thin) solid var(--color-rule);border-bottom:var(--rule-thin) solid var(--color-rule)}.gb-boundary-grid article:last-child{border-right:0}.gb-boundary-grid p{color:var(--color-muted)}
.gb-family,.gb-support,.gb-tool{overflow-x:clip}.gb-family h1,.gb-family h2,.gb-family h3,.gb-support h1,.gb-support h2,.gb-support h3,.gb-tool h1,.gb-tool h2,.gb-tool h3{min-width:0;overflow-wrap:anywhere}.gb-support .hero,.gb-tool .hero{padding-block-start:var(--space-xl);padding-block-end:var(--space-2xl)}.gb-rail,.gb-result{top:var(--space-3xl)}.gb-field-grid input,.gb-field-grid select,.gb-field-grid textarea{outline:var(--rule-focus) solid transparent;outline-offset:var(--space-3xs)}.gb-field-grid [disabled]{opacity:.55}.gb-field-grid [data-state="loading"]{background:var(--color-paper-2);cursor:wait}.gb-tool-actions{align-items:center}
@media(max-width:64rem){.gb-document,.gb-tool-grid,.gb-product-support>.wrap{grid-template-columns:minmax(0,1fr)}.gb-rail,.gb-result{position:static}.gb-boundary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gb-boundary-grid article:nth-child(2n){border-right:0}.gb-boundary-grid article:last-child{grid-column:1/-1}}
@media(max-width:48rem){.gb-section-head,.gb-duty-row,.gb-ledger-head,.gb-ledger-row,.gb-scope div{grid-template-columns:minmax(0,1fr)}.gb-ledger-head{display:none}.gb-duty-row{gap:var(--space-xs)}.gb-guide-grid,.gb-inputs,.gb-product-support nav,.gb-field-grid,.gb-boundary-grid{grid-template-columns:minmax(0,1fr)}.gb-guide-card,.gb-inputs>div,.gb-product-support nav a,.gb-boundary-grid article{border-right:0}.gb-field-grid label{grid-column:1/-1}.gb-tool-actions{display:grid}.gb-tool-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:var(--dur-short)!important;animation-iteration-count:1!important;transition-duration:var(--dur-short)!important;scroll-behavior:auto!important}}
@media print{.site-header,.hero,.gb-tool-actions,.gb-boundary-grid,.skip,footer{display:none!important}.band{padding:0}.gb-tool-grid{display:block}.gb-result{border:0}.gb-result pre{max-height:none;color:var(--color-ink);background:var(--color-paper);border-color:var(--color-rule-2)}}

.gb-duty-row{grid-template-columns:minmax(11rem,.7fr) minmax(12rem,.8fr) minmax(17rem,1.35fr) auto}.gb-duty-row small{font:600 var(--text-xs)/1.2 var(--font-mono);color:var(--color-muted);white-space:nowrap}.gb-duty-row:not(a){cursor:default}.gb-field-grid label small{min-height:1lh;color:var(--color-muted)}.gb-boundary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gb-support .hero h1,.gb-tool .hero h1{font-size:clamp(2.2rem,4.4vw,4.5rem);max-width:18ch}.gb-family-ledger .gb-duty-row:nth-child(1){border-top:var(--rule-thin) solid var(--color-ink)}
html{overflow-x:clip}.gb-support .hero .gb-crumbs,.gb-tool .hero .gb-crumbs{color:var(--color-paper-3)}.gb-support .hero .gb-crumbs a,.gb-tool .hero .gb-crumbs a{color:var(--color-paper)}
@media(max-width:64rem){.gb-duty-row{grid-template-columns:minmax(0,.7fr) minmax(0,.8fr) minmax(0,1.35fr)}.gb-duty-row small{grid-column:1/-1}.gb-boundary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:48rem){.gb-duty-row{grid-template-columns:minmax(0,1fr)}.gb-boundary-grid{grid-template-columns:minmax(0,1fr)}.gb-duty-row small{grid-column:auto}.gb-support .hero h1,.gb-tool .hero h1{font-size:clamp(2rem,10vw,3.25rem)}}