:root{--yqf4-iron:#1a1714;--yqf4-plate:#221e19;--yqf4-line:#3a332b;--yqf4-copper:#b88732;--yqf4-copper2:#e1b260;--yqf4-txt:#efe8de;--yqf4-dim:#a89a88;--yqf4-btn:#b88732}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--yqf4-iron);color:var(--yqf4-txt);font:15.5px/1.72 "Bitter",serif}
.yqf4-wrap{max-width:960px;margin:0 auto;padding:0 22px}
a{color:var(--yqf4-copper2)}
.yqf4-head{background:#151210;border-bottom:3px solid var(--yqf4-copper)}
.yqf4-head .yqf4-wrap{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px}
.yqf4-logo{font-family:"Staatliches",cursive;font-size:26px;letter-spacing:2px;color:var(--yqf4-copper2);text-decoration:none}
.yqf4-logo::before{content:"⚙ ";font-size:19px}
.yqf4-nav{display:flex;gap:18px;font-size:12.5px;letter-spacing:2px;text-transform:uppercase;font-weight:600}
.yqf4-nav a{color:var(--yqf4-dim);text-decoration:none}
.yqf4-nav a:hover{color:var(--yqf4-copper2)}
.yqf4-hero{padding:70px 0 40px}
.yqf4-plaque{border:2px solid var(--yqf4-copper);background:var(--yqf4-plate);padding:36px 32px;position:relative}
.yqf4-plaque::before,.yqf4-plaque::after,.yqf4-plaque .yqf4-rv1,.yqf4-plaque .yqf4-rv2{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--yqf4-copper2),#6d3f16)}
.yqf4-plaque::before{left:9px;top:9px}.yqf4-plaque::after{right:9px;top:9px}
.yqf4-plaque .yqf4-rv1{left:9px;bottom:9px}.yqf4-plaque .yqf4-rv2{right:9px;bottom:9px}
.yqf4-forge{font-family:"Staatliches",cursive;color:var(--yqf4-copper2);letter-spacing:3px;font-size:14px}
.yqf4-hero h1{font-family:"Staatliches",cursive;font-size:clamp(34px,5.6vw,56px);line-height:1.04;margin:14px 0 12px;letter-spacing:1px}
.yqf4-lead{color:var(--yqf4-dim);max-width:620px;font-size:16.5px}
.yqf4-btn{display:inline-block;font-family:"Staatliches",cursive;letter-spacing:2px;font-size:16px;padding:13px 32px;margin:24px 12px 0 0;text-decoration:none}
.yqf4-btn--p{background:linear-gradient(180deg,var(--yqf4-copper2),var(--yqf4-copper));color:#241303;box-shadow:0 4px 0 #6d3f16}
.yqf4-btn--p:active{transform:translateY(2px);box-shadow:0 2px 0 #6d3f16}
.yqf4-btn--g{border:2px solid var(--yqf4-copper);color:var(--yqf4-copper2)}
.yqf4-gauges8{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.yqf4-gauges8 div{background:var(--yqf4-plate);border:1px solid var(--yqf4-line);border-bottom:3px solid var(--yqf4-copper);padding:13px 18px}
.yqf4-gauges8 b{font-family:"Staatliches",cursive;font-size:22px;color:var(--yqf4-copper2);display:block;letter-spacing:1px}
.yqf4-gauges8 span{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--yqf4-dim)}
section{padding:36px 0 4px}
.yqf4-stencil{display:flex;align-items:baseline;gap:14px;margin-bottom:12px}
.yqf4-gear{color:var(--yqf4-copper);font-size:19px}
section h2{font-family:"Staatliches",cursive;font-size:clamp(24px,3.4vw,32px);margin:0;letter-spacing:1.5px}
section h3{font-family:"Staatliches",cursive;font-size:19px;color:var(--yqf4-copper2);letter-spacing:1px}
.yqf4-bench{background:var(--yqf4-plate);border:1px solid var(--yqf4-line);border-left:4px solid var(--yqf4-copper);padding:22px 26px}
.yqf4-tbl-wrap{overflow-x:auto;margin:14px 0;border:1px solid var(--yqf4-line)}
table{border-collapse:collapse;width:100%;font-size:14px}
caption{text-align:left;padding:9px 13px;color:var(--yqf4-dim);font-size:12px;letter-spacing:2px;text-transform:uppercase}
th{background:#191410;color:var(--yqf4-copper2);padding:10px 13px;text-align:left;font-family:"Staatliches",cursive;font-weight:400;letter-spacing:1.5px;font-size:14px}
td{padding:10px 13px;border-top:1px solid var(--yqf4-line)}
ul,ol{padding-left:22px}li{margin:8px 0}
ul li::marker{content:"⚙ ";color:var(--yqf4-copper)}
ol li::marker{font-family:"Staatliches",cursive;color:var(--yqf4-copper2)}
.yqf4-note{border:1px dashed var(--yqf4-copper);background:rgba(184,135,50,.08);color:#f0cba4;padding:13px 17px;margin:16px 0}
.yqf4-faqw8{border:1px solid var(--yqf4-line);background:var(--yqf4-plate);margin:9px 0}
.yqf4-faqw8 summary{cursor:pointer;padding:13px 17px;list-style:none;font-family:"Staatliches",cursive;letter-spacing:1px;font-size:16px}
.yqf4-faqw8 summary::before{content:"⚙ ";color:var(--yqf4-copper)}
.yqf4-faqw8 div{padding:0 17px 14px;color:var(--yqf4-dim)}
footer{border-top:3px solid var(--yqf4-copper);margin-top:50px;padding:26px 0;color:var(--yqf4-dim);font-size:13px}
@media(max-width:700px){.yqf4-nav{display:none}}