/* Hallmark · genre: modern-minimal · tone: technical/utilitarian · anchor: manufacturing green · macrostructure: Long Document + Decision Path · design-system: design.md · pre-emit critique: P5 H5 E5 S5 R5 V5 · contrast: pass (40–41) · nav: existing N1b · footer: Ft2 · honest: pass (46) · chrome: pass (47) · tokens: pass (48) · mobile: pass (34,49–57) */
@import url("/assets/css/tokens.css");
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-paper);color:var(--color-ink);font:400 var(--text-md)/1.65 var(--font-body)}a{color:inherit;text-decoration:none}button,select{font:inherit}.wrap{width:min(74rem,calc(100% - 2.5rem));margin-inline:auto}.skip{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--color-ink);color:white;padding:.75rem 1rem}.skip:focus{top:1rem}.site-header{position:sticky;top:0;z-index:30;background:color-mix(in oklch,var(--color-paper) 94%,transparent);border-bottom:1px solid var(--color-rule);backdrop-filter:blur(.75rem)}.nav{min-height:4.75rem;display:flex;align-items:center;gap:1.5rem}.brand{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.06em}.brand span{color:var(--color-accent)}.nav>nav{display:flex;align-items:center;gap:1.25rem;margin-left:auto;font-size:var(--text-sm);font-weight:700}.nav>nav a:hover{color:var(--color-accent)}.quote,.button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;padding:.65rem 1rem;border:1px solid var(--color-accent);border-radius:var(--radius-input);font-weight:750;line-height:1.15}.quote,.primary{background:var(--color-accent);color:var(--color-accent-ink)}.quote:hover,.primary:hover{background:var(--color-accent-dark)}.nav details{display:none;margin-left:auto}.nav summary{min-height:2.75rem;display:grid;place-items:center;border:1px solid var(--color-rule-2);padding:0 .8rem;cursor:pointer}.nav details div{position:absolute;left:1.25rem;right:1.25rem;top:4rem;display:grid;background:var(--color-paper);border:1px solid var(--color-rule);box-shadow:0 1rem 2.5rem color-mix(in oklch,var(--color-ink) 13%,transparent);padding:.5rem}.nav details a{min-height:2.75rem;display:flex;align-items:center;padding:0 .75rem;border-bottom:1px solid var(--color-rule)}.hero{background:var(--color-ink);color:var(--color-paper);padding:clamp(4.5rem,9vw,8rem) 0}.hero .wrap{max-width:74rem}.eyebrow{margin:0 0 var(--space-sm);color:var(--color-accent);font:700 var(--text-xs)/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.hero .eyebrow{color:var(--color-focus-on-dark)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.035em;line-height:1.05}h1{max-width:57rem;margin:0;font-size:var(--text-display)}h2{margin:.25rem 0 0;font-size:clamp(2rem,4vw,3.25rem)}h3{margin:.75rem 0;font-size:var(--text-xl)}.lede{max-width:49rem;margin:var(--space-lg) 0 0;color:color-mix(in oklch,var(--color-paper) 76%,var(--color-ink));font-size:var(--text-lg)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:var(--space-lg)}.secondary{border-color:var(--color-rule-2);background:transparent}.hero .secondary{color:var(--color-paper);border-color:color-mix(in oklch,var(--color-paper) 35%,transparent)}.button:hover{transform:translateY(-2px)}.band{padding:clamp(4rem,8vw,7rem) 0;border-bottom:1px solid var(--color-rule)}.band.soft{background:var(--color-paper-2)}.section-head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(18rem,1.15fr);align-items:end;gap:var(--space-2xl);margin-bottom:var(--space-xl)}.section-head>p{max-width:39rem;margin:0;color:var(--color-muted);font-size:var(--text-lg)}.grid{display:grid;gap:1px;background:var(--color-rule);border:1px solid var(--color-rule)}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{position:relative;min-height:15rem;padding:var(--space-lg);background:var(--color-paper)}a.card{transition:color var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out)}a.card:hover{background:var(--color-accent-soft)}.card h3{margin-top:var(--space-xl)}.card p{color:var(--color-muted)}.status{display:inline-block;color:var(--color-accent-dark);font:700 var(--text-xs)/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.arrow{position:absolute;left:var(--space-lg);bottom:var(--space-lg);color:var(--color-accent-dark);font-weight:750}.notice,.answer,.result{border-left:.25rem solid var(--color-signal);background:var(--color-paper);padding:var(--space-lg);max-width:55rem}.notice strong{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-signal-ink)}.spec-table{border-top:1px solid var(--color-rule-2)}.spec-table>div{display:grid;grid-template-columns:minmax(9rem,.6fr) 1.4fr;gap:var(--space-lg);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-rule)}.selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);align-items:end}.selector label{display:grid;gap:.5rem;font-weight:700}.selector select{width:100%;min-height:3rem;border:1px solid var(--color-rule-2);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink);padding:.5rem 2.5rem .5rem .75rem}.selector button{grid-column:1/-1;justify-self:start;cursor:pointer}.form-error{grid-column:1/-1;color:var(--color-error);font-weight:700}.result{margin-top:var(--space-xl);border-color:var(--color-accent)}.result h3{font-size:var(--text-2xl)}.caveat{margin-top:var(--space-lg);color:var(--color-muted);font-size:var(--text-sm)}footer{background:var(--color-ink);color:color-mix(in oklch,var(--color-paper) 72%,var(--color-ink));padding:var(--space-lg) 0}.footer-line{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);font-size:var(--text-sm)}.footer-line nav{display:flex;flex-wrap:wrap;gap:1rem}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:.2rem}
@media(max-width:62rem){.nav>nav,.nav>.quote{display:none}.nav details{display:block}.section-head{grid-template-columns:1fr;gap:var(--space-md)}.grid.three,.grid.four{grid-template-columns:repeat(2,1fr)}.selector{grid-template-columns:1fr}.selector button{grid-column:auto}.footer-line{align-items:flex-start;flex-direction:column}}
@media(max-width:38rem){.wrap{width:min(100% - 2rem,74rem)}.hero{padding:4rem 0}.lede{font-size:1.05rem}.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.card{min-height:13rem}.spec-table>div{grid-template-columns:1fr;gap:.25rem}.button{width:100%}.footer-line nav{display:grid;grid-template-columns:repeat(2,1fr);width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
.hero{padding:clamp(4rem,7vw,6rem) 0 clamp(5.5rem,9.5vw,8rem)}
@media(max-width:38rem){.hero{padding:3.5rem 0 4.75rem}}
html,body{overflow-x:clip}h1,h2,h3{overflow-wrap:anywhere;min-width:0}.tool-form{display:grid;gap:var(--space-lg)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.tool-form label,.wide-label{display:grid;gap:var(--space-2xs);min-width:0;font-weight:700}.tool-form label span{color:var(--color-muted);font:400 var(--text-xs)/1.2 var(--font-mono)}.tool-form input,.tool-form select,.tool-form textarea{width:100%;min-height:3rem;border:1px solid var(--color-rule-2);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink);padding:.7rem .8rem}.tool-form textarea{resize:vertical}.tool-form input:hover,.tool-form select:hover,.tool-form textarea:hover{border-color:var(--color-ink-2)}.tool-form input:focus-visible,.tool-form select:focus-visible,.tool-form textarea:focus-visible{border-color:var(--color-focus)}.tool-form button{justify-self:start;cursor:pointer}.tool-form input:disabled,.tool-form select:disabled,.tool-form textarea:disabled,.button:disabled{opacity:.55;cursor:not-allowed}.button:active{transform:translateY(0)}.button[data-state="success"]{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-dark)}.tool-result{max-width:none}.result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--color-rule);border:1px solid var(--color-rule);margin:var(--space-lg) 0}.result-grid div{display:grid;gap:.25rem;background:var(--color-paper);padding:var(--space-md)}.result-grid b{font:700 var(--text-2xl)/1 var(--font-display)}.result-grid span{color:var(--color-muted);font-size:var(--text-sm)}.tool-result pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--color-paper-2);border:1px solid var(--color-rule);padding:var(--space-md);font:400 var(--text-sm)/1.65 var(--font-mono)}.tool-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-md)}.formula{display:grid;gap:1px;max-width:55rem;background:var(--color-rule);border:1px solid var(--color-rule)}.formula code{display:block;background:var(--color-paper);padding:var(--space-sm);font:400 var(--text-sm)/1.5 var(--font-mono)}.wide-label{margin-top:var(--space-xs)}.tool-actions .button,.nav a,.footer-line a{white-space:nowrap}
@media(max-width:48rem){.field-grid,.result-grid{grid-template-columns:1fr}.tool-form button{width:100%}.tool-actions{display:grid}.tool-actions .button{width:100%}}
.button[data-state="loading"]{opacity:.72;cursor:wait}.button[data-state="error"]{border-color:var(--color-error);color:var(--color-error)}.tool-form input[aria-invalid="true"],.tool-form select[aria-invalid="true"],.tool-form textarea[aria-invalid="true"]{border-color:var(--color-error);outline:var(--rule-focus) solid var(--color-error);outline-offset:.125rem}.form-error{min-height:1lh}.button,.tool-form input,.tool-form select,.tool-form textarea{outline:var(--rule-focus) solid transparent;outline-offset:.125rem}
.segment-list{display:grid;gap:var(--space-xs)}.segment-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:var(--space-sm);align-items:end;border-bottom:1px solid var(--color-rule);padding-bottom:var(--space-sm)}.layout-output{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-lg);align-items:start}.layout-output svg{width:100%;min-height:24rem;background:var(--color-paper-2);border:1px solid var(--color-rule)}.route-line{fill:none;stroke:var(--color-accent);stroke-width:.4rem;stroke-linecap:round;stroke-linejoin:round}.route-point{fill:var(--color-signal);stroke:var(--color-paper);stroke-width:.2rem}.layout-output svg text{fill:var(--color-ink);font:700 1rem var(--font-mono)}.result-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-wrap{max-width:100%;overflow:auto;border:1px solid var(--color-rule)}.comparison-table{width:100%;min-width:52rem;border-collapse:collapse;background:var(--color-paper)}.comparison-table th,.comparison-table td{padding:var(--space-sm);border-right:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);text-align:left;vertical-align:top}.comparison-table thead th{background:var(--color-ink);color:var(--color-paper)}.comparison-table tbody th{width:11rem;background:var(--color-paper-2)}.comparison-table a{color:var(--color-accent-dark);font-weight:700;white-space:nowrap}.comparison-table a:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:.125rem}
@media(max-width:48rem){.segment-row,.layout-output{grid-template-columns:1fr}.segment-row .button{width:100%}.result-grid.compact{grid-template-columns:1fr}.layout-output svg{min-height:18rem}}
.hero-actions .button{white-space:nowrap}
.security-document{padding:clamp(3.5rem,7vw,7rem) 0}.security-document__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,20rem);gap:clamp(2.5rem,6vw,6rem);align-items:start}.security-document__main{max-width:65ch;min-width:0}.security-scope{border-block:1px solid var(--color-rule-2);padding-block:var(--space-lg);margin-bottom:var(--space-xl)}.security-scope h2{font-size:var(--text-2xl)}.security-scope>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);margin-top:var(--space-md)}.security-scope p{margin:0;color:var(--color-muted)}.security-scope b{display:block;margin-bottom:var(--space-2xs);color:var(--color-ink)}.security-figure{margin:0 0 clamp(3rem,7vw,5.5rem)}.security-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--color-rule)}.security-figure figcaption{margin-top:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm)}.security-prose{margin-block:clamp(3rem,7vw,5rem)}.security-prose h2{max-width:18ch;font-size:clamp(1.75rem,3vw,2.4rem)}.security-prose>p{margin-top:var(--space-md);color:var(--color-muted);font-size:var(--text-md);line-height:1.75}.security-table{margin-top:var(--space-xl)}.security-document__rail{position:sticky;top:7rem;border-top:.25rem solid var(--color-accent);padding-top:var(--space-md)}.security-document__rail nav{display:grid;border-top:1px solid var(--color-rule)}.security-document__rail nav a{display:grid;gap:var(--space-2xs);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-rule)}.security-document__rail nav span{font-weight:750}.security-document__rail nav strong,.rail-family{color:var(--color-accent-dark);font-size:var(--text-sm)}.rail-family{display:block;margin-top:var(--space-lg);font-weight:750}.security-next{background:var(--color-ink);color:var(--color-paper);padding:clamp(4rem,8vw,7rem) 0}.security-next .wrap{max-width:74rem}.security-next h2{max-width:18ch}.security-next>div>p:not(.eyebrow){max-width:55ch;color:color-mix(in oklch,var(--color-paper) 72%,var(--color-ink));font-size:var(--text-lg)}.security-next .button{margin-top:var(--space-md)}
@media(max-width:60rem){.security-document__grid{grid-template-columns:minmax(0,1fr)}.security-document__main{max-width:none}.security-document__rail{position:static;top:auto}.security-document__rail nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm);border-top:0}.security-document__rail nav a{border:1px solid var(--color-rule);padding:var(--space-md)}}
@media(max-width:40rem){.security-scope>div,.security-document__rail nav{grid-template-columns:1fr}.security-document__rail nav a{min-height:44px}.security-figure{margin-inline:0}.security-next .button{width:100%}}
.security-sources>div{display:grid;border-top:1px solid var(--color-rule)}.security-sources>div>a{display:grid;gap:var(--space-2xs);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-rule)}.security-sources span{color:var(--color-muted)}.security-sources strong,.security-boundary>a{color:var(--color-accent-dark);font-size:var(--text-sm);font-weight:750}.security-boundary{border-left:.25rem solid var(--color-accent);background:var(--color-accent-soft);padding:var(--space-lg)}.security-boundary h2{margin-top:0}.security-boundary .eyebrow{margin-bottom:var(--space-sm)}

/* 358 support documents · wider technical composition with readable inner prose */
.security-document__grid{width:min(80rem,calc(100% - 2.5rem));grid-template-columns:minmax(0,1fr) minmax(17rem,18rem);gap:clamp(3rem,4vw,4rem)}
.security-document__main{max-width:none}
.security-prose>p,.security-workflow>ol,.security-questions>ul{max-width:74ch}
.security-prose h2{max-width:24ch}
.security-document__rail h2{margin:0 0 var(--space-md);font-size:var(--text-xl)}
.security-decision-head,.security-decision-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.2fr)}
.security-decision-head{margin-top:var(--space-xl);background:var(--color-ink);color:var(--color-paper);font:700 var(--text-sm)/1.3 var(--font-mono)}
.security-decision-head span{padding:var(--space-sm);border-inline-end:1px solid var(--color-ink-2)}
.security-decision-row{border-inline:1px solid var(--color-rule);border-block-end:1px solid var(--color-rule)}
.security-decision-row>div{padding:var(--space-sm);border-inline-end:1px solid var(--color-rule)}
.security-decision-row b{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.security-decision-row span{display:block;color:var(--color-muted);line-height:1.6}
.security-decision-row>div:first-child span{color:var(--color-ink);font-weight:750}
.security-workflow{padding:clamp(2.5rem,5vw,4.5rem);background:var(--color-paper-2)}
.security-workflow>ol{list-style:none;margin:var(--space-xl) 0 0;padding:0}
.security-workflow li{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:var(--space-md);padding-block:var(--space-md);border-block-start:1px solid var(--color-rule)}
.security-workflow li>span{color:var(--color-accent-dark);font:700 var(--text-sm)/1.2 var(--font-mono);font-variant-numeric:tabular-nums}
.security-workflow h3{margin:0;font-size:var(--text-lg)}
.security-workflow li p{margin:var(--space-xs) 0 0;color:var(--color-muted)}
.security-questions>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;list-style:none;margin:var(--space-xl) 0 0;padding:1px;background:var(--color-rule)}
.security-questions li{position:relative;background:var(--color-paper);padding:var(--space-md);padding-inline-start:var(--space-2xl)}
.security-questions li::before{content:"";position:absolute;inset-inline-start:var(--space-md);inset-block-start:var(--space-lg);width:var(--space-2xs);height:var(--space-2xs);background:var(--color-accent)}
.security-boundary{border:0;border-block:1px solid var(--color-accent);background:var(--color-accent-soft);padding:var(--space-lg)}
.security-boundary>a,.security-sources a,.security-document__rail a{transition:color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}
.security-boundary>a:hover,.security-boundary>a:focus-visible,.security-sources a:hover,.security-sources a:focus-visible{color:var(--color-ink)}
.security-next .wrap{max-width:80rem}
@media(max-width:60rem){.security-document__grid{width:min(100% - 2.5rem,80rem);grid-template-columns:minmax(0,1fr)}.security-prose>p,.security-workflow>ol,.security-questions>ul{max-width:none}}
@media(max-width:48rem){.security-decision-head{display:none}.security-decision-row{grid-template-columns:minmax(0,1fr);margin-block-end:var(--space-sm);border-block-start:1px solid var(--color-rule)}.security-decision-row>div{display:grid;grid-template-columns:minmax(7.5rem,.6fr) minmax(0,1.4fr);gap:var(--space-sm);border-block-end:1px solid var(--color-rule);border-inline-end:0}.security-decision-row b{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;color:var(--color-ink);font-size:var(--text-sm)}.security-decision-row>div:first-child span{font-weight:400}.security-questions>ul{grid-template-columns:minmax(0,1fr)}.comparison-table{min-width:0}.comparison-table thead{display:none}.comparison-table,.comparison-table tbody,.comparison-table tr,.comparison-table th,.comparison-table td{display:block;width:100%}.comparison-table tr{border-block-end:var(--space-xs) solid var(--color-paper-2)}.comparison-table tbody th{width:100%;border-inline-end:0}.comparison-table td{display:grid;grid-template-columns:minmax(8rem,.65fr) minmax(0,1.35fr);gap:var(--space-sm);border-inline-end:0}.comparison-table td::before{content:attr(data-label);color:var(--color-ink);font-weight:750}.security-workflow{padding:var(--space-lg)}}
@media(max-width:40rem){.security-document__grid{width:min(100% - 2rem,80rem)}.security-decision-row>div,.comparison-table td{grid-template-columns:minmax(0,1fr)}.security-workflow li{grid-template-columns:2.25rem minmax(0,1fr)}}

/* Chain Link support enrichment · visible wayfinding, explanatory media, printable RFQ input */
.support-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-md);color:color-mix(in oklch,var(--color-paper) 70%,var(--color-ink));font-size:var(--text-sm)}
.support-breadcrumb a{color:var(--color-paper);font-weight:750;white-space:nowrap}.support-breadcrumb a:hover,.support-breadcrumb a:focus-visible{color:var(--color-focus-on-dark)}
.security-figure--explainer{margin-top:clamp(2.5rem,6vw,4.5rem);padding-top:var(--space-lg);border-top:1px solid var(--color-rule)}
.security-print-sheet{padding-block:var(--space-lg);border-block:1px solid var(--color-rule-2)}.print-guide{margin-top:var(--space-lg);cursor:pointer;color:var(--color-ink);background:var(--color-paper)}.print-guide:hover{border-color:var(--color-ink);background:var(--color-paper-2)}.print-guide:active{transform:translateY(0)}
@media(max-width:40rem){.support-breadcrumb>span:last-child{flex-basis:100%;margin-top:var(--space-2xs)}}
@media print{body.chain-support[data-route="knowledge/chain-link-fence-specification-rfq-and-submittal-guide"] .site-header,body.chain-support[data-route="knowledge/chain-link-fence-specification-rfq-and-submittal-guide"] footer,body.chain-support[data-route="knowledge/chain-link-fence-specification-rfq-and-submittal-guide"] .security-hero,body.chain-support[data-route="knowledge/chain-link-fence-specification-rfq-and-submittal-guide"] .security-document__rail,body.chain-support[data-route="knowledge/chain-link-fence-specification-rfq-and-submittal-guide"] .security-next{display:none!important}body.chain-support[data-route="knowledge/chain-link-fence-specification-rfq-and-submittal-guide"] .security-document{padding:0}body.chain-support[data-route="knowledge/chain-link-fence-specification-rfq-and-submittal-guide"] .security-document__grid{display:block;width:100%}body.chain-support[data-route="knowledge/chain-link-fence-specification-rfq-and-submittal-guide"] .security-document__main>*{display:none}body.chain-support[data-route="knowledge/chain-link-fence-specification-rfq-and-submittal-guide"] .security-print-sheet{display:block!important;margin:0;padding:0;border:0}body.chain-support[data-route="knowledge/chain-link-fence-specification-rfq-and-submittal-guide"] .print-guide{display:none}}