/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:0.125rem}
html{scroll-behavior:smooth}
body{background:#F7FAFB;color:#102832;font-family:'IBM Plex Sans', 'Segoe UI', Arial, sans-serif;line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;line-height:1.2;color:#102832}
a{color:#075F82}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#D6E2E8;padding:.1em .35em;border-radius:4px;font-size:.9em}
.okaf{position:absolute;left:-9999px;top:0;background:#075F82;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.okaf:focus{left:0}
.nssn{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.nqwz{font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.vdcm{color:#405760;font-size:.85rem}
.igwp{display:flex;flex-wrap:wrap;gap:1.1rem}
.sjnv{text-decoration:none;color:inherit;font-size:.95rem}
.sjnv:hover{color:#075F82;opacity:1}
.codl{display:none;background:none;border:1px solid currentColor;border-radius:6px;color:inherit;width:2.6rem;height:2.3rem;padding:.45rem .55rem;cursor:pointer;flex-direction:column;justify-content:space-between}
.codl span{display:block;height:2px;background:currentColor;border-radius:2px}
.codl[aria-expanded="true"] span:nth-child(2){opacity:0}
.cufb{background:#E8F0F3} .cufb .nssn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;text-align:center} .igwp{border-top:1px solid #9FB3BD;padding-top:.6rem}
.whtm{background:#E8F0F3;border-bottom:1px solid #9FB3BD} .whtm .nssn{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2.5rem;padding:3.4rem 1.5rem}
.izum{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#075F82;font-weight:600;margin-bottom:.8rem}
.fvgh{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.ejst{font-size:1.15rem;color:#405760;max-width:44rem;margin:0 auto}
.prnt{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.jvcc{border:1px solid #9FB3BD;background:#E8F0F3;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.gkhm{padding:2.6rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.yclh,.bqnb,.faep{max-width:46rem;margin-left:auto;margin-right:auto}
.yclh{padding:1.4rem 0}
.yclh h2{font-size:1.6rem;margin-bottom:.8rem}
.yclh h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.yclh p,.yclh li,.bqnb p{margin-bottom:.85rem}
.yclh ul,.yclh ol{padding-left:1.4rem}
.bqnb{font-size:1.12rem}
.faep{background:#E8F0F3;border:1px solid #9FB3BD;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.6rem}
.ulqe{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #9FB3BD;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#E8F0F3}
blockquote{border-left:4px solid #075F82;padding:.2rem 0 .2rem 1rem;color:#405760;margin:1rem 0}
.sbue{max-width:46rem;margin:1.8rem auto;background:#dbe7ec;border:1px solid #9FB3BD;border-radius:var(--radius);padding:1.4rem 1.6rem}
.dxfv{font-size:1.25rem;margin-bottom:.7rem}
.hspi{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.qbcp{padding-left:1.1rem;position:relative;font-size:.95rem}
.qbcp::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#075F82}
.habl{max-width:46rem;margin:1.8rem auto;padding:0;list-style:none;counter-reset:src}
.jkjm{border-top:1px solid #9FB3BD;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.jkjm::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;font-weight:700;color:#075F82}
.vuxl{margin-bottom:.3rem}
.snqn{font-size:.88rem;color:#405760}
.olvq{max-width:46rem;margin:0 auto}
.vjce{border-bottom:1px solid #9FB3BD;padding:1.1rem 0}
.miaj{font-size:1.15rem;margin-bottom:.5rem}
.mtmq{color:#102832}
.gzky{background:#e0dede;border-top:1px solid #9FB3BD;border-bottom:1px solid #9FB3BD;margin:2rem 0 0}
.wbmj{max-width:46rem;margin:0 auto;padding:2.2rem 1.5rem;text-align:center}
.wbmj h2{margin-bottom:.7rem}
.wbmj p{margin-bottom:1.1rem}
.lwyz{display:inline-block;background:#075F82;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.lwyz:hover{opacity:.9}

.jlax{font-size:1.45rem;margin-bottom:.45rem}
.vguv p{margin-bottom:.55rem}
.vguv p:last-child{margin-bottom:0}
.grmf{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.lmzq{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.lmzq:hover{opacity:.92}
.mtap{padding:1.5rem 1.5rem 0}
.tjel{max-width:60rem;margin:0 auto;background:#dfdbd9;border:2px dashed #9A3F1D;border-radius:var(--radius);padding:1.4rem 1.7rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.2rem 1.8rem;align-items:center}
.oyqw{display:inline-block;background:#102832;color:#FFFFFF;font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.55rem .8rem;transform:rotate(-4deg);border-radius:3px;text-align:center;max-width:7rem;line-height:1.25}
.grmf{color:#555352}
.olwu::before{content:"\2713\00a0";color:#102832}
.lmzq{background:#075F82;color:#FFFFFF}
@media (max-width:720px){.tjel{display:block} .oyqw{transform:none;max-width:none;margin-bottom:.6rem} .lmzq{display:block;text-align:center;margin-top:1rem}}
.iljf{background:#F7FAFB;border-top:3px double #9FB3BD}
.iljf .nssn{padding:2.2rem 1.5rem}
.hksj{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.jcwl{font-style:italic;margin-bottom:.8rem}
.slbs{font-size:.9rem;margin-bottom:.8rem}
.xgoo{font-size:.85rem;color:#405760}
.iljf .xgoo{opacity:.85}
.yloi{color:#405760;font-size:.92rem}
@media(max-width:760px){
  .whtm .nssn{grid-template-columns:1fr;gap:1.5rem}
  .hksj{grid-template-columns:1fr}
  .cufb .nssn{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .cufb .igwp{border-top:0;padding-top:0}
  .cufb .codl{display:flex}
  .cufb .igwp{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #9FB3BD;padding-top:.4rem;margin-top:.4rem}
  .cufb .igwp[data-open="true"]{display:flex}
  .cufb .sjnv{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
:root {
--bp-paper: #F7FAFB;
--bp-sheet: #E8F0F3;
--bp-sheet-deep: #D6E2E8;
--bp-ink: #102832;
--bp-muted: #405760;
--bp-blue: #075F82;
--bp-orange: #9A3F1D;
--bp-line: #9FB3BD;
--bp-faint: rgba(7, 95, 130, .09);
--bp-mono: 'IBM Plex Mono', 'SFMono-Regular', Consolas, monospace;
}
html {
background: var(--bp-paper);
scroll-padding-top: 1.5rem;
}
body {
background-color: var(--bp-paper);
background-image:
linear-gradient(var(--bp-faint) 1px, transparent 1px),
linear-gradient(90deg, var(--bp-faint) 1px, transparent 1px);
background-size: 4rem 4rem;
letter-spacing: .002em;
}
::selection {
background: var(--bp-blue);
color: #FFFFFF;
}
img {
max-width: 100%;
height: auto;
}
a {
text-decoration-thickness: .08em;
text-underline-offset: .2em;
}
a:focus-visible,
button:focus-visible {
outline: 3px solid var(--bp-orange);
outline-offset: 4px;
}
.cufb {
position: relative;
z-index: 5;
color: var(--bp-ink);
background:
linear-gradient(90deg, transparent 0 7.9%, var(--bp-faint) 8% 8.1%, transparent 8.2% 91.8%, var(--bp-faint) 91.9% 92%, transparent 92.1%),
var(--bp-sheet);
border-top: .32rem solid var(--bp-ink);
border-bottom: 1px solid var(--bp-line);
}
.cufb::after {
content: "SHEET QC–HR / REV 01";
position: absolute;
right: max(1rem, calc((100% - 72rem) / 2));
top: .65rem;
color: var(--bp-muted);
font-family: var(--bp-mono);
font-size: .58rem;
font-weight: 600;
letter-spacing: .12em;
}
.cufb .nssn {
gap: .75rem;
padding-top: 1.45rem;
padding-bottom: .9rem;
}
.cufb .nssn > div:first-child {
position: relative;
padding-left: 3.8rem;
text-align: left;
}
.nqwz {
position: relative;
display: inline-block;
max-width: 23rem;
color: var(--bp-ink);
font-size: clamp(1.1rem, 2vw, 1.42rem);
font-weight: 700;
letter-spacing: -.045em;
line-height: .98;
text-transform: uppercase;
}
.nqwz::before {
content: "HQ";
position: absolute;
left: -3.8rem;
top: 50%;
display: grid;
width: 2.85rem;
height: 2.85rem;
place-items: center;
color: #FFFFFF;
background:
linear-gradient(90deg, transparent calc(50% - .5px), rgba(255,255,255,.55) 50%, transparent calc(50% + .5px)),
linear-gradient(transparent calc(50% - .5px), rgba(255,255,255,.55) 50%, transparent calc(50% + .5px)),
var(--bp-blue);
border: 1px solid var(--bp-ink);
box-shadow: .3rem .3rem 0 var(--bp-orange);
font-family: var(--bp-mono);
font-size: .7rem;
font-weight: 600;
letter-spacing: .08em;
}
.nqwz::after {
content: "";
display: block;
width: 100%;
height: 2px;
margin-top: .48rem;
background: linear-gradient(90deg, var(--bp-blue) 0 72%, var(--bp-orange) 72% 78%, var(--bp-ink) 78% 100%);
}
.cufb .vdcm {
margin-top: .54rem;
color: var(--bp-muted);
font-family: var(--bp-mono);
font-size: .64rem;
font-weight: 500;
letter-spacing: .08em;
text-transform: uppercase;
}
.igwp {
justify-content: center;
gap: .2rem .7rem;
width: 100%;
}
.cufb .sjnv {
position: relative;
padding: .2rem .35rem .35rem;
color: var(--bp-ink);
font-family: var(--bp-mono);
font-size: .67rem;
font-weight: 600;
letter-spacing: .055em;
text-transform: uppercase;
}
.cufb .sjnv::before {
content: "[";
margin-right: .25rem;
color: var(--bp-blue);
}
.cufb .sjnv::after {
content: "]";
margin-left: .25rem;
color: var(--bp-blue);
}
.cufb .sjnv:hover,
.cufb .sjnv:focus-visible {
color: var(--bp-orange);
}
.codl {
border-radius: 0;
border-width: 2px;
}
.whtm {
position: relative;
isolation: isolate;
overflow: hidden;
color: var(--bp-ink);
background:
linear-gradient(rgba(7,95,130,.14) 1px, transparent 1px),
linear-gradient(90deg, rgba(7,95,130,.14) 1px, transparent 1px),
linear-gradient(rgba(7,95,130,.055) 1px, transparent 1px),
linear-gradient(90deg, rgba(7,95,130,.055) 1px, transparent 1px),
var(--bp-sheet);
background-size: 4rem 4rem, 4rem 4rem, .8rem .8rem, .8rem .8rem, auto;
border-bottom: 0;
}
.whtm::before {
content: "";
position: absolute;
z-index: -1;
right: -5rem;
bottom: -9rem;
width: clamp(20rem, 42vw, 38rem);
aspect-ratio: 1;
border: 1px solid var(--bp-blue);
border-radius: 50%;
box-shadow:
0 0 0 2.2rem rgba(7,95,130,.08),
0 0 0 4.4rem rgba(7,95,130,.05),
0 0 0 6.6rem rgba(7,95,130,.025);
}
.whtm::after {
content: "+";
position: absolute;
right: clamp(1rem, 8vw, 8rem);
bottom: clamp(1.2rem, 4vw, 3.2rem);
display: grid;
width: 2.6rem;
height: 2.6rem;
place-items: center;
color: #FFFFFF;
background: var(--bp-orange);
font-family: var(--bp-mono);
font-size: 1.35rem;
}
.whtm .nssn {
position: relative;
max-width: 78rem;
grid-template-columns: minmax(0, 1.55fr) minmax(15rem, .65fr);
gap: clamp(2.5rem, 7vw, 7rem);
align-items: center;
padding-top: clamp(4rem, 8vw, 7rem);
padding-bottom: clamp(5rem, 10vw, 8.5rem);
}
.whtm .nssn::after {
content: "ASSEMBLY: HIP\A DATUM: QUEEN CREEK\A METHOD: CHECK TERMS\A TOLERANCE: EVIDENCE";
white-space: pre;
align-self: stretch;
display: flex;
align-items: flex-end;
min-height: 18rem;
padding: 1.4rem;
color: #FFFFFF;
background:
repeating-linear-gradient(0deg, transparent 0 2.45rem, rgba(255,255,255,.14) 2.45rem calc(2.45rem + 1px)),
var(--bp-ink);
border: 1px solid var(--bp-ink);
box-shadow: 12px 12px 0 var(--bp-blue), 18px 18px 0 var(--bp-orange);
font-family: var(--bp-mono);
font-size: clamp(.69rem, 1vw, .78rem);
font-weight: 500;
letter-spacing: .08em;
line-height: 2.45rem;
}
.zoqk {
position: relative;
max-width: 52rem;
padding-left: clamp(1.25rem, 3vw, 2.25rem);
border-left: .48rem solid var(--bp-blue);
}
.izum {
display: flex;
align-items: center;
gap: .7rem;
margin-bottom: 1.25rem;
color: var(--bp-blue);
font-family: var(--bp-mono);
font-size: .7rem;
font-weight: 600;
letter-spacing: .16em;
}
.izum::before {
content: "REF";
display: inline-grid;
min-width: 2.2rem;
height: 1.55rem;
place-items: center;
color: #FFFFFF;
background: var(--bp-blue);
font-size: .57rem;
letter-spacing: .08em;
}
.fvgh {
max-width: 13ch;
margin-bottom: 1.4rem;
font-size: clamp(2.65rem, 6.4vw, 5.7rem);
font-weight: 700;
letter-spacing: -.066em;
line-height: .92;
text-wrap: balance;
}
.ejst {
max-width: 42rem;
margin: 0;
color: var(--bp-muted);
font-size: clamp(1.03rem, 1.65vw, 1.23rem);
font-weight: 500;
line-height: 1.62;
}
.prnt {
gap: .55rem;
margin-top: 1.8rem;
}
.jvcc {
color: var(--bp-ink);
background: var(--bp-paper);
border: 1px solid var(--bp-blue);
border-radius: 0;
padding: .4rem .7rem;
box-shadow: 3px 3px 0 var(--bp-line);
font-family: var(--bp-mono);
font-size: .67rem;
font-weight: 600;
letter-spacing: .04em;
text-transform: uppercase;
}
.mtap {
position: relative;
z-index: 3;
margin-top: -3.45rem;
padding-top: 0;
}
.tjel {
position: relative;
max-width: 68rem;
color: var(--bp-ink);
background:
linear-gradient(90deg, rgba(7,95,130,.08) 1px, transparent 1px),
#E9E4DF;
background-size: 2rem 100%;
border: 2px dashed var(--bp-orange);
border-radius: 0;
box-shadow: 10px 10px 0 var(--bp-ink);
}
.tjel::after {
content: "FIELD NOTE / 01";
position: absolute;
right: 1rem;
top: .75rem;
color: var(--bp-muted);
font-family: var(--bp-mono);
font-size: .56rem;
font-weight: 600;
letter-spacing: .11em;
}
.oyqw {
color: #FFFFFF;
background: var(--bp-ink);
border: 1px solid var(--bp-ink);
border-radius: 0;
font-family: var(--bp-mono);
font-size: .65rem;
letter-spacing: .09em;
}
.jlax {
max-width: 29ch;
font-size: clamp(1.45rem, 2.8vw, 2.15rem);
letter-spacing: -.035em;
line-height: 1.08;
}
.vguv {
max-width: 50rem;
}
.grmf {
gap: .55rem 1.2rem;
color: var(--bp-muted);
font-family: var(--bp-mono);
font-size: .76rem;
}
.olwu {
position: relative;
padding-left: 1.6rem;
}
.olwu::before {
content: "+";
position: absolute;
left: 0;
top: .02rem;
display: grid;
width: 1.08rem;
height: 1.08rem;
place-items: center;
color: #FFFFFF;
background: var(--bp-blue);
font-size: .75rem;
line-height: 1;
}
.lmzq,
.lwyz {
border-radius: 0;
box-shadow: 5px 5px 0 var(--bp-ink);
font-family: var(--bp-mono);
letter-spacing: .025em;
transition: transform 150ms ease, box-shadow 150ms ease;
}
.lmzq::after,
.lwyz::after {
content: " →";
}
.lmzq:hover,
.lwyz:hover {
opacity: 1;
transform: translate(2px, 2px);
box-shadow: 3px 3px 0 var(--bp-ink);
}
.gkhm {
position: relative;
padding-top: clamp(3.5rem, 7vw, 6rem);
padding-bottom: 1rem;
}
.gkhm > .nssn {
max-width: 78rem;
}
.bqnb {
max-width: 51rem;
padding: 1.7rem 1.9rem 1.5rem;
color: var(--bp-ink);
background: var(--bp-paper);
border: 1px solid var(--bp-line);
border-top: .42rem solid var(--bp-blue);
box-shadow: 8px 8px 0 var(--bp-sheet-deep);
font-size: clamp(1.08rem, 1.8vw, 1.25rem);
line-height: 1.72;
}
.bqnb h2 {
position: relative;
padding-left: 3rem;
font-size: clamp(1.45rem, 2.5vw, 1.95rem);
letter-spacing: -.035em;
}
.bqnb h2::before {
content: "00";
position: absolute;
left: 0;
top: .08rem;
display: grid;
width: 2rem;
height: 2rem;
place-items: center;
color: #FFFFFF;
background: var(--bp-blue);
font-family: var(--bp-mono);
font-size: .62rem;
letter-spacing: .06em;
}
.yclh {
position: relative;
max-width: 51rem;
padding: clamp(2.2rem, 5vw, 3.4rem) 0;
border-top: 1px solid var(--bp-line);
counter-increment: bp-section;
}
.gkhm > .nssn {
counter-reset: bp-section;
}
.yclh h2 {
display: grid;
grid-template-columns: 2.1rem minmax(0, 1fr);
gap: .9rem;
align-items: start;
margin-bottom: 1.15rem;
font-size: clamp(1.55rem, 2.8vw, 2.15rem);
letter-spacing: -.04em;
line-height: 1.08;
}
.yclh h2::before {
content: counter(bp-section, decimal-leading-zero);
display: grid;
width: 2.1rem;
height: 2.1rem;
place-items: center;
color: #FFFFFF;
background: var(--bp-blue);
font-family: var(--bp-mono);
font-size: .6rem;
font-weight: 600;
letter-spacing: .04em;
}
.yclh h3 {
color: var(--bp-blue);
font-family: var(--bp-mono);
font-size: 1rem;
font-weight: 600;
letter-spacing: -.02em;
}
.yclh p,
.yclh li {
line-height: 1.78;
}
.yclh ul {
list-style: none;
padding-left: 0;
}
.yclh ul li {
position: relative;
padding-left: 1.8rem;
}
.yclh ul li::before {
content: "+";
position: absolute;
left: 0;
top: .48em;
display: grid;
width: 1rem;
height: 1rem;
place-items: center;
color: #FFFFFF;
background: var(--bp-blue);
font-family: var(--bp-mono);
font-size: .7rem;
line-height: 1;
}
.faep {
position: relative;
max-width: 51rem;
margin-bottom: 2rem;
padding: 1.6rem 1.8rem 1.5rem 5.1rem;
color: var(--bp-ink);
background:
linear-gradient(90deg, var(--bp-sheet-deep) 0 3.65rem, transparent 3.65rem),
var(--bp-sheet);
border: 1px solid var(--bp-line);
border-radius: 0;
}
.faep::before {
content: "i";
position: absolute;
left: 1rem;
top: 1.25rem;
display: grid;
width: 1.75rem;
height: 1.75rem;
place-items: center;
color: #FFFFFF;
background: var(--bp-blue);
font-family: var(--bp-mono);
font-size: .9rem;
font-weight: 600;
}
blockquote {
position: relative;
margin: 1.4rem 0;
padding: 1.15rem 1.25rem 1.15rem 3.5rem;
color: var(--bp-muted);
background: var(--bp-sheet);
border: 0;
border-left: .35rem solid var(--bp-orange);
}
blockquote::before {
content: "NOTE";
position: absolute;
left: .8rem;
top: 1.25rem;
color: var(--bp-orange);
font-family: var(--bp-mono);
font-size: .55rem;
font-weight: 600;
letter-spacing: .08em;
}
.ulqe {
margin: 1.4rem 0;
border: 1px solid var(--bp-ink);
box-shadow: 6px 6px 0 var(--bp-sheet-deep);
}
table {
background: var(--bp-paper);
font-size: .88rem;
}
th {
color: #FFFFFF;
background: var(--bp-blue);
border-color: #FFFFFF;
font-family: var(--bp-mono);
font-size: .68rem;
letter-spacing: .05em;
text-transform: uppercase;
}
td {
border-color: var(--bp-line);
}
.sbue {
position: relative;
max-width: 55rem;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
padding: 2rem 2rem 1.8rem 5.3rem;
color: var(--bp-ink);
background:
var(--bp-sheet);
border: 1px solid var(--bp-ink);
border-radius: 0;
box-shadow: 9px 9px 0 var(--bp-blue);
}
.sbue::before {
content: "LOC";
position: absolute;
left: .68rem;
top: 0;
bottom: 0;
display: grid;
width: 2.25rem;
place-items: center;
color: #FFFFFF;
background: var(--bp-ink);
font-family: var(--bp-mono);
font-size: .66rem;
font-weight: 600;
letter-spacing: .08em;
writing-mode: vertical-rl;
}
.dxfv {
font-size: clamp(1.4rem, 2.5vw, 1.9rem);
letter-spacing: -.035em;
}
.hspi {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .65rem 1.2rem;
margin-top: 1.15rem;
}
.qbcp {
min-height: 2rem;
padding-left: 1.7rem;
color: var(--bp-muted);
}
.qbcp::before {
content: "+";
top: .18rem;
display: grid;
width: 1.12rem;
height: 1.12rem;
place-items: center;
color: #FFFFFF;
background: var(--bp-blue);
border-radius: 0;
font-family: var(--bp-mono);
font-size: .7rem;
}
.olvq {
max-width: 53rem;
counter-reset: bp-faq;
}
.vjce {
position: relative;
padding: 1.5rem 1.5rem 1.4rem 4.6rem;
background: var(--bp-paper);
border: 1px solid var(--bp-line);
border-bottom: 0;
counter-increment: bp-faq;
}
.vjce:last-child {
border-bottom: 1px solid var(--bp-line);
}
.vjce::before {
content: "Q" counter(bp-faq, decimal-leading-zero);
position: absolute;
left: 1rem;
top: 1.45rem;
display: grid;
width: 2.45rem;
height: 2.45rem;
place-items: center;
color: #FFFFFF;
background: var(--bp-blue);
font-family: var(--bp-mono);
font-size: .6rem;
font-weight: 600;
letter-spacing: .02em;
}
.miaj {
font-size: 1.18rem;
letter-spacing: -.025em;
}
.mtmq {
color: var(--bp-muted);
line-height: 1.72;
}
.habl {
max-width: 53rem;
counter-reset: src;
padding: 1.1rem 1.35rem;
background: var(--bp-sheet);
border: 1px solid var(--bp-line);
}
.habl::before {
content: "SOURCE REGISTER";
display: block;
padding-bottom: .85rem;
color: var(--bp-blue);
border-bottom: 2px solid var(--bp-blue);
font-family: var(--bp-mono);
font-size: .65rem;
font-weight: 600;
letter-spacing: .12em;
}
.jkjm {
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 3rem;
}
.jkjm::before {
top: 1rem;
display: grid;
width: 1.8rem;
height: 1.8rem;
place-items: center;
color: #FFFFFF;
background: var(--bp-blue);
font-family: var(--bp-mono);
font-size: .63rem;
}
.vuxl {
color: var(--bp-ink);
}
.snqn {
color: var(--bp-muted);
font-family: var(--bp-mono);
font-size: .74rem;
line-height: 1.55;
}
.gzky {
position: relative;
overflow: hidden;
margin-top: 4rem;
color: #FFFFFF;
background:
linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px),
var(--bp-ink);
background-size: 3rem 3rem;
border-top: .42rem solid var(--bp-orange);
border-bottom: 0;
}
.gzky::before {
content: "";
position: absolute;
right: -5rem;
top: 50%;
width: 15rem;
aspect-ratio: 1;
border: 1px solid rgba(255,255,255,.4);
border-radius: 50%;
transform: translateY(-50%);
}
.wbmj {
position: relative;
max-width: 52rem;
padding-top: clamp(2.8rem, 6vw, 4.4rem);
padding-bottom: clamp(2.8rem, 6vw, 4.4rem);
}
.wbmj h2,
.wbmj p {
color: #FFFFFF;
}
.wbmj h2 {
font-size: clamp(1.8rem, 3.6vw, 2.7rem);
letter-spacing: -.045em;
}
.lwyz {
margin-top: .6rem;
background: var(--bp-blue);
color: #FFFFFF;
outline: 1px solid #FFFFFF;
outline-offset: 3px;
}
.iljf {
position: relative;
color: var(--bp-ink);
background: var(--bp-paper);
border-top: 4px double var(--bp-line);
}
.iljf::before {
content: "END OF FIELD SHEET";
display: block;
padding: .55rem 1rem;
color: #FFFFFF;
background: var(--bp-blue);
font-family: var(--bp-mono);
font-size: .62rem;
font-weight: 600;
letter-spacing: .14em;
text-align: center;
}
.iljf .nssn {
padding-top: 2.7rem;
padding-bottom: 2.7rem;
}
.hksj {
grid-template-columns: minmax(0, 1.65fr) minmax(14rem, .7fr);
gap: 3rem;
}
.cucx {
padding-left: 1rem;
border-left: 3px solid var(--bp-blue);
}
.jcwl {
max-width: 46rem;
color: var(--bp-ink);
font-style: normal;
font-size: 1.05rem;
font-weight: 600;
}
.slbs,
.xgoo,
.iljf .yloi {
color: var(--bp-muted);
}
.iljf .sjnv {
display: inline-block;
margin: .1rem .25rem .35rem 0;
padding: .25rem .35rem;
color: var(--bp-blue);
border: 1px solid var(--bp-line);
font-family: var(--bp-mono);
font-size: .66rem;
font-weight: 600;
text-transform: uppercase;
}
.xgoo {
padding-top: 1rem;
border-top: 1px solid var(--bp-line);
font-family: var(--bp-mono);
}
.okaf:focus {
left: 1rem;
top: 1rem;
border: 2px solid #FFFFFF;
box-shadow: 4px 4px 0 var(--bp-ink);
}
@media (max-width: 760px) {
.cufb::after {
display: none;
}
.cufb .nssn {
padding-top: 1rem;
padding-bottom: .85rem;
}
.cufb .nssn > div:first-child {
max-width: calc(100% - 3.4rem);
padding-left: 3.3rem;
}
.nqwz {
font-size: .92rem;
}
.nqwz::before {
left: -3.3rem;
width: 2.45rem;
height: 2.45rem;
}
.cufb .vdcm {
font-size: .56rem;
}
.cufb .sjnv {
width: 100%;
padding: .72rem .15rem;
}
.whtm .nssn {
grid-template-columns: minmax(0, 1fr);
gap: 2rem;
padding-top: 3.6rem;
padding-bottom: 5.6rem;
}
.whtm .nssn::after {
min-height: 8.5rem;
padding: 1rem;
line-height: 1.65rem;
}
.zoqk {
padding-left: 1rem;
border-left-width: .32rem;
}
.fvgh {
font-size: clamp(2.35rem, 12vw, 3.6rem);
}
.mtap {
margin-top: -2.4rem;
padding-right: 1rem;
padding-left: 1rem;
}
.tjel {
padding: 1.35rem;
}
.tjel::after {
display: none;
}
.gkhm {
padding-top: 3rem;
}
.bqnb {
padding: 1.35rem;
}
.bqnb h2 {
padding-left: 2.6rem;
}
.yclh h2 {
grid-template-columns: 1.8rem minmax(0, 1fr);
gap: .7rem;
}
.yclh h2::before {
width: 1.8rem;
height: 1.8rem;
}
.faep {
padding: 1.35rem 1.25rem 1.25rem 4rem;
}
.faep::before {
left: .62rem;
}
.sbue {
padding: 1.5rem 1.25rem 1.4rem 3.8rem;
}
.hspi {
grid-template-columns: minmax(0, 1fr);
}
.vjce {
padding: 1.3rem 1.1rem 1.25rem 4rem;
}
.vjce::before {
left: .72rem;
width: 2.2rem;
height: 2.2rem;
}
.hksj {
grid-template-columns: minmax(0, 1fr);
gap: 1.5rem;
}
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
scroll-behavior: auto;
transition-duration: .01ms;
}
}