/* Yupenghua Technology V0.8 — isolated from Products and technical chapter pages */
main.page:has(.yp-technology) .yp-page-gallery,
main.page:has(.yp-technology) .yp-photo-note,
main.page:has(.yp-technology) .yp-series-nav,
main.page:has(.yp-technology) .yp-pyro-nav{display:none!important}
main.page:has(.yp-technology) .content__entry{padding-top:34px!important}
main.page .yp-technology,main.page .yp-technology *{box-sizing:border-box}
main.page .yp-technology{font-family:inherit;line-height:1.68;color:#183749;max-width:1160px;margin:0 auto}
main.page .yp-technology h2,main.page .yp-technology h3{color:#183749;line-height:1.23;font-weight:800}
main.page .yp-technology h2{font-size:clamp(25px,2.65vw,35px);margin:9px 0 15px}
main.page .yp-technology h3{font-size:19px;margin:8px 0 11px}
main.page .yp-technology p{color:#4d6979;font-size:15px;line-height:1.73;margin:0 0 14px}
main.page .yp-technology a{text-decoration:none!important}
main.page .yp-technology .yp-tech-kicker{font-size:11px;font-weight:800;letter-spacing:.13em;color:#b07637;display:block;text-transform:uppercase}
main.page .yp-technology .yp-tech-intro{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.85fr);gap:35px;align-items:center;margin-bottom:57px}
main.page .yp-technology .yp-tech-leadtext{font-size:17px;line-height:1.68;color:#2d4d60}
main.page .yp-technology .yp-tech-focus{background:#eaf1f4;padding:26px 28px;border-left:4px solid #dda251;border-radius:5px}
main.page .yp-technology .yp-tech-focus span{color:#ac732f;font-size:11px;letter-spacing:.11em;font-weight:800}
main.page .yp-technology .yp-tech-focus strong{display:block;font-size:21px;color:#17394d;line-height:1.35;margin:12px 0}
main.page .yp-technology .yp-tech-focus p{font-size:14px;margin:0}
main.page .yp-technology .yp-tech-section{margin:0 0 60px}
main.page .yp-technology .yp-tech-heading{max-width:900px;margin-bottom:24px}
main.page .yp-technology .yp-tech-two-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
main.page .yp-technology .yp-tech-route{border:1px solid #d7e2e8;border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
main.page .yp-technology figure{margin:0;min-width:0}
main.page .yp-technology .yp-tech-photo img{width:100%;display:block;object-fit:cover;object-position:center;height:284px;background:#edf3f6}
main.page .yp-technology figcaption{padding:9px 14px;font-size:12px;color:#637d8b;background:#f0f5f7;line-height:1.5}
main.page .yp-technology .yp-tech-route-body{padding:24px 25px 28px;display:flex;flex-direction:column;flex:1}
main.page .yp-technology .yp-tech-series{color:#a96f30;font-size:11px;letter-spacing:.12em;font-weight:800}
main.page .yp-technology .yp-tech-route-body p{font-size:14px;flex:0}
main.page .yp-technology .yp-tech-flow{list-style:none;margin:6px 0 21px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
main.page .yp-technology .yp-tech-flow li{border:1px solid #d5e1e7;border-top:3px solid #dea352;padding:10px 8px;font-size:11px;font-weight:700;line-height:1.55;color:#204154;background:#f3f7f9;position:relative}
main.page .yp-technology .yp-tech-flow small{font-size:10px;font-weight:400;color:#597484}
main.page .yp-technology .yp-tech-textlink{color:#08728b!important;font-weight:800;font-size:14px;display:inline-block;margin-top:auto}
main.page .yp-technology .yp-tech-textlink:hover{text-decoration:underline!important}
main.page .yp-technology .yp-tech-systems{background:#eff4f6;padding:30px 31px 33px;border-radius:9px}
main.page .yp-technology .yp-tech-systems-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:24px}
main.page .yp-technology .yp-tech-systems-grid>div{background:#fff;border:1px solid #dce6eb;padding:19px 19px 17px;border-radius:5px}
main.page .yp-technology .yp-tech-systems-grid b{font-size:12px;color:#b77b36}
main.page .yp-technology .yp-tech-systems-grid h3{font-size:17px;margin:8px 0 8px}
main.page .yp-technology .yp-tech-systems-grid p{font-size:13.4px;line-height:1.65;margin:0}
main.page .yp-technology .yp-tech-workshop{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin-bottom:61px}
main.page .yp-technology .yp-tech-workshop .yp-tech-photo img{height:330px}
main.page .yp-technology .yp-tech-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
main.page .yp-technology .yp-tech-reference-grid article{border:1px solid #d8e4ea;padding:24px;border-radius:8px;display:flex;flex-direction:column;background:#fff}
main.page .yp-technology .yp-tech-reference-grid article>span{color:#b47735;font-size:11px;letter-spacing:.12em;font-weight:800}
main.page .yp-technology .yp-tech-reference-grid h3{font-size:23px}
main.page .yp-technology .yp-tech-reference-grid ul{list-style:none;padding:0;margin:0 0 20px;flex:1}
main.page .yp-technology .yp-tech-reference-grid li{border-bottom:1px solid #e2e9ed;padding:9px 0;margin:0}
main.page .yp-technology .yp-tech-reference-grid li a{font-size:14px;color:#176d85!important;font-weight:700}
main.page .yp-technology .yp-tech-guide-btn{display:block;background:#e3a251;color:#173749!important;font-weight:800;border-radius:4px;padding:11px 16px;text-align:center;font-size:14px}
main.page .yp-technology .yp-tech-planning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}
main.page .yp-technology .yp-tech-planning-grid>div{border-left:3px solid #e3a451;padding:4px 0 4px 17px}
main.page .yp-technology .yp-tech-planning-grid b{font-size:11px;color:#ae7334;letter-spacing:.06em}
main.page .yp-technology .yp-tech-planning-grid h3{font-size:17px;margin:9px 0}
main.page .yp-technology .yp-tech-planning-grid p{font-size:13.6px;margin:0}
main.page .yp-technology .yp-tech-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#17394d;color:#fff;padding:37px 40px;border-radius:8px;margin:0 0 24px}
main.page .yp-technology .yp-tech-cta .yp-tech-kicker{color:#efb86f}
main.page .yp-technology .yp-tech-cta h2{color:#fff!important;font-size:29px;margin:7px 0 14px}
main.page .yp-technology .yp-tech-cta p{color:#d5e5ed!important;font-size:14px;max-width:620px;margin-bottom:7px}
main.page .yp-technology .yp-tech-cta strong{color:#fff;font-size:14px}
main.page .yp-technology .yp-tech-cta>a{display:inline-block;padding:14px 18px;background:#e6a450;color:#183749!important;font-weight:800;font-size:13.5px;border-radius:4px;white-space:nowrap;flex-shrink:0}
main.page .yp-technology .yp-tech-source{font-size:12px;color:#718592;line-height:1.65}
@media(max-width:990px){main.page .yp-technology .yp-tech-intro{grid-template-columns:1fr}main.page .yp-technology .yp-tech-systems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main.page .yp-technology .yp-tech-workshop{grid-template-columns:1fr}main.page .yp-technology .yp-tech-planning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){main.page .yp-technology .yp-tech-two-routes,main.page .yp-technology .yp-tech-reference-grid,main.page .yp-technology .yp-tech-systems-grid,main.page .yp-technology .yp-tech-planning-grid{grid-template-columns:1fr}main.page .yp-technology .yp-tech-flow{grid-template-columns:repeat(2,minmax(0,1fr))}main.page .yp-technology .yp-tech-photo img{height:225px}main.page .yp-technology .yp-tech-workshop .yp-tech-photo img{height:270px}main.page .yp-technology .yp-tech-focus{padding:20px 22px}main.page .yp-technology .yp-tech-route-body{padding:18px}main.page .yp-technology .yp-tech-systems{padding:22px 18px}main.page .yp-technology .yp-tech-section{margin-bottom:42px}main.page .yp-technology .yp-tech-cta{display:block;padding:28px 22px}main.page .yp-technology .yp-tech-cta>a{margin-top:19px}main.page .yp-technology .yp-tech-route-body h3{font-size:20px}}